-
Notifications
You must be signed in to change notification settings - Fork 2
/
about.html
62 lines (60 loc) · 3.22 KB
/
about.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
<!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">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width:768px)" href="mobile.css">
<title>Hotel Chicago | Chicago Hotel About</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">HC</a></h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a class="current" href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
</header>
<section id="about-info"class="bg-light py-3">
<div class="container">
<div class="info-left">
<h1 class="l-heading"> <span class="text-primary">About</span> Hotel Chicago</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias sed accusantium doloremque fugiat maxime consectetur ipsam quaerat debitis corporis sunt laborum facilis autem, sequi eaque facere illum eos id iusto!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor, eius dolores natus nesciunt dolore unde. Dignissimos nemo fugit temporibus molestiae.</p>
</div>
<div class="info-right">
<img src="./img/brick-building4183275.jpg" alt="A beautiful Brick Building">
</div>
</div>
</section>
<div class="clr"></div>
<section id="testimonials" class="py-3">
<div class="container">
<h2 class="l-heading">What Our Guests Say</h2>
<div class="testimonials bg-primary">
<img src="./img/woman-sitting-and-smiling.jpg" alt="joan">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque illum nobis hic, rerum, ducimus repellat, earum nemo amet omnis quod adipisci consectetur error corrupti illo reprehenderit ea facilis molestias aspernatur distinctio at. Voluptatibus dolorum, ab enim corporis dolores tempore. Odit?</p>
</div>
<div class="testimonials bg-primary">
<img src="./img/woman-practicing-yoga-4050218.jpg" alt="angela">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque illum nobis hic, rerum, ducimus repellat, earum nemo amet omnis quod adipisci consectetur error corrupti illo reprehenderit ea facilis molestias aspernatur distinctio at. Voluptatibus dolorum, ab enim corporis dolores tempore. Odit?</p>
</div>
<div class="testimonials bg-primary">
<img src="./img/women-s-black-framed-eyeglasses-2701570.jpg" alt="Sam">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque illum nobis hic, rerum, ducimus repellat, earum nemo amet omnis quod adipisci consectetur error corrupti illo reprehenderit ea facilis molestias aspernatur distinctio at. Voluptatibus dolorum, ab enim corporis dolores tempore. Odit?</p>
</div>
</div>
</section>
<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>