-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (126 loc) · 6.63 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
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="description" content="Abrimos nuestras puertas para refrescar los conceptos de calidad y buen gusto en Panamá">
<title>Lula by Darna</title>
<link href="main.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="lib/simple-lightbox/simpleLightbox.min.js"></script>
<link rel="stylesheet" href="lib/simple-lightbox/simpleLightbox.min.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<section class="cover" style="background-image: url(static/img/cover.jpg)"><img class="cover__logo" src="static/img/logo-lula.jpg" alt="Logo lula by darna">
<div class="nav">
<a id="navicon" href="" class="icon-menu navicon"></a>
<nav>
<a href="#nosotros">Nosotros</a>
<a href="#galeria">Galería</a>
<a href="#reservar">Reservar</a>
<a href="#contacto">Contacto</a>
</nav>
<div class="nav__social">
<a target="_blank" href="https://www.facebook.com/lulabydarna/" class="icon-facebook"></a>
<a target="_blank" href="https://www.instagram.com/lulabydarnapty/" class="icon-instagram"></a>
</div>
</div>
<div class="cover__caption">
<h1>Una Experiencia <br>Gastronómica<br>Única</h1>
<h3>Fusión, Kosher, Mediterránea, De Autor.</h3>
</div>
<div class="banner">
<span class="close icon-close" onclick="$(this).parent().remove();"></span>
<span class="label">NUEVO</span>
<a target="_blank" href="https://miseenplacepanama.com/curso-kebab-mediterraneo/"><img src="static/img/banner-1.jpg" alt="Curso pastelería"></a>
<a target="_blank" href="https://miseenplacepanama.com/curso-kebab-mediterraneo/" class="banner__text">
<h3>Curso Kebab Mediterráneo</h3>
<p>Con la Chef Ayelet Vahnish, Aprenda a preparar Masas y Kebabs Variados, Pan Pita, Uso de condimentos. Curso 100% Práctico. Para Aficionados y Profesionales</p>
<span>Click para más información</span>
</a>
</div>
</section>
<div class="text-c hidden show-1200">
<div class="banner mt20">
<span class="close icon-close" onclick="$(this).parent().remove();"></span>
<span class="label">NUEVO</span>
<a target="_blank" href="https://miseenplacepanama.com/curso-kebab-mediterraneo/"><img src="static/img/banner-1.jpg" alt="Curso pastelería"></a>
<a target="_blank" href="https://miseenplacepanama.com/curso-kebab-mediterraneo/" class="banner__text">
<h3>Curso Kebab Mediterráneo</h3>
<p>Con la Chef Ayelet Vahnish, Aprenda a preparar Masas y Kebabs Variados, Pan Pita, Uso de condimentos. Curso 100% Práctico. Para Aficionados y Profesionales</p>
<span>Click para más información</span>
</a>
</div>
</div>
<section class="about" id="nosotros">
<div class="wrap">
<div class="flex">
<div class="col-4 about__img" style="background-image: url(static/img/plato.jpg"></div>
<div class="col-8">
<div class="about__text">
<div class="heading">
<h3 class="heading__subtitle">Sobre nosotros</h3>
<h2 class="heading__title">Amor por los detalles</h2>
</div>
<p>Abrimos nuestras puertas para refrescar los conceptos de calidad y buen gusto en Panamá, llevando mas allá de los estándares locales el amor por los detalles y dando vida a una experiencia gastronómica única.</p>
</div>
</div>
</div>
</div>
</section>
<section class="gallery" id="galeria">
<div class="wrap">
<div class="flex">
<div class="col-4 full-w-765">
<div class="dt">
<div class="dtc">
<div class="heading">
<h3 class="heading__subtitle">Galería</h3>
<h2 class="heading__title">Calidad<br> y buen gusto</h2>
</div>
</div>
</div>
</div>
<div class="col-8 text-r full-w-765">
<div class="gallery__canvas">
<a href="static/img/8.jpg"><img src="static/img/8-thumb.jpg" class="img-1" alt=""></a>
<a href="static/img/3.jpg"><img src="static/img/3-thumb.jpg" class="img-2" alt=""></a>
<a href="static/img/5.jpg"><img src="static/img/5-thumb.jpg" class="img-3" alt=""></a>
<a href="static/img/1.jpg" class="hidden"></a>
<a href="static/img/2.jpg" class="hidden"></a>
<a href="static/img/4.jpg" class="hidden"></a>
<a href="static/img/6.jpg" class="hidden"></a>
<a href="static/img/7.jpg" class="hidden"></a>
</div>
</div>
</div>
</div>
</section>
<div class="spacer-100"></div>
<section class="reserve" id="reservar" style="background-image:url(static/img/bg-reserve.jpg)">
<div class="wrap">
<div class="heading text-c">
<h3 class="heading__subtitle">Vive la experiencia</h3>
<h2 class="heading__title">Reserva tu mesa</h2>
</div>
</div>
</section>
<section class="widget">
<div class="wrap widget__wrap"><iframe src="https://www.riservi.com/allies/lula-by-darna-r8" frameborder="0" style="width: 100%; height: 600px;"></iframe></div>
</section>
<footer class="footer" id="contacto">
<div class="wrap">
<div class="heading">
<h3 class="heading__subtitle">Para eventos y contacto</h3>
</div>
<ul class="contact-info">
<li><a href="tel:2094820"><i class="icon-call"></i>209.4820/22</a></li>
<li><a href="mailto:[email protected]"><i class="icon-email"></i>[email protected]</a></li>
</ul>
</div>
</footer>
<script src="app.js"></script>
</body>
</html>