-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
70 lines (62 loc) · 3.3 KB
/
entrada.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
<!DOCTYPE html>
<html lang="es">
<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>Blog De Café</title>
<!-- Fonts -->
<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&family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<div class="bar">
<a class="logo" href="index.html">
<h1 class="logo__name no-margin text-center">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="nav">
<a href="nosotros.html" class="nav__link">Nosotros</a>
<a href="cursos.html" class="nav__link">Cursos</a>
<a href="contacto.html" class="nav__link">Contacto</a>
</nav>
</div>
</div>
<div class="header__text">
<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 -->
<main class="container">
<div class="blog_image">
<img src="img/blog1.jpg" alt="Imagen" loading="lazy">
</div>
<div class="blog_description">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum, facilis! Ipsum dolorum voluptatum dolore, ipsa impedit culpa doloremque enim, asperiores repudiandae at excepturi inventore provident odio molestias, explicabo amet iste? Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum expedita sequi alias iusto aperiam maxime deserunt ex quod rerum? Molestias nemo dolor optio quasi obcaecati doloremque quos nesciunt officiis quia?</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime facere dolore eveniet pariatur deserunt nobis, autem cumque atque. Delectus id ipsa natus omnis dolorum nostrum dolorem recusandae quos, porro nisi.</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="bar">
<a class="logo" href="index.html">
<h1 class="logo__name no-margin text-center">Blog<span class="logo__bold">DeCafé</span></h1>
</a>
<nav class="nav">
<a href="nosotros.html" class="nav__link">Nosotros</a>
<a href="cursos.html" class="nav__link">Cursos</a>
<a href="contacto.html" class="nav__link">Contacto</a>
</nav>
</div>
</div>
</footer>
</body>