<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Boattrip - Yacht and Boat Rental HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all">
<!-- responsive CSS -->
<link rel="stylesheet" href="assets/css/responsive.css" type="text/css" media="all">
<!-- modernizr js -->
<script src="assets/js/modernizr-3.5.0.min.js"></script>
<link href="assets/css/clash-display.css" rel="stylesheet">
</head>
<body>
<!--========= Start Prealoader ==============-->
<div class="loading-screen" id="loading-screen">
<span class="bar top-bar"></span>
<span class="bar down-bar"></span>
<div class="animation-preloader">
<div class="spinner"><img src="assets/images/loader.gif" alt=""></div>
<div class="txt-loading">
<span data-text-preloader="T" class="letters-loading">
T
</span>
<span data-text-preloader="r" class="letters-loading">
r
</span>
<span data-text-preloader="a" class="letters-loading">
a
</span>
<span data-text-preloader="v" class="letters-loading">
v
</span>
<span data-text-preloader="e" class="letters-loading">
e
</span>
<span data-text-preloader="l" class="letters-loading">
l
</span>
<span data-text-preloader="B" class="letters-loading">
B
</span>
<span data-text-preloader="D" class="letters-loading">
D
</span>
</div>
</div>
</div>
<!--========= End Prealoader ==============-->
<!--==================================================-->
<!-- Start Boattrip Header Section -->
<!--==================================================-->
<header class="main-header header-style-one">
<!-- Header Top -->
<div class="header-top header-top-one">
<div class="container">
<div class="inner clearfix">
<div class="top-left clearfix">
<!--Info-->
<div class="info">
<ul class="clearfix">
<li class="phone"><a href="#"><span><i class="icon-pin-solid"></i></span>68 5th Ave, New York, NY 10011, USA</a></li>
<li class="email"><a href="mailto:[email protected]"><span><i class="icon-envelope"></i></span>[email protected]</a></li>
</ul>
</div>
</div>
<div class="top-right clearfix">
<div class="my-account">
<ul class="clearfix js-signin-modal-trigger">
<li><a class="cd-main-nav__item cd-main-nav__item--signin" href="#0" data-signin="login">
<span><i class="icon-padlock"></i></span> Login </a>
</li>
<li><a class="cd-main-nav__item cd-main-nav__item--signup" href="#0" data-signin="signup">
<span><i class="icon-user"></i></span> Sign Up </a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Header Upper -->
<div class="header-upper">
<div class="container">
<div class="inner clearfix">
<!--Logo-->
<div class="logo-box">
<div class="logo"><a href="index.html"><img src="assets/images/logo.png" alt=""></a></div>
</div>
<div class="nav-content clearfix">
<div class="nav-outer clearfix">
<!--Mobile Navigation Toggler-->
<div class="mobile-nav-toggler"><span class="fas fa-bars"></span></div>
<!-- Main Menu -->
<nav class="main-menu navbar-expand-md navbar-light">
<div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">
<li><a href="#">Home <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="index.html">Home 01 - Rental</a></li>
<li><a href="index-2.html">Home 02 - Tour</a></li>
<li class="dropdown"><a href="#!">Header Styles</a>
<ul class="sub-menu">
<li><a href="index.html">Header Style 01</a></li>
<li><a href="index-2.html">Header Style 02</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#!">Yesht Rent <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="yachts-grid.html">Yachts Grid</a></li>
<li><a href="yachts-details.html">Yachts Details</a></li>
</ul>
</li>
<li><a href="#">Destinations <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="destinations.html">Yacht Destinations</a></li>
<li><a href="destinations-details.html">Destinations Details</a></li>
</ul>
</li>
<li><a href="#">Blog <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="blog-grid.html">Blog Gird</a></li>
<li><a href="blog.html">Blog List</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="current"><a href="#">Shop <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="shop.html">Shop</a></li>
<li class="current"><a href="">Shop Two</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Shopping Cart</a></li>
<li><a href="checkout.html">checkout</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
</div>
<!--Language-->
<div class="language">
<a class="lang-btn" title="Click Me">
<i class="icon-planet-earth"></i>ENG<i class="icon-downward-arrow"></i>
</a>
<div class="language-icon">
<ul>
<li><a href="#!"><i class="fas fa-flag-usa"></i>ENG</a></li>
<li><a href="#!"><i class="icon-pinterest"></i>BNG</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
<!-- Sticky Header -->
<div class="sticky-header">
<div class="container clearfix">
<!--Logo-->
<div class="logo pull-left">
<a href="index.html" title=""><img src="assets/images/logo-sticky.png" alt="" title=""></a>
</div>
<!--Right Col-->
<div class="pull-right clearfix">
<!-- Main Menu -->
<nav class="main-menu clearfix">
<!--Keep This Empty / Menu will come through Javascript-->
</nav><!-- Main Menu End-->
<!--Search Btn-->
<div class="search-btn">
<button type="button" class="search-toggler"><span class="bi bi-search"></span></button>
</div>
<!--Book Btn-->
<div class="booking-link section-button">
<a href="" class="btn-style-one">Book Now</a>
</div>
</div>
</div>
</div><!-- End Sticky Menu -->
<!-- Mobile Menu -->
<div class="mobile-menu">
<div class="menu-backdrop"></div>
<div class="close-btn"><span class="fas fa-times"></span></div>
<nav class="menu-box">
<div class="nav-logo"><a href="index.html"><img src="assets/images/logo3.png" alt="" title=""></a></div>
<div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
<!--Social Links-->
<div class="social-links">
<ul class="clearfix">
<li><a href="#"><span class="fab fa-twitter"></span></a></li>
<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
<li><a href="#"><span cl
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
网页设计与制作代码,蓝色游艇租赁服务网页设计模板下载.zip (234个子文件)
style.css 215KB
bootstrap.min.css 152KB
bootstrap-icons.css 86KB
animate.css 81KB
all.min.css 78KB
scrollbar.css 42KB
css2.css 37KB
jquery-ui.min.css 37KB
responsive.css 36KB
swiper-bundle.min.css 15KB
venobox.css 8KB
custom.css 6KB
flaticon.css 6KB
owl.transitions.css 4KB
CalendarPicker.css 3KB
owl.carousel.min.css 3KB
clash-display.css 928B
fa-solid-900.eot 199KB
fa-brands-400.eot 131KB
flaticon.eot 44KB
fa-regular-400.eot 34KB
loader.gif 14KB
prev.gif 1KB
next.gif 1KB
close.gif 1KB
shop-2.html 82KB
shop.html 65KB
index-2.html 63KB
index.html 54KB
shop-details.html 43KB
yachts-grid.html 41KB
yachts-details.html 40KB
checkout.html 37KB
contact.html 34KB
cart.html 34KB
blog-details.html 33KB
blog.html 30KB
destinations-details.html 28KB
blog-grid.html 27KB
destinations.html 26KB
hero-bg2.jpg 290KB
slider-bg1.jpg 230KB
video-bg.jpg 202KB
offer-bg1.jpg 198KB
explore-bg.jpg 186KB
hero-bg1.jpg 184KB
testi-bg.jpg 178KB
slider-bg2.jpg 114KB
breadcumb-bg1.jpg 80KB
shop1.jpg 69KB
shop2.jpg 63KB
testi-bg2.jpg 62KB
blog4.jpg 57KB
blogs2.jpg 56KB
blogs1.jpg 55KB
shop3.jpg 45KB
shop7.jpg 36KB
shop11.jpg 36KB
blogs3.jpg 34KB
shop4.jpg 33KB
dtls2.jpg 32KB
shop6.jpg 31KB
shop13.jpg 30KB
shop5.jpg 25KB
dtls.jpg 22KB
shop12.jpg 22KB
shop8.jpg 17KB
shop9.jpg 12KB
prdct3.jpg 3KB
single-product-thumb-1.jpg 2KB
prdct2.jpg 2KB
prdct1.jpg 2KB
single-product-thumb-2.jpg 2KB
prdct4.jpg 2KB
jquery-ui.min.js 248KB
js-AIzaSyAOVYRIgupAurZup5y1PRh8Ismb1A3lLao_places_initMap.js 212KB
js.js 183KB
swiper-bundle.min.js 133KB
jquery.js 88KB
bootstrap.bundle.min.js 77KB
price-ranger.js 70KB
owl.carousel.min.js 42KB
custom.js 16KB
venobox.min.js 10KB
waypoints.min.js 9KB
modernizr-3.5.0.min.js 8KB
wow.js 7KB
map-script.js 5KB
sign.up.login.js 5KB
jquery.celendar.js 3KB
jquery.counterup.min.js 2KB
swiper-custom.js 936B
blog-thumb1.png 206KB
single-product-2.png 127KB
about-thumb.png 124KB
desti1.png 112KB
gallery-thumb2.png 104KB
gallery-thumb1.png 92KB
single-product-1.png 92KB
desti4.png 92KB
共 234 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 6345
- 资源: 4732
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功