-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
56 lines (56 loc) · 2.56 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
<!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="Best hotel in New Boston UK">
<meta name="keyword" content="Hotel,Boston hotel,Luxury hotel">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.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">
<div class="container">
<div class="info-left">
<h1><span>About</span> Hotel BT</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem veritatis illo, similique labore voluptate nulla animi dolorum eius laborum illum, nesciunt quod reprehenderit dicta autem vel nobis minima sit deleniti!</p>
<br>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. A velit voluptatem impedit voluptate. Doloribus, voluptas dolore! Cupiditate aliquid sequi deserunt.</p>
</div>
<div class="info-right"><img src="./img/photo-2.jpg" alt="Photo 2"></div>
</div>
</section>
<div class="clr"></div>
<section id="testimonials">
<div class="container">
<h1>What Our Guests Say</h1>
<div class="part-1">
<div class="person-1"><img src="./img/person-1.jpg" alt="person-1"></div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam eligendi quibusdam, dolorum maxime cum numquam quisquam, deleniti eum incidunt, velit non consectetur. Facere, ipsa maxime, ullam id amet odio laboriosam sit iusto tempore fugit exercitationem, a dolore quo maiores nisi!</p>
</div>
<div class="part-2">
<div class="person-2"><img src="./img/person-2.jpg" alt="person-2"></div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam eligendi quibusdam, dolorum maxime cum numquam quisquam, deleniti eum incidunt, velit non consectetur. Facere, ipsa maxime, ullam id amet odio laboriosam sit iusto tempore fugit exercitationem, a dolore quo maiores nisi!</p>
</div>
</div>
</section>
<div class="clr"></div>
<footer>
<p>Hotel BT © 2021, All Rights Reserved</p>
</footer>
</body>
</html>