-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproductos.html
139 lines (122 loc) · 6.83 KB
/
productos.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
<!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">
<meta name="description" content="Siete Cuchillas, Hecho por Scouts y para Scouts. Mates y artesanías personalizadas. Nuestro producto favorito son los mates porque nos encanta la idea de compartir tardes y mañanas, momentos, anécdotas y experiencias con amigos y familia." />
<meta name="keywords" content="Scouts, Mates, Cultura, Naturaleza" />
<title>Productos</title>
<link rel="icon" href="./assets/logo.ico">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&family=Roboto:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text&family=Kumbh+Sans:wght@300;400;500;600;700&family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/2c1ce8387b.js" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./scss/styles.css">
<link rel="stylesheet" href="./scss/productos.css">
<link rel="stylesheet" href="./scss/headerFooter.css">
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '632120487940202');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=632120487940202&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
</head>
<body>
<div class="backgroundNegro" id="backgroundNegroID">
<img src="" alt="">
</div>
<div class="header">
<nav class="navbar navbar-expand-xl navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><img class="nav-logo1" src="./assets/logo1.png" alt="logo"/><img class="nav-logo2" src="./assets/logo2.png" alt="logo"/></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo2" aria-controls="navbarTogglerDemo2" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo2">
<ul class="navbar-nav me-auto mb-2 mb-xl-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./sobreNosotros.html" >Sobre Nosotros</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./productos.html" id="navProductosClick" style="color: #4B4B4B !important;">Productos</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./preguntasFrecuentes.html">Preguntas Frecuentes</a>
</li>
<li class="nav-item">
<a id="itemContacto" class="nav-link active" aria-current="page" href="./index.html#contacto">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="nuestrosProductos">
<img src="./assets/Productos bosque.jpg" alt="">
<div>
<h1>Nuestros Productos</h1>
<p>Elegimos cuidadosamente nuestros productos, artesanos, diseñamos y te hacemos llegar lo mejor del trabajo artesanal poniendo mucho amor en cada detalle</p>
<p>Seleccionamos los mejores materiales y cuidamos mucho las terminaciones de cada producto, además de un minucioso control de calidad.</p>
</div>
</div>
<div class="productos" id="contenedorProductos" >
</div>
<!-- Fondo Oscuro -->
<div id="fondoModal" class="modal-backdrop fade" style="background:rgb(84, 80, 53);"></div>
<div class="footer">
<a href="https://api.whatsapp.com/send?phone=+5491173632433"><img src="./assets/Whatsapp-Logo-PNG.png" class="img-fluid imagenWhatsapp" alt="img-fluid">
</a>
<div class="col-sm-12">
<div class="nav-footer">
<ul>
<li class="nav-footer_sobrenosotros">
<a href="./sobreNosotros.html">Sobre nosotros</a>
</li>
<li class="nav-footer_productos">
<a href="#" id="footerProductosClick">Productos</a>
</li>
<li class="logo-footer_pc">
<img src="./assets/logoFooter.png" alt="logo footer">
</li>
<li class="contacto_pc">
<a href="./index.html#contacto">Contacto</a>
</li>
<li>
<a href="./preguntasFrecuentes.html">Preguntas Frecuentes</a>
</li>
<li class="contacto_mobile">
<a href="./index.html#contacto">Contacto</a>
</li>
<li class="logo-footer">
<img src="./assets/logoFooter.png" alt="logo footer">
</li>
</ul>
</div>
<div class="icons-footer">
<a href="https://www.instagram.com/sietecuchillas/" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.facebook.com/sietecuchillas.ar" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="./index.html#contacto"><i class="far fa-envelope"></i></a>
</div>
<p class="locacion">Buenos Aires, Argentina</p>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="./js/productos.js"></script>
</body>
</html>