-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
59 lines (55 loc) · 2.59 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
<!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 extrordinary hotel in Boston Massachusetts">
<meta name="keywords" content="hotel, boston, hotel, new england hotel">
<link rel="stylesheet" href="CSS/style.css">
<title>Hotel BT | About</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">HBT</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 BT</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis non autem fuga tempore, enim minima harum vel illum ipsum aspernatur delectus libero veniam quo magni et rem maxime ullam unde!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem, quae recusandae. Non corporis inventore aut accusantium ad. Suscipit, voluptatibus laborum.</p>
</div>
<div class="info-right">
<img src="./images/photo-2.jpg" alt="Hotel">
</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="testimonial bg-primary">
<img src="./images/person-1.jpg" alt="Emily">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci cupiditate consequuntur earum ratione repellat exercitationem? Similique et, in enim nisi odio vero illo architecto facere totam recusandae. Eligendi omnis autem officia rem eius recusandae illum nisi assumenda quas. Amet, suscipit!</p>
</div>
<div class="testimonial bg-primary">
<img src="./images/person-2.jpg" alt="Jen">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci cupiditate consequuntur earum ratione repellat exercitationem? Similique et, in enim nisi odio vero illo architecto facere totam recusandae. Eligendi omnis autem officia rem eius recusandae illum nisi assumenda quas. Amet, suscipit!</p>
</div>
</div>
</section>
<footer id="main-footer">
<p>Hotel BT © 2019, All Rights Reserved</p>
</footer>
</body>
</html>