-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
68 lines (68 loc) · 3.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<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="/"><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="/"><img src="assets/img/Logo-negro.png" alt="Logo de mi blog" > </a>
</section>
<section class="profile-link">
<a href="perfil.html">Sobre mí</a>
</section>
</nav>
</header>
<main>
<section class="grid-container blogpost-img-container">
<img src="assets/img/post-1.png" alt="">
</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. Sunt, ratione dolor nobis veniam soluta animi cupiditate. Natus, tenetur. Veniam, eligendi quas? Voluptas, pariatur? Pariatur enim ratione incidunt officiis nobis tempora!</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quae maxime maiores voluptate labore ex. Cumque sit accusamus ducimus. Dolorum doloremque nobis mollitia beatae? Sapiente deleniti harum, accusamus hic vitae ab? Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus officia est praesentium, perferendis totam veritatis voluptatum architecto numquam cumque eveniet vero doloribus reiciendis perspiciatis, voluptas dolores voluptatibus. Neque, iusto inventore!Lorem</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quod, quia quasi assumenda, sequi minima id laboriosam esse, aspernatur praesentium molestiae quo nobis harum vel obcaecati dolorum sint quae quidem eaque! Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos repellendus neque voluptatem itaque sapiente in perferendis fugiat voluptate, harum iure, error voluptas deserunt officia consectetur veniam omnis aspernatur nihil officiis?</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>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi, libero deleniti ut repudiandae minima.</p>
</div>
</div>
<div>
<img src="assets/img/006-like.png" alt="">
<div class="contact-right">
<a href="/">Escribe</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis.</p>
</div>
</div>
</section>
</main>
<footer>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</footer>
</body>
</html>