-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (69 loc) · 2.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Welcome to the most extraordinary hotel in Boston Massachusetts">
<meta name="kewords" content="hotel,boston hotel,new england hotel">
<link rel="stylesheet" href="https://kit.fontawesome.com/b8cdec71f5.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
<title>Hotel BT | Welcome</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">HBT</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. Culpa ab vero nihil eos? Repellat, eius?</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. Nesciunt molestias labore illo repellendus, velit iusto asperiores dicta accusamus ipsa id vel rerum minima sed ducimus voluptas suscipit neque explicabo, quae ratione vitae odit voluptates corrupti. Aperiam, nesciunt. Deleniti, est quisquam!</p>
<a class="btn btn-light" href="about.html">Read More</a>
</div>
</section>
<section id="features">
<div class="box bg-light">
<i class="fa-solid fa-hotel"></i>
<h3>Great Location</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, ut.</p>
</div>
<div class="box bg-primary">
<i class="fa-solid fa-utensils"></i>
<h3>Free Meals</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, ut.</p>
</div>
<div class="box bg-light">
<i class="fa-solid fa-dumbbell"></i>
<h3>Fitness Room</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam, ut.</p>
</div>
</section>
<div class="clr"></div>
<footer id="main-footer">
<p>Hotel BT © 2023, All Rights Reserved</p>
</footer>
</body>
</html>