blog/blog.html at master · glezrdg/blog · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/font/flaticon.css">
    <link rel="stylesheet" href="css/media-queries.css">

    <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono:700i&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <section class="header-icons-container">
            <div class="icons">
                <a href=""><span class="flaticon-001-facebook"></span></a>
                <a href=""><span class="flaticon-002-twitter"></span></a>
                <a href=""><span class="flaticon-011-instagram"></span></a>
                <a href=""><span class="flaticon-010-linkedin"></span></a>
                <a href=""><span class="flaticon-008-youtube"></span></a>
            </div>
        </section>
        <nav>
            <section class="nav-logo-container">
                <a href="index.html"><img src="assets/img/Logo-negro.png" alt="Logo de mi Blog"></a>
            </section>
            <section class="profile-link">
                <a href="perfil.html">Sobre Mi</a>
            </section>
        </nav>
    </header>
    <main>
        <section class="grid-container blogpost-img-container">
            <img src="assets/img/visor.png" alt="">

        </section>
        <section class="blogpost-main-container">
            <div class="grid-container">
                <h3>Noticias</h3>
                <article>
                    <h1>Titulo del Blogpost</h1>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores illum adipisci vero tempore saepe alias obcaecati earum perspiciatis minima accusamus tenetur reprehenderit in cum officiis, maxime, nisi provident eveniet! Sed.</p>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore laborum consequuntur autem, animi consequatur molestias accusantium, dolor veniam corrupti ex, tempore similique atque est non quis? Quae eaque sunt modi!Dolorem soluta nam mollitia? Aperiam, qui id similique unde iusto nisi natus nemo voluptatibus dolores alias sit! Neque possimus voluptates enim quia. Aliquam reiciendis architecto repellendus doloribus sed vero eos.</p>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas rerum eaque delectus doloribus dolorem vitae, laboriosam harum adipisci atque ducimus corrupti, totam reprehenderit optio quia. Explicabo dignissimos assumenda obcaecati natus.
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti, magni blanditiis! Officiis error repellendus consectetur earum rem amet! Voluptas ipsam obcaecati officiis vitae aliquam aut, enim minima vero nisi est?
                    </p>
                    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sint fugiat quod ad! Repellat voluptates ipsa adipisci deserunt debitis labore, excepturi quasi eos saepe reiciendis. Beatae fugiat eum eos possimus ut.Dicta ea repellendus quisquam aliquid, repudiandae nesciunt similique inventore consequatur nobis saepe itaque eveniet ad necessitatibus eius et deleniti minima libero nisi tempora commodi magni impedit! Earum ipsam pariatur eveniet.</p>
                </article>
            </div>
        </section>
        <section class="contact-main-container">
            <div>
                <img src="assets/img/013-newsletter.png" alt="">
                <div class="contact-left">
                    <a href="">Contacto</a>
                    <p>Texto de intro. Lorem ipsum dolor<br> sit amet consectetur.</p>
                </div>
            </div>
            <div>
                <img src="assets/img/006-like.png" alt="">
                <div class="contact-right">
                    <a href="">Escribe</a>
                    <p>Texto de intro. Lorem ipsum dolor<br> sit amet consectetur.</p>
                </div>
            </div>
        </section>
    </main>
    <footer>
        <p>Footer profesional.</p>
    </footer>
</body>
</html>