-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
84 lines (80 loc) · 3.01 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!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 this amazing hotel" />
<meta name="keywords" content="hotel,bosten,hotel,boston hotel" />
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
media="screen and (max-width:768px)"
href="mobile.css"
/>
<title>HOTEL BT ABOUT</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="#">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. Qui facilis
perspiciatis nisi cumque laboriosam quos recusandae illo, temporibus
error vitae. Lorem ipsum dolor sit amet consectetur adipisicing
</p>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius velit
nisi totam impedit voluptatem cum delectus officiis minima itaque
</p>
</div>
<div class="info-right">
<img src="./image_resources/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="./image_resources/person-1.jpg" alt="" />
<p class="py-2">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Architecto
aut unde beatae modi consequuntur reiciendis animi aspernatur
officiis earum sequi veritatis laudantium velit reprehenderit atque,
sapiente culpa autem! Nihil culpa, atque quidem inventore laudantium
a commodi animi aspernatur aut quasi?
</p>
</div>
<div class="testimonial bg-primary">
<img src="./image_resources/person-2.jpg" alt="" />
<p class="py-2">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Architecto
aut unde beatae modi consequuntur reiciendis animi aspernatur
officiis earum sequi veritatis laudantium velit reprehenderit atque,
sapiente culpa autem! Nihil culpa, atque quidem inventore laudantium
a commodi animi aspernatur aut quasi?
</p>
</div>
</div>
</section>
<footer id="main-footer" class="clr">
<p>Hotel BT © 2019, All Rights Reserved</p>
</footer>
</body>
</html>