<!DOCTYPE html>
<html lang="en">
<head>
<title>Samira</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Samira hotel template project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/bootstrap-4.1.2/bootstrap.min.css">
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="plugins/colorbox/colorbox.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">
<div class="header_content">
<!-- Logo -->
<div class="logo_container d-flex flex-column align-items-center justify-content-center">
<div class="logo">
<a href="#" class="text-center">
<div class="logo_subtitle">hotel</div>
<div class="logo_title">Samira</div>
<div class="logo_stars">
<ul class="d-flex flex-row align-items-start justfy-content-start">
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
<li><i class="fa fa-star" aria-hidden="true"></i></li>
</ul>
</div>
</a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<div class="header_inner d-flex flex-row align-items-center justify-content-start">
<nav class="main_nav">
<ul class="d-flex flex-row align-items-center justify-content-start">
<li class="active"><a href="index.html"><div class="nav_item d-flex flex-column align-items-center justify-content-center"><span>home</span></div></a></li>
<li><a href="about.html"><div class="nav_item d-flex flex-column align-items-center justify-content-center"><span>about us</span></div></a></li>
<li><a href="rooms.html"><div class="nav_item d-flex flex-column align-items-center justify-content-center"><span>rooms</span></div></a></li>
<li><a href="news.html"><div class="nav_item d-flex flex-column align-items-center justify-content-center"><span>news</span></div></a></li>
<li><a href="contact.html"><div class="nav_item d-flex flex-column align-items-center justify-content-center"><span>contact</span></div></a></li>
</ul>
</nav>
<a href="#" class="button_container header_button ml-auto"><div class="button text-center"><span>Book Your Stay</span></div></a>
<div class="hamburger ml-auto"><i class="fa fa-bars" aria-hidden="true"></i></div>
<div class="header_review"><a href="#">Add your review</a></div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Menu -->
<div class="menu">
<div class="background_image" style="background-image:url(images/menu.jpg)"></div>
<div class="menu_content d-flex flex-column align-items-center justify-content-center">
<ul class="menu_nav_list text-center">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="rooms.html">Rooms</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="menu_review"><a href="#">Add your review</a></div>
</div>
</div>
<!-- Home -->
<div class="home">
<!-- Home Slider -->
<div class="home_slider_container">
<div class="owl-carousel owl-theme home_slider">
<!-- Slide -->
<div class="owl-item">
<!-- Image credit: https://unsplash.com/@santtd -->
<div class="background_image" style="background-image:url(images/home_slider_1.jpg)"></div>
<div class="home_content_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_content text-center">
<div class="home_subtitle">luxury resort</div>
<div class="home_title">Amazing Services, Location & Facilities</div>
<a href="#" class="button_container home_button"><div class="button text-center"><span>Book Your Stay</span></div></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Slide -->
<div class="owl-item">
<!-- Image credit: https://unsplash.com/@santtd -->
<div class="background_image" style="background-image:url(images/home_slider_1.jpg)"></div>
<div class="home_content_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_content text-center">
<div class="home_subtitle">luxury resort</div>
<div class="home_title">Amazing Services, Location & Facilities</div>
<a href="#" class="button_container home_button"><div class="button text-center"><span>Book Your Stay</span></div></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Slide -->
<div class="owl-item">
<!-- Image credit: https://unsplash.com/@santtd -->
<div class="background_image" style="background-image:url(images/home_slider_1.jpg)"></div>
<div class="home_content_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_content text-center">
<div class="home_subtitle">luxury resort</div>
<div class="home_title">Amazing Services, Location & Facilities</div>
<a href="#" class="button_container home_button"><div class="button text-center"><span>Book Your Stay</span></div></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Home Slider Dots -->
<div class="home_slider_dots">
<ul id="home_slider_custom_dots" class="home_slider_custom_dots">
<li class="home_slider_custom_dot active">01</li>
<li class="home_slider_custom_dot">02</li>
<li class="home_slider_custom_dot">03</li>
</ul>
</div>
</div>
</div>
<!-- Search Bar -->
<div class="search_bar">
<div class="container">
<div class="row">
<div class="col">
<div class="search_bar_container">
<form action="#" id="search_bar_form" class="search_bar_form d-flex flex-lg-row flex-column align-items-lg-center align-items-start justify-content-between clearfix">
<div>
<select class="search_form_select">
<option disabled selected>Select Arrival Date</option>
<option>07/15/2018</option>
<option>07/22/2018</option>
<option>07/29/2018</option>
</select>
</div>
<div>
<select class="search_form_select">
<option disabled selected>Select Departure Date</option>
<option>07/15/2018</option>
<option>07/22/2018</option>
<option>07/29/2018</option>
</select>
</div>
<div>
<select class="search_form_select">
<option disabled selected>Select Rooms</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
</div>
<div><button class="search_bar_button">Request a Quote</button></div>
</form>
<div></div>
</div>
</div>
</div>
</div>
</div>
<!-- Intro -->
<div class="intro">
<div cla
课设&大作业&毕设-时尚五星酒店展示响应式网站模板-适配移动端-HTML源码.zip
版权申诉
172 浏览量
2024-03-28
09:37:19
上传
评论
收藏 7.28MB ZIP 举报
课设&大作业&毕设-时尚五星酒店展示响应式网站模板-适配移动端-HTML源码.zip （126个子文件） 
bootstrap.min.css 139KB animate.css 72KB font-awesome.css 37KB font-awesome.min.css 30KB main_styles.css 25KB elements.css 22KB about.css 22KB contact.css 21KB news.css 20KB rooms.css 20KB responsive.css 5KB colorbox.css 4KB about_responsive.css 4KB owl.carousel.css 4KB elements_responsive.css 4KB rooms_responsive.css 4KB contact_responsive.css 4KB news_responsive.css 4KB owl.theme.default.css 1KB fontawesome-webfont.eot 162KB
loading.gif 8KB ajax-loader.gif 3KB
index.html 22KB elements.html 18KB rooms.html 17KB news.html 16KB about.html 16KB contact.html 11KB
img_1.jpg 539KB milestones.jpg 526KB home_slider_1.jpg 356KB contact.jpg 293KB blog_5.jpg 280KB video.jpg 265KB blog_3.jpg 243KB room_5.jpg 242KB room_7.jpg 235KB gallery_5.jpg 220KB blog_4.jpg 206KB rooms.jpg 198KB room_1.jpg 196KB about_intro.jpg 194KB news.jpg 178KB blog_6.jpg 169KB gallery_3.jpg 157KB blog_1.jpg 149KB room_9.jpg 138KB gallery_1.jpg 137KB room_3.jpg 131KB blog_2.jpg 129KB room_2.jpg 124KB menu.jpg 103KB room_6.jpg 98KB room_4.jpg 89KB about.jpg 87KB gallery_2.jpg 82KB room_8.jpg 81KB gallery_4.jpg 56KB intro_3.jpg 53KB intro_1.jpg 44KB intro_2.jpg 39KB TweenMax.min.js 110KB jquery-3.2.1.min.js 85KB owl.carousel.js 83KB popper.js 80KB bootstrap.min.js 50KB masonry.js 24KB progressbar.min.js 21KB TimelineMax.min.js 20KB ScrollMagic.min.js 17KB jquery.colorbox-min.js 12KB easing.js 8KB parallax.min.js 7KB elements.js 6KB custom.js 5KB about.js 3KB ScrollToPlugin.min.js 3KB contact.js 2KB news.js 2KB rooms.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 515KB owl.video.play.png 5KB testimonial.png 4KB icon_1.png 2KB共 126 条
- 1
- 2
资源评论
