-
Notifications
You must be signed in to change notification settings - Fork 0
/
productsPage.html
154 lines (150 loc) · 8.1 KB
/
productsPage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sitio E-commerce de perifericos y productos de computación">
<meta name="keywords" content="Pc, Gaming, Estudio, Musica, Hardware, Auriculares, Teclados, Mouse, Comercio, Compra Online, E-commerce, Ventas, Envios, Tecnologia">
<meta name="author" content="Grupo 1, Comision 60i, RollingCode School">
<meta name="copyright" content="Todos los derechos reservados a sus respectivas marcas 2023.">
<link rel="shortcut icon" href="assets/icons/Favicon-32x32.svg" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="style/stylesMain.css">
<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=Fira+Sans&display=swap" rel="stylesheet">
<title>Sobre Nosotros</title>
</head>
<body class="bodyAboutUs">
<header>
<nav class="navbar fixed-top bg-black navbar-expand-lg m-0 shadowNav">
<div class="container-fluid d-flex flex-column">
<a class="navbar-brand text-white m-0" id="navbarImg" href="index.html"><img src="assets/icons/main-logo-white-transparent.png" alt="icono tecnoRCS" class="imgNavbar"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active text-white text-white text-center" aria-current="page" href="#" data-section="buttons" data-value="productsBtn">Productos</a>
</li>
<li class="nav-item d-none" id="loginBtn">
<a type="button" class="nav-link text-white text-center" data-bs-toggle="modal" data-bs-target="#modalA" data-section="buttons" data-value="loginBtn">Ingresar</a>
</li>
<li class="nav-item d-none" id="logoutBtn">
<a type="button" class="nav-link text-white text-center" data-section="buttons" data-value="closeLogBtn">Cerrar sesion</a>
</li>
<li class="nav-item">
<a class="nav-link text-white text-center" href="404.html" data-section="buttons" data-value="contactBtn">Contacto</a>
</li>
<li class="nav-item">
<a class="nav-link text-white text-center" href="acercaDe.html" data-section="buttons" data-value="aboutUsBtn">Acerca de</a>
</li>
<li class="nav-item d-none" id="adminBtn">
<a class="text-white text-center nav-link" type="button" data-bs-toggle="offcanvas" data-bs-target="#offCanvaAdmin" aria-controls="offCanvaAdmin" id="offcanvaToggler" data-section="buttons" data-value="adminPanelBtn">
Panel de administrador
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="d-flex justify-content-center" id="flags">
<div class="flag" id="argFlag" data-language="es">
<img src="assets/icons/ar.svg" alt="arg flag">
</div>
<div class="flag" id="usaFlag" data-language="en">
<img src="assets/icons/us.svg" alt="usa flag">
</div>
</div>
<div class="container containerProducts p-5">
<h3 class="fw-bold text-center" data-section="titles" data-value="titleProducts">Todos los productos</h3>
<div class="row justify-content-evenly" id="productContainer">
</div>
</div>
</main>
<footer>
<div class="mainSection">
<section class="d-flex justify-content-between p-4 socialSection">
<div class="me-5">
<span data-section="titles" data-value="mediaTitle">Nuestras redes sociales:</span>
</div>
<div>
<a href="404.html" class="text-white me-4">
<i class="fab fa-facebook-f"></i>
</a>
<a href="404.html" class="text-white me-4">
<i class="fab fa-twitter"></i>
</a>
<a href="404.html" class="text-white me-4">
<i class="fab fa-google"></i>
</a>
<a href="404.html" class="text-white me-4">
<i class="fab fa-instagram"></i>
</a>
</div>
</section>
<section class="text-white">
<div class="container text-center text-md-start mt-5">
<div class="row mt-3">
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
<h6 class="text-uppercase fw-bold">TecnoRCS</h6>
<p data-section="paragraphs" data-value="firstParaph">
TecnoRCS es una tienda especializada en la venta de productos tecnológicos de vanguardia. Nuestra misión es proporcionar a nuestros clientes acceso a las últimas innovaciones tecnológicas y ofrecerles productos de alta calidad que mejoren su vida diaria, ya sea en el trabajo, el hogar o el entretenimiento.
</p>
</div>
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
<h6 class="text-uppercase fw-bold border-bottom" data-section="titles" data-value="footerProductsTitle">Productos</h6>
<p>
<a href="404.html" class="text-white" data-section="buttons" data-value="category1Btn"> Auriculares</a>
</p>
<p>
<a href="404.html" class="text-white" data-section="buttons" data-value="category4Btn"> Netbooks</a>
</p>
<p>
<a href="404.html" class="text-white" data-section="buttons" data-value="category2Btn"> Smartphone</a>
</p>
<p>
<a href="404.html" class="text-white" data-section="buttons" data-value="category3Btn"> Teclados</a>
</p>
<p>
<a href="404.html" class="text-white" data-section="buttons" data-value="category5Btn"> Mouse</a>
</p>
</div>
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
<h6 class="text-uppercase fw-bold border-bottom"> Links</h6>
<p>
<a href="404.html" class="text-white" data-section="buttons" data-value="registerFooterBtn"> Registrate</a>
</p>
<p>
<a href="404.html" class="text-white" data-section="buttons" data-value="deliveryFooterBtn"> Envios a todo el pais </a>
</p>
<p>
<a href="404.html" class="text-white" data-section="buttons" data-value="consultsFooterBtn"> Consultas</a>
</p>
</div>
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<h6 class="text-uppercase fw-bold border-bottom" data-section="buttons" data-value="contactBtn">Contactos</h6>
<p><i class="fas fa-home mr-3"></i> Gral. Paz 576, piso 9 of 2, San miguel de Tucuman</p>
<p><i class="fas fa-envelope mr-3"></i> TecnoRCS@gmail.com</p>
<p><i class="fas fa-phone mr-3"></i> + 0381 496 8972</p>
<p><i class="fas fa-print mr-3"></i> + 0381 756 4578</p>
</div>
</div>
</section>
<div class="text-center p-3 text-white copySection">
© 2023 Copyright:
<a class="text-white" href="index.html">TecnoRCS.S.R.L</a>
<script src="https://kit.fontawesome.com/a6b5ce75c3.js" crossorigin="anonymous"></script>
</div>
</div>
</footer>
<script src="Js/productsPage.js"></script>
<script type="module" src="Js/main.js"></script>
<script type="module" src="Js/language.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
</body>
</html>