MiWeb/index.html at main · ClaudioDragomir0/MiWeb · 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!-- index.html -->
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css">
    <title>Mi portafolio</title>
</head>

<body>
    <h1>Hola a todos. Me llamo Claudio, y este es mi portafolio.</h1>
    <p>Aquí veréis todo mi trayecto que vaya publicando sobre el mundo digital</p>
    <img src=img/Retrowave-Sunset.jpg alt="Imagen de ejemplo" width="150">
    <p><a href="https://github.com/ClaudioDragomir0">Mi perfil de GitHub</a></p>

    <hr>

    <nav>
        <ul>
            <li><a href="#acerca-de">Acerca de</a></li>
            <li><a href="#tecnologias">Tecnologías</a></li>
            <li><a href="#contacto">Contacto</a></li>
        </ul>
    </nav>

    <hr>

    <section>

        <header>

            <h1 id="acerca-de"Acerca-de></h1>

        </header>

        <div>
            <h2>¿Quién soy yo?</h2>

            <p>Pues solo soy un chico que está aprendiendo sobre programación, backend en este caso</p>

            <div>
                <a href="https://github.com/ClaudioDragomir0" target="_blank">El GitHub más aburrido que vayas a ver en toda tu vida</a>

            </div>
        </div>

    </section>

    <section>

        <header>

            <h1 id="tecnologías"Tecnologías></h1>

        </header>

        <article>

            <div>
                <h2>HTML</h2>

                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/250px-HTML5_logo_and_wordmark.svg.png" alt="Logo HTML" width="250">

                <p>Con html le das el esqueleto a la página, para que se vea con un mínimo de estructura, como en las webs de los 90</p>

                <a href="https://en.wikipedia.org/wiki/HTML" target="_blank">La wikipedia de HTML</a>

            </div>
        </article>

        <article>

            <div>

                <h2>CSS</h2>

                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Official_CSS_Logo.svg/250px-Official_CSS_Logo.svg.png" alt="Logo CSS" width="250">

                <p>Con CSS de las un estilo a las webs para que se vean mucho mejor, como un maquillaje para las webs (si me acordara de como funciona esto, ya lo hubiera hecho todo chulo)</p>

                <a href="https://en.wikipedia.org/wiki/CSS" target="_blank">La wikipedia de CSS</a>

            </div>

        </article>

        <article>

            <div>

                <h2>JavaScript</h2>

                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/330px-Unofficial_JavaScript_logo_2.svg.png" alt="Logo JavaScript" width="250">

                <p>Solo sé que si hablo de JavaScript, me vuelve a cortar la luz en mi casa</p>

            </div>

        </article>

    </section>

    <section>

        <header>

            <h1 id="contacto"Contacto></h1>

        </header>

        <div>
            <h2>¿Quién soy yo?</h2>

            <p>Pues solo soy un chico que está aprendiendo sobre programación, backend en este caso</p>

            <div>
                <a href="https://github.com/ClaudioDragomir0" target="_blank">El GitHub más aburrido que vayas a ver en toda tu vida</a>

            </div>
        </div>

    </section>

    <footer>
        <p>ClaudioDragomir0, 2025</p>
    </footer>

</body>

</html>