Proyecto-Rampup/index.html at main · Reyeslim/Proyecto-Rampup · GitHub

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="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>Home - Reyes' Library</title>
    <link rel="icon" type="image/x-icon" href="./img/favicon.ico.png">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
    <link rel="stylesheet" href="./css/global.css">

<body>
    <header>
        <h1 class="title"><a class="title" href="./index.html">Reyes' Library</a></h1>
        <nav>
            <ul>
                <li><a class="active" href="./index.html">Home</a></li>
                <li><a href="./html/biografia.html">¿Qué son los yokai?</a></li>
                <li><a href="./html/portfolio.html">Yokai en la cultura popular</a></li>
                <li><a href="./html/contacto.html">Contacto</a></li>
            </ul>
        </nav>
        <i class="fa-solid fa-bars nav-icon"></i>
    </header>

    <main>
        <section id="famous-yokai">
            <h2>Los yokai más famosos</h2>
            <div class="wrapper">
                <article id="yokaiOni">
                    <h3 class="yokai-name">Oni</h3>
                    <img src="./img/oni.jpg" class="oni" alt="Oni junto a un hombre y un zorro de Katsushika Hokusai">
                    <p>
                        Son similares a los ogros de la cultura occidental.<br>
                        En Japón se celebra todos los años durante el mes de febrero el <strong>Setsubun no
                            Hi</strong>.<br>
                        Sirve para ahuyentar a estos seres y atraer la buena suerte.<br>
                    </p>
                </article>
                <article id="yokaiKappa">
                    <h3 class="yokai-name">Kappa</h3>
                    <img src="./img/kappa.png" class="kappa" alt="Kappa en un río persiguiendo a un niño">
                    <p>
                        También conocidos como <i>kawawaro</i> o <i>gataro</i>.<br>
                        Viven en lagos o ríos, por lo que tienen forma de anfibio, cuerpo verde y aletas en las
                        extremidades.<br>
                    </p>
                </article>
                <article id="yokaiTengu">
                    <h3 class="yokai-name">Tengu</h3>
                    <img src="./img/tengu02.jpg" class="tengu" alt="Tengu saltando">
                    <p>
                        Tienen la piel roja y una nariz larga. También pueden tener alas y pico de ave. <br>
                        Suelen llevar un abanico llamado <i><strong>hauchiwa</strong></i> fabricado con hojas que tiene
                        el poder de crear fuertes ráfagas de viento.
                    </p>
                </article>
            </div>
        </section>

        <section id="fav-yokai">
            <h2>Mis yokai favoritos</h2>
            <div class="wrapper">
                <article>
                    <h3 class="yokai-name">Yuki-onna</h3>
                    <img src="./img/Suuhi_Yuki-onna.jpg" class="yuki-onna" alt="Yuki-onna de Sawaki Suushi">
                    <p>
                        También conocida como: <q>La Dama de las Nieves</q>, es un fantasma que se esconde dentro de las
                        tormentas de nieve.<br>
                    </p>
                </article>
                <article>
                    <h3 class="yokai-name">Baku</h3>
                    <img src="./img/Baku.jpg" class="baku" alt="Baku de Shigeru Mizuki">
                    <p>
                        Está formado por partes de diversos animales.
                        Se encarga de comerse las pesadillas o los malos sueños.
                    </p>
                </article>
                <article>
                    <h3 class="yokai-name">Gashadokuro</h3>
                    <img src="./img/gashadokuro.jpg" class="gashadokuro" alt="Gashadokuro de Shigeru Mizuki">
                    <p>
                        Nace como resultado del rencor de los cadáveres caídos en el campo de batalla.
                    </p>
                </article>
            </div>
        </section>
    </main>

    <footer id="library-copy">
        &copy; Reyes' Library 2023
    </footer>
</body>

</html>