FrontEndStore/TypeScript.html at main · javier-tecla/FrontEndStore · 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
<!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>FrontEnd Store</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href="https://fonts.googleapis.com/css2?family=Staatliches&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header class="header">
        <a href="index.html">
            <img class="header__logo" src="img/logo.png" alt="Logotipo">
        </a>
    </header>

    <nav class="navegacion">
        <a class="navegacion__enlace navegacion__enlace--activo"  href="index.html">Tienda</a>
        <a class="navegacion__enlace"  href="nosotros.html">Nosotros</a>
    </nav>

    <main class="contenedor">
        <h1>TypeScript</h1>

        <div class="camisa ">
            <img class="camisa__imagen" src="img/10.jpg" alt="Imagen del Producto">


            <div class="camisa__contenido">
                <p>Cras ultricies, urna vel maximus aliquet, neque est consequat turpis, in pellentesque tortor odio a justo. Phasellus a consectetur erat sed eros rutrum efficitur. Fusce luctus ipsum sed elit iaculis consequat. Etiam pretium eros enim, vitae laoreet tellus fringilla nec. Etiam malesuada eros et suscipit sodales. Morbi aliquam velit elit. Sed vehicula dui at met tempus dapibus. Pellentesque non nunc vitae enim scelerisque iaculis quis sit amet dui. Praesent sodales tortor at pellen luctus. Nulla eu leo id mauris placerat tincidunt. Nam commodo nulla leo, eu facilisis dolor iaculis ut. Nam tincidunt er
                vitae maximus nisl.</p>

                <form class="formulario">
                   <select class="formulario__campo">
                    <option disabled selected>--Seleccionar Talla--</option>
                        <option>Chica</option>
                        <option>Mediana</option>
                        <option>Grande</option>
                   </select>
                   <input class="formulario__campo" type="number" placeholder="Cantidad" min="1">
                   <input class="formulario__submit" type="submit" value="Agregar al Carrito">
                 </form>
            </div>
        </div>
    </main>


    <footer class="footer">
        <p class="footer__texto">Front End Store - Todos los derechos Reservados 2022.</p>
    </footer>

</body>
</html>