Hotel

Developer
MOHIM
Size
6,623 Kb
Views
22,264
  1. Hotel Previews
  2. Hotel HTML Codes
  3. Hotel CSS Codes

How do I make an hotel?

What is a hotel? How do you make a hotel? This script and codes were developed by MOHIM on 22 November 2022, Tuesday.

Hotel Previews
IQ Test

Hotel - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Hotel</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Tangerine" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rajdhani" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- start header section -->
<header> <div class="header_body"> <div class="navigation"> <nav class="navbar navbar-default style_nav"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand style-brand" href="#"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16779747_756943204462356_396459351_n.png?oh=c4d76075e7a94044d8ea18b80cb769d6&oe=58A58851" alt="" /></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a class="brand_subtitle">Hotel & Motel Theme</a></li> </ul> <ul class="nav navbar-nav navbar-right style_right_nav"> <li><a href="#">START</a></li> <li><a href="#">FACILITIES</a></li> <li><a href="#">RESTAURANT</a></li> <li><a href="#">CONFERENCE</a></li> <li><a href="#">BOOKINGS</a></li> <li><a href="#">CONTACT US</a></li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </nav> </div> </div>
</header>
<!--end header section -->
<section id="welcome"> <div class="wel_come_body"> <div class="welcome_title"> <p class="welcome_hello"> <span class="style_hello">Hello,</span>You've Reached</p> <h1 class="hotel_deluxe">HOTEL DELUXE</h1> <p class="spa-saloon">HOTEL-SPA SALOON-FINE DINING</p> </div> <div class="room_booking_form"> <div class="conatiner"> <div class="row"> <div class="col-sm-3"><label for="" class="label_design">Arrival</label> <input type="text" class="input_style" placeholder="21/08/2017" /></div> <div class="col-sm-3"><label for="" class="label_design">Depature</label> <input type="text" class="input_style" placeholder="21/08/2017" /></div> <div class="col-sm-3"><label for="" class="label_design">Room Type</label><br /> <select name="" class="select-design" id=""> <option value="">Standard Single Room</option> <option value="">Standard Single Room</option> <option value="">Standard Single Room</option> <option value="">Standard Single Room</option> <option value="">Standard Single Room</option> </select></div> <div class="col-sm-3"><input type="submit" class="view_price" value="View Prices" /></div> </div> </div> </div> </div>
</section>
<section id="package"> <div class="book_pack"> <div class="book_pack_title"> <h1 class="book-pack-heading">Book A Package</h1> <p class="book-pack-para">sed euismod sem id consequat rutrum. Ut convallis lorem a orci mollis, eu vulputate libero aliquet. Praesent egestas nisi sed purus tincidunt faucibus. Aliquam lobortis orci lacus, sed faucibus augue dapibus vitae. Ut vitae mi sapien. Phasellus a eros justo. Curabitur odio massa, tincidunt nec nibh sit amet</p> </div> <div class="book_pack_slider"> <div class="row"> <div class="col-sm-2"> <div class="arrow_image left"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753955_756997754456901_2053748533_n.png?oh=8b65b67eca7b4d2f0da9777fd13aa18d&oe=58A556A2" alt="" /></div> </div> <div class="col-sm-8 size"> <div class="image_gallary"> <div class="first_image"><img src="http://www.wallpapers4u.org/wp-content/uploads/golf_ball_club_hand_glove_grass_26265_1920x1080.jpg" alt="" /></div> <div class="first_image"><img src="http://www.wallpapers4u.org/wp-content/uploads/golf_ball_club_hand_glove_grass_26265_1920x1080.jpg" alt="" /></div> <div class="first_image"><img src="http://www.wallpapers4u.org/wp-content/uploads/golf_ball_club_hand_glove_grass_26265_1920x1080.jpg" alt="" /></div> </div> </div> <div class="col-sm-2 "> <div class="arrow_image right"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16736080_756997751123568_1241243910_n.png?oh=e2ad9fe0cd6ac51f061beb8d65bf861c&oe=58A57C74" alt="" /></div> </div> </div> </div>
</section>
<section id="room_type"> <div class="our_room_type"> <div class="room_type_title"> <h1 class="room_type_heading">OUR ROOM TYPEs</h1></div> <div class="facilities_gallary"> <div class="row"> <div class="col-sm-4"> <div class="item"> <div class="image"><img src="https://www.hotels.belmaria.com/partner/admin/uploads/1395651446luxe-room.jpg" alt="" /></div> <div class="caption"> <p class="short_des">Standard Double Room</p> </div> <p class="long_des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</p> <div class="tools"> <ul> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780606_757274391095904_31342073_n.png?oh=448f6ab14d99791a3301b714bbd050fd&oe=58A5480E" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753926_757274384429238_1570115100_n.png?oh=56b4ffab3ed2b07b488fc4e7e1465b04&oe=58A53754" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780418_757274447762565_284657949_n.png?oh=e43a676c9ccd2ace9b333c2344919084&oe=58A5159D" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sin6-1.xx.fbcdn.net/v/t34.0-12/16754521_757274707762539_575941945_n.png?oh=0c402f4018e12d1e7341a1787a377dcf&oe=58A700BD" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16779871_757274704429206_517500437_n.png?oh=4bb5365ad2840cee317573d0001b64da&oe=58A553CA" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753891_757274387762571_1203366226_n.png?oh=a3d010c1a4cca9b1ce90be94fdbf8ba9&oe=58A57F0A" alt="" /></a> </li> </ul> </div> </div> </div> <div class="col-sm-4"> <div class="item"> <div class="image"><img src="http://www.riversidehotelguangzhou.cn/images/pic/Deluxe-Room.jpg" alt="" /></div> <div class="caption"> <p class="short_des">Supperior Double Room</p> </div> <p class="long_des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</p> <div class="tools"> <ul> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780606_757274391095904_31342073_n.png?oh=448f6ab14d99791a3301b714bbd050fd&oe=58A5480E" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753926_757274384429238_1570115100_n.png?oh=56b4ffab3ed2b07b488fc4e7e1465b04&oe=58A53754" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780418_757274447762565_284657949_n.png?oh=e43a676c9ccd2ace9b333c2344919084&oe=58A5159D" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sin6-1.xx.fbcdn.net/v/t34.0-12/16754521_757274707762539_575941945_n.png?oh=0c402f4018e12d1e7341a1787a377dcf&oe=58A700BD" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16779871_757274704429206_517500437_n.png?oh=4bb5365ad2840cee317573d0001b64da&oe=58A553CA" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753891_757274387762571_1203366226_n.png?oh=a3d010c1a4cca9b1ce90be94fdbf8ba9&oe=58A57F0A" alt="" /></a> </li> </ul> </div> </div> </div> <div class="col-sm-4"> <div class="item"> <div class="image"><img src="http://www.cantontradefair.com/manage/Attachments/Soluxe%20Hotel%20Guangzhou/soluxe_superior_twin_room.jpg" alt="" /></div> <div class="caption"> <p class="short_des">Family Room</p> </div> <p class="long_des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</p> <div class="tools"> <ul> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780606_757274391095904_31342073_n.png?oh=448f6ab14d99791a3301b714bbd050fd&oe=58A5480E" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753926_757274384429238_1570115100_n.png?oh=56b4ffab3ed2b07b488fc4e7e1465b04&oe=58A53754" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780418_757274447762565_284657949_n.png?oh=e43a676c9ccd2ace9b333c2344919084&oe=58A5159D" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sin6-1.xx.fbcdn.net/v/t34.0-12/16754521_757274707762539_575941945_n.png?oh=0c402f4018e12d1e7341a1787a377dcf&oe=58A700BD" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16779871_757274704429206_517500437_n.png?oh=4bb5365ad2840cee317573d0001b64da&oe=58A553CA" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753891_757274387762571_1203366226_n.png?oh=a3d010c1a4cca9b1ce90be94fdbf8ba9&oe=58A57F0A" alt="" /></a> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-sm-4"> <div class="item"> <div class="image"><img src="http://www.citynorthhotel.com/files/hotel/hotel-a/02-rooms/city-north-hotel-dublin-deluxe-room-01.jpg" alt="" /></div> <div class="caption"> <p class="short_des">Standard Single Room</p> </div> <p class="long_des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</p> <div class="tools"> <ul> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780606_757274391095904_31342073_n.png?oh=448f6ab14d99791a3301b714bbd050fd&oe=58A5480E" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753926_757274384429238_1570115100_n.png?oh=56b4ffab3ed2b07b488fc4e7e1465b04&oe=58A53754" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780418_757274447762565_284657949_n.png?oh=e43a676c9ccd2ace9b333c2344919084&oe=58A5159D" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sin6-1.xx.fbcdn.net/v/t34.0-12/16754521_757274707762539_575941945_n.png?oh=0c402f4018e12d1e7341a1787a377dcf&oe=58A700BD" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16779871_757274704429206_517500437_n.png?oh=4bb5365ad2840cee317573d0001b64da&oe=58A553CA" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753891_757274387762571_1203366226_n.png?oh=a3d010c1a4cca9b1ce90be94fdbf8ba9&oe=58A57F0A" alt="" /></a> </li> </ul> </div> </div> </div> <div class="col-sm-4"> <div class="item"> <div class="image"><img src="http://www.citynorthhotel.com/files/hotel/hotel-a/02-rooms/city-north-hotel-dublin-deluxe-room-02.jpg" alt="" /></div> <div class="caption"> <p class="short_des">Supperior Single Room</p> </div> <p class="long_des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</p> <div class="tools"> <ul> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780606_757274391095904_31342073_n.png?oh=448f6ab14d99791a3301b714bbd050fd&oe=58A5480E" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753926_757274384429238_1570115100_n.png?oh=56b4ffab3ed2b07b488fc4e7e1465b04&oe=58A53754" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780418_757274447762565_284657949_n.png?oh=e43a676c9ccd2ace9b333c2344919084&oe=58A5159D" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sin6-1.xx.fbcdn.net/v/t34.0-12/16754521_757274707762539_575941945_n.png?oh=0c402f4018e12d1e7341a1787a377dcf&oe=58A700BD" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16779871_757274704429206_517500437_n.png?oh=4bb5365ad2840cee317573d0001b64da&oe=58A553CA" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753891_757274387762571_1203366226_n.png?oh=a3d010c1a4cca9b1ce90be94fdbf8ba9&oe=58A57F0A" alt="" /></a> </li> </ul> </div> </div> </div> <div class="col-sm-4"> <div class="item"> <div class="image"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcS2eS0cOnhtNUJLc-XCiIrbh_qKz-aVRpjqcWYMByWctBX59ykc" alt="" /></div> <div class="caption"> <p class="short_des">Vip Room</p> </div> <p class="long_des">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent scelerisque lectus vitae dui sollicitudin commodo.</p> <div class="tools"> <ul> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780606_757274391095904_31342073_n.png?oh=448f6ab14d99791a3301b714bbd050fd&oe=58A5480E" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753926_757274384429238_1570115100_n.png?oh=56b4ffab3ed2b07b488fc4e7e1465b04&oe=58A53754" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16780418_757274447762565_284657949_n.png?oh=e43a676c9ccd2ace9b333c2344919084&oe=58A5159D" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sin6-1.xx.fbcdn.net/v/t34.0-12/16754521_757274707762539_575941945_n.png?oh=0c402f4018e12d1e7341a1787a377dcf&oe=58A700BD" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16779871_757274704429206_517500437_n.png?oh=4bb5365ad2840cee317573d0001b64da&oe=58A553CA" alt="" /></a> </li> <li> <a href=""><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16753891_757274387762571_1203366226_n.png?oh=a3d010c1a4cca9b1ce90be94fdbf8ba9&oe=58A57F0A" alt="" /></a> </li> </ul> </div> </div> </div> </div> </div> </div>
</section>
<section id="location"> <div class="city_location"> <div class="testimonial"> <div class="row"> <div class="col-sm-9"> <p class="main_heading">143 City Located Hotels World Wide</p> <p class="descrip">Hospitality, Quality & Good Locations. We only provide you with the best hotels” - John Doe</p> </div> <div class="col-sm-3"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16730848_757306321092711_1603354028_n.png?oh=630df4f52f9668938d5ffb25029fc7ec&oe=58A54DB6" class="man" alt="" /></div> </div> </div> </div>
</section>
<div class="footer"> <div class="footer_features"> <div class="row"> <div class="col-sm-3"> <p class="footer_heading">ABOUT THIS HOTEL</p> <p class="footer_des">spendisse erat mi, tincidunt sit amet massa quis, commodo fermentum diam. Sed nec dui nec nunc tempor interdum. </p> <p class="footer_des"> Ut vulputate augue urna, ut porta dolor imperdiet a. Vestibulum nec leo eu magna aliquam ornare. </p> </div> <div class="col-sm-3"> <p class="footer_heading">LATEST NEWS</p> <p class="footer_des"> Grand Hotel joins DeluxeHotels <br /><span class="date">15 AUG</span> </p> <p class="footer_des"> Happy Christmas To Everyone<br /><span class="date">15 AUG</span> </p> <p class="footer_des"> Best Places To visit 2014 <br /><span class="date">15 AUG</span> </p> <p class="footer_des"> Vrious Offers <br /><span class="date">15 AUG</span> </p> </div> <div class="col-sm-3"> <p class="footer_heading">JOIN DELUXEHOTELS</p> <p class="footer_des">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus vestibulum blandit egestas. Nam id lectus vel orci luctus consectetur eget id elit. In tortor odio, pellentesque eu arcu sit amet, lacinia euismod nisi. Aliquam sodales tristique mauris ac fermentum. Donec vel varius ipsum. Pellentesque vitae mollis massa. </p> <p class="footer_des">There is no costs or whatsoever so sign up today! </p><input type="submit" class="read_more" value="READ MORE" /></div> <div class="col-sm-3"> <p class="footer_heading">JOIN DELUXEHOTELS</p> <label for="" class="username footer_des">Username</label><br /> <input type="text" class="input_here" /><br /> <label for="" class="username footer_des">Password</label><br /> <input type="text" class="input_here" /><br /> <input type="submit" class="read_more" value="LOGIN" /></div> </div> </div>
</div>
</body>
</html>

