-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
76 lines (68 loc) · 3.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Welcome to the most extraordinary hotel in the Lucknow ">
<meta name="keywords" content="hotel,hotel in lucknow,new hotel">
<script src="https://kit.fontawesome.com/09b615bd55.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width:768px) " href="css/mobile.css">
<title>Hotel AKS | Welcome</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">AKS</a></h1>
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</div>
</nav>
<div id="showcase">
<div class="container">
<div class="showcase-content">
<h1><span class="text-primary enjoy">Enjoy </span>Your Stay</h1>
<p class="lead">Lorem ipsum dolor sit amet consectetu r adipisicing elit. Consectetur ver o nostrum itaque nisi aspernatur dicta quae alias accusamus esse cum?</p>
<a class="btn" href="about.html">About Our Hotel</a>
</div>
</div>
</div>
</header>
<section id="home-info" class="bg-dark">
<div class="info-img">
</div>
<div class="info-content">
<h2> <span class="text-primary">The History</span> Of Our Hotel</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed vel error, aperiam assumenda dolorem repellendus laborum soluta nobis eveniet voluptatem aliquam velit at recusandae rerum beatae iusto eos inventore omnis. Quibusdam quaerat cumque
explicabo cum voluptas deleniti magnam sequi consectetur.</p>
<a href="about.html" class="btn btn-light">Read More</a>
</div>
</section>
<section id="feature">
<div class="box bg-light">
<i class="fas fa-hotel fa-3x"></i>
<h3>Great Location</h3>
<p>Lorem ipsum dolor sit amet con sectetur adipisicing elit. Modi, asperiores.</p>
</div>
<div class="box bg-primary">
<i class="fas fa-utensils fa-3x"></i>
<h3>Free Meals</h3>
<p>Lorem ipsum dolor sit amet con sectetur adipisicing elit. Modi, asperiores.</p>
</div>
<div class="box bg-light">
<i class="fas fa-dumbbell fa-3x"></i>
<h3>Fitness Room</h3>
<p>Lorem ipsum dolor sit amet con sectetur adipisicing elit. Modi, asperiores.</p>
</div>
</section>
<div class="clr"></div>
<footer id="main-footer">
<p>Hotel AKG © 2020, All Rights Reserved</p>
</footer>
</body>
</html>