-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
90 lines (68 loc) · 3.78 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
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hotel NMM</title>
<link rel="stylesheet" href="/css/style2.css">
<link
rel="stylesheet"
media="screen and (max-width:768px)"
href="/css/mobile.css"
/>
<script src="https://kit.fontawesome.com/102efa8e5c.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<header class="main">
<div class="wrapper-main">
<h1 class="title"><a href="/index.html">NMM</a></h1>
<nav class="navigation">
<ul class="navbar">
<li><span class="buttons"><a class="nav-item " href="/index.html">Home </a></span></li>
<li class="current"><span class="buttons"><a class="nav-item" href="/about.html">About </a></span></li>
<li><span class="buttons"><a class="nav-item" href="/contact.html">Contact </a></span></li>
</ul>
</nav>
</div>
</header>
<div class="about-hotel">
<div class="wrapper-main"><!--CLASE PARA MANTENER EL ANCHO MÁXIMO DE 1100 PX -->
<div class="about-left">
<h1 class="about-title"><span class="enjoy">About</span> Hotel NMM</h1>
<p class="about-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus iusto dolore, soluta dolorem fugit placeat asperiores assumenda deleniti alias reprehenderiipisicing elit. Doloribus iusto dolore, soluta dolorem fugit placeat asperiores assumenda deleniti alias reprehenderit ipisicing elit. Doloribus iusto dolore, soluta dolorem fugit placeat asperiores assumenda deleniti alias reprehenderi.</p>
</div>
<div class="about-right">
<div class="image-right"><img src="img/photo-2.jpg" alt="" srcset=""></div>
</div>
</div>
</div>
<div class="clr"></div>
<div class="about-main-testimonials">
<div class="wrapper-main">
<div class="title-test">What Our Guests Say</div>
<div class="about-testimonial">
<div class="about-test-text2">
<p>
<img src="img/person-1.jpg" alt="" class="about-img">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Suscipit, enim accusamus ex explicabo minus cumque. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ex perferendis nihil natus vel eligendi doloremque vitae, laborum quod. Deleniti autem, nesciunt animi recusandae pariatur architecto molestias iure et. Ea, nemo.
</p>
</div>
</div>
<div class="clr"></div>
<div class="about-testimonial ">
<div class="about-test-text2">
<p>
<img src="img/person-2.jpg" alt="" class="about-img">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Suscipit, enim accusamus ex explicabo minus cumque. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ex perferendis nihil natus vel eligendi doloremque vitae, laborum quod. Deleniti autem, nesciunt animi recusandae pariatur architecto molestias iure et. Ea, nemo.
</p>
</div>
</div>
</div>
</div>
<div class="clr"></div>
<footer class="main-footer">
<p>Hotel NMM © 2021 all rights reserved</p>
</footer>
</body>
</html>