-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathentrada.html
97 lines (84 loc) · 3.6 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!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>Blog del Vino</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/style.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">DelVino</span>
</h1>
</a>
<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>
</div>
<div class="header__texto">
<h2 class="no-margin">Blog del Vino con consejos y cursos</h2>
<p class="no-margin">
Aprende de los expertos con las mejores recetas y consejos
</p>
</div>
</header>
<main class="contenedor">
<h3 class="centrar-texto">Sobre Nosotros</h3>
<img src="img/blog1.jpg" alt="imagen del blog" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id
suscipit arcu, in finibus ipsum. Nulla facilisi. Mauris eu ipsum ut
magna interdum tristique quis nec eros. Suspendisse nisi elit, bibendum
ut lorem ut, commodo molestie lorem. Suspendisse mattis auctor ligula eu
consequat. Donec risus diam, dapibus vel quam ac, molestie congue nisl.
Donec eget dolor molestie, commodo enim a, porta est. Nam sit amet sem
posuere, bibendum turpis congue, eleifend dolor.
<p>Donec condimentum sed tellus ac blandit. Ut efficitur sagittis porta.
Aenean dapibus, metus
quis ornare accumsan, velit libero faucibus odio, ut scelerisque magna
sapien et ex. Nullam venenatis a arcu non scelerisque. Nunc non odio
ultrices, rhoncus nulla a, tempor nisi. Suspendisse potenti. Sed eu orci
eget lorem iaculis elementum at non dolor. Praesent quis consectetur
diam, et aliquam lacus. Class aptent taciti sociosqu ad litora torquent
per conubia nostra, per inceptos himenaeos.</p>
<p> Integer rutrum interdum
aliquet. Quisque euismod sollicitudin pharetra. In et velit sit amet
eros accumsan aliquam vel eget dui. Fusce laoreet aliquet pretium. In
convallis odio lacus, at efficitur orci egestas sit amet. Ut rhoncus
lacus eu euismod scelerisque. Aliquam erat volutpat. Fusce porta eget
turpis eu laoreet. In id magna lacinia, cursus libero dapibus, egestas
est.</p>
</p>
</main>
<footer class="footer">
<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">DelVino</span>
</h1>
</a>
<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>
</div>
</footer>
<script src="js/modernizr.js"></script>
</body>
</html>