Hotel - Script Codes CSS Codes

* { margin: 0px; padding: 0px;
}
.header_body { overflow: hidden; min-height: 80px; width: 100%; background-color: #2A2E33; margin-bottom: 0px;
}
.navigation { width: 85%; margin: 0 auto; min-height: auto; background-color: #2A2E33; margin-bottom: 0px;
}
.brand_subtitle { font-family: 'Quicksand', sans-serif; font-size: 12px;
}
.header_body .navigation .style_nav { background-color: #2A2E33; border: 0px; border-radius: 0px; min-height: 80px; margin-bottom: 0px;
}
.header_body .navigation .style_nav ul li a { background-color: #2A2E33; border: 0px; border-radius: 0px; min-height: 80px;
}
.header_body .navigation .style_nav .style-brand img { display: block; color: #ffffff; margin-top: 9px;
}
.header_body .navigation .style_nav ul li a { display: block; color: #ffffff; padding-top: 25px;
}
.header_body .navigation .style_nav .style_right_nav a { font-size: 11px; font-family: 'Droid Sans', sans-serif;
}
.header_body .navigation .style_nav .style_right_nav li a:hover { display: bolck; background-color: #1E2329; border-top: 3px solid #ffd700; box-sizing: border-box;
}
.wel_come_body { width: 100%; min-height: 460px; background-color: #00ccff; top: 0px; position: relative; background-image: url("http://www.riversidehotelguangzhou.cn/images/pic/Deluxe-Room.jpg"); background-size: cover;
}
.welcome_title { color: #ffffff; text-align: center; min-height: auto; width: 40%; margin: 0 auto; padding-top: 30px;
}
.welcome_title .welcome_hello { padding-top: 55px; padding-bottom: 25px; font-size: 20pt; border-bottom: 1px dotted white; font-family: 'Quicksand', sans-serif;
}
.style_hello { font-weight: bold; font-family: 'Quicksand', sans-serif;
}
.hotel_deluxe { border-bottom: 1px dotted white; font-family: 'Droid Sans', sans-serif; padding-bottom: 25px; font-size: 50px;
}
.spa-saloon { padding-top: 20px; font-weight: none; font-family: 'Droid Sans', sans-serif; font-size: 30px;
}
.room_booking_form { padding-top: 7px; width: 65%; min-height: 85px; background-color: black; position: absolute; left: 20%; bottom: -8%;
}
.select-design { font-family: 'Quicksand', sans-serif; width: 100%; min-height: 35px; border-radius: 10px; margin-left: 5%; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("https://scontent-sin6-1.xx.fbcdn.net/v/t34.0-12/16754326_757988811024462_213331615_n.png?oh=9c44a20f3a699425498a2490e8f5316d&oe=58A63D59"); background-repeat: no-repeat; background-color: white; background-position: 4%; padding-left: 11%;
}
.input_style { border: 0px solid; width: 100%; min-height: 35px; border-radius: 10px; margin-left: 5%; font-family: 'Quicksand', sans-serif;
}
.view_price { font-weight: bold; width: 80%; height: 35px; border-radius: 10px; border: 0px solid; margin-top: 23px; background-color: #ffd700; margin-left: 5%;
}
.label_design { margin-left: 7%; color: #a48d1e; font-weight: light; font-family: 'Quicksand', sans-serif;
}
.book_pack { min-height: 500px; width: 100%; background-color: red; margin-top: -10px; background-image: url("https://scontent-sit4-1.xx.fbcdn.net/v/t35.0-12/16735560_756983647791645_80821395_o.jpg?oh=79857de9098c3cd6c5b03f6aaab9bed4&oe=58A56DB9"); background-size: cover;
}
.book_pack_title { text-align: center; width: 80%; margin: 0 auto; overflow: hidden;
}
.book-pack-heading { font-family: 'Tangerine', cursive; padding-top: 50px; font-size: 50px; color: black;
}
.book-pack-para { font-size: 14px; font-family: 'Rajdhani', sans-serif;
}
.book_pack_slider { margin: 0 auto; min-height: 300px; width: 70%;
}
.left { float: left; margin-left: 70px
}
.right { float: right;
}
.image_gallery { float: left; padding-top: 100px;
}
.first_image { float: left; margin-left: 29px; width: 25%; min-height: 140px; border: 1px solid black; border-radius: 100px; margin-top: 70px;
}
.first_image img { width: 100%; min-height: 140px; border-radius: 100px;
}
.item .image img { width: 100%; height: 140px; border: 2px solid black; box-sizing: border-box;
}
.arrow_image { width: 100%; margin-top: 100px;
}
.our_room_type { width: 100%; min-height: 0px; margin-top: -20px; background-image: url("https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16779740_757253777764632_1376103910_n.jpg?oh=29ed3854b4427c9df92ea7ef5a4e1bfc&oe=58A5237F"); background: cover;
}
.room_type_heading { font-family: 'Tangerine', cursive; padding-top: 60px; font-size: 50px; color: black; text-align: center;
}
.facilities_gallary { margin: 0 auto; min-height: 700px; width: 85%;
}
.item { width: 100%; margin: 0 auto; text-align: center; margin-top: 20px; margin-bottom: 30px;
}
.image { width: 100%; background-color: black; min-height: 140px;
}
.tools { padding-left: 60px;
}
.tools ul li { float: left; list-style-type: none; margin-left: 12px;
}
.short_des { font-family: 'Quicksand', sans-serif; font-size: 12pt; font-weight: bold;
}
.long_des { font-family: 'Quicksand', sans-serif; font-size: 9pt;
}
.city_location { position: relative; min-height: 100px; width: 100%; background-color: #e7cb2c;
}
.testimonial { margin: 0 auto; width: 85%; min-height: 100px;
}
.man { position: absolute; top: -184px;
}
.main_heading { font-family: 'Quicksand', sans-serif; font-size: 33pt; color: #ffffff;
}
.descrip { font-family: 'Quicksand', sans-serif; font-size: 9pt; color: #ffffff;
}
.footer { width: 100%; min-height: 328px; background-color: #333333;
}
.footer_features { margin: 0 auto; width: 85%;
}
.date { font-family: 'Quicksand', sans-serif; color: #665d32; font-size: 10pt;
}
.footer_heading { color: #ffffff; font-family: 'Quicksand', sans-serif; font-size: 12pt; padding-top: 20px; padding-bottom: 10px;
}
.footer_des { color: #a7a7a7; font-family: 'Quicksand', sans-serif; font-size: 10pt;
}
.read_more { margin-top: 10px; width: 40%; min-height: 30px; border-radius: 12px; border: 0px solid; background-color: #e7cb2c; font-weight: bold;
}
.input_here { min-height: 30px; background-color: #333333; border-radius: 15px; border: 2px solid black;
}
:-moz-placeholder { color: #999999; font-size: 18px; padding-left: 10px;
}
:-ms-placeholder { color: #999999; font-size: 18px; padding-left: 10px;
}
::-webkit-input-placeholder { color: #999999; font-size: 15px; padding-left: 26px; background: url("https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/16754720_757400874416589_2073352345_n.png?oh=b8a35e10d93f223e0176845bccf2a2cf&oe=58A56F81"); background-repeat: no-repeat; background-position: 5% 26%;
}
::-moz-placeholder { padding-left: 10px; color: #999999; font-size: 18px;
}
Hotel - Script Codes
Hotel - Script Codes
Home Page Home
Developer MOHIM
Username MOHIM
Uploaded November 22, 2022
Rating 3
Size 6,623 Kb
Views 22,264
Do you need developer help for Hotel?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

MOHIM (MOHIM) Script Codes
Name
EConnect
Section-2
Our services
A Pen by MOHIM
Big-1
New
Confidence
Portfolio
Mop-1
Juice
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!