-
Notifications
You must be signed in to change notification settings - Fork 0
/
brillaColombia.html
204 lines (202 loc) · 8.25 KB
/
brillaColombia.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tour de luces en Bogota Colombia</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- animations -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<!-- font awesome -->
<script src="https://kit.fontawesome.com/442c3c1532.js" crossorigin="anonymous"></script>
<!-- bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<!-- own style -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- nav -->
<div class="home-nav">
<ul class="p-2">
<!-- col-7 -->
<li>
<a href="index.html"><div class="logo"></div></a>
</li>
</ul>
<ul class="p-2 second-ul">
<!-- col-5 -->
<li class="li-abt">
<a href="index.html">EVENTOS</a>
</li>
<li class="li-abt">
<a href="index.html">SERVICIOS</a>
</li>
<li class="li-abt">
<a href="index.html">QUIENES SOMOS</a>
</li>
<li class="li-abt">
<a href="index.html">CONTACTO</a>
</li>
<li class="menu-position">
<i class="fa-solid fa-bars menu-icon"></i>
</li>
</ul>
</div>
<div class="sec-nav">
<ul>
<li><a href="index.html">EVENTOS</a></li>
<li><a href="index.html">SERVICIOS</a></li>
<li><a href="index.html">QUIENES SOMOS</a></li>
<li><a href="index.html">CONTACTO</a></li>
<!-- search form -->
<section class="container">
<form>
<input type="search" class="search" id="search-item" value="" placeholder="Search" onkeyup="search()">
<i class="fa-solid fa-magnifying-glass loop-icon"></i>
</form>
<div class="event-list" id="event-list">
<div class="event">
<div class="e-details">
<a href="ecotourHuila.html"><h3>Tour a Huila I</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="ecotourHuila2.html"><h3>Tour a Huila II</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="barichara.html"><h3>Tour en Barichara</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="tourEuropa.html"><h3>Tour por Europa Otoñal</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="lajas-dos.html"><h3>Tour a Santuario Las Lajas I</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="lajas-dos.html"><h3>Tour a Santuario Las Lajas II</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="VillaDeLeyva.html"><h3>Tour a Villa de Leyva, Boyaca Colombia</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="antiguaBogota.html"><h3>Tour a la Antigua Bogota</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="colibries.html"><h3>Tour al Templo de los Colibries</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="EcotourParamo.html"><h3>Tour al Paramo de Sumapaz</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="MuseoBonzai.html"><h3>Tour al Museo de los Bonsai</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="cactus.html"><h3>Tour de Cactus y Suculentas</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="EcotourTermales.html"><h3>Tour en termales los volcanes</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="JardinMutis.html"><h3>Tour a Jardin Botanico Sabio Mutis"</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="brillaColombia.html"><h3>Tour de luces en Bogota Colombia"</h3></a>
</div>
</div>
<div class="event">
<div class="e-details">
<a href="tour-navi.html"><h3>Tour de Navidad en Tomine</h3></a>
</div>
</div>
</div>
</section>
</ul>
</div>
<section id="brilla-banner">
<div class="villa-content text-center text-white">
<h1>Tour de luces en Bogota Colombia</h1>
<div id="google_element"></div>
</div>
<a href="https://api.whatsapp.com/send?phone=573153964259"><img class="sticky" src="img/icons8-whatsapp-48.png" alt=""></a>
</section>
<section id="gallery">
<h1 class="text-center mt-5">INFORMACION</h1>
<p class="p-5 text-center">
Colombia es uno de los países más biodiversos del mundo y el Jardín Botánico de Bogotá quiso rendir un homenaje a esta riqueza a través del Festival Brilla Colombia, un espacio que abrirán desde el 16 de noviembre hasta el 12 de enero. Vestirán el parque con 500 alumbrados gigantes que hacen alusión a las especies que habitan los siete ecosistemas más importantes que tiene nuestro país.
</p>
<div class="gallery-line">
<div class="column">
<img src="img/brilla-1.jpg">
<img src="img/brilla-2.jpg">
<img src="img/brilla-3.jpg">
<img src="img/brilla-4.jpg">
<img src="img/brilla-15.jpg" alt="">
</div>
<div class="column">
<img src="img/brilla-5.jpg">
<img src="img/brilla-6.jpg">
<img src="img/brilla-7.jpg">
<img src="img/brilla-8.jpg">
<img src="img/brilla-9.jpg">
</div>
<div class="column">
<img src="img/brilla-10.jpg">
<img src="img/brilla-11.jpg">
<img src="img/brilla-12.jpg">
<img src="img/brilla-13.jpg">
<img src="img/brilla-14.jpg">
</div>
</div>
</section>
<section id="footer">
<div class="mt-5 m-auto d-block text-center">
<div class="footer-socials">
<p>RESERVAS LLAMAR AL 3153964259</p>
<p class="text-center">SIGUENOS EN NUESTRAS REDES SOCIALES!</p>
<br>
<a href="https://www.facebook.com/Mastertouch-106027588871957"><img src="img/facebook-brands.svg" alt=""></a>
<a href="https://www.instagram.com/raulcaro99/"><img src="img/instagram-brands.svg" alt=""></a>
<a href="https://twitter.com/raulcaro99"><img src="img/twitter-square-brands.svg" alt=""></a>
</div>
<p class="m-auto d-block credentials mt-5 p-2 m-2">© 2022 MASTERTOUCH AGENCIA DE TRANSPORTES TERRESTRES</p>
</div>
</section>
<!-- jquery -->
<script
src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<!-- own script -->
<script src="js/script.js"></script>
<!-- trnslations -->
<script src="http://translate.google.com/translate_a/element.js?cb=loadGoogleTranslate"></script>
</body>
</html>