first-web/index.html at master · OTTOJSANTOS/first-web · 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
<!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>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="container">
        <div class ="class1">
            <div class="header-class1">
                <div class="header-logo">
                    <img src="data:image/png;base64,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">
                </div>
                <div class="header-class1-link">
                    <a href="#">About </a>
                    <a href="#">Shop</a>
                    <a href="#">Contact</a>
                </div>
            </div>
            <div class ="body-class1">
                <div class="left-class1">
                    <p id="title-body"> Mejores Uniformes</p>
                    <p id="description-body">Ropa de ciclismo Innovadora y Competitiva. Fabricamos uniformes deportivos para ciclismo, ciclomontañismo, triatlón, patinaje, bicicross y fitness; Contamos con accesorios para montar en bicicleta para hombre y mujer.</p>
                    <button>Sign up</button>
                </div>
                <div class="right-class1">
                    <img src="https://files.antena2.com/antena2/public/styles/imagen_despliegue/public/2021-09/000_9GY2Q4.jpg?tCrh0PvfXPB1_yzvcbp9p0D_ln16zxBq&h=69f2b9d0&itok=4ESTorfY">
                </div>
            </div>
        </div>
        <div class= "class2">
            <p id="title2">Diseños Exclusivos</p>
            <div class="class2-inf">
                <div class="class2-it">
                    <img src="https://img.freepik.com/vector-gratis/especificacion-plantilla-maillot-ciclismo-camiseta-deportiva-uniforme-cuello-redondo-ropa-bicicleta_33916-751.jpg?size=626&ext=jpg">
                    <p>Uniforme negro-rojo</p>
                </div>
                <div class="class2-it">
                    <img src="https://www.kafittmedellin.com/imagenes/sub_categorias/Uniforme%20Mujer.jpg">
                    <p>Asi o mas buena</p>
                </div>
                <div class="class2-it">
                    <img src="https://i.pinimg.com/originals/00/18/60/00186040e443709a234620e12f0e84e0.jpg">
                    <p>Que rico todo</p>
                </div>
                <div class="class2-it">
                    <img src="https://www.dhresource.com/0x0/f2/albu/g9/M01/0B/91/rBVaWFz2FdmAWSw4AAK5gKHx-8E868.jpg">
                    <p>Asi la queri</p>
                </div>
            </div>

        </div>
        <div class="class3">
            <p>"La vida es como andar en bicicleta. Para mantener el equilibrio basta con estar en movimiento."</p>
                <b><b>
                    -- Albert Einstein
                </b></b>
        </div>
        <div class="class4">
            <div class="text-class4">
                <h3>Keep you informated</h3>
                <p>Sign up for the latest news</p>
            </div>

            <button id="button4">Sign up</button>
        </div>
    </div>
    <footer>
        <p>Copyright © Otto Santos Project 2021</p>
    </footer>
</body>
</html>