-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (72 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
75
76
77
<!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 in Boston Massachusetts">
<meta name="keywords" content="hotel,boston,new england hotel">
<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. Nihil, ad deleniti veritatis fugiat reprehenderit neque labore voluptates deserunt quaerat ab, iure mollitia. </p>
<a class="btn" href="about.html">About Our Hotel</a>
</div>
</div>
</div>
</header>
<main>
<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. Soluta quo inventore quia eligendi earum consequatur nemo, obcaecati non, quae, modi cupiditate beatae alias magnam ullam aut error doloribus officia! Asperiores! Lorem, ipsum dolor sit amet consectetur adipisicing elit. </p>
<a href="about.html" class="btn btn-light">Read More</a>
</div>
</section>
<section id="features">
<div class="box bg-light">
<figure>
<img src="./img/hotel.svg" alt="hotel icon">
</figure>
<h3>Great Location</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. </p>
</div>
<div class="box bg-primary">
<figure>
<img src="./img/meal.svg" alt="hotel icon">
</figure>
<h3>Free Meals</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. </p>
</div>
<div class="box bg-light">
<figure>
<img src="./img/fitness.svg" alt="hotel icon">
</figure>
<h3>Fitness Room</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. </p>
</div>
</section>
</main>
<div class="clr"></div>
<footer id="main-footer">
<p>Hoter BT © 2020, All Rights Reserved</p>
</footer>
</body>
</html>