blogdeCafe/entrada.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
71
72
<!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="no-margin">Aprende de los expertos con las mejores recetas y consejos.</p>
            </div>
        </header>

        <main class="container">
            <h3 class="text-center">Entrada de blog</h3>
            <div>
                <img src="img/blog1.jpg" alt="Imagen entrada de blog">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo sint quae unde doloremque alias commodi accusamus aut, animi ratione temporibus eos illum vel ad sed quibusdam impedit ex? Atque, debitis.
                Cumque maxime provident suscipit. A temporibus odio illum doloribus quasi commodi itaque placeat eligendi qui ut quae minima voluptate, voluptatum aliquid alias tempore fugiat voluptatibus optio amet repudiandae iste quis?
                Voluptas accusantium quae explicabo aut amet nostrum vitae magnam in omnis illo rerum aspernatur tempora dicta voluptate ut officia sint, saepe dolorum cumque dignissimos dolores! Quidem impedit perspiciatis porro unde.</p>

                <p>Error, nobis sed sequi laudantium alias natus placeat enim officiis? Debitis esse dolore ratione officiis doloribus accusantium odio facilis. Corrupti nemo, soluta atque provident perspiciatis harum aliquam distinctio labore praesentium.
                Optio odit inventore reiciendis excepturi architecto similique non vitae. Enim doloremque vel quisquam placeat dignissimos mollitia, neque sunt animi sequi deserunt corporis dolore. Deleniti nemo magni dolores iste totam molestias!
                Dolor tempore sint excepturi quam exercitationem ut expedita, quas atque unde dolore esse optio sunt culpa veniam delectus eius doloremque blanditiis fugit quo quae minus commodi aspernatur. Temporibus, nostrum blanditiis.</p>

                <p>Rem tempora autem perferendis ea suscipit, officiis et porro natus repudiandae error consequuntur nobis omnis molestias, assumenda earum nostrum odit iusto consectetur quos dicta expedita amet fugiat ex! Eius, laboriosam!
                Culpa repudiandae quos laboriosam minima nam. Sit porro et, cum recusandae sunt corrupti eius eum dolorum natus eveniet deleniti quasi velit itaque sed excepturi molestias eos consequatur eligendi laborum iusto!
                Natus nostrum id ipsa dolorum fuga porro accusantium officia, praesentium assumenda itaque a, dolore asperiores molestiae illum commodi facilis perferendis nam architecto iure. Totam incidunt accusamus molestiae mollitia saepe animi.
                Explicabo sunt harum, quis eveniet ab rerum odit quidem commodi, exercitationem quia beatae, molestiae sed natus ullam. Praesentium odit a rerum error nisi illo, nulla fugit, fugiat odio nostrum eveniet?</p>
            </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>
        </footer>
    </body>
</html>