<!DOCTYPE html>
<html lang="zxx" class="no-js">
<head>
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon-->
<link rel="shortcut icon" href="img/fav.png">
<!-- Author Meta -->
<meta name="author" content="Colorlib">
<!-- Meta Description -->
<meta name="description" content="">
<!-- Meta Keyword -->
<meta name="keywords" content="">
<!-- meta character set -->
<meta charset="UTF-8">
<!-- Site Title -->
<title>Travel Asia</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
<!--
CSS
============================================= -->
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Start Header Area -->
<header class="default-header">
<div class="container">
<div class="header-wrap">
<div class="header-top d-flex justify-content-between align-items-center">
<div class="logo">
<a href="#home"><img src="img/logo.png" alt=""></a>
</div>
<div class="main-menubar d-flex align-items-center">
<nav class="hide">
<a href="#home">Home</a>
<a href="#booking">Booking</a>
<a href="#package">Packages</a>
<a href="#contact">Contact</a>
</nav>
<div class="menu-bar"><span class="lnr lnr-menu"></span></div>
</div>
</div>
</div>
</div>
</header>
<!-- End Header Area -->
<!-- start banner Area -->
<section class="banner-area relative" id="home">
<div class="overlay overlay-bg"></div>
<div class="container">
<div class="row fullscreen align-items-center justify-content-start" style="height: 915px;">
<div class="banner-content col-lg-9 col-md-12">
<h1>
Wherever you go <br>
it’ll inside the World
</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a href="#" class="primary-btn">See Details<span class="lnr lnr-arrow-right"></span></a>
</div>
</div>
</div>
</section>
<!-- End banner Area -->
<!-- Start booking Area -->
<section class="booking-area" id="booking">
<div class="container">
<div class="row d-flex justify-content-center">
<div class="col-lg-8">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link" href="#flights" role="tab" data-toggle="tab">flights</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#hotels" role="tab" data-toggle="tab">hotels</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#flights-hotels" role="tab" data-toggle="tab">flights+hotels</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#holidays" role="tab" data-toggle="tab">Holidays</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="flights">
<h4>Book Your Flights</h4>
<form class="booking-form" id="booking" action="mail.php">
<div class="row">
<div class="col-md-6">
<input type="text" name="from" class="single-in form-control" placeholder="From" onfocus="this.placeholder = ''" onblur="this.placeholder = 'From'" required="">
</div>
<div class="col-md-6">
<input type="text" name="to" class="single-in form-control" placeholder="To" onfocus="this.placeholder = ''" onblur="this.placeholder = 'To'" required="">
</div>
<div class="col-md-3">
<input id="datepicker" name="start" class="single-in form-control" onblur="this.placeholder = 'Start'" type="text" placeholder="Start" required>
</div>
<div class="col-md-3">
<input id="datepicker2" name="return" class="single-in form-control" onblur="this.placeholder = 'Return'" type="text" placeholder="Return" required>
</div>
<div class="col-md-3">
<input type="text" name="adults" class="single-in form-control" placeholder="Adults" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Adults'" required="">
</div>
<div class="col-md-3">
<input type="text" name="child" class="single-in form-control" placeholder="Child" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Child'">
</div>
<div class="col-lg-12 d-flex justify-content-end">
<button class="primary-btn mt-20">Send Message<span class="lnr lnr-arrow-right"></span></button>
</div>
<div class="alert-msg"></div>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane fade" id="hotels">
<h4>Book Your Hotels</h4>
<form class="booking-form" id="booking" action="mail.php">
<div class="row">
<div class="col-md-6">
<input type="text" name="from" class="single-in form-control" placeholder="From" onfocus="this.placeholder = ''" onblur="this.placeholder = 'From'" required="">
</div>
<div class="col-md-6">
<input type="text" name="to" class="single-in form-control" placeholder="To" onfocus="this.placeholder = ''" onblur="this.placeholder = 'To'" required="">
</div>
<div class="col-md-3">
<input id="datepicker" name="start" class="single-in form-control" onblur="this.placeholder = 'Start'" type="text" placeholder="Start" required>
</div>
<div class="col-md-3">
<input id="datepicker2" name="return" class="single-in form-control" onblur="this.placeholder = 'Return'" type="text" placeholder="Return" required>
</div>
<div class="col-md-3">
<input type="text" name="adults" class="single-in form-control" placeholder="Adults" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Adults'" required="">
</div>
<div class="col-md-3">
<input type="text" name="child" class="single-in form-control" placeholder="Child" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Child'">
</div>
<div class="col-lg-12 d-flex justify-content-end">
<button class="primary-btn mt-20">Send Message<span class="lnr lnr-arrow-right"></span></button>
</div>
<div class="alert-msg"></div>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane fade" id="flights-hotels">
<h4>Book Your Flights & Hotels</h4>
<form class="booking-form" id="booking" action="mail.php">
<div class="row">
<div class="col-md-6">
<input type="text" name="from" class="single-in form-control" placeholder="From" onfocus="this.placeholder = ''" onblur="this.placeholder = 'From'" required="">
</div>
<div class="col-md-6">
<input type="text" name="to" class="single-in form-control" placeholder="To" onfocus="this.placeholder = ''" onblur="this.placeholder = 'To'" required="">
</div>
<div class="col-md-3">
<input id="datepicker" name="start" class="single-in form-cont
没有合适的资源?快使用搜索试试~ 我知道了~
课设&大作业&毕设-亚洲旅行服务响应式网页模板-适配移动端-HTML源码.zip
共134个文件
scss:88个
jpg:19个
js:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 30 浏览量
2024-03-29
11:37:51
上传
评论
收藏 4.84MB ZIP 举报
温馨提示
开发者以及学生朋友们,您是否在寻求一款高质量、易于定制的响应式HTML网页模板源码?这份针对毕业设计、课程设计以及大型作业的源码资源将完美满足您的需求! 这份源码采用最新的HTML5和CSS3技术,结合流行的响应式网站框架,为您打造了一个高度可定制、跨设备兼容的响应式网页模板。它不仅优化了用户体验,还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此模板具备丰富的功能组件,如导航栏、轮播图、卡片式布局等,可以灵活组合以满足您的各种设计需求。同时,它还支持多种浏览器和操作系统,让您的作品在各种环境下都能稳定运行。 更令人惊喜的是,这份源码文档齐全、注释清晰,即使您是初学者也能快速上手。我们提供了详细的教程和技术支持,助您轻松完成个性化的网站开发。 总之,这份响应式HTML网页模板源码是您进行毕设、课设或大作业的理想选择。它不仅节省了开发时间,降低了学习成本,还能帮助您提升作品的专业品质。立即获取这份资源,让您的项目脱颖而出!
资源推荐
资源详情
资源评论
收起资源包目录
课设&大作业&毕设-亚洲旅行服务响应式网页模板-适配移动端-HTML源码.zip (134个子文件)
bootstrap.css 112KB
main.css 34KB
font-awesome.min.css 30KB
linearicons.css 8KB
magnific-popup.css 7KB
owl.carousel.css 4KB
fontawesome-webfont.eot 162KB
Linearicons-Free.eot 55KB
index.html 26KB
header-bg.jpg 1.89MB
c1.jpg 950KB
p2.jpg 222KB
p3.jpg 169KB
b3.jpg 126KB
p4.jpg 125KB
p1.jpg 121KB
b2.jpg 114KB
p5.jpg 114KB
b1.jpg 110KB
i2.jpg 3KB
user.jpg 3KB
i7.jpg 3KB
i8.jpg 3KB
i1.jpg 2KB
i3.jpg 2KB
i5.jpg 2KB
i4.jpg 2KB
i6.jpg 2KB
jquery-2.2.4.min.js 84KB
bootstrap.min.js 50KB
owl.carousel.min.js 39KB
jquery.magnific-popup.min.js 20KB
main.js 8KB
parallax.min.js 7KB
jquery.sticky.js 6KB
jquery.ajaxchimp.min.js 5KB
FontAwesome.otf 132KB
logo.png 2KB
_variables.scss 29KB
_elements.scss 16KB
_home.scss 13KB
_reboot.scss 11KB
_forms.scss 10KB
_reset.scss 8KB
_custom-forms.scss 7KB
_navbar.scss 6KB
_button-group.scss 5KB
_flexbox.scss 5KB
_input-group.scss 4KB
_popover.scss 4KB
_card.scss 4KB
_carousel.scss 4KB
_breakpoints.scss 4KB
_modal.scss 4KB
_dropdown.scss 3KB
_mixins.scss 3KB
_tables.scss 3KB
_list-group.scss 3KB
_functions.scss 3KB
_tooltip.scss 3KB
_buttons.scss 3KB
_flex.scss 2KB
_print.scss 2KB
_nav.scss 2KB
_type.scss 2KB
_buttons.scss 2KB
_forms.scss 2KB
_gradients.scss 2KB
_pagination.scss 2KB
_spacing.scss 1KB
_grid-framework.scss 1KB
_grid.scss 1KB
_code.scss 1KB
bootstrap.scss 1KB
_images.scss 1KB
_text.scss 1KB
_breadcrumb.scss 1KB
_display.scss 1KB
_borders.scss 1KB
_image.scss 1KB
_alert.scss 1KB
_hover.scss 1KB
_grid.scss 1KB
_mixins.scss 994B
_badge.scss 985B
_header.scss 890B
_progress.scss 837B
_screen-reader.scss 773B
_embed.scss 727B
_border-radius.scss 722B
_close.scss 705B
_table-row.scss 647B
_list-group.scss 546B
_reset-text.scss 518B
_pagination.scss 453B
_utilities.scss 407B
_transitions.scss 402B
_navbar-align.scss 382B
_jumbotron.scss 378B
main.scss 375B
共 134 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 案例分析:研发人员绩效和薪酬管理的困境.doc
- 企业中薪酬管理存在的问题分析及对策.doc
- 员工年度薪酬收入结构分析报告.doc
- 薪酬分析报告.docx
- 西门子S7-1200控制四轴伺服程序案例: 1.内容涵盖伺服,步进点动,回原,相对定位,绝对定位,速度模式控制 特别适合学习伺服和步进的朋友们 PTO伺服轴脉冲定位控制+速度模式控制+扭矩模式; 2
- 企业公司薪酬保密协议.doc
- 薪酬保密制度 (1).docx
- 薪酬保密管理规定制度.doc
- 薪酬保密制度.docx
- 薪酬保密协议书.docx
- 薪酬保密承诺书.docx
- 薪酬管理制度.doc
- 员工工资薪酬保密协议.docx
- 员工工资保密暂行管理条例.docx
- 员工薪酬保密协议.doc
- 1Redis基础认识与安装.html
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功