<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- SITE TITLE -->
<title>TripX - Tour & Travel Agency Template</title>
<!--Favicon-->
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Google Font -->
<link href="assets/css/css2.css" rel="stylesheet">
<!-- Icon CSS -->
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/icofont.css">
<link rel="stylesheet" href="assets/css/Pe-icon-7-stroke.css">
<link rel="stylesheet" href="assets/css/line-awesome.css">
<link rel="stylesheet" href="assets/css/fontawesome.css">
<!--- owl carousel Css-->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<!--jquery-simple-mobilemenu Css-->
<link rel="stylesheet" href="assets/css/jquery-simple-mobilemenu.css">
<!--magnific-popup Css-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--YouTubePopUp Css-->
<link rel="stylesheet" href="assets/css/YouTubePopUp.css">
<!--Slick Css-->
<link rel="stylesheet" href="assets/css/slick.css">
<!--slick theme Css-->
<link rel="stylesheet" href="assets/css/slick-theme.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body data-spy="scroll" data-offset="80">
<!-- START PRELOADER -->
<div class="preloader">
<div class="animation-container">
<div class="lightning-container">
<div class="lightning white"></div>
<div class="lightning red"></div>
</div>
<div class="boom-container">
<div class="shape circle big white"></div>
<div class="shape circle white"></div>
<div class="shape triangle big yellow"></div>
<div class="shape disc white"></div>
<div class="shape triangle blue"></div>
</div>
<div class="boom-container second">
<div class="shape circle big white"></div>
<div class="shape circle white"></div>
<div class="shape disc white"></div>
<div class="shape triangle blue"></div>
</div>
</div>
</div>
<!-- END PRELOADER -->
<!-- START NAVBAR -->
<div id="navigation" class="navbar-light bg-faded site-navigation">
<div class="container">
<div class="row">
<div class="col-xl-2 col-md-3 col-sm-4 align-self-center">
<div class="site-logo">
<a href=""><img src="assets/images/logo.png" alt=""></a>
</div>
</div><!--- END Col -->
<div class="col-xl-8 col-md-9 col-sm-8 d-flex justify-content-center">
<nav id="main-menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="tour.html">Tour</a></li>
<li><a href="about.html">About</a></li>
<li><a href="service.html">Service</a></li>
<li class="menu-item-has-children"><a href="#">Pages</a>
<ul>
<li><a href="tour-details.html">Package Details</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div id="mobile_menu"></div>
</div><!--- END Col -->
<div class="col-xl-2 d-none d-xl-block text-end align-self-center">
<a href="#" class="btn_green">Book Now</a>
</div><!--- END Col -->
<ul class="mobile_menu">
<li><a href="">Home</a></li>
<li><a href="tour.html">Tour</a></li>
<li><a href="about.html">About</a></li>
<li><a href="service.html">Service</a></li>
<li><a href="#">Pages</a>
<ul class="submenu">
<li><a href="tour-details.html">Package Details</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</div>
<!-- END NAVBAR -->
<!-- START HOME -->
<section id="home" class="home-slider">
<div class="single_home_slide" style="background-image: url(assets/images/16.jpg); background-size:cover;">
<div class="slide_overlay">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="hero-text">
<p>Discover The World</p>
<h1>
Travel And Adventure <br> Campaign
</h1>
<div class="sl_btn_group">
<a href="#special_package" class="btn_yellow">Tour Guide</a>
<a href="contact.html" class="btn_white">About Us</a>
</div>
</div>
</div><!--- END COL -->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</div><!--- END slide -->
</div><!--- END slide -->
<div class="single_home_slide" style="background-image: url(assets/images/26.jpg); background-size:cover;">
<div class="slide_overlay">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="hero-text">
<p>We are here to Make your Travel Comfort .</p>
<h1>
Explore The World <br> With Ease
</h1>
<div class="sl_btn_group">
<a href="#special_package" class="btn_yellow">Tour Guide</a>
<a href="contact.html" class="btn_white">About Us</a>
</div>
</div>
</div><!--- END COL -->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</div><!--- END slide -->
</div><!--- END slide -->
<div class="single_home_slide" style="background-image: url(assets/images/36.jpg); background-size:cover;">
<div class="slide_overlay">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="hero-text">
<p>Save 15% of in Worldwide .</p>
<h1>
Travel Most Beautiful Place <br> With Us
</h1>
<div class="sl_btn_group">
<a href="#special_package" class="btn_yellow">Tour Guide</a>
<a href="contact.html" class="btn_white">About Us</a>
</div>
</div>
</div><!--- END COL -->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</div><!--- END slide -->
</div><!--- END slide -->
</section>
<!-- END HOME DESIGN -->
<!-- START Tour Category -->
<section class="tour-category pt130">
<div class="container">
<div class="row">
<div class="col-12" data-aos="fade-up">
<div class="section-title text-center">
<span>Browse By Category</span>
<h2>Pick your Perfect Plan</h2>
</div>
</div><!-- END COL -->
</div><!-- END ROW -->
<div class="row text-center">
<div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 col-12">
<div class="single-tcategory">
<a href="#">
<img src="assets/images/1.jpg" alt="">
<h4>Adventure</h4>
<p>25+ Tours</p>
</a>
</div>
</div><!-- END COL -->
<div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 col-12">
<div class="single-tcategory">
<a href="#">
<img src="assets/images/2.jpg" alt="">
<h4>City Tour</h4>
<p>85+ Tours</p>
</a>
</div>
</div><!-- END COL -->
<div class="col-xl-2 col-lg-2 col-md-3 col-sm-4 col-12">
<div class="single-tcategory">
<a href="#">
<img src="assets/images/3.jpg" alt="">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
网站源码模板下载,定制旅行网页设计模板.zip (151个子文件)
bootstrap.min.css 227KB
fontawesome.css 161KB
icofont.css 131KB
line-awesome.css 108KB
style.css 60KB
css2.css 17KB
themify-icons.css 16KB
Pe-icon-7-stroke.css 9KB
magnific-popup.css 7KB
jquery-simple-mobilemenu.css 4KB
owl.carousel.min.css 3KB
slick-theme.css 3KB
YouTubePopUp.css 3KB
slick.css 2KB
owl.theme.default.min.css 1013B
la-solid-900.eot 221KB
la-brands-400.eot 153KB
themify.eot 77KB
Pe-icon-7-stroke.eot 57KB
la-regular-400.eot 33KB
slick.eot 2KB
ajax-loader.gif 4KB
index.html 90KB
service.html 69KB
tour-details.html 17KB
blog-details.html 17KB
about.html 17KB
blog.html 15KB
tour.html 15KB
contact.html 12KB
36.jpg 597KB
3.jpg 597KB
vid_bg.jpg 360KB
16.jpg 352KB
1.jpg 352KB
34.jpg 251KB
2.jpg 219KB
26.jpg 219KB
31.jpg 180KB
61.jpg 175KB
22.jpg 170KB
11.jpg 166KB
51.jpg 150KB
13.jpg 145KB
24.jpg 138KB
14.jpg 138KB
section-bg.jpg 136KB
42.jpg 120KB
33.jpg 113KB
41.jpg 109KB
21.jpg 105KB
32.jpg 100KB
52.jpg 91KB
12.jpg 89KB
about.jpg 86KB
43.jpg 80KB
15.jpg 70KB
23.jpg 67KB
why.jpg 66KB
35.jpg 59KB
25.jpg 58KB
6.jpg 15KB
4.jpg 14KB
5.jpg 10KB
slick.js 88KB
jquery.min.js 87KB
bootstrap.min.js 59KB
owl.carousel.min.js 43KB
jquery.magnific-popup.js 41KB
masonry.pkgd.min.js 24KB
modernizr-2.8.3.min.js 15KB
waypoints.min.js 9KB
imagesloaded.pkgd.min.js 5KB
jquery-simple-mobilemenu.js 4KB
scrolltopcontrol.js 4KB
scripts.js 3KB
YouTubePopUp.jquery.js 3KB
jquery.counterup.min.js 3KB
yvpopup-active.js 55B
overlay.png 564KB
3.png 44KB
2.png 38KB
1.png 34KB
32.png 28KB
22.png 26KB
12.png 20KB
21.png 3KB
5.png 3KB
4.png 2KB
31.png 2KB
11.png 2KB
close.png 1KB
logo.png 1KB
next.png 433B
back.png 419B
la-brands-400.svg 906KB
la-solid-900.svg 902KB
themify.svg 229KB
worldmap.svg 169KB
Pe-icon-7-stroke.svg 160KB
共 151 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 5924
- 资源: 3014
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功