<!DOCTYPE html>
<html lang="en">
<head>
<title>Destino</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Destino 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 href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/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">
<div class="container">
<div class="row">
<div class="col">
<div class="header_container d-flex flex-row align-items-center justify-content-start">
<!-- Logo -->
<div class="logo_container">
<div class="logo">
<div>destino</div>
<div>travel agency</div>
<div class="logo_image"><img src="images/logo.png" alt=""></div>
</div>
</div>
<!-- Main Navigation -->
<nav class="main_nav ml-auto">
<ul class="main_nav_list">
<li class="main_nav_item active"><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="news.html">News</a></li>
<li class="main_nav_item"><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Search -->
<div class="search">
<form action="#" class="search_form">
<input type="search" name="search_input" class="search_input ctrl_class" required="required" placeholder="Keyword">
<button type="submit" class="search_button ml-auto ctrl_class"><img src="images/search.png" alt=""></button>
</form>
</div>
<!-- Hamburger -->
<div class="hamburger ml-auto"><i class="fa fa-bars" aria-hidden="true"></i></div>
</div>
</div>
</div>
</div>
</header>
<!-- Menu -->
<div class="menu_container menu_mm">
<!-- Menu Close Button -->
<div class="menu_close_container">
<div class="menu_close"></div>
</div>
<!-- Menu Items -->
<div class="menu_inner menu_mm">
<div class="menu menu_mm">
<div class="menu_search_form_container">
<form action="#" id="menu_search_form">
<input type="search" class="menu_search_input menu_mm">
<button id="menu_search_submit" class="menu_search_submit" type="submit"><img src="images/search_2.png" alt=""></button>
</form>
</div>
<ul class="menu_list menu_mm">
<li class="menu_item menu_mm"><a href="#">Home</a></li>
<li class="menu_item menu_mm"><a href="about.html">About us</a></li>
<li class="menu_item menu_mm"><a href="offers.html">Offers</a></li>
<li class="menu_item menu_mm"><a href="news.html">News</a></li>
<li class="menu_item menu_mm"><a href="contact.html">Contact</a></li>
</ul>
<!-- Menu Social -->
<div class="menu_social_container menu_mm">
<ul class="menu_social menu_mm">
<li class="menu_social_item menu_mm"><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
<li class="menu_social_item menu_mm"><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li class="menu_social_item menu_mm"><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li class="menu_social_item menu_mm"><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li class="menu_social_item menu_mm"><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
<div class="menu_copyright menu_mm">Colorlib All rights reserved</div>
</div>
</div>
</div>
<!-- Home -->
<div class="home">
<div class="home_background" style="background-image:url(images/home.jpg)"></div>
<div class="home_content">
<div class="home_content_inner">
<div class="home_text_large">discover</div>
<div class="home_text_small">Discover new worlds</div>
</div>
</div>
</div>
<!-- Find Form -->
<div class="find">
<!-- Image by https://unsplash.com/@garciasaldana_ -->
<div class="find_background parallax-window" data-parallax="scroll" data-image-src="images/find.jpg" data-speed="0.8"></div>
<div class="container">
<div class="row">
<div class="col-12">
<div class="find_title text-center">Find the Adventure of a lifetime</div>
</div>
<div class="col-12">
<div class="find_form_container">
<form action="#" id="find_form" class="find_form d-flex flex-md-row flex-column align-items-md-center align-items-start justify-content-md-between justify-content-start flex-wrap">
<div class="find_item">
<div>Destination:</div>
<input type="text" class="destination find_input" required="required" placeholder="Keyword here">
</div>
<div class="find_item">
<div>Adventure type:</div>
<select name="adventure" id="adventure" class="dropdown_item_select find_input">
<option>Categories</option>
<option>Categories</option>
<option>Categories</option>
</select>
</div>
<div class="find_item">
<div>Min price</div>
<select name="min_price" id="min_price" class="dropdown_item_select find_input">
<option> </option>
<option>Price</option>
<option>Price</option>
</select>
</div>
<div class="find_item">
<div>Max price</div>
<select name="max_price" id="max_price" class="dropdown_item_select find_input">
<option> </option>
<option>Price</option>
<option>Price</option>
</select>
</div>
<button class="button find_button">Find</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Top Destinations -->
<div class="top">
<div class="container">
<div class="row">
<div class="col">
<div class="section_title text-center">
<h2>Top destinations in Europe</h2>
<div>take a look at these offers</div>
</div>
</div>
</div>
<div class="row top_content">
<div class="col-lg-3 col-md-6 top_col">
<!-- Top Destination Item -->
<div class="top_item">
<a href="#">
<div class="top_item_image"><img src="images/top_1.jpg" alt="https://unsplash.com/@sgabriel"></div>
<div class="top_item_content">
<div class="top_item_price">From $890</div>
<div class="top_item_text">Paris, France</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 top_col">
<!-- Top Destination Item -->
<div class="top_item">
<a href="#">
<div class="top_item_image"><img src="images/top_2.jpg" alt="https://unsplash.com/@jenspeter"></div>
<div class="top_item_content">
<div class="top_item_price">From $890</div>
<div class="top_item_text">Italian Riviera</div>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 top_col">
<!-- Top Destination Item -->
<div class="top_item">
<a href="#">
<div class="top_item_image"><img src="images/top_3.jpg" alt="https://unsplash.com/@anikindimitry"></div>
<div class="top_ite
课设&大作业&毕设-热门旅行景点指南响应式网站模板-适配移动端-HTML源码.zip
版权申诉
178 浏览量
2024-03-28
09:37:06
上传
评论
收藏 6.36MB ZIP 举报
课设&大作业&毕设-热门旅行景点指南响应式网站模板-适配移动端-HTML源码.zip （141个子文件） 
bootstrap.min.css 124KB animate.css 72KB font-awesome.css 37KB font-awesome.min.css 30KB news_styles.css 30KB main_styles.css 29KB offers_styles.css 28KB contact_styles.css 27KB about_styles.css 26KB elements_styles.css 26KB responsive.css 8KB magnific-popup.css 7KB offers_responsive.css 7KB about_responsive.css 6KB contact_responsive.css 6KB news_responsive.css 6KB elements_responsive.css 5KB owl.carousel.css 4KB owl.theme.default.css 1KB fontawesome-webfont.eot 162KB
ajax-loader.gif 3KB
index.html 22KB offers.html 19KB news.html 17KB elements.html 17KB about.html 16KB contact.html 14KB
last.jpg 604KB offers.jpg 429KB home.jpg 400KB about_background.jpg 375KB elements.jpg 311KB news.jpg 254KB top_3.jpg 241KB find.jpg 230KB top_2.jpg 215KB fact_background.jpg 206KB video.jpg 189KB special_1.jpg 184KB newsletter.jpg 158KB offer_1.jpg 140KB offer_2.jpg 126KB special_3.jpg 125KB news_2.jpg 117KB top_4.jpg 104KB special_5.jpg 92KB news_3.jpg 91KB top_1.jpg 86KB special_2.jpg 85KB special_4.jpg 81KB about.jpg 81KB popular_5.jpg 72KB popular_2.jpg 70KB news_1.jpg 60KB popular_4.jpg 60KB popular_1.jpg 57KB popular_6.jpg 54KB popular_7.jpg 50KB sidebar_featured_2.jpg 50KB popular_3.jpg 48KB sidebar_featured_3.jpg 43KB popular_8.jpg 41KB sidebar_featured_1.jpg 35KB latest_1.jpg 4KB 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 jquery.magnific-popup.min.js 20KB ScrollMagic.min.js 17KB elements_custom.js 8KB easing.js 8KB parallax.min.js 7KB offers_custom.js 6KB about_custom.js 5KB contact_custom.js 5KB zoom.js 4KB ScrollToPlugin.min.js 3KB custom.js 3KB news_custom.js 3KB 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共 141 条
- 1
- 2
资源评论
