-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
107 lines (103 loc) · 6 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- build:css dist/about.css -->
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<!-- endbuild -->
<title>Guía de Hoteles</title>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#">Hoteles</a>
<!-- Agregando más elementos, algunos colapsables -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="./index.html">Home</a></li>
<li class="nav-item active"><a class="nav-link" href="#">Nosotros</a></li> <!-- Aqui resaltamos en que página nos encontramos -->
<li class="nav-item"><a class="nav-link" href="#">Precios</a></li>
<li class="nav-item"><a class="nav-link" href="#">Términos y condiciones</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contacto</a></li>
</ul>
</div>
</nav>
<div class="jumbotron text-center ">
<h1>Hoteles</h1>
</div>
<div class="container">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item" aria-current="page"><a href="./index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Nosotros</li>
</ol>
</nav>
<span>
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Earum aut quas nobis, ab magni iusto laboriosam vel vero autem
cum veritatis tempore aliquam, repudiandae deserunt nulla non
tenetur ut necessitatibus expedita molestiae. Accusamus possimus
sequi nemo libero exercitationem expedita obcaecati quasi dolor
odio adipisci, fugit dolores ut illo esse incidunt nam amet veniam
inventore ad necessitatibus tempora? Officia consequuntur, itaque
modi debitis pariatur nesciunt in? Minima maxime corporis id nulla
libero eius itaque minus rerum? Omnis dolores vero error doloribus
fugiat, harum aspernatur alias maxime, id amet quam unde, illo quia
eveniet expedita illum temporibus eos exercitationem tempora dolor
facilis. Sint, perspiciatis, sapiente qui animi totam cupiditate
eveniet itaque dolorem culpa, reiciendis in doloremque deserunt hic
velit voluptate laboriosam perferendis eos ab. Ut iusto, ullam quaerat,
dolorum ab amet sint hic provident praesentium eveniet quidem nam quo
nihil. Temporibus itaque minus neque a iste debitis reiciendis maxime
est, assumenda blanditiis dicta nihil delectus veritatis nisi quaerat
voluptas nesciunt, fugit tenetur vel laudantium ea corrupti officia
vitae! Praesentium ullam autem ab corrupti deserunt, reiciendis
temporibus iure asperiores quam dignissimos hic quibusdam? Ipsa
debitis harum perspiciatis saepe, labore consectetur. Dignissimos
aspernatur eligendi, sequi quae voluptatibus optio ab nisi odio,
maxime voluptas obcaecati ea totam! Nobis architecto totam sunt quae
beatae tempore nesciunt cum vel, inventore facilis omnis, ad dolorum
laboriosam quod vero mollitia fugiat tempora tenetur modi in rerum harum
quasi eaque corporis. Cum eveniet quae, nulla deserunt quasi vel
dignissimos ut expedita corporis accusantium laudantium beatae,
necessitatibus excepturi sapiente ex ad sunt voluptatibus magnam.
Aspernatur odio quod, assumenda corporis aperiam dignissimos id
obcaecati aut officia ipsa ducimus quidem, aliquid sed quas eos
adipisci sunt. Modi libero fuga quam blanditiis in. Earum corrupti
cupiditate ad, delectus porro quibusdam, soluta id facilis architecto
explicabo iusto facere tenetur, autem debitis velit praesentium nostrum nam?
</span>
</div>
<footer>
<div class="row">
<div class="col-sm-4 d-flex flex-column align-items-start">
<a href="">Facebook</a>
<a href="">LinkedIn</a>
<a href="">GitHub</a>
</div>
<div class="col-sm-4 align-items-center">
<address>
Ciudad de México Av. Revolución.
+52 55 123456789
contacto@ejemplo.com
</address>
</div>
<div class="col-sm-4 d-flex flex-column align-items-end">
<a href="">Nosotros</a>
<a href="">Precios</a>
<a href="">Terminos & Condiciones</a>
<a href="">Contacto</a>
</div>
</div>
</footer>
<!-- build:js dist/about.js -->
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/popper.js/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- endbuild -->
</body>
</html>