-
Notifications
You must be signed in to change notification settings - Fork 0
/
fuerteventura.html
259 lines (189 loc) · 12.3 KB
/
fuerteventura.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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Antonio Scoppa, Camilla Antonini, Gianluca Bruno, Luca Campanelli">
<link rel="icon" href="logo.png" type="image/icon type">
<title>fuerteventura</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
<link type="text/css" rel="stylesheet" href="stileGianluca.css">
<link type="text/css" rel="stylesheet" href="stileAntonio.css">
<link type="text/css" rel="stylesheet" href="stileLuca.css">
<link type="text/css" rel="stylesheet" href="stileCamilla.css">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
</head>
<body>
<!--header-->
<div class="sticky-md-top">
<header class="mb-3 border-bottom sticky_header01">
<div class="container">
<!--logo-->
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<a href="index.html" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none">
<img src="logo.png" class="img-fluid" width="100px" height="100px">
</a>
<!--collegamenti navbar-->
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li class="hover_header"><a href="index.html" class="nav-link px-2 link-dark">Home</a></li>
<li class="hover_header"><a href="chi_siamo.html" class="nav-link px-2 link-dark">Chi siamo</a></li>
<li class="hover_header"><a href="destinazioni.html" class="nav-link px-2 link-dark">Destinazioni</a></li>
<li class="hover_header"><a href="fiordi.html" class="nav-link px-2 link-dark">Offerte</a></li>
<li class="hover_header"><a href="contatti.html" class="nav-link px-2 link-dark">Contatti</a></li>
</ul>
<!--search-->
<!--search-->
<nav class="navbar col-md-3">
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="cerca" aria-label="Cerca">
<button class="btn btn-outline-success btn-mio mouse" type="submit">Cerca</button>
</form>
</nav>
<!--tasti carrello e account-->
<div class="col-md-3 text-end">
<a href="carrello.html" target="_blank"><img src="immagini/shopping-cart.png" width="12%" height="12%" class="icone_margine"></a>
<a href="log_in.html" target="_blank"><img src="immagini/user.png" width="13%" height="13%" class="icone_margine" id="usericon_margin"></a>
</div>
</div>
</div>
</header>
</div>
<div class="container-fluid">
<div class="centro">
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
</div>
<div class="carousel-inner carosello_immagini">
<div class="carousel-item active">
<img src="Immagini/fuerteventura.jpeg" class="d-block w-100 opacita">
<div class="carousel-caption d-none d-md-block titolo_carosello_fuerte">
<h3>Fuerteventura</h3>
<h4>Isole canarie</h4>
</div>
</div>
<div class="carousel-item">
<img src="Immagini/mare1.jpeg" class="d-block w-100 opacita">
<div class="carousel-caption d-none d-md-block titolo_carosello_fuerte">
<h3>Fuerteventura</h3>
<h4>Isole canarie</h4>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="container">
<!--Prima sezione-->
<div class="row chisiamo">
<div class="col-12 col-lg-6">
<img src="Immagini/hotel90.jpeg" class="imgchisiamo" width="80%">
</div>
<div class="col-12 col-lg-6">
<h3 id="md41" class="h3-chisiamo">Destinazione da Sogno:</h3>
<p class="xxx">E' un’isola a due facce: a seconda dell'area visitata, le sue spiagge hanno infatti sabbia bianca o nera. Le isole nere di Ajuy sono sicuramente uno spettacolo della natura imperdibile per la loro unicità: i residui lavici essiccati dal sole hanno reso la superficie scura, che oggi ben contrasta con il mare cristallino e con il cielo limpido e azzurro. C'è chi crede che siano benefici per l'organismo al pari dell'aloe, pianta riccamente coltivata sull'isola e venduta ad ogni angolo. Il primo motivo per visitare Fuerteventura, dunque, può essere la voglia di benessere, magari per disintossicarsi dalla vita di città.
</p>
</div>
</div>
<!--Seconda sezione-->
<div class="row chisiamo">
<div class="col-12 col-lg-6">
<h3 id="md41" class="h3-chisiamo">Caratteristiche:</h3>
<p class="xxx">E' l’isola delle Canarie adatta a chi cerca una vacanza all’insegna del relax, con mare, sole, natura e gastronomia eccellente. Come detto, "l'isola tranquilla” è anche il paradiso degli amanti degli sport acquatici (e non solo): la natura offre la possibilità di ospitare eventi nazionali e internazionali; le attrezzature permettono di praticare vela, windsurf, trekking, subacquea, escursioni in bici, in auto, kayak e tanto altro. La famosa località di Corralejo è situata sulla costa settentrionale di Fuerteventura, con bellissime spiagge bianche che si stendono a perdita d'occhio.
</p>
</div>
<div class="col-12 col-lg-6">
<img src="Immagini/hotel.jpeg" class="imgchisiamo" width="80%">
</div>
</div>
<br>
<h1 class="titolo3">Le migliori offerte per la tue vacanze:</h1>
<br>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img class="foto4" src="Immagini/987.jpeg" class="card-img" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<p class="card-text"> <b>Hotel Sole</b> <br> 25/11/22 - 28/11/22 (2 Notti) <br> 1 Adulto <br> Volo da Roma(RM) - 25/11/22 h 10:00 <br> Tel: 09-4577486-3299532023<br></p>
<button class="btn btn-primary me-md-2 bottone btn-mio mouse" type="button" style="width: 40%;"><a href="carrello.html">PRENOTA</a></button>
</div>
</div>
</div>
</div>
<br>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img class="foto4" src="Immagini/acqua.jpeg" class="card-img" alt="...">
</div>
<div class="col-md-8">
<div class="card-body">
<p class="card-text"> <b>Hotel Fuerte</b> <br> 13/12/22 - 17/12/22 (3 Notti) <br> 2 Adulti <br> Volo da Milano(ML) - 13/12/22 h 06:00 <br> Tel: 09-4543267-3294568321<br></p>
<button class="btn btn-primary me-md-2 bottone btn-mio mouse" type="button" style="width: 40%;"><a href="carrello.html">PRENOTA</a></button>
</div>
</div>
</div>
</div>
</div>
<br>
</div>
</div>
<!--footer-->
<div class="footer-top">
<div class="container-fluid">
<hr>
<div class="row" id="footer_informazioni">
<div class="col-md-3">
<h4>Iscriviti alla nostra Newsletter</h4>
<p>Rimani aggiornato sulle nostre offerte e novità!</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Iscriviti" class="btn-mio mouse">
</form>
</div>
<div class="col-md-3 col-md-3 footer-links">
<ul class="elenco">
<li class="hover_footer"><i class="bx bx-chevron-right"></i><a href="chi_siamo.html">Chi siamo</a></li>
<li class="hover_footer"><i class="bx bx-chevron-right"></i><a href="contatti.html">Contatti</a></li>
<li class="hover_footer"><i class="bx bx-chevron-right"></i><a href="destinazioni.html">Destinazioni</a></li>
</ul>
</div>
<div class="col-md-3 col-md-3 footer-links">
<ul class="elenco">
<li class="hover_footer"><i class="bx bx-chevron-right"></i><a href="fiordi.html">Offerte</a></li>
<li class="hover_footer"><i class="bx bx-chevron-right"></i><a href="carrello.html">Area riservata</a></li>
<li class="hover_footer"><i class="bx bx-chevron-right"></i><a href="faq.html">FAQ</a></li>
</ul>
</div>
<div class="col-md-3 col-md-3 footer_social_links">
<h4>I nostri social Networks</h4>
<div class="social_icone">
<a href="https://www.facebook.com" target="_blank"><img src="Immagini/facebook.png" width="11%" height="22%" class="icone_margine"></a>
<a href="https://www.instagram.com" target="_blank"><img src="Immagini/instagram.png" width="11%" height="22%" class="icone_margine"></a>
<a href="https://www.tiktok.com/" target="_blank"><img src="Immagini/tiktok.png" width="11%" height="22%" class="icone_margine"></a>
<a href="https://www.youtube.com" target="_blank"><img src="Immagini/youtube.png" width="11%" height="22%" class="icone_margine" id="yt_margine"></a>
<a href="https://linkedin.com" target="_blank"><img src="Immagini/linkedin.png" width="11%" height="22%" class="icone_margine"></a>
</div>
</div>
</div>
<div class="row" id="md39">
<p>Copyright © 2022 | Jarmtour S.p.A. Sede Legale: Via dei fori imperiali, 35 - 00184 Roma - Italia | Tel. (+39)012.3456789 | Capitale Sociale sottoscritto e versato: € 2.262.014
Codice fiscale: 12345678912 | Partita IVA: 12345678912</p>
</div>
</div>
</div>
</body>
</html>