-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (82 loc) · 3.32 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
<!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 extravagant hotel
in the Manchester area.">
<meta name="keywords" content="hotel, manchester hotel, manchester">
<title>Hotel MC | Welcome</title>
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
crossorigin="anonymous"/>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">HMC</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</span> Your Stay</h1>
<p class="lead">Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Dignissimos officia aspernatur earum ab facere eum eos delectus
quos atque beatae sapiente, ipsa vel iusto nam, ut laudantium,
#aliquam quod ex!</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="span text-primary">The History</span> Of Our Hotel
</h2>
<p>
Lorem ipsum dolor sit amet,
consectetur adipisicing elit.
Necessitatibus nesciunt placeat
harum culpa nisi voluptatibus maiores
libero, est perferendis pariatur excepturi
ad ducimus quidem fuga eius. Placeat, aperiam
accusamus sed ut sit porro? Ratione unde vel
est sunt minus repellat.
</p>
<a href="about.html" class="btn btn-light">Read More</a>
</div>
</section>
<section id="features">
<div class="box bg-light">
<i class="fas fa-hotel fa-3x"></i>
<h3>Great Location</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus, accusamus.</p>
</div>
<div class="box bg-primary">
<i class="fas fa-utensils fa-3x"></i>
<h3>Meals Included</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus, accusamus.</p>
</div>
<div class="box bg-light">
<i class="fas fa-dumbbell fa-3x"></i>
<h3>On-Site Gym</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus, accusamus.</p>
</div>
</section>
<div class="clr"></div>
<footer id="main-footer">
<p>PlanetDebug © 2021, All Rights Reserved</p>
</footer>
</body>
</html>