-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
79 lines (66 loc) · 3.58 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
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BlogDeCafé</title>
<link rel="stylesheet" href="css/normalize.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=Open+Sans&family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header class="header">
<div class="contenedor">
<div class="barra">
<a class="logo" href="index.html">
<h1 class="logo__nombre no-margin centrar-texto">Blog<span class="logo__bold">DeCafé</span></h1>
</a> <!--Logo con enlace-->
<nav class="navegacion">
<a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
<a href="cursos.html" class="navegacion__enlace">Cursos</a>
<a href="contacto.html" class="navegacion__enlace">Contacto</a>
</nav>
</div> <!--Barra de navegación con 3 enlaces-->
</div>
<div class="header__texto">
<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> <!--Background image con barra de navegación y logo-->
<main class="contenedor">
<div class="emtrada-blog">
<h3 class="centrar-texto">Entrada de Blog</h3>
<img class="entrada-blog__imagen" src="img/blog1.jpg" alt="imagen blog">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget tellus non elit sodales aliquet eu in risus.
Ut dignissim lacus nec dui feugiat dignissim. Aenean sed nunc augue.
Phasellus sit amet scelerisque sapien. Curabitur efficitur est eu dictum facilisis.
Morbi fermentum convallis ligula. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Sed vitae odio aliquet velit tristique euismod. Fusce non augue ante.
</p>
<p>
Pellentesque sollicitudin odio eu sapien porta tristique. Etiam sollicitudin tempor purus, sit amet bibendum nisl rutrum at.
Vestibulum ut leo dolor. Donec aliquam vulputate nibh, eget convallis leo interdum at.
Proin scelerisque, odio vel pharetra consectetur, nunc elit viverra mauris, in varius dolor magna lacinia nisi.
Vestibulum quis purus quis justo malesuada ornare nec vitae lacus.
</p>
</div>
</main>
<footer class="footer">
<div class="contenedor"> <!--Este div es necesario para que cuando demos estilo los elementos no vayan demasiado a los extremos-->
<div class="barra">
<a class="logo" href="index.html">
<h1 class="logo__nombre no-margin centrar-texto">Blog<span class="logo__bold">DeCafé</span></h1>
</a> <!--Logo con enlace-->
<nav class="navegacion">
<a href="nosotros.html" class="navegacion__enlace">Nosotros</a>
<a href="cursos.html" class="navegacion__enlace">Cursos</a>
<a href="contacto.html" class="navegacion__enlace">Contacto</a>
</nav>
</div> <!--Barra de navegación con 3 enlaces-->
</div>
</footer> <!--Fin footer-->
</body>
</html>