-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
69 lines (64 loc) · 3.23 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
<!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 extraordinary hotel">
<title>AR - Hotel | About</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">
</head>
<body>
<!-- Start Header -->
<header>
<!-- Start Nav -->
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">AR-<span class="text-primary">H</span></a></h1>
<ul>
<li><a href="index.html">home</a></li>
<li><a class="current-page" href="about.html">about</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
</nav>
<!-- End Nav -->
</header>
<!-- End Header -->
<!-- Start About Infos -->
<section id="about-infos" class="py3">
<div class="container">
<div class="left-infos">
<h1 class="l-heading"><span class="text-primary">About</span> Hotel AR- <span class="text-primary">H</span></h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id eligendi, dolorem, libero sapiente commodi similique ea autem veniam cupiditate perferendis voluptate illo, nemo voluptates deserunt modi dicta et ex voluptatum.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum expedita suscipit assumenda deserunt excepturi alias distinctio minus dolorum reprehenderit accusantium.</p>
</div>
<div class="right-infos">
<img src="img/img4.jpg" alt="about-image">
</div>
</div>
</section>
<!-- End About Infos -->
<!-- Start testimonials -->
<section id="testimonials">
<div class="container">
<h2 class="l-heading">What our gests say</h2>
<div class="testimonial bg-dif">
<img src="img/img1.jpg" alt="jessica">
<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="testimonial bg-dif">
<img src="img/img2.jpg" alt="jessica">
<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>
<!-- End testimonials -->
<!-- Start Main Footer -->
<footer id="main-footer">
<p class="ft-p">hotel AR-<span class="text-primary">h</span> © all right reserved</p>
</footer>
<!-- End Main Footer -->
</body>
</html>