-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (78 loc) · 3.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description" content="Welcome to the most extraordinary hotel">
<title>AR - Hotel</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
</head>
<body>
<!-- Start Header -->
<header>
<!-- Start Nav -->
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">AR-<span class="text-primary">H</span></a></h1>
<ul>
<li><a class="current-page" 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>
<!-- End Nav -->
<!-- Start Show Case -->
<div id="showcase">
<div class="container">
<div class="showcase-content">
<h1><span class="text-primary">Enjoy</span> your stay</h1>
<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nostrum est maiores, accusamus et veniam quae!</p>
<a class="btn" href="about.html">About Hour Hotel</a>
</div>
</div>
</div>
<!-- End Show Case -->
</header>
<!-- End Header -->
<!-- Start Home Infos Section -->
<section id="home-infos">
<div class="img-infos"></div>
<div class="text-infos">
<h2><span class="text-primary">the history</span> of our hotel</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sapiente iste asperiores alias necessitatibus eum optio?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sapiente iste asperiores alias necessitatibus eum optio?
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sapiente iste asperiores alias necessitatibus eum optio?
</p>
<a class="btn" href="about.html">read more</a>
</section>
</div>
<!-- End Home Infos Section -->
<!-- Start Features -->
<section id="features">
<div class="box">
<i class="fas fa-hotel fa-3x"></i>
<h3>Great Location</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laudantium, molestias.</p>
</div>
<div class="box bg-dif">
<i class="fas fa-utensils fa-3x" ></i>
<h3>Free Meals</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum, molestiae?</p>
</div>
<div class="box">
<i class="fas fa-dumbbell fa-3x"></i>
<h3>Fitness Room</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed, voluptatem?</p>
</div>
</section>
<!-- End Features -->
<!-- Start Main Footer -->
<footer id="main-footer">
<p class="ft-p">hotel AR-<span class="text-primary">h</span> © all right reserved</p>
</footer>
<!-- End Main Footer -->
</body>
</html>