-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (98 loc) · 5.47 KB
/
index.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
<!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>Pagina Web con Flex</title>
<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=Lato:wght@300;400;700&family=Montserrat:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/fontawesome.min.css">
<link rel="stylesheet" href="css/fontawesome.css">
</head>
<body>
<div class="padre">
<header class="header ">
<div class="menu margen-interno">
<div class="logo">
<a href="index.html">Logo Corporativo</a>
</div>
<nav class="nav">
<a href="#"><span class="off"></span>Inicio</a>
<a href="#"><span class="off"></span>Nosotros</a>
<a href="#"><span class="off"></span>Servicios</a>
<a href="#"><span class="off"></span>Noticias</a>
<a href="#"><span class="off"></span>Contacto</a>
</nav>
<div class="social">
<div><a href="#"><i class="fa-brands fa-instagram" aria-hidden="true">IG</i></a>
</div>
</div>
</div>
<div class="texto-principal margen-interno">
<h1>Naruto: Shippūden (ナルト 疾風伝, Naruto Shippūden, que significa "Naruto: Crónicas del Huracán") es una adaptación del anime de la segunda parte del manga, tiene lugar dos años y medio después de que Naruto partiera de Konohagakure con Jiraiya. La serie fue transmitida en Japón por TV-Tokyo desde el 15 de febrero de 2007 hasta concluir el 23 de marzo del 2017 con diez años de transmisión. La trama incluye nuevos personajes, como Sai, Yamato, los Kages que no se habían visto hasta ahora, y los restantes miembros de la organización Akatsuki, mostrando éste último un papel más activo que antes en su búsqueda para obtener a todas las Bestias con Cola.</h1>
</div>
</header>
<section class="section margen-interno">
<div class="articulos">
<article class="article">
<img src="/img/naruto_jiraiya.webp" alt="">
<h3>20 de mayo 2022</h3>
<h2>Naruto y Jiraya</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab esse eaque, sapiente voluptas veritatis fuga maiores repellendus tempore eligendi mollitia nam possimus nesciunt quidem maxime perferendis voluptatum. Totam, libero laudantium?</p>
<a href="#">Leer más...</a>
</article>
<article class="article">
<img src="/img/naruto_jiraiya.webp" alt="">
<h3>20 de mayo 2022</h3>
<h2>Naruto y Jiraya</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab esse eaque, sapiente voluptas veritatis fuga maiores repellendus tempore eligendi mollitia nam possimus nesciunt quidem maxime perferendis voluptatum. Totam, libero laudantium?</p>
<a href="#">Leer más...</a>
</article>
<article class="article">
<img src="/img/naruto_jiraiya.webp" alt="">
<h3>20 de mayo 2022</h3>
<h2>Naruto y Jiraya</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab esse eaque, sapiente voluptas veritatis fuga maiores repellendus tempore eligendi mollitia nam possimus nesciunt quidem maxime perferendis voluptatum. Totam, libero laudantium?</p>
<a href="#">Leer más...</a>
</article>
<article class="article">
<img src="/img/naruto_jiraiya.webp" alt="">
<h3>20 de mayo 2022</h3>
<h2>Naruto y Jiraya</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab esse eaque, sapiente voluptas veritatis fuga maiores repellendus tempore eligendi mollitia nam possimus nesciunt quidem maxime perferendis voluptatum. Totam, libero laudantium?</p>
<a href="#">Leer más...</a>
</article>
<nav class="navegacion">
<a href="">Inicio</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">Final</a>
</nav>
</div>
<aside class="aside">
<div class="publicidad">
<h4>Beru</h4>
<img src="/img/12.jpg" alt="">
</div>
<div class="publicidad">
<h4>Beru</h4>
<img src="/img/12.jpg" alt="">
</div>
<div class="publicidad">
<h4>Beru</h4>
<img src="/img/12.jpg" alt="">
</div>
</aside>
</section>
<footer class="footer margen-interno">
<nav class="pie">
<a href="#">Desarrollado por Nelson/Arte</a>
</nav>
</footer>
</div>
</body>
</html>