<!DOCTYPE html>
<html lang="en">
<head>
<title>Roxandrea - Free Bootstrap 4 Template by Colorlib</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/aos.css">
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-datepicker.css">
<link rel="stylesheet" href="assets/css/jquery.timepicker.css">
<link rel="stylesheet" href="assets/css/flaticon.css">
<link rel="stylesheet" href="assets/css/icomoon.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="">Roxandrea</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a href="" class="nav-link">Home</a></li>
<li class="nav-item"><a href="rooms.html" class="nav-link">Rooms</a></li>
<li class="nav-item"><a href="restaurant.html" class="nav-link">Restaurant</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- END nav -->
<div class="hero">
<div class="container-wrap d-flex justify-content-end align-items-end">
<a href="javascript:;" class="icon-video popup-vimeo d-flex justify-content-center align-items-center">
<span class="ion-ios-play play"></span>
</a>
</div>
<section class="home-slider owl-carousel">
<div class="slider-item" style="background-image:url(assets/images/bg_1.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text align-items-center">
<div class="col-md-8 ftco-animate">
<div class="text mb-5 pb-5">
<h1 class="mb-3">Roxandrea</h1>
<h2>More than a hotel... an experience</h2>
</div>
</div>
</div>
</div>
</div>
<div class="slider-item" style="background-image:url(assets/images/bg_2.jpg);">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text align-items-center">
<div class="col-md-8 ftco-animate">
<div class="text mb-5 pb-5">
<h1 class="mb-3">Experience Epic Beauty</h1>
<h2>Roxandrea Hotel & Resort</h2>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="ftco-booking ftco-section ftco-no-pt ftco-no-pb">
<div class="container">
<div class="row">
<div class="col-lg-12 pr-1 aside-stretch">
<form action="javascript:;" class="booking-form">
<div class="row">
<div class="col-md d-flex py-md-4">
<div class="form-group align-self-stretch d-flex align-items-end">
<div class="wrap bg-white align-self-stretch py-3 px-4">
<label for="#">Check-in Date</label>
<input type="text" class="form-control checkin_date" placeholder="Check-in date">
</div>
</div>
</div>
<div class="col-md d-flex py-md-4">
<div class="form-group align-self-stretch d-flex align-items-end">
<div class="wrap bg-white align-self-stretch py-3 px-4">
<label for="#">Check-out Date</label>
<input type="text" class="form-control checkout_date" placeholder="Check-out date">
</div>
</div>
</div>
<div class="col-md d-flex py-md-4">
<div class="form-group align-self-stretch d-flex align-items-end">
<div class="wrap bg-white align-self-stretch py-3 px-4">
<label for="#">Room</label>
<div class="form-field">
<div class="select-wrap">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">Suite</option>
<option value="">Family Room</option>
<option value="">Deluxe Room</option>
<option value="">Classic Room</option>
<option value="">Superior Room</option>
<option value="">Luxury Room</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="col-md d-flex py-md-4">
<div class="form-group align-self-stretch d-flex align-items-end">
<div class="wrap bg-white align-self-stretch py-3 px-4">
<label for="#">Guests</label>
<div class="form-field">
<div class="select-wrap">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">1 Adult</option>
<option value="">2 Adult</option>
<option value="">3 Adult</option>
<option value="">4 Adult</option>
<option value="">5 Adult</option>
<option value="">6 Adult</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="col-md d-flex">
<div class="form-group d-flex align-self-stretch">
<a href="#" class="btn btn-black py-5 py-md-3 px-4 align-self-stretch d-block"><span>Check Availability <small>Best Price Guaranteed!</small></span></a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-no-pt ftco-no-pb ftco-services-wrap">
<div class="container">
<div class="row no-gutters">
<div class="col-md-3">
<a href="#" class="services-wrap img align-items-end d-flex" style="background-image: url(assets/images/room-3.jpg);">
<div class="text text-center pb-2">
<h3>Special Rooms</h3>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="services-wrap img align-items-end d-flex" style="background-image: url(assets/images/swimming-pool.jpg);">
<div class="text text-center pb-2">
<h3>Swimming Pool</h3>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="services-wrap img align-items-end d-flex" style="background-image: url(assets/images/resto.jpg);">
<div class="text text-center pb-2">
<h3>Restaurant</h3>
</div>
</a>
</div>
<div class="col-md-3">
<div class="services-wrap services-overlay img align-items-center d-f
网页制作代码，大气旅游酒店网页视觉设计.zip
183 浏览量
2023-12-30
23:24:17
上传
评论
收藏 11.81MB ZIP 举报
网页制作代码，大气旅游酒店网页视觉设计.zip （172个子文件） 
style.css 270KB github-4e79901cd24a.css 224KB behaviors-fb069fabdf7c.css 216KB frameworks-43a048d70f01.css 213KB icomoon.css 78KB animate.css 72KB light_tritanopia-010780c79c07.css 54KB light_colorblind-dc71761d9e0b.css 54KB light-92c7d381038e.css 53KB dark_colorblind-5e900c04c491.css 53KB dark_tritanopia-faee699a0004.css 53KB dark_dimmed-7196bb0d9aaf.css 53KB dark-d4a90c367f0c.css 53KB dark_high_contrast-595a0aa89e32.css 52KB light_high_contrast-f89f23dd3d24.css 52KB ionicons.min.css 46KB aos.css 25KB bootstrap-datepicker.css 18KB open-iconic-bootstrap.min.css 9KB magnific-popup.css 7KB owl.carousel.min.css 4KB jquery.timepicker.css 2KB flaticon.css 1KB owl.theme.default.min.css 965B icomoon.eot 300KB ionicons.eot 110KB open-iconic.eot 28KB Flaticon.eot 4KB
octocat-spinner-128.gif 11KB octocat-spinner-64.gif 8KB octocat-spinner-32-EAF2F5.gif 3KB octocat-spinner-16px.gif 2KB octocat-spinner-16px-EAF2F5.gif 2KB octocat-spinner-32.gif 2KB trans_bg.gif 49B
index.html 37KB blog-single.html 21KB about.html 21KB rooms-single.html 16KB rooms.html 13KB blog.html 12KB restaurant.html 12KB contact.html 9KB
bg_1.jpg 398KB bg_1.jpg 398KB bg_2.jpg 392KB bg_2.jpg 392KB bg_3.jpg 377KB bg_3.jpg 377KB insta-4.jpg 370KB insta-4.jpg 370KB insta-4.jpg 370KB image_5.jpg 328KB image_5.jpg 328KB image_4.jpg 207KB image_4.jpg 207KB menu-4.jpg 143KB menu-4.jpg 143KB image_2.jpg 143KB image_2.jpg 143KB insta-5.jpg 139KB insta-5.jpg 139KB insta-5.jpg 139KB swimming-pool.jpg 138KB swimming-pool.jpg 138KB insta-1.jpg 138KB insta-1.jpg 138KB insta-1.jpg 138KB image_1.jpg 130KB image_1.jpg 130KB image_6.jpg 124KB image_6.jpg 124KB image_3.jpg 99KB image_3.jpg 99KB resto.jpg 95KB resto.jpg 95KB room-2.jpg 87KB room-2.jpg 87KB insta-3.jpg 87KB insta-3.jpg 87KB insta-3.jpg 87KB menu-7.jpg 85KB menu-7.jpg 85KB menu-8.jpg 84KB menu-8.jpg 84KB room-4.jpg 84KB room-4.jpg 84KB menu-1.jpg 83KB menu-1.jpg 83KB menu-6.jpg 80KB menu-6.jpg 80KB menu-5.jpg 79KB menu-5.jpg 79KB room-6.jpg 79KB room-6.jpg 79KB insta-2.jpg 73KB insta-2.jpg 73KB insta-2.jpg 73KB sleep.jpg 70KB sleep.jpg 70KB共 172 条
- 1
- 2
资源评论
