blogdeCafe/nosotros.html at main · dchxvez/blogdeCafe · 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
<!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>Blog de Café</title>
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/syle.css">
        <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&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
    </head>
    <body>
        <header class="header">

            <div class="container">
                <div class="bar">
                    <a href="index.html" class="logo">
                        <h1 class="logo__name no-margin text-center">Blog<span class="logo__bold">DeCafé</span></h1>
                    </a>
                    <nav class="nav">
                        <a href="nosotros.html" class="nav__a">Nosotros</a>
                        <a href="cursos.html" class="nav__a">Cursos</a>
                        <a href="contacto.html" class="nav__a">Contacto</a>
                    </nav>
                </div>  <!-- bar-->
            </div>  <!-- container-->

            <div class="header__text">
                <h2 class="no-margin">Blog de café con consejos y cursos</h2>
                <p class="header__p">Aprende de los expertos con las mejores recetas y consejos.</p>
            </div>
        </header>

        <main class="container">
            <h3 class="text-center">Sobre nosotros</h3>
            <div class="aboutus">
            <div class="aboutus__img">
                <img src="img/nosotros.jpg" alt="Imagen nosotros">
            </div>
            <div class="aboutus__p">
                <p class="no-margin">
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, earum eaque. Quae, asperiores voluptas enim at eligendi voluptate voluptatem numquam illum ad, qui corporis ipsam labore quo eius? Quae, iusto?
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum recusandae animi odit iste reprehenderit amet quis deleniti. Porro commodi aliquid voluptatibus voluptas, eaque, unde officia nihil amet ratione dolor provident. <br>
                    Minus quas exercitationem voluptate repellendus placeat praesentium sint blanditiis atque rerum quaerat voluptates consequuntur tempore dolorum aspernatur pariatur optio nesciunt similique voluptatem, error deleniti neque! Saepe eos reprehenderit laudantium numquam?
                    Quos, numquam! Dolorem qui tenetur quisquam ipsum eum quas ducimus quibusdam officia voluptatem, earum similique dolore molestiae possimus, sapiente ab delectus eveniet temporibus alias!
                </p>
            </div>
            </div>
        </main>

        <footer class="footer">
            <div class="container">
                <div class="bar">
                    <a href="index.html" class="logo">
                        <h1 class="logo__name no-margin text-center">Blog<span class="logo__bold">DeCafé</span></h1>
                    </a>
                    <nav class="nav">
                        <a href="nosotros.html" class="nav__a">Nosotros</a>
                        <a href="cursos.html" class="nav__a">Cursos</a>
                        <a href="contacto.html" class="nav__a">Contacto</a>
                    </nav>
                </div>  <!-- bar-->
            </div>
            <p class="footer__p">2021. &copy; Daniel Chávez</p>
        </footer>
    </body>
</html>