<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Costamar A Travel Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Costamar Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
</head>
<body>
<!-- header -->
<div class="banner">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<img src="images/banner.jpg" class="img-responsive" alt="">
</li>
<li>
<img src="images/banner2.jpg" class="img-responsive" alt="">
</li>
<li>
<img src="images/banner3.jpg" class="img-responsive" alt="">
</li>
</ul>
</div>
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-16">
<li class="active"><a href="index.html" data-hover="HOME">HOME</a></li>
<li><a href="about.html" data-hover="ABOUT">ABOUT</a></li>
<li><a href="404.html" data-hover="FLIGHTS">FLIGHTS</a></li>
<li><a href="destination.html" data-hover="DESTINATIONS">DESTINATIONS</a></li>
<li><a href="contact.html" data-hover="CONTACTS">CONTACTS</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
</div>
<!-- header -->
<!-- get -->
<div class="get">
<div class="container">
<div class="col-md-9 get-left">
<h1>Lorem Ipsum is simply dummy text of the printing and industry</h1>
</div>
<div class="col-md-3 get-right">
<a href="#" class="btn btn-1c btn1 btn-1d">GET STARTED</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- get -->
<!-- welcome -->
<div class="welcome">
<div class="col-md-6 welcome-left">
<img src="images/right.jpg" class="img-responsive" alt="" />
<div class="welcome-lefttop">
<h5>Contrary to popular belief, Lorem Ipsum simpl</h5>
<li><span>01.</span>There are many variations of passages </li>
<li><span>02.</span>Lorem ipsum dolor sit amet, consectet </li>
<li><span>03.</span>Ut wisi enim ad minim veniam, quis </li>
<li><span>04.</span>Duis autem vel eum iriure in hendrerit </li>
<div class="button">
<a href="#" class="btn btn-1c btn1 btn-1d">LEARN MORE</a>
</div>
</div>
</div>
<div class="col-md-6 welcome-right">
<h3>welcome</h3>
<h6>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution</h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
<div class="clearfix"> </div>
</div>
<!-- welcome -->
<!-- hand -->
<div class="hand">
<div class="container">
<h2>On the other hand, we dnounce </h2>
<div class="col-md-3 flights">
<i class="fligh"> </i>
<h4>flights</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-md-3 resturants">
<i class="rest"> </i>
<h4> resturants</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-md-3 beech">
<i class="beec"> </i>
<h4>beech</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="col-md-3 cars">
<i class="ca"> </i>
<h4>cars</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- hand -->
<!-- midban-->
<div class="vero">
<div class="container">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="vero-top">
<div class="col-md-4 vero-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<label> </label>
<h6>At vero eos et accusamus</h6>
<div class="button-1">
<a class="read-more" href="#">more</a>
</div>
</div>
<div class="col-md-4 vero-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<label> </label>
<h6>At vero eos et accusamus</h6>
<div class="button-1">
<a class="read-more" href="#">more</a>
</div>
</div>
<div class="col-md-4 vero-3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<label> </label>
<h6>At vero eos et accusamus</h6>
<div class="button-1">
<a class="read-more" href="#">more</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
</li>
<li>
<div class="vero-top">
<div class="col-md-4 vero-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<label> </label>
<h6>At vero eos et accusamus</h6>
<div class="button-1">
<a class="read-more" href="#">more</a>
</div>
</div>
<div class="col-md-4 vero-2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<label> </label>
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS+JQ+Bootstrap的户外丛林旅行响应式网页.7z
![preview](https://csdnimg.cn/release/downloadcmsfe/public/img/white-bg.ca8570fa.png)
共37个文件
jpg:14个
png:9个
html:5个
![preview-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/scale.ab9e0183.png)
需积分: 5 0 下载量 16 浏览量
2024-06-28
18:38:28
上传
评论
收藏 3.81MB 7Z 举报
温馨提示
大学生们,想让你的个人项目或作品集脱颖而出吗?这份超实用的网站源码合集,专为追求技术深度与创意边界的你定制! 从零到一,快速构建:结合HTML的坚实基础与CSS的视觉魔法,轻松设计出吸引眼球的网页界面。无论是扁平风还是 Material Design,随心所欲展现你的设计才华。 JavaScript实战演练:掌握web开发的“瑞士军刀”,实现炫酷的动态效果和用户交互。从基础语法到高级应用,每行代码都是你技术成长的足迹。 jQuery加速开发流程:用最简洁的代码实现复杂的操作,jQuery让你事半功倍。提升开发效率,把更多时间留给创意实现。 Bootstrap响应式布局:一码在手,多端无忧。学会Bootstrap,让你的作品在任何设备上都表现完美,无缝对接移动互联网时代。 实战经验,助力求职加薪:拥有这份源码宝典,不仅意味着技术的全面升级,更是简历上的亮点,让面试官眼前一亮,为实习、工作加分! 别等了,现在就开始你的前端探索之旅,用代码塑造未来,让梦想触网可及!
资源推荐
资源详情
资源评论
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![circ](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
收起资源包目录
![package](https://csdnimg.cn/release/downloadcmsfe/public/img/package.f3fc750b.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
![folder](https://csdnimg.cn/release/downloadcmsfe/public/img/folder.005fa2e5.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/GIF.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/UNKNOWN.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/PNG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/JPG.png)
![file-type](https://csdnimg.cn/release/download/static_files/pc/images/minetype/HTML.png)
共 37 条
- 1
资源评论
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
![avatar](https://profile-avatar.csdnimg.cn/99ba17447a824d91a74ab0ba810d7a70_master_chenchen.jpg!1)
master_chenchengg
- 粉丝: 6349
- 资源: 2157
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)