-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
206 lines (175 loc) · 8.74 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
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="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bigote dorado | Cervecería artesanal </title>
<meta name="description" content="Cervecería Bigote Dorado, birras artesanales especiales para paladares exigentes. Sumate a la revolución del sabor con burbujas.">
<meta name="keywords" content="bigote dorado, cerveza, beer, birra, craft, artesana, craft beer, cerveza artesanal">
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" href="multimedia/bigote_favicon.png" type="image/png"/>
<script type="text/javascript" src="js/codigo.js"></script>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
$("#myModal").modal('show');
});
</script>
</head>
<body>
<div class="modal" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Bigote dorado</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>¿Sos mayor de edad?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary boton_secundario" data-dismiss="modal">NO</button>
<button type="button" class="btn btn-primary boton_primario" data-dismiss="modal">SI, Y QUIERO MI BIRRA</button>
</div>
</div>
</div>
</div>
<header class="header header-index">
<nav class="navbar fixed-top navbar-expand-lg navbar-dark scrolling-navbar nav">
<div class="navbar-logo">
<a href="index.html">
<img src="multimedia/bigote_dorado.png" class="navbar-img" alt="logo">
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse nav__navbar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto w-100 justify-content-center">
<li class="nav-item active">
<a class="nav-link mr-5" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link mr-5" href="quienes_somos.html">Quiénes somos</a>
</li>
<li class="nav-item">
<a class="nav-link mr-5" href="nuestras_birras.html">Nuestras birras</a>
</li>
<li class="nav-item">
<a class="nav-link mr-5" href="cerveblog.html">Cerveblog</a>
</li>
<li class="nav-item">
<a class="nav-link mr-5" href="contacto.html">Contacto</a>
</li>
</ul>
</div>
</nav>
<div class="text-center wow fadeInUp header__borde">
<h1 class="animate__bounceIn header__maintitle">Birras que dejan huellas</h1>
<h3 class="header__title">Deliciosas cervezas para paladares exigentes</h3>
</div>
</header>
<section class="indexingredientes">
<img src="multimedia/indexingred1.png" class="img-fluid indexingredientes_fotos" alt="Lupulo para cerveza">
<img src="multimedia/indexingred2.png" class="img-fluid indexingredientes_fotos" alt="Cebada para cerveza">
<img src="multimedia/indexingred3.png" class="img-fluid indexingredientes_fotos" alt="Agua para cerveza">
</section>
<section class="indexfoto">
<div class="indexfoto__textomes"><p class="indexfoto__textomes-texto">La birra del mes</p></div>
<div class="indexfoto__birrames">
<div class="indexfoto__birrames__img"><a href="nuestras_birras.html"><img src="multimedia/nuestras_pilsen.png" alt="La birra del mes - PALE" class="section_cervezas_card-img"></a></div>
<div class="indexfoto__birrames__texto">
<p class="indexfoto__birrames__texto-title">PALE</p>
<p class="indexfoto__birrames__texto-txt">Esta birra tiene el honor de haber ganado el premio del mes.</p></div>
</div>
</section>
<section class="sectiontitle">
<h2 class="sectiontitle__title">Los mejores estilos craft beer de tu ciudad</h2>
</section>
<div class="card-index">
<div class="card-index-cards">
<img src='multimedia/indexlager.png' alt="Lager beer"/>
<div class="text">
<h1>PROMO VERANO</h1>
<h2 class="animate-text">Bigote Dorado 50% OFF</h2>
<p class="animate-text">Disfruta de unas buenas cervezas en casa usando el código VERANO20</p>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<div class="card-index-cards">
<img src='multimedia/indexipa.png' alt="IPA beer"/>
<div class="text">
<h1>BEER & HEALTH</h1>
<h2 class="animate-text">El lúpulo tiene grandes beneficios para la salud</h2>
<p class="animate-text">Recientes estudios confirman que tomar cerveza de forma moderada mejora el estado de ánimo y el bienestar general</p>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<div class="card-index-cards">
<img src='multimedia/indexweiss.png' alt="Weiss beer"/>
<div class="text">
<h1>DELIVERY BIGOTE DORADO</h1>
<h2 class="animate-text">Trabajamos para satisfacer a nuestra cervecomunidad</h2>
<p class="animate-text">Estamos tomando todas las precauciones de higiene y seguridad para que puedas disfrutar de una terraza en tu casa</p>
<div class="dots">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
<section class="index-newsletter">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="single">
<h1 class="header__title">Suscribite a nuestro Newsletter</h1>
<div class="input-group">
<input type="email" class="form-control campo_texto" placeholder="Ingresá tu e-mail">
<span class="input-group-btn">
<button class="btn btn-theme boton_secundario" type="submit">Suscribite</button>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-bigote">
<div class="footer-redes">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-github"></i></a>
</div>
<div class="footer-datos">
<p class="footer-links">
<a href="index.html">HOME</a>
<a href="quienes_somos.html">QUIÉNES SOMOS</a>
<a href="nuestras_birras.html">NUESTRAS BIRRAS</a>
<a href="cerveblog.html">CERVEBLOG</a>
<a href="contacto.html">CONTACTO</a>
</p>
<p>© Bigote Dorado 2020</p>
<p>Diseñado por <a href="https://www.linkedin.com/in/dianadistefano/" class="enlaces_footer">Diana Di Stefano</a> by <a href="https://disatechgo.com/" class="enlaces_footer">disatechgo</a></p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>