-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
71 lines (68 loc) · 3.02 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
<!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 extraoridnary hotel in Chicago">
<meta name="keywords" content="hotel,chicago hotel,the bean,magnificiant mile">
<script src="https://kit.fontawesome.com/ce1988831b.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width:768px)" href="mobile.css">
<title>Hotel Chicago | Chicago Hotel Welcome</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">HC</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 class="clr"></div>
<div id="showcase" class="img-opacity">
<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 impedit expedita ipsam amet perspiciatis quam, incidunt harum reprehenderit distinctio cumque!</p>
<a href="about.html" class="btn">About Hotel Chicago</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 Hotel Chicago</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta quod dignissimos consequatur error corporis earum tempore quis fugit culpa ullam temporibus, maiores ut explicabo ea nostrum laborum optio aliquam possimus officiis laudantium voluptas! Dignissimos reiciendis ut excepturi dicta similique perferendis vitae, iure quibusdam molestias eos nobis numquam id distinctio? Pariatur?</p>
<a href="about.html" class="btn btn-light">Read More</a>
</div>
<div class="clr"></div>
</section>
<section class="features">
<div class="box btn-light">
<i class="fas fa-hotel fa-3x"></i>
<h3>Great Location</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim, fugit!</p>
</div>
<div class="box bg-primary">
<i class="fas fa-utensils fa-3x"></i>
<h3>Exquisite Meals</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim, fugit!</p>
</div>
<div class="box btn-light">
<i class="fas fa-dumbbell fa-3x"></i>
<h3>Fitness Room</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Enim, fugit!</p>
</div>
</section>
<div class="clr"></div>
<footer id="main-footer">
<p>Hotel Chicago © 2020, All Rights Reserved </p>
<p>Mensah Tribe Solutions © 2020, Insipred by Traversy Media </p>
</footer>
</body>
</html>