BlogCafe/entrada.html at master · Pipepena2979/BlogCafe · 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
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BlogDeCafé</title>
    <link rel="stylesheet" href="CSS/normalize.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:ital@0;1&display=swap" rel="stylesheet">
<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:ital@0;1&family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="CSS/styles.css">
</head>
<body>


    <header class="header">

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

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

        <div class="header__texto">
            <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="contenedor">
        <h3 class="centrar-texto">Entrada de Blog</h3>

        <img src="img/blog1.jpg" alt="imagen del blog">

        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
            Nostrum, laudantium! Nobis, dolorum. Optio provident
            illo alias assumenda esse, sapiente ad labore quasi
            nobis eos sed distinctio blanditiis, fugit
            neque omnis!Lorem ipsum dolor sit amet consectetur adipisicing elit.
            Nostrum, laudantium! Nobis, dolorum. Optio provident
            illo alias assumenda esse, sapiente ad labore quasi
            nobis eos sed distinctio blanditiis, fugit
            neque omnis!</p>

            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Nostrum, laudantium! Nobis, dolorum. Optio provident
                illo alias assumenda esse, sapiente ad labore quasi
                nobis eos sed distinctio blanditiis, fugit
                neque omnis!Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Nostrum, laudantium! Nobis, dolorum. Optio provident
                illo alias assumenda esse, sapiente ad labore quasi
                nobis eos sed distinctio blanditiis, fugit
                neque omnis!</p>


                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Nostrum, laudantium! Nobis, dolorum. Optio provident
                    illo alias assumenda esse, sapiente ad labore quasi
                    nobis eos sed distinctio blanditiis, fugit
                    neque omnis!Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Nostrum, laudantium! Nobis, dolorum. Optio provident
                    illo alias assumenda esse, sapiente ad labore quasi
                    nobis eos sed distinctio blanditiis, fugit
                    neque omnis!</p>

    </main>

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

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


</body>
</html>