<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<meta charset="utf-8">
<meta name="description" content="Traveling HTML5 Template">
<meta name="author" content="Design Hooks">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="static/css/css.css" rel="stylesheet">
<link href="static/picture/favicon.png" type="image/x-icon" rel="shortcut icon">
<link href="static/css/screen.css" rel="stylesheet">
</head>
<body class="home" id="page">
<!-- Header -->
<header class="main-header">
<div class="container">
<div class="header-content">
<a href="">
<img src="static/picture/site-identity.png" alt="site identity">
</a>
<nav class="site-nav">
<ul class="clean-list site-links">
<li>
<a href="#">Top Destinations</a>
</li>
<li>
<a href="#">Add your boat</a>
</li>
</ul>
<a href="#" class="btn btn-outlined">Sign up</a>
</nav>
</div>
</div>
</header>
<!-- Main Content -->
<div class="content-box">
<!-- Hero Section -->
<section class="section section-hero">
<div class="hero-box">
<div class="container">
<div class="hero-text align-center">
<h1>Reserve a boat now!</h1>
<p>and set your sails into paradise!</p>
</div>
<form class="destinations-form">
<div class="input-line">
<input type="text" name="destination" value="" class="form-input check-value" placeholder="WHAT IS YOUR DESTINATION, SAILOR?">
<button type="button" name="destination-submit" class="form-submit btn btn-special">Find a boat</button>
</div>
</form>
</div>
</div>
<!-- Statistics Box -->
<div class="container">
<div class="statistics-box">
<div class="statistics-item">
<span class="value">2,300</span>
<p class="title">Destinations</p>
</div>
<div class="statistics-item">
<span class="value">1,000</span>
<p class="title">Cities</p>
</div>
<div class="statistics-item">
<span class="value">35,000</span>
<p class="title">Boats</p>
</div>
<div class="statistics-item">
<span class="value">50,000</span>
<p class="title">Sailors</p>
</div>
</div>
</div>
</section>
<!-- Destinations Section -->
<section class="section section-destination">
<!-- Title -->
<div class="section-title">
<div class="container">
<h2 class="title">Explore our top destinations</h2>
<p class="sub-title">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et</p>
</div>
</div>
<!-- Content -->
<div class="container">
<div class="row">
<div class="col-md-16 col-xs-24">
<div class="destination-box">
<div class="box-cover">
<a href="#">
<img src="static/picture/destination-1.jpg" alt="destination image">
</a>
</div>
<span class="boats-qty">730</span>
<div class="box-details">
<div class="box-meta">
<h4 class="city">Figueira da Fox</h4>
<p class="country">Portugal</p>
</div>
</div>
</div>
</div>
<div class="col-md-8 col-sm-12 col-xs-24">
<div class="destination-box">
<div class="box-cover">
<a href="#">
<img src="static/picture/destination-2.jpg" alt="destination image">
</a>
</div>
<span class="boats-qty">621</span>
<div class="box-details">
<div class="box-meta">
<h4 class="city">Ibiza</h4>
<p class="country">Spain</p>
</div>
</div>
</div>
</div>
<div class="col-md-8 col-sm-12 col-xs-24">
<div class="destination-box">
<div class="box-cover">
<a href="#">
<img src="static/picture/destination-3.jpg" alt="destination image">
</a>
</div>
<span class="boats-qty">543</span>
<div class="box-details">
<div class="box-meta">
<h4 class="city">Palma de Mallorca</h4>
<p class="country">Spain</p>
</div>
</div>
</div>
</div>
<div class="col-md-8 col-sm-12 col-xs-24">
<div class="destination-box">
<div class="box-cover">
<a href="#">
<img src="static/picture/destination-4.jpg" alt="destination image">
</a>
</div>
<span class="boats-qty">495</span>
<div class="box-details">
<div class="box-meta">
<h4 class="city">Portofino</h4>
<p class="country">Italy</p>
</div>
</div>
</div>
</div>
<div class="col-md-8 col-sm-12 col-xs-24">
<div class="destination-box">
<div class="box-cover">
<a href="#">
<img src="static/picture/destination-5.jpg" alt="destination image">
</a>
</div>
<span class="boats-qty">402</span>
<div class="box-details">
<div class="box-meta">
<h4 class="city">Port Hercules</h4>
<p class="country">Monaco</p>
</div>
</div>
</div>
</div>
<div class="load-destinations-box">
<div class="col-md-8 col-sm-12 col-xs-24">
<div class="destination-box">
<div class="box-cover">
<a href="#">
<img src="static/picture/destination-4.jpg" alt="destination image">
html5响应式游轮帆船租赁服务网站模板
版权申诉
168 浏览量
2022-07-13
23:23:44
上传
评论
收藏 2.61MB RAR 举报
Zp_demo.demohuo.top_9.rar （35个子文件） 
Zp_demo.demohuo.top_9 
index.html 20KB static css 
screen.css 50KB css.css 7KB image 
footer-pattern.png 1KB
hero-background.jpg 370KB rent-boat-background.jpg 771KB picture destination-4.jpg 124KB favicon.png 2KB destination-3.jpg 126KB boat-4.jpg 93KB destination-1.jpg 228KB destination-5.jpg 80KB destination-2.jpg 107KB boat-3.jpg 130KB boat-2.jpg 149KB site-identity.png 4KB boat-1.jpg 94KB js jquery.js 95KB functions.js 1KB font icomoon.woff 6KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2 44KB 1Ptug8zYS_SKggPNyCMIT5lu.woff2 30KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2 20KB 1Ptug8zYS_SKggPNyCAIT5lu.woff2 26KB 1Ptug8zYS_SKggPNyCkIT5lu.woff2 25KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2 31KB 1Ptug8zYS_SKggPNyCIIT5lu.woff2 11KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2 4KB icomoon.eot 6KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2 14KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2 16KB 1Ptug8zYS_SKggPNyC0ITw.woff2 46KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2 48KB memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2 24KB icomoon.ttf 6KB资源评论
