test/entrada.html at main · BrayanWebDev/test · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BlogCafe</title>
    <!--Style-->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
    <!--Fuentes-->
    <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=Open+Sans&family=PT+Sans:wght@400;700&display=swap"
        rel="stylesheet">

</head>

<body>
    <header class="header">
        <div class="contenedor">
            <div class="barra">
                <a href="index.html" class="logo">
                    <h1 class="logo__nombre no-margin centrar-texto">Blog<span class="logo__bold">DeCafe</span></h1>
                </a>

                <nav class="navegacion">
                    <a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
                    <a href="cursos.html" class="navegacion__enlace">Curso</a>
                    <a href="contacto.html" class="navegacion__enlace">Contacto</a>
                </nav>
            </div>
        </div>

        <div class="header__texto">
            <h2 class="no-margin">Blog de cafe con consejos y cursos</h2>
            <p class="no-margin">aprende de los expertos con las mejores recetas y consejos</p>
        </div>
    </header>

    <main class="contenedor">
        <h3 class="centrar-texto">Sobre nosotros</h3>

        <img src="img/blog1.jpg" alt="">

        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, aperiam, eos iusto molestias laboriosam
            eligendi perspiciatis, perferendis quas eveniet vitae officia dolore deleniti? Cum, error, nulla culpa
            facilis, veritatis totam vero voluptates molestiae modi officiis sequi eaque corrupti! Alias ex nulla enim,
            id aperiam, magni odit minima illum quibusdam voluptates explicabo temporibus sint quos magnam. Suscipit
            voluptatibus tenetur consequuntur neque assumenda quo, deserunt asperiores. Praesentium aliquid illum iste
            ratione maxime id nihil explicabo quia corporis! Cum, ut similique veniam non totam eos pariatur sequi
            repellendus, alias debitis suscipit laudantium perspiciatis corporis nam ad! Asperiores praesentium aut vero
            unde? Doloremque quos, quasi inventore sunt nisi assumenda quas tempore consequatur iusto? Eligendi est
            blanditiis earum necessitatibus maiores laboriosam sunt inventore rem voluptate officia magnam minus eveniet
            doloremque aliquam labore, molestias, consequuntur ex ipsa, praesentium odit illo? Quam tenetur est a
            voluptas non error voluptatem quibusdam, delectus maxime assumenda, ad porro molestias culpa nemo quisquam
            quo cupiditate, eius nesciunt ratione harum dolor sint laudantium similique quaerat? Ut modi eum dolor. Ex
            consequatur quasi non dicta adipisci eum. Quasi consequuntur blanditiis a eaque distinctio earum quia odio
            quisquam cum, tempora omnis officia iste alias reiciendis fuga magni. Quam amet aut, reiciendis cum
            voluptatem dignissimos harum, perferendis ab mollitia in illum suscipit beatae ullam commodi tenetur ipsa
            sed, voluptas laborum. Veniam inventore repudiandae veritatis. Dolores consequatur error, rem non quas
            necessitatibus recusandae veniam, at unde delectus similique praesentium harum pariatur hic officiis
            excepturi laborum perferendis suscipit? Quisquam a perspiciatis eos sed, voluptates eius dicta repellendus
            pariatur aliquam itaque magni hic praesentium harum, quaerat fuga iste consequuntur quod atque molestias et
            quia est ab blanditiis aliquid! Eligendi praesentium quisquam fuga unde sed rerum error dignissimos, eos
            numquam natus quis neque rem dolores. Beatae autem aut ex? Aut facilis, fuga voluptatem ut autem delectus
            saepe ex voluptatibus sed. Nihil voluptas quo earum laudantium ducimus beatae aut corporis velit dolores
            iure, deleniti consequatur itaque placeat! Libero architecto placeat deleniti hic incidunt saepe suscipit
            fuga aperiam quam, nostrum dicta eos non fugiat eaque magni autem id perferendis.</p>
    </main>
    <footer class="footer">
        <div class="contenedor">
            <div class="barra">
                <a href="index.html" class="logo">
                    <h1 class="logo__nombre no-margin centrar-texto">Blog<span class="logo__bold">DeCafe</span></h1>
                </a>

                <nav class="navegacion">
                    <a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
                    <a href="cursos.html" class="navegacion__enlace">Curso</a>
                    <a href="contacto.html" class="navegacion__enlace">Contacto</a>
                </nav>
            </div>
        </div>
    </footer>
    <script src="js/modernizr.js"></script>
</body>

</html>