-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (109 loc) · 3.39 KB
/
index.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!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 class="current">
<span class="buttons">
<a class="nav-item" href="/index.html">Home </a>
</span>
</li>
<li>
<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="showcase">
<div class="wrapper-main">
<!--CLASE PARA MANTENER EL ANCHO MÁXIMO DE 1100 PX -->
<h1 class="welcome"><span class="enjoy">Enjoy</span> Your Stay</h1>
<p class="welcome-text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia
fuga amet accusantium?
</p>
<button class="about-btn">
<a href="about.html"> About our Hotel </a>
</button>
</div>
</div>
<div class="medium-content">
<div class="image-left"></div>
<div class="hotel-history">
<h1><span class="enjoy"> The History </span>Of Our Hotel</h1>
<p class="history-content">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim ipsam
velit deserunt sint? Placeat sapiente enim necessitatibus, quisquam
voluptatem corporis perspiciatis Lorem ipsum dolor sit amet
consectetur adipisicing elit. Enim ipsam velit deserunt sint?
Placeat sapiente enim necessitatibus, quisquam voluptatem corporis
perspiciatis
</p>
<button class="history-button">Read More</button>
</div>
</div>
</div>
<div class="prefooter pf1">
<i class="fas fa-hotel fa-4x"></i>
<h3>Great Location</h3>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. A explicabo
doloribus nostrum quibusdam, provident nemo dolorem quisquam cumque
repellat officiis earum, natus neque dolores voluptate id voluptatibus.
Impedit, enim id!
</p>
</div>
<div class="prefooter pf2">
<i class="fas fa-utensils fa-4x"></i>
<h3>Free Meals</h3>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. A explicabo
doloribus nostrum quibusdam, provident nemo dolorem quisquam cumque
repellat officiis earum, natus neque dolores voluptate id voluptatibus.
Impedit, enim id!
</p>
</div>
<div class="prefooter pf3">
<i class="fas fa-dumbbell fa-4x"></i>
<h3>Fitness Room</h3>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. A explicabo
doloribus nostrum quibusdam, provident nemo dolorem quisquam cumque
repellat officiis earum, natus neque dolores voluptate id voluptatibus.
Impedit, enim id!
</p>
</div>
<div class="clr"></div>
<div class="clr"></div>
<footer class="main-footer">
<p>Hotel NMM © 2021 all rights reserved</p>
</footer>
</body>
</html>