-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
57 lines (53 loc) · 3.36 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
<!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 exciting hotel website">
<meta name="keywords" content="hotel,hotel in Düsseldorf, Germany Hotel">
<link rel="stylesheet" href="css/style.css">
<title>Hotel JD | About</title>
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<h1 class="logo"><a href="index.html">HJD</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>
<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 JD</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima iure eos, corrupti id consequatur eius porro impedit provident autem expedita, doloremque natus delectus quibusdam dolor laborum illo! Aut maiores explicabo, iure nemo perferendis, exercitationem ipsam totam praesentium nesciunt officia nostrum, suscipit commodi. Commodi exercitationem minima reprehenderit dolorem omnis quis mollitia?.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium ab, saepe possimus itaque illo assumenda consectetur veniam voluptatum temporibus nobis, expedita officiis a natus facilis excepturi recusandae nemo sit ullam!</p>
</div>
<div class="info-right">
<img src="https://images.pexels.com/photos/705773/pexels-photo-705773.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="hotel" >
</div>
</div>
</section>
<div class="clr"></div>
<section id="testimonial" class="py-3">
<div class="container">
<h2 class="l-heading">What our Guests say about Us</h2>
<div class="testimonial bg-primary">
<img src="https://images.pexels.com/photos/733872/pexels-photo-733872.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="Julie">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat obcaecati magnam, iure vitae, deleniti quaerat omnis incidunt accusantium fugiat quam iusto voluptas maxime doloribus atque sequi expedita labore quo reprehenderit? Fugit itaque id non doloremque minima, sint iste. Ex, voluptatum.</p>
</div>
<div class="testimonial bg-primary">
<img src="https://images.pexels.com/photos/3118691/pexels-photo-3118691.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="Lucy" >
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Placeat obcaecati magnam, iure vitae, deleniti quaerat omnis incidunt accusantium fugiat quam iusto voluptas maxime doloribus atque sequi expedita labore quo reprehenderit? Fugit itaque id non doloremque minima, sint iste. Ex, voluptatum.</p>
</div>
</div>
</section>
<footer id="mainfooter">
<p>Hotel JD ©2021,All Rights Reserved.</p>
</footer>
</body>
</html>