课设&大作业&毕设-旅行服务展示动态响应式网站模板-适配移动端-HTML源码.zip资源-CSDN文库

共130个文件

jpg：36个

js：20个

css：18个

版权申诉

HTML源码

网站源码

JavaScript

137 浏览量 2024-03-28 09:36:08 上传评论收藏 4.58MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

课设&大作业&毕设-旅行服务展示动态响应式网站模板-适配移动端-HTML源码.zip （130个子文件）

bootstrap.min.css 124KB

animate.css 72KB

font-awesome.css 37KB

font-awesome.min.css 30KB

elements.css 24KB

main_styles.css 23KB

news.css 22KB

destinations.css 21KB

about.css 20KB

contact.css 19KB

responsive.css 5KB

contact_responsive.css 5KB

about_responsive.css 5KB

elements_responsive.css 4KB

destinations_responsive.css 4KB

news_responsive.css 4KB

owl.carousel.css 4KB

owl.theme.default.css 1KB

fontawesome-webfont.eot 162KB

ajax-loader.gif 3KB

index.html 22KB

elements.html 19KB

destinations.html 17KB

about.html 17KB

news.html 16KB

contact.html 11KB

footer_1.jpg 265KB

news.jpg 241KB

home_slider.jpg 205KB

travello.jpg 186KB

destination_2.jpg 160KB

why_2.jpg 152KB

destination_5.jpg 136KB

why.jpg 134KB

about.jpg 122KB

contact.jpg 120KB

elements.jpg 119KB

about_1.jpg 118KB

news_6.jpg 115KB

destination_3.jpg 113KB

destination_1.jpg 112KB

news_3.jpg 111KB

destination_6.jpg 109KB

destination_7.jpg 86KB

destinations.jpg 73KB

news_5.jpg 73KB

testimonials.jpg 70KB

why_1.jpg 68KB

why_3.jpg 62KB

destination_4.jpg 57KB

news_1.jpg 52KB

news_4.jpg 49KB

destination_8.jpg 42KB

news_2.jpg 37KB

destination_9.jpg 34KB

team_4.jpg 11KB

team_2.jpg 10KB

team_3.jpg 10KB

team_1.jpg 10KB

latest_1.jpg 6KB

latest_3.jpg 6KB

latest_2.jpg 3KB

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

TimelineMax.min.js 20KB

ScrollMagic.min.js 17KB

easing.js 8KB

elements.js 7KB

parallax.min.js 7KB

custom.js 4KB

about.js 4KB

destinations.js 4KB

contact.js 3KB

ScrollToPlugin.min.js 3KB

jquery.scrollTo.min.js 2KB

news.js 2KB

animation.gsap.min.js 1KB

icons.less 49KB

variables.less 22KB

mixins.less 2KB

path.less 771B

animated.less 713B

rotated-flipped.less 622B

bordered-pulled.less 585B

font-awesome.less 495B

stacked.less 476B

core.less 452B

list.less 377B

larger.less 370B

fixed-width.less 119B

screen-reader.less 118B

FontAwesome.otf 132KB

intro.png 524KB

owl.video.play.png 5KB

_icons.scss 49KB

共 130 条

