网页制作代码，大气旅游酒店网页视觉设计.zip资源-CSDN文库

共172个文件

jpg：76个

css：24个

js：18个

179 浏览量 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_2.jpg 392KB

bg_3.jpg 377KB

insta-4.jpg 370KB

image_5.jpg 328KB

image_4.jpg 207KB

menu-4.jpg 143KB

image_2.jpg 143KB

insta-5.jpg 139KB

swimming-pool.jpg 138KB

insta-1.jpg 138KB

image_1.jpg 130KB

image_6.jpg 124KB

image_3.jpg 99KB

resto.jpg 95KB

room-2.jpg 87KB

insta-3.jpg 87KB

menu-7.jpg 85KB

menu-8.jpg 84KB

room-4.jpg 84KB

menu-1.jpg 83KB

menu-6.jpg 80KB

menu-5.jpg 79KB

room-6.jpg 79KB

insta-2.jpg 73KB

sleep.jpg 70KB

共 172 条

<!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>  <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

评论收藏

内容反馈