CoderHouse/index.html at master · JavierKrayacich/CoderHouse · GitHub

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
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="CSS/style.css">
  <title>PeriféricosGamer</title>
</head>
<body>
  <nav class="navBar--block">
    <ul>
      <li class="navBar__element--liLogo"><img src="img/logo.jfif" alt="logo" width="50px" height="25px"></li>
      <li class="navBar__element--li"><a class=".navBar__element--litext" href="index.html">Home</a></li>
      <li class="navBar__element--li"><a class=".navBar__element--litext" href="productos.html">Productos</a></li>
      <li class="navBar__element--li"><a class=".navBar__element--litext" href="sobrenosotros.html">Sobre Nosotros</a></li>
      <li class="navBar__element--li"><a class=".navBar__element--litext" href="registro.html">Registrarse</a></li>
      <li class="navBar__element--li"><a class=".navBar__element--litext" href="login.html">Iniciar Sesión</a></li>
    </ul>
  </nav>
  <main>
    <div class="flexParent--block">
    <section class="flexParent__element--bienvenido">
      <div>
        <p>Bienvenido a PeriféricosGamer donde podrás encontrar los mejores productos al menor precio posible.</p>
      </div>
    </section>
    <aside class="flexParent__element--aside">
      <div>
        <img src="img/perifericosrazer.jpg" alt="imágen de periféricos" width="400" height="300">
      </div>
    </aside>
    </div>
    <section class="marcasConLasQueTrabajamos--block">
      <div>
        <h2 class="marcasConLasQueTrabajamos__element--titulo">Marcas con las que trabajamos:</h2>
        <img class="marcasConLasQueTrabajamos__element--logo" src="img/logitechlogo.jpg" alt="logitech logo" height="80px" width="100px">
        <img class="marcasConLasQueTrabajamos__element--logo" src="img/razerlogo.jfif" alt="razer logo" height="80px" width="100px">
        <img class="marcasConLasQueTrabajamos__element--logo" src="img/corsairlogo.jfif" alt="corsair logo" height="80px" width="100px">
        <img class="marcasConLasQueTrabajamos__element--logo" src="img/hyperxlogo.jpg" alt="hyperx logo" height="80px" width="100px">
        <img class="marcasConLasQueTrabajamos__element--logo" src="img/redragonlogo.jpg" alt="redragon logo" height="80px" width="100px">
        <img class="marcasConLasQueTrabajamos__element--logo" src="img/thermaltakelogo.jpg" alt="thermaltake logo" height="80px" width="100px">
        <img class="marcasConLasQueTrabajamos__element--logo" src="img/nisutalogo.png" alt="nisuta logo" height="80px" width="100px">
        <img class="marcasConLasQueTrabajamos__element--logo" src="img/noganetlogo.jfif" alt="noganet logo" height="80px" width="100px">
      </div>
    </section>
  </main>
  <footer class="contactanos--block">
    <h3 class="contactanos__element--titulo">Contactanos</h3>
     <ul>
       <li class="contactanos__element--li">-Soporte Técnico:<a href="https://mail.google.com/mail/u/0/#inbox?compose=new">periféricosgamer@soporte.com.ar</a></li>
       <li class="contactanos__element--li">-Instagram:<a href="instagram.com/periféricosgamer/?hl=es-la">@periféricosgamer</a></li>
       <li class="contactanos__element--li">-Facebook:<a href="facebook.com/perifericosgamer/">facebook.com/perifericosgamer/</a></li>
       <li class="contactanos__element--li">-Teléfono: 0303-4568</li>
     </ul>
  </footer>
</body>
</html>