<!DOCTYPE html> <html lang="en"> <head> <title>Travello</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="Travello template 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 class="header"> <div class="container"> <div class="row"> <div class="col"> <div class="header_content d-flex flex-row align-items-center justify-content-start"> <div class="header_content_inner d-flex flex-row align-items-end justify-content-start"> <div class="logo"><a href="index.html">Travello</a></div> <nav class="main_nav"> <ul class="d-flex flex-row align-items-start justify-content-start"> <li class="active"><a href="index.html">Home</a></li> <li><a href="about.html">About us</a></li> <li><a href="#">Services</a></li> <li><a href="news.html">News</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <div class="header_phone ml-auto">Call us: 00-56 445 678 33</div>  <div class="hamburger ml-auto"> <i class="fa fa-bars" aria-hidden="true"></i> </div> </div> </div> </div> </div> </div> <div class="header_social d-flex flex-row align-items-center justify-content-start"> <ul class="d-flex flex-row align-items-start justify-content-start"> <li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> </ul> </div> </header>  <div class="menu"> <div class="menu_header d-flex flex-row align-items-center justify-content-start"> <div class="menu_logo"><a href="index.html">Travello</a></div> <div class="menu_close_container ml-auto"><div class="menu_close"><div></div><div></div></div></div> </div> <div class="menu_content"> <ul> <li><a href="inex.html">Home</a></li> <li><a href="about.html">About us</a></li> <li><a href="#">Services</a></li> <li><a href="news.html">News</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="menu_social"> <div class="menu_phone ml-auto">Call us: 00-56 445 678 33</div> <ul class="d-flex flex-row align-items-start justify-content-start"> <li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> </ul> </div> </div>  <div class="home">  <div class="home_slider_container"> <div class="owl-carousel owl-theme home_slider">  <div class="owl-item"> <div class="background_image" style="background-image:url(images/home_slider.jpg)"></div> <div class="home_slider_content_container"> <div class="container"> <div class="row"> <div class="col"> <div class="home_slider_content"> <div class="home_title"><h2>Let us take you away</h2></div> </div> </div> </div> </div> </div> </div>  <div class="owl-item"> <div class="background_image" style="background-image:url(images/home_slider.jpg)"></div> <div class="home_slider_content_container"> <div class="container"> <div class="row"> <div class="col"> <div class="home_slider_content"> <div class="home_title"><h2>Let us take you away</h2></div> </div> </div> </div> </div> </div> </div>  <div class="owl-item"> <div class="background_image" style="background-image:url(images/home_slider.jpg)"></div> <div class="home_slider_content_container"> <div class="container"> <div class="row"> <div class="col"> <div class="home_slider_content"> <div class="home_title"><h2>Let us take you away</h2></div> </div> </div> </div> </div> </div> </div> </div> <div class="home_page_nav"> <ul class="d-flex flex-column align-items-end justify-content-end"> <li><a href="#" data-scroll-to="#destinations">Offers<span>01</span></a></li> <li><a href="#" data-scroll-to="#testimonials">Testimonials<span>02</span></a></li> <li><a href="#" data-scroll-to="#news">Latest<span>03</span></a></li> </ul> </div> </div> </div>  <div class="home_search"> <div class="container"> <div class="row"> <div class="col"> <div class="home_search_container"> <div class="home_search_title">Search for your trip</div> <div class="home_search_content"> <form action="#" class="home_search_form" id="home_search_form"> <div class="d-flex flex-lg-row flex-column align-items-start justify-content-lg-between justify-content-start"> <input type="text" class="search_input search_input_1" placeholder="City" required="required"> <input type="text" class="search_input search_input_2" placeholder="Departure" required="required"> <input type="text" class="search_input search_input_3" placeholder="Arrival" required="required"> <input type="text" class="search_input search_input_4" placeholder="Budget" required="required"> <button class="home_search_button">search</button> </div> </form> </div> </div> </div> </div> </div> </div>  <div class="intro"> <div class="intro_background" style="background-image:url(images/intro.png)"></div> <div class="container"> <div class="row"> <div class="col"> <div class="intro_container"> <div class="row">  <div class="col-lg-4 intro_col"> <div class="intro_item d-flex flex-row align-items-end justify-content-start"> <div class="intro_icon"><img src="images/beach.svg" alt=""></div> <div class="intro_content"> <div class="intro_title">Top Destinations</div> <div class="intro_subtitle"><p>Nulla pretium tincidunt felis, nec.</p></div> </div> </div> </div>  <div class="col-lg-4 intro_col"> <div class="intro_item d-flex flex-row align-items-end justify-content-start"> <div class="intro_icon"><img src="images/wallet.svg" alt=""></div> <div class="intro_con

评论收藏

内容反馈

版权申诉