elnidovirtual/Producto.html at main · bigbae18/elnidovirtual · 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
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
<!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">
    <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=Bungee&family=Montserrat:wght@400;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/Producto.css">
    <link rel="stylesheet" href="./css/Estrellas.css">
    <link rel="stylesheet" href="./css/media-queries.css" />

    <link
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css"
      rel="stylesheet"
    />
    <title>El Nido Virtual</title>
</head>
<body>
    <header id="header" class="main-header">
        <div class="logo">
          <a class="main-logo" href="index.html" alt="logo"
            ><img class="logo-img" src="./img/logo gaming.png" />
            <h1 class="logo-title">El Nido Virtual</h1>
          </a>
        </div>
        <nav id="nav" class="main-nav">
          <div class="nav-links">
            <a class="link-item" href="index.html">Home</a>
            <a class="link-item" href="catalogue.html">Catálogo</a>
          </div>
        </nav>
        <button id="button-menu" class="button-menu">
          <span></span>
          <span></span>
          <span></span>
        </button>
      </header>
    <main>
        <div class="Producto secciones">
            <h4 class="titulo">Producto</h4>
             <img class="product-img" src="./img/AnimalCrossing.jpg" alt="">
        </div>
        <div class="info secciones">
            <h2 class="h2">Animal Crossing</h2>
            <p>Empresa: Nintendo</p>
            <p>Fecha de lanzamiento: 23-04-2020</p>
            <p>Categoria: Simulación Social</p>
            <p>Reseña:</p>
            <form class="Estrellas">
                <p class="clasificacion">
                  <input id="radio1" type="radio" name="estrellas" value="5">
                  <label for="radio1">★</label><!--
                  --><input id="radio2" type="radio" name="estrellas" value="4"><!--
                  --><label for="radio2">★</label><!--
                  --><input id="radio3" type="radio" name="estrellas" value="3"><!--
                  --><label for="radio3">★</label><!--
                  --><input id="radio4" type="radio" name="estrellas" value="2"><!--
                  --><label for="radio4">★</label><!--
                  --><input id="radio5" type="radio" name="estrellas" value="1"><!--
                  --><label for="radio5">★</label>
                </p>
              </form>
        </div>
        <div class="description">
            <h3 class="h3">Descripción:</h3>
            <p>Tu primera residencia será una tienda de campaña que se convertirá en una casa que luego se puede ampliar, embellecer y mejorar mientras juegas. A medida que los vecinos se muden al área, puedes ayudarles con sus tiendas de campaña y casas, y si ya tienes vecinos establecidos en el área cuando llegues, te ayudarán a construir y establecer la tuya.
            </p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam error sit, voluptates sed minus blanditiis illum atque quasi cumque reprehenderit voluptas tenetur delectus qui, in non doloremque voluptate rem eum illo, tempore officia. Rem nemo, dolorum corporis architecto eveniet molestiae minus consequatur ab quisquam a quae ipsum aliquam iure officiis.</p>

        </div>
        <div class="abajo secciones">
            <p>49,50€</p>
            <button>Añadir al carrito</button>
        </div>
        <div>
            <a href="#header" id="upButton">⬆️</a>
          </div>

    </main>
    <footer>
        <div class="nosotros">
          <h2>SOBRE NOSOTROS</h2>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Rhoncus orci
            mi, varius aliquam nunc. Viverra lectus quis hendrerit aliquam auctor
            erat bibendum volutpat. Mauris, velit aenean tortor, nulla at quam.
            Viverra facilisis eget et enim viverra diam at.
          </p>
        </div>
        <div class="social-media">
          <a href="https://instagram.com" target="_blank">
            <i class="fab fa-instagram"></i>
          </a>
          <a href="https://twitter.com" target="_blank">
            <i class="fab fa-twitter-square"></i>
          </a>
          <a href="mailto:lauravazquez@gmail.com">
            <i class="fas fa-envelope"></i>
          </a>
          <a href="https://facebook.com" target="_blank">
            <i class="fab fa-facebook-square"></i>
          </a>
          <a href="https://youtube.com" target="_blank">
            <i class="fab fa-youtube"></i>
          </a>
        </div>
        <div class="contact">
          <h3>Contacto</h3>
          <p>C/ Francesc Macia, 08800 Vilanova i la Geltru</p>
          <p>Tlf: 685 614 974</p>
        </div>
      </footer>
      <script src="./js/index.js"></script>
</body>
</html>