https://lidococinadeplaya.com/weddings.php/?lang=en

1<!DOCTYPE html>
2<html ng-app="project" scroll lang="es">
3<head>
4
5	
6	<!-- Google Tag Manager -->
7	

7<script>

7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
8	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
9	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
10	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
11	})(window,document,'script','dataLayer','

11GTM-PKJKFRG

11');

11</script>

11
12	<!-- End Google Tag Manager -->
13	
14	<meta charset=UTF-8>
15	<meta http-equiv="X-UA-Compatible" content="IE=edge">
16	<meta name="viewport" content="width=device-width, initial-scale=1">
17
18	<meta http-equiv="Expires" content="0">
19
20	<meta http-equiv="Last-Modified" content="0">
21
22	<meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
23
24	<meta http-equiv="Pragma" content="no-cache">
25
26	<meta name="google-site-verification" content="TASBwtGsBnNiWh3jO3TsoVzaVG5lrNdbzsyz93LNnjM" />
27
28			<link rel="stylesheet" href="/css/main.css?23" defer>
29	<!--<link rel="stylesheet" href="/css/main.css?6" defer>-->
30	

30<script src="/bower_components/jquery/dist/jquery.min.js"></script>

30
31
32	
33	<link rel="icon" type="image/ico" href="/">
34
35	<title>Lido</title>
36
37	
38
39	
40</head>
41
42
43<body class="" >
44
45<!-- Google Tag Manager (noscript) -->

45
46<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

46GTM-PKJKFRG

46"
47height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

48<!-- End Google Tag Manager (noscript) -->
49
50
51
52<header class="header">
53
54	<div class="cont">
55
56		<a href="/" class="logo click-time ">
57			<img  src="/img/newlogo.png" alt="">
58		</a>
59
60		<a class="open-menu">
61			<i class="icon-noun_menu_1393450"></i>
62		</a>
63
64		<div class="links">
65			
66			<a href="https://www.instagram.com/lidococinadeplaya/" target="_blank" class="link click-time links-hover"><span>gallery</span></a>
67			<a href='/weddings.php/?lang=en' class="link  links-hover"><span>weddings and events</span></a>
68			<a href="https://hotelcolibribeach.com/en/home/" class="link links-hover">
69				<img class="grow" src="/img/logocolibrigris.png" alt="">
70				<img class="white" src="/img/logoazul.png" alt="">
71			</a>
72			<a data-target="contacto" href="/" class="link click-time links-hover"><span>LOCATION</span></a>
73
74			<div class="box">
75				<a data-target="menus" class="click-time"><span>menu</span></a>
76				<a data-target="home" class="btn-es click-time"><span>reserve now</span></a>
77			</div>
78
79			<div class="idioma">
80				<a href="/?lang=en" class="links-hover"><spa>ing</spa></a>
81				<a href="/?lang=es" class="links-hover"><spa><strong>esp</strong></spa></a>
82			</div>
83
84			<div class="redes movil">
85		        <a target="_blank" href="https://www.facebook.com/lidococinadeplaya"><i class="icon-FACE_Mesa-de-trabajo-1"></i></a>
86		        <a target="_blank" href="https://www.instagram.com/lidococinadeplaya/"><i class="icon-insta"></i></a>
87		    </div>
88
89		</div>
90
91		<div class="redes pc">
92	        <a target="_blank" href="https://www.facebook.com/lidococinadeplaya"><i class="icon-FACE_Mesa-de-trabajo-1"></i></a>
93	        <a target="_blank" href="https://www.instagram.com/lidococinadeplaya/"><i class="icon-insta"></i></a>
94	    </div>
95
96	    <a class="reservar btn-es">
97			<span>reserve now</span>
98		</a>
99
100	</div>
101
102</header>
103
104<a href="https://api.whatsapp.com/send?phone=529841463373" target="_blank" class="whatssap">
105	
106	<!--
107	<div class="send">
108		<p>How can we help you?</p>
109	</div>-->
110	<img src="/img/WhatsApp.svg.png" alt="">
111</a>
112
113
114<div class="cerrar-menu"></div>
115
116<div class="global" id="inicio">
117
118<link rel="stylesheet" href="/css/bodas.css?3" >
119
120<div class="container-bodas">
121
122
123<h1>WEDDINGS & EVENTS</h1>
124
125<p>At Lido Beach Club we also offer the opportunity to celebrate special events in our beautiful space.</p>
126
127<p>Whether it's a wedding, family reunion, baptism, anniversary, corporate inn, or romantic surprise, our beach club is the ideal place to celebrate in style.</p>
128<p>We offer rental options for part or all of the space, as well as an exclusive menu inspired by the best that our chef has to present international cuisine with a Mexican touch.</p>
129<p>We also offer national or international open bar options to complete the experience.</p>
130
131<p>You can contact us for more details and make your reservations at <strong>[email protected].</strong></p>
132
133<p>We hope to see you soon at the Lido Beach Club, where life is delicious!</p>
134
135<a class="reservar" href="mailto:[email protected]">
136  <span style="font-size: 20px">Contact us</span>
137</a>
138
139
140</div>
141
142
143<div class="image-grid" style="max-width: 1500px;margin: 0 auto" >
144   <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_005-2.jpg">
145    <img src="/bodas/Lido_wedding_005-2.jpg">
146  </a>
147  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_013-2.jpg">
148    <img src="/bodas/Lido_wedding_013-2.jpg">
149  </a>
150  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_015-2.jpg">
151    <img src="/bodas/Lido_wedding_015-2.jpg">
152  </a>
153  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_022-2.jpg">
154    <img src="/bodas/Lido_wedding_022-2.jpg">
155  </a>
156  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_036-2.jpg">
157    <img src="/bodas/Lido_wedding_036-2.jpg">
158  </a>
159  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_041-2.jpg">
160    <img src="/bodas/Lido_wedding_041-2.jpg">
161  </a>
162  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_047-2.jpg">
163    <img src="/bodas/Lido_wedding_047-2.jpg">
164  </a>
165  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_056.jpg">
166    <img src="/bodas/Lido_wedding_056.jpg">
167  </a>
168  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_061.jpg">
169    <img src="/bodas/Lido_wedding_061.jpg">
170  </a>
171  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_064.jpg">
172    <img src="/bodas/Lido_wedding_064.jpg">
173  </a>
174  <a class="galery-item wow fadeInUp" img_url="/bodas/Lido_wedding_mobile.jpg">
175    <img src="/bodas/Lido_wedding_mobile.jpg">
176  </a>
177</div>
178
179
180<div class="great-image container-center-row" >
181	<div class="cont container-center-row">
182		<img class="galeri-image" src="" alt="">
183		<div class="arrows arrows-left">
184			<i class="icon-IZQ_Mesa-de-trabajo-1"></i>
185		</div>
186		<div class="arrows arrows-right">
187			<i class="icon-DERECHA_Mesa-de-trabajo-1"></i>
188		</div>
189	</div>
190	<div class="close-image"></div>
191</div>
192
193</div><!--global-->
194
195</body>
196
197
198
199<link rel="stylesheet" href="/css/style.css">
200<link rel="stylesheet" href="/css/animate.css">
201<link rel="stylesheet" href="/css/owl.transitions.css">
202<link rel="stylesheet" href="/css/owl.carousel.css">
203<link rel="stylesheet" href="/css/owl.theme.css">
204<!--

205<script src="/bower_components/angular/angular.min.js"></script>

205

206<script src="/jsapp.js"></script>

206
207-->

208<script src="/bower_components/wow/dist/wow.min.js"></script>

208

209<script src="/js/owl.carousel.min.js"></script>

209

210<script src="/js/controllers/headerController.js?5"></script>

210
211<!--

211<script src="/bower_components/jquery.lazy-master/jquery.lazy.min.js"></script>

211-->

212<script src="/js/funciones.js?2"></script>

212
213<!--

213<script src="/js/funciones.js?3"></script>

213-->
214
215<!--

215<script src="/js/lazyload.js"></script>

215-->
216

217<script>
218new WOW().init();
219</script>

219
220</html>

221<script>
222
223
224$(document).ready(function($scope) {
225    
226    var headerbodas = document.querySelector('header');
227    headerbodas.classList.add('active');
228
229    var images = [];
230    var currentIndex = 0;
231    
232    $(".galery-item").each(function() {
233        images.push($(this).attr("img_url"));
234    });
235
236    $(".arrows-left").click(function() {
237        if (currentIndex > 0) {
238            currentIndex--;
239        } else {
240            currentIndex = images.length - 1;
241        }
242        $scope.image = images[currentIndex];
243        $(".galeri-image").attr("src", $scope.image);
244    });
245
246    $(".arrows-right").click(function() {
247        if (currentIndex < images.length - 1) {
248            currentIndex++;
249        } else {
250            currentIndex = 0;
251        }
252        $scope.image = images[currentIndex];
253        $(".galeri-image").attr("src", $scope.image);
254    });
255
256    $(".galery-item").click(function(e) {
257        $scope.image = $(this).attr("img_url");
258        currentIndex = images.indexOf($scope.image);
259        $(".galeri-image").attr("src", $scope.image);
260        $(".great-image").css({'visibility' : 'visible'});
261        setTimeout(function() {
262            $(".great-image").css({'opacity' : '1'});
263        },300);
264        setTimeout(function() {
265            $(".galeri-image").css({'margin-top' : '0', 'opacity' : '1'});
266        },800);
267        
268    })
269
270    $(".close-image").click(function(e) {
271        $(".galeri-image").css({'margin-top' : '80%', 'opacity' : '0'});
272        setTimeout(function() {
273            $(".great-image").css({'opacity' : '0'});
274        },300);
275        setTimeout(function() {
276            $(".great-image").css({'visibility' : 'hidden'});
277        },800);
278    });
279});
280
281</script>

281
282