test/nosotros.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
<!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>
        <div class="sobre-nosotros">
            <div class="sobre-nosotros__imagen">
                <img src="img/nosotros.jpg" alt="Imagen nosotros">
            </div>
            <div class="sobre-nosotros__texto">
                <p>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime quos dolore culpa deserunt sequi ab
                    cum assumenda. Amet dolorem ipsam a illo obcaecati soluta eos, ipsum incidunt labore, saepe
                    mollitia.
                    Fugiat corporis itaque, quis quidem eligendi rem tenetur ex voluptatem mollitia molestiae et placeat
                    nobis cupiditate cum dolor autem atque dolore blanditiis optio illum doloremque obcaecati possimus.
                    Reprehenderit, similique ullam!
                    Inventore veniam aliquid odio unde placeat tempora expedita impedit quae, ea quos? Suscipit,
                    repellat? Ratione, quibusdam odio debitis pariatur numquam voluptates tempora aut laboriosam

                </p>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta
                    officiis expedita dolorum quidem ut voluptates quasi, molestiae
                    debitis atque. Atque odio illum adipisci ipsam eum explicabo,
                    asperiores nulla error repellendus.
                </p>
            </div>
        </div>
    </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>