<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Globetrot a Travel Category Bootstrap Responsive Website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Globetrot a 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" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/fontawesome-all.min.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="//fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Niconne|Oleo+Script" rel="stylesheet">
</head>
<body>
<div class="agile-banner-main" id="home">
<div class="banner-layer">
<div class="header-main">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 w3_bl">
<div class='social-wrap'>
<ul>
<li><a class='facebook1'> <i class="fab fa-facebook-f"></i> </a></li>
<li><a class='twitter1'><i class="fab fa-twitter"></i> </a></li>
<li><a class='google-p1'> <i class="fab fa-google-plus-g"></i> </a></li>
<li><a class='linkdin1' ><i class="fab fa-linkedin-in"></i> </a></li>
</ul>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 w3_br">
<div class="w3_rt">
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2 ml-auto" type="search" placeholder="Search" required="" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</div>
</div>
</div>
<!-- //menu -->
<!-- banner -->
<div class="container">
<div class="banner-top">
<div class="banner-info">
<h1>
<a href="index.html">
GLOBETROT</a>
</h1>
<div class="about-p text-center">
<span class="sub-title"></span>
<span class="fa fa-cutlery" aria-hidden="true"></span>
<span class="sub-title"></span>
</div>
<p>Dont Quit Your Travel Dream
</p>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav w-100 justify-content-around">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="typography.html">Typography</a>
<a class="dropdown-item" href="error.html">Error</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link " href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //banner -->
<!-- Accordian -->
<section class="accordian py-lg-5 py-md-4 py-sm-3 py-2">
<div class="container py-lg-5 py-md-4 py-sm-3 py-2">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 w3_acc">
<div id="accordion" role="tablist">
<div class="card">
<div class="card-header" role="tab" id="headingOne">
<a data-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<h5 class="mb-0"> Travel Guides </h5>
</a>
</div>
<div id="collapseOne" class="collapse show" role="tabpanel" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingTwo">
<a class="collapsed" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<h5 class="mb-0"> Diplomatic Visits</h5>
</a>
</div>
<div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingThree">
<a class="collapsed" data-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<h5 class="mb-0">Royal Visits </h5>
</a>
</div>
<div id="collapseThree" class="collapse" role="tabpanel" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingfour">
<a class="collapsed" data-toggle="collapse" href="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
<h5 class="mb-0"> Adventure Travel</h5>
</a>
</div>
<div id="colla
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索未来设计的数字前沿,这份精心设计的“web前端网站源码”无疑是您不可错过的创意宝藏。它巧妙融合了现代网页设计的灵动,打造出一个既展现专业实力又兼顾用户体验的在线空间。 该源码采用了最前沿的HTML5、CSS3及JavaScript技术,确保网站在不同设备上均能完美呈现,从桌面大屏到手机小屏,都能享受流畅无阻的浏览体验。独特的响应式设计,让信息架构清晰明了,无论是产品展示、企业介绍还是新闻动态,都能以最佳布局吸引访客目光。 通过这份源码,您可以轻松搭建起具备高度互动性和用户友好性的网站。它不仅是您企业线上形象的闪亮名片,更是吸引潜在客户、提升品牌影响力的有力工具。立即拥有,开启您的数字化之旅,让每一行代码都成为推动行业进步的力量!
资源推荐
资源详情
资源评论
收起资源包目录
web前端网站源码:环球旅行动态响应式网站-HTML源码.zip (71个子文件)
web前端网站源码:环球旅行动态响应式网站-HTML源码
html
js
jquery.min.v3.js 84KB
lightbox-plus-jquery.min.js 91KB
bootstrap.min.js 48KB
simple-lightbox.min.js 17KB
SmoothScroll.min.js 14KB
easing.js 5KB
move-top.js 1KB
webfonts
fa-brands-400.woff 62KB
fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB
fa-solid-900.woff 48KB
fa-solid-900.eot 100KB
fa-solid-900.ttf 100KB
fa-brands-400.woff2 53KB
fa-regular-400.woff2 12KB
fa-brands-400.eot 96KB
fa-regular-400.eot 30KB
fa-regular-400.woff 14KB
fa-regular-400.svg 105KB
fa-regular-400.ttf 30KB
fa-solid-900.woff2 38KB
fa-solid-900.svg 369KB
typography.html 19KB
css
style.css 34KB
bootstrap.min.css 141KB
simplelightbox.min.css 2KB
fontawesome-all.min.css 34KB
lightbox.css 4KB
index.html 20KB
contact.html 11KB
about.html 14KB
error.html 9KB
images
g3.jpg 67KB
ga3.jpg 112KB
tm2.jpg 28KB
g2.jpg 91KB
ga6.jpg 155KB
ga1.jpg 103KB
tm6.jpg 26KB
c1.jpg 105KB
ga8.jpg 157KB
ga4.jpg 98KB
tm3.jpg 28KB
tm7.jpg 28KB
c2.jpg 99KB
arrow.png 3KB
g8.jpg 81KB
ga5.jpg 136KB
social-icons.png 13KB
t3.jpg 24KB
tm8.jpg 28KB
g7.jpg 118KB
left.png 4KB
g6.jpg 79KB
t1.jpg 30KB
ga2.jpg 122KB
bg.jpg 442KB
tm5.jpg 32KB
g5.jpg 78KB
c3.jpg 132KB
close.png 280B
ga7.jpg 113KB
t2.jpg 23KB
right.png 4KB
g4.jpg 50KB
tm4.jpg 24KB
ab.jpg 158KB
logo1.jpg 1017B
g1.jpg 64KB
tm1.jpg 32KB
gallery.html 12KB
共 71 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 5 薪酬结构统计分析表(依据基本信息自动生成).xlsx
- 4 员工工资表-部门薪酬分析.xlsx
- 8 公司工程部人事薪酬分析.xlsx
- 13 公司人力资源薪酬工资统计表.xlsx
- 7 薪酬市场数据统计分析.xlsx
- 9 公司员工薪酬统计分析表.xlsx
- 10 财务分析员工薪酬统计表.xlsx
- 12 财务报表员工薪酬结算.xlsx
- 11 财务报表员工薪酬分析.xlsx
- 15 薪资情况分析表.xlsx
- 14 薪资筹划财务分析表.xlsx
- 18 财务汇报部门历年薪酬统计图表.xlsx
- 16 月度工资支出数据汇总图表.xlsx
- 17财务报告年度工资统计图表1.xlsx
- 20 工资表-部分统计-图表展示.xlsx
- 21 公司部门工资情况汇报图表模板.xlsx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功