<!DOCTYPE html>
<html lang="en">
<head>
<title>Travelix</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Travelix Project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/bootstrap4/bootstrap.min.css">
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css">
<link rel="stylesheet" type="text/css" href="styles/main_styles.css">
<link rel="stylesheet" type="text/css" href="styles/responsive.css">
</head>
<body>
<div class="super_container">
<!-- Header -->
<header class="header">
<!-- Top Bar -->
<div class="top_bar">
<div class="container">
<div class="row">
<div class="col d-flex flex-row">
<div class="phone">+45 345 3324 56789</div>
<div class="social">
<ul class="social_list">
<li class="social_list_item"><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
<li class="social_list_item"><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li class="social_list_item"><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li class="social_list_item"><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
<li class="social_list_item"><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
<li class="social_list_item"><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="user_box ml-auto">
<div class="user_box_login user_box_link"><a href="#">login</a></div>
<div class="user_box_register user_box_link"><a href="#">register</a></div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Navigation -->
<nav class="main_nav">
<div class="container">
<div class="row">
<div class="col main_nav_col d-flex flex-row align-items-center justify-content-start">
<div class="logo_container">
<div class="logo"><a href="#"><img src="images/logo.png" alt="">travelix</a></div>
</div>
<div class="main_nav_container ml-auto">
<ul class="main_nav_list">
<li class="main_nav_item"><a href="#">home</a></li>
<li class="main_nav_item"><a href="about.html">about us</a></li>
<li class="main_nav_item"><a href="offers.html">offers</a></li>
<li class="main_nav_item"><a href="blog.html">news</a></li>
<li class="main_nav_item"><a href="contact.html">contact</a></li>
</ul>
</div>
<div class="content_search ml-lg-0 ml-auto">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="17px" height="17px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
<g>
<g>
<g>
<path class="mag_glass" fill="#FFFFFF" d="M78.438,216.78c0,57.906,22.55,112.343,63.493,153.287c40.945,40.944,95.383,63.494,153.287,63.494
s112.344-22.55,153.287-63.494C489.451,329.123,512,274.686,512,216.78c0-57.904-22.549-112.342-63.494-153.286
C407.563,22.549,353.124,0,295.219,0c-57.904,0-112.342,22.549-153.287,63.494C100.988,104.438,78.439,158.876,78.438,216.78z
M119.804,216.78c0-96.725,78.69-175.416,175.415-175.416s175.418,78.691,175.418,175.416
c0,96.725-78.691,175.416-175.416,175.416C198.495,392.195,119.804,313.505,119.804,216.78z"/>
</g>
</g>
<g>
<g>
<path class="mag_glass" fill="#FFFFFF" d="M6.057,505.942c4.038,4.039,9.332,6.058,14.625,6.058s10.587-2.019,14.625-6.058L171.268,369.98
c8.076-8.076,8.076-21.172,0-29.248c-8.076-8.078-21.172-8.078-29.249,0L6.057,476.693
C-2.019,484.77-2.019,497.865,6.057,505.942z"/>
</g>
</g>
</g>
</svg>
</div>
<form id="search_form" class="search_form bez_1">
<input type="search" class="search_content_input bez_1">
</form>
<div class="hamburger">
<i class="fa fa-bars trans_200"></i>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="menu trans_500">
<div class="menu_content d-flex flex-column align-items-center justify-content-center text-center">
<div class="menu_close_container"><div class="menu_close"></div></div>
<div class="logo menu_logo"><a href="#"><img src="images/logo.png" alt=""></a></div>
<ul>
<li class="menu_item"><a href="#">home</a></li>
<li class="menu_item"><a href="about.html">about us</a></li>
<li class="menu_item"><a href="offers.html">offers</a></li>
<li class="menu_item"><a href="blog.html">news</a></li>
<li class="menu_item"><a href="contact.html">contact</a></li>
</ul>
</div>
</div>
<!-- Home -->
<div class="home">
<!-- Home Slider -->
<div class="home_slider_container">
<div class="owl-carousel owl-theme home_slider">
<!-- Slider Item -->
<div class="owl-item home_slider_item">
<!-- Image by https://unsplash.com/@anikindimitry -->
<div class="home_slider_background" style="background-image:url(images/home_slider.jpg)"></div>
<div class="home_slider_content text-center">
<div class="home_slider_content_inner" data-animation-in="flipInX" data-animation-out="animate-out fadeOut">
<h1>discover</h1>
<h1>the world</h1>
<div class="button home_slider_button"><div class="button_bcg"></div><a href="#">explore now<span></span><span></span><span></span></a></div>
</div>
</div>
</div>
<!-- Slider Item -->
<div class="owl-item home_slider_item">
<div class="home_slider_background" style="background-image:url(images/home_slider.jpg)"></div>
<div class="home_slider_content text-center">
<div class="home_slider_content_inner" data-animation-in="flipInX" data-animation-out="animate-out fadeOut">
<h1>discover</h1>
<h1>the world</h1>
<div class="button home_slider_button"><div class="button_bcg"></div><a href="#">explore now<span></span><span></span><span></span></a></div>
</div>
</div>
</div>
<!-- Slider Item -->
<div class="owl-item home_slider_item">
<div class="home_slider_background" style="background-image:url(images/home_slider.jpg)"></div>
<div class="home_slider_content text-center">
<div class="home_slider_content_inner" data-animation-in="flipInX" data-animation-out="animate-out fadeOut">
<h1>discover</h1>
<h1>the world</h1>
<div class="button home_slider_button"><div class="button_bcg"></div><a href="#">explore now<span></span><span></span><span></span></a></div>
</div>
</div>
</div>
</div>
<!-- Home Slider Nav - Prev -->
<div class="home_slider_nav home_slider_prev">
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28px" height="33px" viewBox="0 0 28 33" enable-background="new 0 0 28 33" xml:space="preserve">
<defs>
<linearGradient id='home_grad_prev'>
<stop offset='0%' stop-color='#fa9e1b'/>
<stop offset='100%' stop-color='#8d4fff'/>
</linearGradient>
</defs>
<path class="nav_path" fill="#F3F6F9" d="M19,0H9C4.029,0,0,4.029,0,9v15c0,4.971,4.029,9,9,9h10c4.97,0,9-4.029,9-9V9C28,4.029,23.97,0,19,0z
M26,23.091C26,27.45
没有合适的资源?快使用搜索试试~ 我知道了~
课设&大作业&毕设-旅行在线服务响应式网站模板-适配移动端-HTML源码.zip
共203个文件
jpg:62个
png:45个
js:22个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 171 浏览量
2024-03-28
09:36:18
上传
评论
收藏 8.72MB ZIP 举报
温馨提示
同学们,想要为你的毕业设计、课程大作业打造一片独一无二、引人入胜的数字天地吗?这份超酷的响应式HTML网页模板源码,就是你实现梦想的神兵利器! 这份源码利用最前沿的HTML5和CSS3技术,搭载流行的Bootstrap框架,为你构建了一个完全可定制、适应各种屏幕尺寸的响应式网页模板。它不仅优化了用户在电脑、平板、手机上的浏览体验,还确保了在不同设备上都能展现出完美的布局和样式。 这个模板拥有丰富的功能组件,包括导航栏、轮播图、卡片式布局等,可以灵活组合以满足你的创意需求。而且,它还支持多种浏览器和操作系统,让你的作品在任何环境下都能稳定展现。 最棒的是,这份源码功能齐全、注释清晰,即使你是编程新手也能快速上手。我们提供了详细的教程和技术支持,帮助你轻松完成个性化的网站开发。 这份响应式HTML网页模板源码,是你进行毕设、课设或大作业的最佳伙伴。它不仅节省了你的时间,降低了学习成本,还能助你提升作品的专业品质。快来获取这份资源,让你的项目在众多作品中脱颖而出!
资源推荐
资源详情
资源评论
收起资源包目录
课设&大作业&毕设-旅行在线服务响应式网站模板-适配移动端-HTML源码.zip (203个子文件)
bootstrap.min.css 124KB
animate.css 72KB
main_styles.css 37KB
font-awesome.css 37KB
single_listing_styles.css 33KB
offers_styles.css 32KB
font-awesome.min.css 30KB
about_styles.css 24KB
elements_styles.css 23KB
blog_styles.css 23KB
contact_styles.css 22KB
offers_responsive.css 8KB
single_listing_responsive.css 8KB
responsive.css 7KB
about_responsive.css 6KB
contact_responsive.css 5KB
elements_responsive.css 5KB
blog_responsive.css 5KB
colorbox.css 4KB
owl.carousel.css 4KB
owl.theme.default.css 1KB
fontawesome-webfont.eot 162KB
loading.gif 8KB
ajax-loader.gif 3KB
index.html 53KB
single_listing.html 38KB
offers.html 37KB
blog.html 23KB
about.html 21KB
elements.html 21KB
contact.html 16KB
home_slider.jpg 690KB
blog_background.jpg 282KB
listing_hotel.jpg 253KB
elements_background.jpg 239KB
cta.jpg 223KB
listing_3.jpg 215KB
test_3.jpg 212KB
contact_background.jpg 186KB
offer_1.jpg 173KB
about_background.jpg 170KB
offer_5.jpg 159KB
listing_6.jpg 159KB
test_1.jpg 145KB
listing_5.jpg 140KB
intro_1.jpg 139KB
offer_3.jpg 138KB
listing_8.jpg 133KB
single_background.jpg 132KB
test_2.jpg 132KB
intro_3.jpg 129KB
listing_9.jpg 124KB
blog_3.jpg 124KB
blog_1.jpg 122KB
offer_2.jpg 119KB
listing_4.jpg 118KB
intro_2.jpg 113KB
offer_7.jpg 106KB
offer_6.jpg 105KB
listing_2.jpg 94KB
offer_4.jpg 90KB
listing_7.jpg 90KB
blog_2.jpg 87KB
add.jpg 83KB
listing_1.jpg 81KB
room_2.jpg 80KB
offer_8.jpg 69KB
room_1.jpg 68KB
gallery_5.jpg 24KB
gallery_4.jpg 22KB
gallery_2.jpg 21KB
gallery_6.jpg 16KB
gallery_1.jpg 15KB
gallery_3.jpg 11KB
listing_thumb_3.jpg 6KB
listing_thumb_6.jpg 5KB
listing_thumb_4.jpg 5KB
listing_thumb_5.jpg 5KB
listing_thumb_2.jpg 5KB
listing_thumb_9.jpg 5KB
listing_thumb_7.jpg 4KB
listing_gallery_1.jpg 4KB
listing_thumb_1.jpg 4KB
listing_thumb_8.jpg 4KB
latest_3.jpg 3KB
review_2.jpg 3KB
footer_blog_2.jpg 3KB
latest_2.jpg 3KB
review_1.jpg 3KB
latest_4.jpg 2KB
footer_blog_1.jpg 2KB
latest_1.jpg 2KB
footer_blog_3.jpg 2KB
TweenMax.min.js 110KB
jquery-3.2.1.min.js 85KB
owl.carousel.js 83KB
popper.js 80KB
bootstrap.min.js 49KB
isotope.pkgd.min.js 34KB
progressbar.min.js 21KB
共 203 条
- 1
- 2
- 3
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 电动汽车空调制冷系统电动压缩机匹配分析1.pdf
- 二氧化碳汽车空调系统设计及研究1.pdf
- 电动汽车驱动系统散热设计与试验验证.pdf
- McQuayDuctSizer(麦克维尔风管尺寸计算软件).zip
- 麦克维尔温湿度分析仪McQuayPsychrometricAnalyzer(hvac-eng.com).zip
- 麦克维尔管道测量仪McQuaypipesizer .zip
- 信捷XC系列PLC主从通讯程序
- 基于蒙特卡洛的电动汽车充电负荷生成
- 基于遗传算法的电动汽车有序充电优化调度 软件:Matlab 利用遗传算法对电动汽车有序充电进行优化;优化目标包括充电费用最低,充电时间达到要求(电动汽车充到足够的电)考虑电动汽车充电对电网负荷的影响
- FPGA 全部verilog代码实现I2C口master端口应用场景 1、FPGA通过I2C口配置TFP410MP 2、EDID配置,FPGA通过I2C口配置AT24C02 AT24C64; 访问地
- Matlab simulink 基于光伏和蓄电池的三端口
- FFT STM32+apFFT程序源代码+lunwen资料+教程讲解 适用于STM32F103平台,使用AD7606同步采集两路正弦信号,内置1024点全相位快速傅里叶变(apFFT)算法,直接计算
- 两电平svpwm算法verilog程序
- 基于改进的快速粒子群有源配电网动态无功优化 软件:Matlab 介绍:在含分布式电源的IEEE33进行无功优化,以无功最优和运行费用最优为目标函数进行优化,采用改进的快速粒子群算法进行计算
- 混合型APF,HAPF,电力牵引系统电能质量控制,高铁谐波补偿,高铁无功补偿,混合型有源电力滤波器,单相SVG,SVG,电力牵引系统谐波无功补偿
- 单机无穷大系统静态稳定性仿真模型
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功