-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (141 loc) · 6.09 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
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
<!DOCTYPE html>
<html lang="es">
<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">
<meta name="keywords" content="Laguna La Brava,cabañas, turismo,balcarce,
camping,descanso,kayack,parapente"/>
<meta name=" description" content="Bienvenidos al Complejo La Brava.
Un lugar de descanso diferente, en donde el sonido de la naturaleza
y el aire de las sierras se hace presente."/>
<meta name="author" lang="es" content="Juan Pablo Portugal,
Miguel Angel Lardo, Manuel Eduardo Rodriguez Rivas,Natalia Mucci,"/>
<meta name="copyrigth" content=" Grupo 4 de copas"/>
<meta name="robots" content="index,follow"/>
<link rel="icon" type="image/png" href="./resources/icono.png">
<link rel="stylesheet" href="styles/style.css">
<title>Complejo La Brava</title>
</head>
<body>
<header>
<nav class="container nav-container">
<a href="/index.html">
<picture class="nav-branding">
<img src="resources/logo.png" alt="logo Complejo La Brava">
</picture>
</a>
<div class="enlaces">
<a href="index.html" class="active">Inicio</a>
<a href="./pages/cabañas.html">Cabañas</a>
<a href="./pages/camping.html">Camping</a>
<a href="./pages/actividades.html">Actividades</a>
<a href="./pages/contacto.html">Contacto</a>
<a href="./Api Flask/index2.html">Reservas</a>
<a href="./pages/nosotros.html">Quienes somos</a>
</div>
<div class="menu-responsive">
<img src="./resources/imagenes/menu-hamburger.svg" id="menu-responsive">
</div>
</nav>
</header>
<main>
<section class="clima-fecha">
<p id="fecha"></p>
<a id="elemento-clima" target="_blank" href="https://www.meteored.com.ar/tiempo-en_Balcarce-America+Sur-Argentina-Provincia+de+Buenos+Aires--1-16617.html"></a>
</section>
<section class="slider-container">
<div class="slider">
<input type="radio" name="slider" id="slide1" class="slider-image-checkbox" checked>
<input type="radio" name="slider" id="slide2" class="slider-image-checkbox">
<input type="radio" name="slider" id="slide3" class="slider-image-checkbox">
<input type="radio" name="slider" id="slide4" class="slider-image-checkbox">
<div class="slider-images">
<div class="slider-image">
<div class="slider-caption">
<h1>Disfrutar</h1>
<a href="./pages/nosotros.html">Leer más</a>
</div>
<img src="./resources/imagenes/Slide1.jpeg" alt="imgen de paisaje laguna y siera la bra">
</div>
<div class="slider-image">
<div class="slider-caption">
<h1>Descansar</h1>
<a href="./pages/cabañas.html">Leer más</a>
</div>
<img src="./resources/imagenes/slide2.jpg" alt="Imagen del Frente de una cabaña">
</div>
<div class="slider-image">
<div class="slider-caption">
<h1>Desconectar</h1>
<a href="./pages/camping.html">Leer más</a>
</div>
<img src="./resources/imagenes/campingpruebaslide.jpg" alt="Imagen de una carpa en sector camping">
</div>
<div class="slider-image">
<div class="slider-caption">
<h1>Animarse</h1>
<a href="./pages/actividades.html">Leer más</a>
</div>
<img src="./resources/imagenes/Slide4parapente.jpeg" alt="Imagen de personas haciendo parapente">
</div>
</div>
<div class="slider-buttons">
<label for="slide1" class="slider-button"></label>
<label for="slide2" class="slider-button"></label>
<label for="slide3" class="slider-button"></label>
<label for="slide4" class="slider-button"></label>
</div>
</div>
</section>
<section class="card-container" >
<div class="card">
<div class="card-images">
<img src="./resources/imagenes/logobyn.png" alt="Logo en blanco y negro" class="card-img-top1">
</div>
<div class="card-body">
<p class="card-text">Un espacio natural con hermosos paisajes
y una vista inigualable. Ideal para una escapada de fin de semana
para desconectar de la rutina</p>
</div>
</div>
<div class="card">
<div class="card-images">
<img src="./resources/imagenes/escalar.png" alt="persona escalando" class="card-img-top">
</div>
<div class="card-body">
<p class="card-text">En nuesto complejo vas a poder disfrutar de una experiencia inolvidable
a travez de diferentes actividades.</p>
</div>
</div>
<div class="card">
<div class="card-images">
<img src="./resources/icono.png" alt="Icono de cabaña" class="card-img-top">
</div>
<div class="card-body">
<p class="card-text">Disponemos de 4 cabañas al pie de la sierra y con vista a la laguna.
Las mismas cuentan con todos los servicios. Ademas somos pet friendly.
</p>
</div>
</div>
</section>
</main>
<footer>
<h3>
contactemos
</h3>
<div class="container footer-content">
<div class="icons">
<a href=""><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a>
<a href=""> <i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
<a href=""><i class="fa fa-whatsapp fa-2x" aria-hidden="true"></i></a>
</div>
</div>
</div>
<p class="copy"> © 2023 Copyright: grupo CAC</p>
</footer>
</body>
<script src="./js/navbar.js"></script>
<script src="./js/weather.js"></script>
<script src="https://kit.fontawesome.com/3d09fa9176.js" crossorigin="anonymous"></script>
</html>