<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Sail-trip a Travel Category Bootstrap Responsive web Template| Home :: w3layouts</title>
<!--meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Sail-trip Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--//meta tags ends here-->
<!--booststrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!--//booststrap end-->
<!-- font-awesome icons -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!--stylesheets-->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<!--//stylesheets-->
<link href="//fonts.googleapis.com/css?family=Playfair+Display:400,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
</head>
<body>
<div class="main-top" id="home">
<!-- header -->
<div class="headder-top">
<!-- nav -->
<nav>
<div id="logo">
<h1>
<a href="index.html">Sail-Trip</a>
</h1>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop">
<ul class="menu mt-2">
<li class="active">
<a href="index.html">Home</a>
</li>
<li class="mx-lg-3 mx-md-2 my-md-0 my-1">
<a href="about.html">About</a>
</li>
<li>
<a href="service.html">Services</a>
</li>
<li class="mx-lg-3 mx-md-2 my-md-0 my-1">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle toogle-2">Dropdown
<span class="fa fa-angle-down" aria-hidden="true"></span>
</label>
<a href="#">Dropdown
<span class="fa fa-angle-down" aria-hidden="true"></span>
</a>
<input type="checkbox" id="drop-2">
<ul>
<li>
<a href="gallery.html" class="drop-text">Gallery</a>
</li>
<li>
<a href="blog.html" class="drop-text">Blog</a>
</li>
</ul>
</li>
<li>
<a href="contact.html">Contact Us</a>
</li>
</ul>
</nav>
<!-- //nav -->
</div>
<!-- //header -->
<!-- banner -->
<div class="main-banner">
<div class="container-fluid">
<div class="style-banner ">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-3">
<div class="social-icons">
<ul>
<li>
<a href="#">
<span class="fa fa-facebook mr-lg-3"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-twitter mr-lg-3"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-rss mr-lg-3"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-envelope mr-lg-3"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-instagram mr-lg-3"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-9">
<div class="banner-right-txt">
<h4>Fun and Adventure</h4>
<h4>With Joyful Trip</h4>
<div class="two-demo-button mt-lg-4 mt-md-3 mt-3">
<p> Lorem ipsum dolor sit amet Lorem ipsum dolor sit ametLorem ipsum dolor sit amet</p>
</div>
<div class="view-buttn mt-md-4 mt-sm-4 mt-3">
<a href="single.html" class="btn">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<section class="about py-lg-4 py-md-3 py-sm-3 py-3" id="about">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<div class="row">
<div class="col-lg-4 about-imgs-txt">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 text-center">
<div class="about-span-txt">
<span class="fa fa-handshake-o" aria-hidden="true"></span>
</div>
</div>
<div class="about-w3layouts-left col-lg-9 col-md-9 col-sm-9">
<h6 class="mb-lg-3 mb-2">Fishing</h6>
<p>Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing</p>
</div>
</div>
<div class="row my-lg-5 my-md-4 my-3">
<div class="about-w3layouts-left col-lg-9 col-md-9 col-sm-9">
<h6 class="mb-lg-3 mb-2">Sailing</h6>
<p>Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 text-center">
<div class="about-span-txt">
<span class="fa fa-superpowers" aria-hidden="true"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-3 text-center">
<div class="about-span-txt">
<span class="fa fa-binoculars" aria-hidden="true"></span>
</div>
</div>
<div class="about-w3layouts-left col-lg-9 col-md-9 col-sm-9">
<h6 class="mb-lg-3 mb-2">Water sports</h6>
<p>Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 about-imgs-txt">
<img src="images/ab1.jpg" alt="news image" class="img-fluid">
</div>
<div class="col-lg-4 col-md-6 text-right about-two-grids">
<h3 class="title mb-md-4 mb-sm-3 mb-3">What Is Our History</h3>
<div class="about-para-txt">
<p>sed do eiusmod tempor incididunt ut Lorem ipsum dolor sit sed do eiusmod tempor incididunt ut Lorem ipsum dolor
sit amet Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore et consectetur adipiscing sed do eiusmod
tempor incididunt ut Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet, eiusmod tempor incididunt ut labore
et consectetur adipiscing</p>
</div>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- counter-reset -->
<section class="counter-reset">
<div class="container-fluid">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 count-wthree-num text-center">
<h5 class="mb-lg-4 mb-md-4 mb-3">400+</h5>
<h4 class="mb-3">Water sports</h4>
<p>Lorem ipsum dolor sit ame
绿色简洁风格响应式帆船旅行网页模板.zip
61 浏览量
2023-06-20
19:21:04
上传
评论
收藏 1.15MB ZIP 举报
小徐博客
- 粉丝: 1742
- 资源: 872
最新资源
- From Nand to Tetris (I) on Coursera
- VHDL是VHSIC Hardware Description Language的缩写,全称是Very High Speed I
- Redis是一种流行的开源内存数据库,它提供了各种各样的命令和功能来处理数据 以下是一些常见的Redis命令以及它们的用法:
- 基于java+springboot高校党建基本数据管理系统的设计与实现
- 网络安全是指保护计算机网络和网络基础设施的实践和技术 随着信息技术的发展,网络安全变得越来越重要,因为许多关键信息和个人数据都存
- 基于CYCLONE FPGA设计的出租车计价器Quartus工程VERILOG源码+课设报告文档.zip
- 课程设计:稳压电源电路.zip
- 基于C++的线段树和树状数组(免费提供全部源码)
- 使用 Redis 存储用户和他们的帖子.zip
- AI绘画实操(基础版)-推荐资料
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