-
Notifications
You must be signed in to change notification settings - Fork 4
/
post6.html
223 lines (219 loc) · 16.3 KB
/
post6.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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="index.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-light navbar-yellow bg-gradient shadow">
<div class="container">
<img src="./imagenes/logo.png" class="d-inline-block mx-3" height=25 alt="Aquí va el logo de la pag">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
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 me-auto mb-2 mb-lg-0">
<li class="nav-item px-2">
<a class="nav-link" aria-current="page" href="/Home.html">Inicio</a>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="./contacto.html">Contacto</a>
</li>
<li class="nav-item px-2">
<a class="nav-link" href="./Aboutus.html">Sobre nosotros</a>
</li>
</ul>
<div class="d-flex">
<a class="btn btn-brown mx-2" data-bs-toggle="modal"
data-bs-target="#exampleModal">Suscribirse</a>
<a class="btn btn-brown" href="./login.html">Log in</a>
</div>
</div>
</div>
</nav>
</header>
<main class="container bg-light rounded shadow" style="margin-top: 70px;">
<!-- Page content-->
<div class="container mt-5">
<div class="row">
<div class="col-lg-8">
<!-- Post content-->
<article>
<!-- Post header-->
<header class="mb-4">
<!-- Post title-->
<h1 class="fw-bolder mb-1">Sendero La Ciénaga</h1>
<!-- Post meta content-->
<div class="text-muted fst-italic mb-2">Publicado el 30 de Marzo 2022 por RollingCodeSchool
</div>
</header>
<!-- Preview image figure-->
<figure class="mb-4"><img class="img-fluid rounded" src="./imagenes/la_cienaga.jpg"
alt="Sendero Quebrada del Portugués" /></figure>
<!-- Post content-->
<section class="mb-5">
<p class="fs-5 mb-4">La Ciénaga, es un valle de altura y consume unas cinco horas de ida y
unas tres horas de regreso, en descenso. Ofrece vistas únicas de todo el valle de Tafí:
“Estamos a 2500 msnm, fue un poblado y lo que funcionó como una escuelita hoy es un
refugio de montaña, con agua caliente, cocina, espacio para dormir para 30 personas</p>
<p class="fs-5 mb-4">La Ciénaga, es un valle de altura y consume unas cinco horas de ida y
unas tres horas de regreso, en descenso. Ofrece vistas únicas de todo el valle de Tafí:
“Estamos a 2500 msnm, fue un poblado y lo que funcionó como una escuelita hoy es un
refugio de montaña, con agua caliente, cocina, espacio para dormir para 30 personas</p>
<p class="fs-5 mb-4">El antiguo establecimiento educativo se encontraba abandonado hasta
2015, y fue reconvertido por el Ente Tucumán Turismo en un albergue de montaña pensado
para turistas y deportistas. Está dotado de todas las comodidades que necesitan quienes
recorren estos caminos a pie, en bicicleta o a caballo, las únicas formas de hacerlo
hasta encontrarse con Hilda y Rogelio, los anfitriones.</p>
<p class="fs-5 mb-4">Tras una exigente caminata, los integrantes de la dirección de
Desarrollo Turístico EATT visitaron el lugar esta semana para un relevamiento del estado
del inmueble en general, y para constatar la forma en la que están trabajando su
prestación turística. “Se realizaron tareas de mantenimiento para garantizar el
funcionamiento de los servicios de electricidad, agua caliente, los baños, la cocina y
todo lo que los visitantes necesitan al arribar. Es un lugar muy concurrido que en esta
temporada ha trabajado mucho y del que nos han hecho devoluciones muy positivas”,
destacó Virginia Zerrizuela, referente de turismo activo del Ente.</p>
<p class="fs-5 mb-4">En el mismo sentido opinó Pedro Fassio, quien llegó desde Buenos Aires
para hacer un entrenamiento de trekking en equipo y consideró que “es un oasis tener
este albergue en medio de los valles. Con el grupo que fuimos tuvimos una experiencia
excelente, estaba impecable y ordenado, y apenas volvimos se lo comencé a recomendar a
todos mis amigos. Es un lugar soñado para ir a pasar unos días, no solo para los
montañistas, sino para cualquier persona que se anime a llegar”, destacó tras la
experiencia. </p>
<p class="fs-5 mb-4">Hacerlo a pie, sin embargo, es un desafío que requiere de cierta
preparación. “Son 11 kilómetros con un par de trepadas abruptas, por eso también tenemos
la opción de hacerlo a caballo”, explicó Carlos Figueroa, propietario de “CF
Senderismo”, una de las empresas de turismo activo que ofrece excursiones al albergue.
</p>
<p class="fs-5 mb-4">“La vista es sensacional y las fotos que se toman desde ahí son
increíbles, eso es algo que alienta a mucha gente a animarse”, agrega. En el servicio
que su empresa ofrece está contemplada una merienda de campo en el albergue, y una noche
especial con un fogón, guitarreada, una cena, juegos familiares y de mesa y la
posibilidad de proyectar una película en ese imponente contexto. “El regreso siempre se
hace cuando comienza a oscurecer, lo que nos regala también una postal única”.</p>
</section>
</article>
<!-- Comments section-->
<section class="mb-5">
<div class="card bg-light">
<div class="card-body">
<!-- Comment form-->
<form class="mb-4"><textarea class="form-control" rows="3"
placeholder="Deja tu comentario!"></textarea></form>
<!-- Single comment-->
<div class="d-flex">
<div class="flex-shrink-0"><img class="rounded-circle"
src="https://dummyimage.com/50x50/ced4da/6c757d.jpg" alt="..." /></div>
<div class="ms-3">
<div class="fw-bold">Comentador 1</div>A 2.700 metros sobre el nivel del mar, la
ex escuela Albergue 388 de La Ciénaga recibe con calor de hogar a los
senderistas que buscan un refugio para descansar, recargar energías y
provisiones luego de transitar la ecosenda que une a Yerba Buena con Tafí del
Valle, atravesando San Javier y El Siambón.
</div>
</div>
</div>
</div>
</section>
<ul class="pagination justify-content-center my-4">
<li class="page-item disabled"><a class="page-link" href="#" tabindex="-1" aria-disabled="true"><</a>
</li>
<li class="page-item"><a class="page-link" href="./post1.html">1</a></li>
<li class="page-item"><a class="page-link" href="./post2.html">2</a></li>
<li class="page-item"><a class="page-link" href="./post3.html">3</a></li>
<li class="page-item"><a class="page-link" href="./post4.html">4</a></li>
<li class="page-item"><a class="page-link" href="./post5.html">5</a></li>
<li class="page-item active" aria-current="page"><a class="page-link" href="./post6.html">6</a>
</li>
<li class="page-item"><a class="page-link" href="#!">></a></li>
</ul>
</div>
</main>
<!--Footer-->
<footer class="footer-yellow bg-gradient p-3">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-md-4 text-center">
<img src="./imagenes/logo.png" height=25 alt="Aquí va el logo de la pag">
</div>
<div class="my-2 my-md-0 col-md-4 text-center">
<div class="d-flex justify-content-center">
<a href="#" class="link-rrss">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor"
class="bi bi-facebook" viewBox="0 0 16 16">
<path
d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
</svg>
</a>
<a href="#" class="link-rrss d-inline-block mx-3">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor"
class="bi bi-twitter" viewBox="0 0 16 16">
<path
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" />
</svg>
</a>
<a href="#" class="link-rrss">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor"
class="bi bi-instagram" viewBox="0 0 16 16">
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
</svg>
</a>
</div>
</div>
<div class="col-md-4 text-center">
© 2022
</div>
</div>
</div>
</footer>
<!--Modal para subscribirse. Esto no se ve-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content shadow">
<div class="modal-header">
<h5 class="modal-title text-success" id="exampleModalLabel">¡Suscribite!</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="nombre">Nombre:</label>
<input type="text" class="form-control" id="nombre">
</div>
<div class="form-group">
<label for="apellido">Apellido:</label>
<input type="text" class="form-control" id="apellido">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email">
<div id="passwordHelpBlock" class="form-text">
Todas las novedades llegarán a este correo
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-success" data-bs-dismiss="modal">Salir</button>
<button type="button" class="btn btn-success">Confirmar suscripción</button>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
</body>
</html>