-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (126 loc) · 5.59 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>La Ideal</title>
<link rel="icon" type="image/x-icon" href="./assets/icono-logo-laideal.png">
<meta name="description" content="La Ideal es un negocio que ofrece una amplia variedad de productos de primera calidad, como carnes de ternera, fiambres, quesos, verdulería y panificados.">
<meta name="author" content="Samuel Linares">
<meta name="copyright" content="2023 La Ideal carniceria">
<meta name="keywords" content="productos de primera calidad, primera calidad, carnicería, carnes de ternera, fiambres, quesos, verdulería, panificados">
<!-- Etiquetas Open Graph (og) -->
<meta property="og:title" content="La Ideal - Productos de primera calidad">
<meta property="og:description" content="La Ideal es un negocio que ofrece una amplia variedad de productos de primera calidad, como carnes de ternera, fiambres, quesos, verdulería y panificados.">
<meta property="og:image" content="./assets/opengraph-carniceria.jpg">
<meta property="og:type" content="website">
<meta property="og:locale" content="es_ES">
<!-- CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/main.css">
</head>
<body>
<header>
<!-- comienzo barra de navegación-->
<nav class="navbar navbar-expand-lg navbar bg-dark" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand ml-5" href="#">
<img class="logonav" src="./assets/logo-laideal-nav.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/ofertas.html">OFERTAS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/productos.html">Productos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/nosotros.html">Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pages/contacto.html">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- fin barra de navegación-->
</header>
<main>
<div class="portada">
<div class="titulo1">
<h2>
ELABORADOS ARTESANALMENTE
</h2>
</div>
<div class="foto">
<img style="width:400px;" src="./assets/carnicero2.jpg" alt="">
</div>
<div class="titulo2">
<h2>
COMBINACIÓN DE CARNICEROS Y CHEFS
</h2>
</div>
</div>
<article class="container_ofertasinicio">
<section class="card__ofertasinicio">
<img src="./assets/costeletaancha.png" alt="">
<h3>Costeleta ancha</h3>
<p>Descripción de la costeleta ancha</p>
<div>
<a href="">Comprar</a>
<h5>$1200</h5>
</div>
</section>
<section class="card__ofertasinicio">
<img src="./assets/costeletaancha.png" alt="">
<h3>Costeleta ancha</h3>
<p>Descripción de la costeleta ancha</p>
<div>
<a href="">Comprar</a>
<h5>$1200</h5>
</div>
</section>
<section class="card__ofertasinicio">
<img src="./assets/costeletaancha.png" alt="">
<h3>Costeleta ancha</h3>
<p>Descripción de la costeleta ancha</p>
<div>
<a href="">Comprar</a>
<h5>$1200</h5>
</div>
</section>
</article>
</main>
<footer class="container-fluid text-white p-3" style="background: #0f0c29;">
<div class="row text-center text-md-start">
<div class="col-md-4 text-center mt-4">
<p>© 2023 La Ideal carniceria - Todos los Derechos Reservados.</p>
</div>
<div class="col-md-4 text-center">
<img style="width: 100px;" src="./assets/logo-laideal-nav.png" alt="">
</div>
<div class="col-md-4">
<ul class="list-unstyled d-flex justify-content-center justify-content-md-center">
<li class="fw-bold my-2 list-unstyled justify-content-md-center">Nuestras Redes </li>
</ul>
<ul class="list-unstyled d-flex justify-content-center justify-content-md-center">
<li><a href="#"><img style="width: 25px;" src="./assets/iconinstagram.png" alt=""></a></li>
<li><a href="#"><img style="width: 25px;" src="./assets/iconfacebook.png" alt=""></a></li>
</ul>
</div>
</div>
</footer>
<!-- SCRIPTS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- FIN DE SCRIPTS-->
</body>
</html>