-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnoticias.html
106 lines (102 loc) · 4.58 KB
/
noticias.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
98
99
100
101
102
103
104
105
106
<!--
LENGUAJES DE MARCA Y SISTEMAS DE GESTION DE LA INFORMACIÓN
UD02 - TAREA EVALUATIVA 02: SITIO WEB
SERGIO MORENO SANCHEZ
01/12/2021
-->
<!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">
<!-- estilo para normalizar la visualización en los navegadores -->
<link rel="stylesheet" href="css/normalize.css">
<!-- estilo propio -->
<link rel="stylesheet" href="css/style.css">
<title>Recetas Sal y Pimienta - Noticias</title>
</head>
<body>
<!-- logo y nombre de la página -->
<header>
<img class="logo" src="img/logo-salypimienta.png" width="80px" alt="logo sal y pimienta">
<h1>Sal y Pimienta</h1>
</header>
<!-- menú de navegación -->
<nav>
<a href="index.html">Inicio</a>
<a href="categorias.html">Categorías</a>
<a href="noticias.html">Noticias</a>
<a href="contacto.html">Contacto</a>
</nav>
<hr>
<!-- cuerpo principal -->
<main>
<section>
<h1 class="centrado"><u>Noticias</u></h1>
<article class="lista-noticia">
<img src="img/macarfi.jpg" alt="plato con comida">
<div>
<h3>Guía Macarfi 2022: los 10 mejores restaurantes de Barcelona, Madrid y País Vasco</h3>
<p>Macarfi ya ha desvelado los mejores restaurantes de la guía de 2022, que en esta edición no solo señala los de Barcelona y Madrid, sino también los del País Vasco. </p>
<a href="https://www.elperiodico.com/es/cata-mayor/restaurantes/20211129/guia-macarfi-2022-mejores-restaurantes-barcelona-madrid-pais-vasco-12902910"
target="_blank" class="boton">Seguir leyendo</a>
</div>
</article>
<article class="lista-noticia">
<img src="img/restaurante.jpg" alt="restaurante">
<div>
<h3>El restaurante más alto de España está en Madrid (y cocinan dos de Bilbao, claro)</h3>
<p>Elkar, es decir, juntos en euskera. Así, con acento en la "e" pero sin tilde -en este idioma no existen- se llama el que presume de ser el restaurante más alto del país.</p>
<a href="https://www.20minutos.es/gastronomia/restaurantes/restaurante-mas-alto-de-espana-secretos-elkar-chefs-bilbao-4907677/?autoref=true"
target="_blank" class="boton">Seguir leyenda</a>
</div>
</article>
<article class="lista-noticia">
<img src="img/berasategui.jpg" alt="fachada del restaurante berasategui">
<div>
<h3>El restaurante de Martin Berasategui en Lasarte, entre los mejores del mundo según 'La Liste'</h3>
<p>El restaurante parisino de Guy Saboy repite por quinta vez consecutiva como mejor del mundo según La Liste, el ranking francés que recoge las 1.000 mejores mesas del mundo</p>
<a href="https://www.diariovasco.com/gastronomia/noticias/martin-berasategui-restaurante-lasarte-20211128205749-nt.html"
target="_blank" class="boton">Seguir leyendo</a>
</div>
</article>
<article class="lista-noticia">
<img src="img/juanma-masterchef.jpg" alt="Juanma Castaño en master chef">
<div>
<h3>Juanma Castaño gana MasterChef con estas tres recetas</h3>
<p>Juanma propuso un viaje a las cenas navideñas en familia a través del entrante de su menú en el que el bogavante tenía un papel protagonista.</p>
<a href="https://www.rtve.es/television/20211130/juanma-castano-menu-final-masterchef-celebrity/2234504.shtml"
target="_blank" class="boton">Seguir leyendo</a>
</div>
</article>
</section>
<!-- barra lateral -->
<aside>
<h2><u>Categorías</u></h2>
<div class="grid-categoria">
<a href="categoria-carnes.html" class="categoria">
<img src="img/carnes.jpg" alt="carnes">
<h3 class="categoria-texto">Carnes</h3>
</a>
<a href="categoria-pescados.html" class="categoria">
<img src="img/pescados.jpg" alt="pescados">
<h3 class="categoria-texto">Pescados</h3>
</a>
<a href="categoria-verduras.html" class="categoria">
<img src="img/verduras.jpg" alt="verduras">
<h3 class="categoria-texto">Verduras</h3>
</a>
<a href="categoria-postres.html" class="categoria">
<img src="img/postres.jpg" alt="postres">
<h3 class="categoria-texto">Postres</h3>
</a>
</div>
</aside>
</main>
<!-- pié de página -->
<footer>
<p>Sergio Moreno Sanchez | Creative Commons Attribution 4.0 International (CC BY 4.0) </p>
</footer>
</body>
</html>