-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathnuestras_birras.html
More file actions
131 lines (114 loc) · 6.09 KB
/
nuestras_birras.html
File metadata and controls
131 lines (114 loc) · 6.09 KB
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nuestras birras | Cervecería Bigote dorado</title>
<meta name="description" content="Si buscas sabores nuevos de birra, este es tu sitio! Prueba nuestras mejores versiones de los estilos de cerveza artesanas habituales y de temporada.">
<meta name="keywords" content="bigote dorado, pilsener, lager, ipa, weissbier, cerveza, beer, birra, craft beer">
<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"/>
</head>
<body>
<header class="header header-nuestrasbirras">
<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">
<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 active">
<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"></div>
<h1 class="animate__bounceIn header__maintitle">Cervezas</h1>
</div>
</header>
<div>
<h2 class="sectiontitle__title">Sabores de Bigote Dorado</h2>
</div>
<div class="section_cervezas container-fluid">
<div class="section_cervezas_card">
<img src="multimedia/nuestras_lager.png" alt="lager" class="section_cervezas_card-img">
<h1 class="header__title">Lager</h1>
</div>
<div class="section_cervezas_card">
<img src="multimedia/nuestras_pale.png" alt="pale ale" class="section_cervezas_card-img">
<h1 class="header__title">Pale Ale</h1>
</div>
<div class="section_cervezas_card">
<img src="multimedia/nuestras_pilsen.png" alt="pilsen" class="section_cervezas_card-img">
<h1 class="header__title">Pilsen</h1>
</div>
<div class="section_cervezas_card">
<img src="multimedia/nuestras_trigo.png" alt="trigo" class="section_cervezas_card-img">
<h1 class="header__title">Weissbier</h1>
</div>
</div>
<section class="gridgaleria">
<div class="itema">
<a href="#"><img src="multimedia/foto1.jpg" alt="Cerveza rubia explosiva" class="fotosgrid"></a>
</div>
<div class="itemb">
<a href="#"><img src="multimedia/foto2.jpg" alt="Brindando con amigos y cerveza" class="fotosgrid"></a>
</div>
<div class="itemc">
<a href="#"><img src="multimedia/foto3.jpg" alt="Mesa con cerveza y picada" class="fotosgrid"></a>
</div>
<div class="itemd">
<a href="#"><img src="multimedia/foto4.jpg" alt="Brindis con cerveza" class="fotosgrid"></a>
</div>
<div class="iteme">
<a href="#"><img src="multimedia/foto5.jpg" alt="Dos cervezas brindando al sol" class="fotosgrid"></a>
</div>
<div class="itemf">
<a href="#"><img src="multimedia/foto6.jpg" alt="Pared con cervezas artesanales" class="fotosgrid"></a>
</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>