<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Five Hotel</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/fontawesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Lobster|Lobster+Two|Noto+Serif" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light text-capitalize main-font-family">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="imgs/logo.png" alt="#" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#show-menu" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="show-menu">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#room">rooms</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Features
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">link</a>
<a class="dropdown-item" href="#">Another link</a>
<a class="dropdown-item" href="#">Another link</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#blog">blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">contacts</a>
</li>
<li class="nav-item book d-flex align-items-center">
<a class="nav-link" href="#">book now</a>
</li>
</ul>
</div>
</div>
</nav>
<header id="home">
<div class="small-container">
<form class="main-font-family text-center">
<input type="search">
<i class="fas fa-search"></i>
<input type="submit" value="Search">
</form>
<div class="row">
<div class="col-lg-4 col-12 lobster-font-family d-flex align-items-center">
<h2>It is a long established fact that a reader will be distracted by the readablen</h2>
<button><a href="#">About hotel</a></button>
</div>
</div>
<div class="h-slider roboto-font-family welcome d-flex align-items-center justify-content-center">
<h1 class="text-capitalize">Welcome to <br><span>five hotel</span></h1>
<div id="headerslider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item carousel-three active"></div>
<div class="carousel-item carousel-two"></div>
<div class="carousel-item carousel-one"></div>
</div>
<a class="carousel-control-prev" href="#headerslider" role="button" data-slide="prev">
<i class="fas fa-angle-double-left"></i>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#headerslider" role="button" data-slide="next">
<i class="fas fa-angle-double-right"></i>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="st-rec"></div>
<div class="rd-rec"></div>
</header>
<div class="about lobster-font-family">
<div class="container">
<h2 class="text-center text-capitalize">About our hotel</h2>
<img src="imgs/shape.png">
<div class="row">
<div class="col-lg-6 col-12">
<h4>A best place to enjoy your life</h4>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered </p>
<button><a href="#">Read more</a></button>
</div>
<div class="col-lg-6 col-12">
<div class="img"></div>
</div>
</div>
<h2 class="text-capitalize" id="room">rooms & suits</h2>
<div class="row">
<div class="col-lg-4 col-12">
<div class="img"></div>
</div>
<div class="col-lg-8 col-12">
<div class="block">
<div>
<img src="imgs/shape.png">
<strong>$405</strong>
<h5>luxury rooms</h5>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters,</p>
<button><a href="#" class="text-capitalize">Read more</a></button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="gallery lobster-font-family" id="blog">
<div class="container">
<h2 class="text-calitalize text-center">Our gallery</h2>
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="pic-one"><h4>Relaxed swimming</h4></div>
<div class="pic-two"><h4>Spacious Accommodtion</h4></div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="pic-three active"><h4>Yoga Wellness</h4></div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="pic-four"><h4>Romantic dinner</h4></div>
<div class="pic-five"><h4>Apa & W
五星酒店响应式网页模板-适配移动端-HTML源码.zip
版权申诉
86 浏览量
2024-03-27
09:01:33
上传
评论
收藏 16.56MB ZIP 举报
五星酒店响应式网页模板-适配移动端-HTML源码.zip （34个子文件） 
五星酒店响应式网页模板-适配移动端-HTML源码 html js 
bootstrap.min.js 62KB jquery-3.3.1.min.js 85KB webfonts fa-brands-400.woff 85KB fa-brands-400.ttf 131KB
fa-brands-400.svg 732KB fa-solid-900.woff 100KB fa-solid-900.eot 204KB fa-solid-900.ttf 204KB fa-brands-400.woff2 73KB fa-regular-400.woff2 15KB fa-brands-400.eot 131KB fa-regular-400.eot 39KB fa-regular-400.woff 18KB fa-regular-400.svg 137KB fa-regular-400.ttf 39KB fa-solid-900.woff2 77KB fa-solid-900.svg 775KB css style.css 14KB bootstrap.min.css 150KB fontawesome.min.css 53KB
index.html 14KB imgs 
pic4.png 314KB logo.png 7KB pic2.png 1.63MB pic3.png 685KB pic5.png 285KB pic7.png 64KB pic8.png 1.56MB pic1.png 2.72MB header.png 2.06MB bg.png 1.71MB pic9.png 4.03MB pic6.png 204KB shape.png 109KB资源评论
