-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathblog.html
More file actions
72 lines (72 loc) · 4.3 KB
/
Copy pathblog.html
File metadata and controls
72 lines (72 loc) · 4.3 KB
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>Document</title>
<link rel="stylesheet" href="./css/blog.css">
<link rel="stylesheet" href="./css/font/flaticon.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=Roboto+Mono:wght@400;500;700&family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;500;700;900&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>
<div class="nav-logo-container">
<a href="/"><img src="./assets/img/5842a770a6515b1e0ad75afe.png" alt="blog's logo"></a>
</div>
<div class="profile-link">
<a href="perfil.html">Sobre mí</a>
</div>
</nav>
</header>
<main>
<section class="grid-container blogpost-img-container">
<img src="https://cdn.mos.cms.futurecdn.net/FaWKMJQnr2PFcYCmEyfiTm.jpg" alt="earth picture">
</section>
<section class="blogpost-main-container">
<div class="grid-container">
<h3>Noticias</h3>
<article>
<h1>Earth 2022</h1>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. A perspiciatis minima odit et, quis rerum ipsa rem vitae veniam provident Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi aliquam esse ea consectetur doloremque corrupti nam officia quas magnam libero.</p>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dolorum, voluptates suscipit? Repellat dolores dolor laboriosam odio optio voluptates, molestias nisi aspernatur error labore deleniti magnam iure, amet dolorem recusandae facilis Lorem ipsum dolor sit amet consectetur adipisicing elit. Sapiente repellat, nulla fuga dolores quibusdam nobis repellendus nihil modi provident sequi aperiam fugiat numquam eius totam praesentium facilis, laudantium consectetur cupiditate perferendis aliquid commodi dolor quam ea? Eligendi sit ullam aliquid.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate beatae nisi nobis? Magni, maxime. Ab magni rerum, odit qui ipsa porro repellendus placeat libero voluptate voluptas illo, iste nesciunt repudiandae Lorem ipsum, dolor sit amet consectetur adipisicing elit. Excepturi perspiciatis voluptates natus facilis doloremque neque autem nostrum earum? Deleniti corrupti esse voluptates eligendi odit officiis tempore ea distinctio quae aperiam Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt fugiat beatae laudantium vel consectetur iusto repellendus necessitatibus quis, repudiandae esse nisi cumque veniam sed quidem sequi iste. Doloremque, saepe unde left.</p>
</div>
</section>
<section class="contact-main-container">
<div class="contact-left">
<img src="./assets/img/013-newsletter.png" alt="newsletter">
<div>
<a href="perfil.html">Contacto</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
<div class="contact-right">
<img src="./assets/img/006-like.png" alt="like">
<div>
<a href="">Escribe</a>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
</div>
</div>
</section>
</main>
<footer>
<div class="footer-top"></div>
<div class="footer-bottom">
<p>Ernesto MR - Frontend Developer 2022</p>
</div>
</footer>
</body>
</html>