-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
74 lines (71 loc) · 3.89 KB
/
blog.html
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
<!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>Mi Blog</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/font/flaticon.css">
<link rel="stylesheet" href="css/media-queries.css">
</head>
<body>
<header>
<section class="header-icons-container">
<div class="icons">
<a href="https://www.facebook.com/yasmanivinamagua"><span class="flaticon-001-facebook"></span></a>
<a href="https://twitter.com/yasmani087"><span class="flaticon-002-twitter"></span></a>
<a href="https://www.instagram.com/angel_yas8/"><span class="flaticon-011-instagram"></span></a>
<a href="https://www.linkedin.com/in/yasmani-vi%C3%B1amagua/"><span class="flaticon-010-linkedin"></span></a>
<a href=""><span class="flaticon-015-reddit"></span></a>
</div>
</section>
<nav>
<section class="nav-logo-container">
<a href="index.html"><img src="assets/img/logo.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/post-1.png" alt="post-1">
</section>
<section class="blogpost-main-container">
<div class="grid-container">
<h3>Noticias</h3>
<article>
<h1>Título del Blogpost</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nesciunt ab libero voluptatibus, omnis voluptatum nobis voluptates, cupiditate nihil nisi nam cumque accusamus ullam doloribus dolor itaque distinctio molestiae, iste eveniet!
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quaerat, hic! Perspiciatis velit est recusandae, eos fugiat nam hic quae iure, quis aliquam id veritatis corrupti aut sapiente nesciunt explicabo saepe?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus illum id explicabo ratione atque praesentium assumenda asperiores, quia debitis aperiam exercitationem, soluta nam itaque porro eius quas, ab qui nulla?</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos, nam enim, magni sunt iure quis asperiores expedita repellendus accusantium rem esse corporis, dicta molestias
nihil nostrum? Eius neque eaque sapiente! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Praesentium repellat est doloremque, quam vel labore tempora aspernatur dolorem sed non commodi incidunt assumenda illo consectetur
rem adipisci voluptatum eveniet similique?</p>
</article>
</div>
</section>
<section class="contact-main-container">
<div>
<img src="assets/img/013-newsletter.png" alt="contacto">
<div class="contact-left">
<a href="/">Contacto</a>
<p>Tenetur nostrum, dolorum quo reprehenderit nihil consequuntur explicabo animi sit eius aut?</p>
</div>
</div>
<div>
<img src="assets/img/006-like.png" alt="like">
<div class="contact-right">
<a href="/">Escribe</a>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. sjdhakwqndlka</p>
</div>
</div>
</section>
</main>
<footer>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
</footer>
</body>
</html>