templates/home.html.twig line 1

1. {% extends 'base/base.html.twig' %}
2. {% block stylesheets %}
3. <style>
4.     @media only screen and (max-width:1367px){
5.         .card-sub{
6.             text-align: justify;
7.             color: white;
8.             font-size: 12px !important;
9.         }
10.     }
11.      @media only screen and (max-width:1280px){
12.         .card-sub{
13.             text-align: justify;
14.             color: white;
15.             font-size: 11px !important;
16.         }
17.         .card-sub2{
18.             text-align: justify;
19.             color: white;
20.             font-size: 11px !important;
21.         }
22.         .card-title{
23.             font-size: 20px !important;
24.         }
25.     }
26.     @media only screen and (max-width:1024px){
27.         .card-sub{
28.             text-align: justify;
29.             color: white;
30.             font-size: 9px !important;
31.         }
32.         .card-sub2{
33.             text-align: justify;
34.             color: white;
35.             font-size: 9px !important;
36.         }
37.         .card-title{
38.             font-size: 16px !important;
39.         }
40.         .card-text{
41.             font-size: 9px !important;
42.         }
43.     }
47.     @media  (max-width:912px ) {
48.         .text-Croma{
49.         width: 50%;
50.         font-size: 10px;
51.         padding-left: 25px;
52.         }
53.         .desc-Croma{        
54.             padding-left: 20px;
55.             text-align: right;
56.             font-size: 8px;
57.             margin-top: 15px;
58.         }
59.        
60.         .btn-Croma{
61.             padding-left: 40px;
62.         } 
63.         .text-leDix{
64.             width: 50%;
65.             font-size: 10px;
66.             padding-left: 25px;
67.         }
68.         .desc-leDix{        
69.             padding-left: 20px;
70.             font-size: 10px;
71.             text-align: right;
72.         }
73.         .btn-leDix{
74.             padding-left: 30px;
75.         }
76.         .cromas-carmenere{
77.             padding-left:30px !important;
78.         }
79.         .cromas-carmenere-button{
80.             padding-right:20px !important;
81.         }
82.         .cabernet-franc-gran{
83.             padding-left:20px!important;
84.         }
85.         .cabernet-franc-gran-button{
86.             padding-right:50px !important;
87.         }
88.         .cromas-cabernet-suav{
89.             padding-left:30px!important;
90.         }
91.         .cromas-cabernet-suav-button{
92.             padding-right:20px!important;
93.         }
94.         .syrah-gran-reserva{
95.             padding-left:20px!important;
96.         }
97.         .syrah-gran-reserva-button{
98.             padding-right:50px!important;
99.         }
100.         .vascos-chardonnay{
101.             padding-left:20px!important;
102.         }
103.         .vascos-chardonnay-button{
104.             padding-right:45px!important;
105.         }
106.         .vascos-cabernet-suav{
107.             padding-left:30px!important;
108.         }
109.         .vascos-cabernet-suav-button{
110.             padding-right:20px!important;
111.         }
112.         .vascos-rose{
113.             padding-right:150px!important;
114.         }
115.         .vascos-rose-button{
116.             padding-right:50px!important;
117.         }
118.         .vascos-suav-blanc{
119.             padding-left:30px!important;
120.         }
121.         .vascos-suav-blanc-button{
122.             padding-right:20px!important;
123.         }
124.         .vascos-ledix{
125.             padding-right:150px!important;
126.         }
127.         .vascos-ledix-button{
128.             padding-right:50px!important;
129.         }
130.         .magnum-cromas-caberSuav{
131.             padding-left:30px!important;
132.         }
133.         .magnum-cromas-caberSuav-button{
134.             padding-right:20px!important;    
135.         }
136.         .magnum-cromas-carmenere{
137.             padding-right:120px!important;
138.         }   
139.         .magnum-cromas-carmenere-button{
140.             padding-right:20px!important; 
141.         }
142.         .otros-vinos{
143.             padding-right:150px!important;
144.         }
145.         .otros-vinos-button{
146.             padding-right:50px!important;
147.         }
149.     }
150.    
151.     @media  (min-width:913px ) {
152.         .text-Croma{
153.         width: 50%;
154.         font-size: 10px;
155.         padding-left: 25px;
156.         }
157.         .desc-Croma{        
158.             padding-left: 20px;
159.             text-align: right;
160.             margin-top: 15px;
161.         }
162.        
163.         .btn-Croma{
164.             padding-left: 40px;
165.         } 
167.         .text-leDix{
168.         width: 50%;
169.         font-size: 10px;
170.         padding-left: 25px;
171.         }
172.         .desc-leDix{        
173.             padding-left: 20px;
174.             text-align: right;
175.         }
176.        
177.         .btn-leDix{
178.             padding-left: 40px;
179.         }  
180.         .cromas-carmenere{
181.         padding-right:120px !important;
182.         }
183.         .cromas-carmenere-button{
184.             margin-top: 50px !important;
185.             padding-right:50px !important;
186.         }
187.         .cabernet-franc-gran{
188.             padding-right:20px!important;
189.         }
190.         .cabernet-franc-gran-button{
191.             margin-top: 10px !important;
192.             padding-right:70px !important;
193.         }
194.         .cromas-cabernet-suav{
195.             padding-right:30px!important;
196.         }
197.         .cromas-cabernet-suav-button{
198.             margin-top: 10px !important;
199.             padding-right:60px!important;     
200.         }
201.         .syrah-gran-reserva{
202.             padding-right:30px!important;
203.         }
204.         .syrah-gran-reserva-button{
205.             padding-right:80px!important; 
206.         }
207.         .vascos-chardonnay{
208.             padding-left:30px!important;
209.         }
210.         .vascos-chardonnay-button{
211.             margin-top: 80px !important;
212.             padding-right:60px!important;
213.         }
214.         .vascos-cabernet-suav{
215.             padding-right:120px!important;
216.         }
217.         .vascos-cabernet-suav-button{
218.             padding-right:50px!important;
219.         }
220.         .vascos-rose{
221.             padding-right:180px!important;
222.         }
223.         .vascos-rose-button{
224.             margin-top: 70px !important;
225.             padding-right:80px!important;    
226.         }
227.         .vascos-suav-blanc{
228.             padding-left:40px!important;
229.         }
230.         .vascos-suav-blanc-button{
231.             margin-top: 30px !important;
232.             padding-right:60px!important;
233.         }
234.         .vascos-ledix{
235.             padding-right:180px!important;
236.         }
237.         .vascos-ledix-button{
238.             margin-top: 20px !important;
239.             padding-right:80px!important;
240.         }
241.         .magnum-cromas-caberSuav{
242.             margin-top: 40px !important;
243.             padding-right:130px!important;
244.         }
245.         .magnum-cromas-caberSuav-button{
246.             padding-right:50px!important;
247.         }
248.         .magnum-cromas-carmenere{
249.             padding-right:120px!important;
250.         }
251.         .magnum-cromas-carmenere-button{
252.             margin-top: 80px !important;
253.             padding-right:50px!important;
254.         }
255.         .otros-vinos{
256.             padding-right:180px!important;
257.         }
258.         .otros-vinos-button{
259.             margin-top: 110px !important;
260.             padding-right:80px!important;
261.         }
262.     }
263.     
264.     
265. </style>
266. <style>
268. </style>
269. {% endblock %}
270. {% block body %}
271. {% include 'base/header.html.twig' %}
272.     <div class="fullwidth-template" >
273.         <div class="slide-home-03" style="width: auto !important; height: auto !important;">
274.             <div class="response-product product-list-owl owl-slick equal-container better-height"
275.                 data-slick="{"arrows":false,"slidesMargin":0,"dots":true,"infinite":false,"speed":300,"slidesToShow":1,"rows":1}"
276.                 data-responsive="[{"breakpoint":480,"settings":{"slidesToShow":1,"slidesMargin":"0"}},{"breakpoint":768,"settings":{"slidesToShow":1,"slidesMargin":"0"}},{"breakpoint":992,"settings":{"slidesToShow":1,"slidesMargin":"0"}},{"breakpoint":1200,"settings":{"slidesToShow":1,"slidesMargin":"0"}},{"breakpoint":1500,"settings":{"slidesToShow":1,"slidesMargin":"0"}}]">
278.                 <div class="slide-wrap ">
279.                     <img src="{{ asset('images/banner/FOTO1.png') }}"  class="img-responsive " style="width:1920px !important; height:600px !important; "  alt="image">
280.                 </div>
282.             </div>
283.         </div>
284.         <div id="home">
285.             <section class="sobre-losVascos">
286.             <div>
287.                 <h2 style="color: #AA6D3A;font-size: 45px;" class="MejMedium">LOS VASCOS</h2>
288.                 <h3 style="font-size: 13px;" class="MejMedium">CULTIVANDO INDEPENDENCIA</h3>
289.                 
290.                 <p class="MejMedium" style="text-align: justify;">                     
291.                     En Los Vascos, somos una comunidad de cultivadores creativos y meticulosos arraigados al Valle de Colchagua. <br>
292.                     Soñamos con transformar nuestro extenso territorio en un ecosistema equilibrado donde el hombre y la naturaleza coexistan armónicamente.<br>
293.                     Esta tierra remota ha generado en nosotros una personalidad independiente.<br> 
294.                     Combinamos las tradiciones chilenas con el saber hacer de Domaines Barons de Rothschild (Lafite) para producir vinos a nuestra imagen. 
295.                 </p>
296.                 <p class="MejMedium" style="text-align: center;">
297.                     <iframe title="vimeo-player" src="https://player.vimeo.com/video/727842090?h=627376003d" width="640" height="379" frameborder="0" allowfullscreen></iframe>
298.                     {#<a href="https://player.vimeo.com/video/727842090?h=627376003d"target ="_blank" class="MejMedium" ><i class="fa fa-youtube"></i> Ver Video</a>
299.                     <iframe width="1280" height="760" src="https://www.youtube.com/embed/sqyvg7sqryY" title="Los Vascos, Cultivando Independencia" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>#}
300.                 </p>
301.             </div>
302.             
303.             </section>
304.             
305.             <div class="section-017"  style="padding-left: 30px !important;">
306.                 <div class="row" >
307.                     {# Le Dix - Tiempo Recuperado 2 #}
308.                     <div class="card col-lg-4" >
309.                         <img class="card-img-top" src="{{ asset('images/banner/FOTO2a.jpg') }}" alt="Card image cap" style="width: auto; height: 350px;" class="attachment-full size-full img-responsive">
310.                         <div class="card-body" style="background-color: #CABBA3;">
311.                             <p class="card-title MejMedium" style="color: white; font-size: 25px; text-align: justify;">LE DIX  </p>
312.                             <p class="card-text card-sub2 MejMedium" style="color: white; font-size: 14px; text-align: justify;">TIEMPO RECUPERADO</p>
313.                             <p class="card-text MejMedium" style="color: white; font-size: 12px; text-align: justify;">Nuestra ambición para Le Dix es crear un ícono atemporal a partir de las vides más antiguas de Cabernet Sauvignon y Syrah. </p>
314.                             
315.                         </div>
316.                          <div class="card-footer text-center" style="background-color: #AA6D3A; color: white;">
317.                             <a class="button btn MejMedium" style="color: white;" target="_self" href="{{path('productosTag',{'tag': 'LeDix'})}}" style="margin-top:150px; "><span>Comprar</span></a> 
318.                         </div>
319.                     </div>
320.                     {# Cromas #}
321.                     <div class="card col-lg-4" >
322.                         <img class="card-img-top" src="{{ asset('images/banner/FOTO2b.jpg') }}" alt="Card image cap" style="width: auto; height: 350px;" class="attachment-full size-full img-responsive">
323.                         <div class="card-body" style="background-color: #CABBA3;">
324.                             <p class="card-title MejMedium" style="color: white; font-size: 25px; text-align: justify;">CROMAS GRAN RESERVA</p>
325.                             <p class="card-sub MejMedium" style="color: white;  font-size: 14px;  text-align: justify;">LAS COLORES SON EL LENGUAJE DE LA NATURALEZA</p>
326.                             <p class="card-text MejMedium" style="color: white; font-size: 12px; text-align: justify;">Estos vinos son hechos en terroirs seleccionados en las laderas de nuestras colinas. </p>
327.                             
328.                         </div>
329.                          <div class="card-footer text-center"  style="background-color: #AA6D3A; color: white;">
330.                             <a class="button btn MejMedium" style="color: white;" target="_self" href="{{path('productosTag',{'tag': 'Cromas'})}}" style="margin-top:150px; "><span>Comprar</span></a> 
331.                         </div>
332.                     </div>
333.                     {# Los Vascos #}
334.                     <div class="card col-lg-4" >
335.                         <img class="card-img-top" src="{{ asset('images/banner/FOTO2c.jpg') }}" alt="Card image cap" style="width: auto; height: 350px;" class="attachment-full size-full img-responsive">
336.                         <div class="card-body" style="background-color: #CABBA3;">
337.                             <p class="card-title MejMedium" style="color: white; font-size: 25px; text-align: justify;">LOS VASCOS</p>
338.                             <p class="card-text card-sub2 MejMedium" style="color: white; font-size: 14px; text-align: justify;">CULTIVANDO INDEPENDENCIA</p>
339.                             <p class="card-text MejMedium" style="color: white; font-size: 12px; text-align: justify;">Nuestra línea de vinos varietales frescos y afrutados con un toque de sofisticación.</p>
340.                             
341.                         </div>
342.                         <div class="card-footer text-center" style="background-color: #AA6D3A; color: white;" >
343.                             <a class="button btn MejMedium" style="color: white;" target="_self" href="{{path('productosTag',{'tag': 'LosVascos'})}}" style="margin-top:150px; "><span>Comprar</span></a> 
344.                         </div>
345.                     </div>
346.                 </div>
347.                 
348.             {#   vista antigua de vinos especificos
349.                 <div class="row" >
350.                     <div class="col-md-12 col-lg-4">
351.                         <div class="kreen-banner style-08 left-center">
352.                             <div class="banner-inner">
353.                                 <figure class="banner-thumb" style="width: 50%;">
354.                                     <img src="{{ asset('images/cromas_carmenere.png') }}" class="attachment-full size-full img-responsive"
355.                                         alt="img">
356.                                 </figure>
357.                                 <div class="banner-info " style="padding-right: 30px;">
358.                                     <div class="banner-content">
359.                                         <div class="title-wrap">
360.                                             <h6  class="title cromas-carmenere">
361.                                                 Cromas Carmenere Gran Reserva</h6>
362.                                         </div>
364.                                         <div style="" class="button-wrap cromas-carmenere-button">
365.                                             {% if slug %}
366.                                                 <a class="button" target="_self" href="{{path('producto',{'slug':slug[0]})}}"><span>Comprar</span></a>
367.                                             {% endif %}
368.                                         </div>
369.                                     </div>
370.                                 </div>
371.                             </div>
372.                         </div>
373.                     </div>
374.                     <div class="col-md-12 col-lg-4">
375.                         <div class="kreen-banner style-09 left-center">
376.                             <div class="banner-inner">
377.                                 <figure class="banner-thumb" style="width: 50%;">
378.                                     <img src="{{ asset('images/cromas_cabernet.png') }}" class="attachment-full size-full"
379.                                         alt="img">
380.                                 </figure>
381.                                 <div class="banner-info ">
382.                                     <div class="banner-content">
383.                                         <div class="title-wrap ">
384.                                             <h6 class="title cabernet-franc-gran" >
385.                                                 Cromas Cabernet Franc Gran Reserva </h6>
386.                                         </div>
388.                                         <div class="button-wrap cabernet-franc-gran-button" >
389.                                         {% if slug %}
390.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[1]})}}"><span>Comprar</span></a>
391.                                         {% endif %}
392.                                         </div>
393.                                     </div>
394.                                 </div>
395.                             </div>
396.                         </div>
397.                     </div>
398.                     <div class="col-md-12 col-lg-4">
399.                         <div class="kreen-banner style-10 left-center">
400.                             <div class="banner-inner">
401.                                     <figure class="banner-thumb " style="width: 50%;">
402.                                         <img src="{{ asset('images/cromas_cabernet.png') }}" class="attachment-full size-full"
403.                                             alt="img">
404.                                     </figure>
405.                                 <div class="banner-info " style="padding-right: 30px;">
406.                                     <div class="banner-content">
407.                                         <div class="title-wrap">
408.                                             <h6 class="title cromas-cabernet-suav" >
409.                                                 Cromas Cabernet Sauvignon Gran Reserva</h6>
410.                                         </div>
412.                                         <div class="button-wrap cromas-cabernet-suav-button" >
413.                                         {% if slug %}
414.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[2]})}}"><span>Comprar</span></a>
415.                                         {% endif %}   
416.                                         </div>
417.                                     </div>
418.                                 </div>
419.                             </div>
420.                         </div>
421.                     </div>
422.                     <!-- segunda fila -->
423.                     <div class="col-md-12 col-lg-4">
424.                         <div class="kreen-banner style-08 left-center">
425.                             <div class="banner-inner">
426.                                 <figure class="banner-thumb" style="width: 50%;">
427.                                     <img src="{{ asset('images/cromas_syrah.png') }}" class="attachment-full size-full" alt="img">
428.                                 </figure>
429.                                 <div class="banner-info ">
430.                                     <div class="banner-content">
431.                                         <div class="title-wrap" >
432.                                             <h6  class="title syrah-gran-reserva">
433.                                                 Cromas Syrah Gran Reserva</h6>
434.                                         </div>
436.                                         <div  class="button-wrap syrah-gran-reserva-button">
437.                                         {% if slug %}
438.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[3]})}}"><span>Comprar</span></a>
439.                                         {% endif %}  
440.                                         </div>
441.                                     </div>
442.                                 </div>
443.                             </div>
444.                         </div>
445.                     </div>
446.                     <div class="col-md-12 col-lg-4">
447.                         <div class="kreen-banner style-09 left-center">
448.                             <div class="banner-inner">
449.                                 <figure class="banner-thumb" style="width: 50%;">
450.                                     <img src="{{ asset('images/lv_chardonnay.png') }}" class="attachment-full size-full" alt="img">
451.                                 </figure>
452.                                 <div class="banner-info " style="padding-right: 5px;">
453.                                     <div class="banner-content">
454.                                         <div class="title-wrap">
455.                                             <h6  class="title vascos-chardonnay">
456.                                                 Los Vascos Chardonnay</h6>
457.                                         </div>
459.                                         <div class="button-wrap vascos-chardonnay-button" >
460.                                         {% if slug %}
461.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[4]})}}"><span>Comprar</span></a>
462.                                         {% endif %}  
463.                                         </div>
464.                                     </div>
465.                                 </div>
466.                             </div>
467.                         </div>
468.                     </div>                
469.                     <div class="col-md-12 col-lg-4">
470.                         <div class="kreen-banner style-10 left-center">
471.                             <div class="banner-inner">
472.                                 <figure class="banner-thumb" style="width: 50%;">
473.                                     <img src="{{ asset('images/lv_csauvignon.png') }}" class="attachment-full size-full" alt="img">
474.                                 </figure>
475.                                 <div class="banner-info " style="padding-right: 30px;">
476.                                     <div class="banner-content">
477.                                         <div class="title-wrap">
478.                                             <h6 class="title vascos-cabernet-suav" >
479.                                                 Los Vascos Cabernet Sauvignon </h6>
480.                                         </div>
482.                                         <div class="button-wrap vascos-cabernet-suav-button">
483.                                         {% if slug %}
484.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[5]})}}"><span>Comprar</span></a>
485.                                         {% endif %}  
486.                                         </div>
487.                                     </div>
488.                                 </div>
489.                             </div>
490.                         </div>
491.                     </div>
492.                     <div class="col-md-12 col-lg-4">
493.                         <div class="kreen-banner style-08 left-center">
494.                             <div class="banner-inner">
495.                                 <figure class="banner-thumb" style="width: 50%;">
496.                                     <img src="{{ asset('images/lv_rose.png') }}" class="attachment-full size-full" alt="img">
497.                                 </figure>
498.                                 <div class="banner-info ">
499.                                     <div class="banner-content">
500.                                         <div class="title-wrap">
501.                                             <h6  class="title vascos-rose">
502.                                                 Los Vascos Rosé</h6>
503.                                         </div>
505.                                         <div  class="button-wrap vascos-rose-button">
506.                                         {% if slug %}
507.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[6]})}}"><span>Comprar</span></a>
508.                                         {% endif %}  
509.                                         </div>
510.                                     </div>
511.                                 </div>
512.                             </div>
513.                         </div>
514.                     </div>
515.                     <div class="col-md-12 col-lg-4">
516.                         <div class="kreen-banner style-09 left-center">
517.                             <div class="banner-inner">
518.                                 <figure class="banner-thumb" style="width: 50%;">
519.                                     <img src="{{ asset('images/lv_sauvignon_blanc.png') }}" class="attachment-full size-full"
520.                                         alt="img">
521.                                 </figure>
522.                                 <div class="banner-info " style="padding-right: 30px;">
523.                                     <div class="banner-content">
524.                                         <div class="title-wrap">
525.                                             <h6 class="title vascos-suav-blanc" >
526.                                                 Los Vascos Sauvignon Blanc </h6>
527.                                         </div>
529.                                         <div class="button-wrap vascos-suav-blanc-button" >
530.                                         {% if slug %}
531.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[7]})}}"><span>Comprar</span></a>
532.                                         {% endif %}  
533.                                         </div>
534.                                     </div>
535.                                 </div>
536.                             </div>
537.                         </div>
538.                     </div>
539.                     <div class="col-md-12 col-lg-4">
540.                         <div class="kreen-banner style-10 left-center">
541.                             <div class="banner-inner">
542.                                 <figure class="banner-thumb" style="width: 50%;">
543.                                     <img src="{{ asset('images/lv_ledix.png') }}" class="attachment-full size-full" alt="img">
544.                                 </figure>
545.                                 <div class="banner-info ">
546.                                     <div class="banner-content">
547.                                         <div class="title-wrap">
548.                                             <h6  class="title vascos-ledix">
549.                                                 Los Vascos Le Dix</h6>
550.                                         </div>
552.                                         <div class="button-wrap vascos-ledix-button" >
553.                                         {% if slug %}
554.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[8]})}}"><span>Comprar</span></a>
555.                                         {% endif %}  
556.                                         </div>
557.                                     </div>
558.                                 </div>
559.                             </div>
560.                         </div>
561.                     </div>
562.                     <!-- ultima fila -->
563.                     <div class="col-md-12 col-lg-4">
564.                         <div class="kreen-banner style-10 left-center">
565.                             <div class="banner-inner">
566.                                 <figure class="banner-thumb" style="width: 50%;">
567.                                     <img src="{{ asset('images/magnum_cromas.png') }}" class="attachment-full size-full" alt="img">
568.                                 </figure>
569.                                 <div class="banner-info " style="padding-right: 30px;">
570.                                     <div class="banner-content">
571.                                         <div class="title-wrap">
572.                                             <h6  class="title magnum-cromas-caberSuav">
573.                                                 Magnum Cromas Cabernet Sauvignon</h6>
574.                                         </div>
576.                                         <div class="button-wrap magnum-cromas-caberSuav-button" >
577.                                         {% if slug %}
578.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[9]})}}"><span>Comprar</span></a>
579.                                         {% endif %}  
580.                                         </div>
581.                                     </div>
582.                                 </div>
583.                             </div>
584.                         </div>
585.                     </div>
586.                     <div class="col-md-12 col-lg-4">
587.                         <div class="kreen-banner style-10 left-center">
588.                             <div class="banner-inner">
589.                                 <figure class="banner-thumb" style="width: 50%;">
590.                                     <img src="{{ asset('images/magnum_cromas_carmenere.png') }}" class="attachment-full size-full"
591.                                         alt="img">
592.                                 </figure>
593.                                 <div class="banner-info " style="padding-right: 30px;">
594.                                     <div class="banner-content">
595.                                         <div class="title-wrap">
596.                                             <h6  class="title magnum-cromas-carmenere">
597.                                                 Magnum Cromas Carmenere</h6>
598.                                         </div>
600.                                         <div class="button-wrap magnum-cromas-carmenere-button">
601.                                         {% if slug %}
602.                                             <a class="button" target="_self" href="{{path('producto',{'slug':slug[10]})}}"><span>Comprar</span></a>
603.                                         {% endif %}  
604.                                         </div>
605.                                     </div>
606.                                 </div>
607.                             </div>
608.                         </div>
609.                     </div>
610.                     <div class="col-md-12 col-lg-4">
611.                         <div class="kreen-banner style-10 left-center">
612.                             <div class="banner-inner">
613.                                 <figure class="banner-thumb" style="width: 50%;">
614.                                     <img src="{{ asset('images/lv_csauvignon.png') }}" class="attachment-full size-full" alt="img">
615.                                 </figure>
616.                                 <div class="banner-info " >
617.                                     <div class="banner-content">
618.                                         <div class="title-wrap" >
619.                                             <h6 class="title otros-vinos">
620.                                                 Otros Vinos </h6>
621.                                         </div>
623.                                         <div class="button-wrap otros-vinos-button" >                                        
624.                                             <a class="button" target="_self" href="{{path('productosTag',{'tag': 'especial'})}}"><span>Comprar</span></a>
625.                                         </div>
626.                                     </div>
627.                                 </div>
628.                             </div>
629.                         </div>
630.                     </div>
631.                 </div>#}
632.             </div>
633.             <div class="section-043  col-12">
634.                 <div style="text-align: center;" class="kreen-heading style-01">
635.                 <a class="btn btn-primary MejMedium " title="TIENDA ONLINE" href="{{ path('vinos') }}" style="background-color: #AA6D3A; border-color: #AA6D3A; float: center;">Nuestra Tienda</a>
636.                 {#<h3 style="color: #AA6D3A;">Nuestro Feed de Instagram</h3>
637.                 <p style="color: grey; font-size:1.1em;" >Nuestros vinos son fieles a su corazón Chileno.</p>#}
638.                 {#<img src="{{ asset('images/LogoCultivating-transparente.png') }}" class="attachment-full size-full" style="width: 650px; height: 150px;" alt="img">
639.                 </div>
640.                 <div class="kreen-instagram style-01">#}
641.                   
642.                     
643.                 </div>
644.             </div>
645.         
648.           
649.         </div>
650.        
651.         <!-- Modal -->
652.         <div id="mayorEdad" style="background: #D0C2AF;">
653.             <section class="sobre-losVascos">
654.             <div>
655.                 <h3 class="MejMedium" style="color: white; font-size:30px;">¿ERES MAYOR DE EDAD PARA CONSUMIR ALCOHOL?</h3>
656.                  
657.                 <button type="button" class="btn btn-primary" style="height: 85px; width:85px;background-color: #CABBA3 !important;  border-color: #CABBA3 !important" id="Msi">Si</button>
658.                 <button type="button" class="btn btn-danger" style="height: 85px; width:85px; background-color: #B56150 !important; border-color: #B56150 !important" id="Mno">No</button>  
659.                 
660.             </div>
661.             </section>
662.         </div>
663.         
664.     </div>
665. {% include 'base/footer.html.twig' %}
666. {% endblock %}
667. {% block javascripts %}
668. <script>
669.     
670.     $(document).ready(function(){
671.         localStorage.removeItem("validEdad");
672.         
673.         var validEdad = localStorage.getItem("validEdadHome"); 
675.        
676.         
677.         if($('#home').hide()){
678.             $('#mayorEdad').show();
679.         }else{
680.              $('#mayorEdad').hide();
681.         }
682.         document.getElementById('Mno').onclick = function(){            
683.             alert('No cumple con el minimo de edad.');
684.             window.location.href = "http://www.google.com";
685.         }
686.         document.getElementById('Msi').onclick = function(){        
687.             localStorage.setItem("validEdadHome", 1);       
688.             $('#home').show();    
689.             $('#mayorEdad').hide();        
690.         }
692.        
693.         if(validEdad == 1){
694.             $('#home').show();    
695.             $('#mayorEdad').hide();
696.         }
697.     })
698.         
699.         
700. </script>
701. {% endblock %}