-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (111 loc) · 7.17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
<title> URBAN STAY </title>
<link rel="stylesheet" href="newstyle.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href='https://fonts.googleapis.com/css?family=Assistant' rel='stylesheet'>
<body>
<!-- Navigation Bar -->
<nav>
<div class="logo"><a href="#"><h1>URBAN STAY</h1></a></div>
<ul class="menu">
<li><i class="fa-sharp fa-solid fa-house" style="color: #ffffff;"></i><a href ="#home">HOME</a></li>
<li><i class="fa-solid fa-info" style="color: #fafafa;"></i><a href ="#about">ABOUT</a></li>
<li><i class="fa-solid fa-star" style="color: #ffffff;"></i><a href ="#review">REVIEW</a></li>
<li><i class="fa-solid fa-headset" style="color: #ffffff;"></i><a href ="#id1">CONTACT</a></li>
<!-- <li><a href="#">Cities</a>
<ul>
<li><a href="#">Pune</a></li>
<li><a href="#">Delhi</a></li>
<li><a href="#">Mumbai</a></li>
<li><a href="#">Hyderabad</a></li>
<li><a href="#">Bangalore</a></li>
</ul>
</li> -->
<li class="bbtn"><a href="list.html"><button>Book Now</button></a></li>
</ul>
</nav>
<!-- Main Heading -->
<div id="home" class="main-head">
<div class="banner-text">
<h1><span>URBAN STAY</span></h1>
<h2>Our <span>Hotel Reservation Website</span></h2> is Best in the <span> Location</span><h2>
<h3>We are <span>5 star</span> rating among all <span>online hotel booking websites</span></h3>
</div>
<div class="btn">
<a href="list.html"><button>Book Room</button></a>
</div>
</div>
<div class="bkc">
About
<div id="about" class="container">
<div class="about-section">
<h2>About Us</h2>
<p>Welcome to Hotel Reservation, the premier online platform for booking your dream hotel stay. We understand that finding the perfect accommodation is essential to having an unforgettable travel experience. With our user-friendly interface and extensive selection of hotels, we make it easy for you to discover and reserve the ideal place to stay, no matter your destination.</p>
</div>
<div class="features-section">
<div class="feature">
<h3>Wide Selection</h3>
<p>Choose from a vast collection of hotels across various locations. Whether you're seeking a luxurious resort or a budget-friendly inn, we have options to suit every traveler's preferences and budget.</p>
</div>
<div class="feature">
<h3>Easy Booking</h3>
<p>Our intuitive booking process allows you to effortlessly reserve your desired hotel in just a few clicks. Simply enter your travel dates, destination, and preferences, and we'll provide you with a curated list of available options.</p>
</div>
<div class="feature">
<h3>Secure Payments</h3>
<p>Rest assured that your payment information is safe with our secure booking system. We prioritize the protection of your personal and financial data, ensuring a worry-free reservation experience.</p>
</div>
</div>
</div>
<!-- Reviews -->
<h2>Reviews</h2>
<div id="review" class="review-section">
<div class="review">
<p class="rating">Rating: <span class="rating">4.5</span></p>
<p class="author">Arun Panwar ~ NCR</p>
<p>With a user-friendly interface, it offers a wide range of hotels to suit any budget.Helped me make the right choice. Booking was a breeze, and the platform provided competitive prices and exclusive deals. Reliable tool for hassle-free accommodation booking. Highly recommended!</p>
<p class="date">Posted on 2023-03-13</p>
</div>
<div class="review">
<p class="rating">Rating: <span class="rating">4.8</span></p>
<p class="author">Yash Pawar ~ Maharashtra</p>
<p>Game-changer! It's incredibly easy to navigate, and the variety of hotels is impressive. The detailed information and verified reviews gave me confidence in my choices. The booking process was seamless, and I found great deals on the platform. Whether you're on a budget or looking for luxury, Urban Stay has you covered. I'm thrilled with my experience and highly recommend using Urban Stay</p>
<p class="date">Posted on 2023-04-11</p>
</div>
<div class="review">
<p class="rating">Rating: <span class="rating">4.2</span></p>
<p class="author">Arjun Rao ~ Bangalore</p>
<p>It's truly extraordinary. From the moment I started browsing through their extensive selection, I was blown away by the variety and quality of options available. The user-friendly interface made it a breeze to filter and refine my search based on my preferences. The detailed descriptions, accompanied by genuine customer reviews, provided valuable insights to help me make an informed decision. The seamless booking process and competitive prices were the icing on the cake a delightful experience for travelers like me.</p>
<p class="date">Posted on 2023-07-11</p>
</div>
<div class="review">
<p class="rating">Rating: <span class="rating">4.7</span></p>
<p class="author">Rajesh Reddy ~ Hyderabad</p>
<p>It goes beyond ordinary expectations, providing an extraordinary booking experience. The vast selection of hotels, ranging from budget-friendly to luxurious, caters to every traveler's needs. The intuitive interface and robust search filters make navigating the options a breeze. What truly sets it apart is the attention to detail in hotel descriptions, including amenities, room types, and genuine customer reviews. The seamless booking process, competitive prices, and reliable customer support add to the overall excellence. </p>
<p class="date">Posted on 2023-07-15</p>
</div>
</div>
<!-- Contact -->
<div id="id1">
<h1>Contact Us</h1>
<div class="contact-info">
<div class="class1">
<div class="img"> <img src="calll.jpeg" height="50px" width="50px"></div>
<h2>CALL US</h2>
<p>+91 1234567890</p>
</div>
<div class="class2">
<div class="img"> <img src="th.jpeg" height="50px" width="50px"></div>
<h2>EMAIL US</h2>
<p>urbanstay@gmail.com</p>
</div>
</div>
</div>
<!--Footer -->
<div class="footer">
<p>© 2023 URBAN STAY. All rights reserved.</p>
<a href="https://www.instagram.com/"><img src="s1.webp" alt="Instagram"></a>
<a href="https://www.facebook.com/"><img src="s2.png" alt="Facebook"></a>
<a href="https://twitter.com/"><img src="s3.webp" alt="Twitter"></a>
</div>