fin392.github.io/index.html at main · FIN392/fin392.github.io · 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
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>That's me in the corner</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <header class="profile-header">
            <img
                src="https://github.com/fin392.png"
                alt="Foto de perfil"
                class="profile-img"
            >
            <h1>FIN392</h1>
            <p>Nada m&aacute;s que agregar, señor&iacute;a</p>
        </header>

        <section class="card">
            <h2>Sobre M&iacute;</h2>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus sed neque eleifend gravida. Curabitur rhoncus ligula sit amet vulputate sodales. Etiam a condimentum arcu. Nunc convallis dignissim sapien id laoreet. Sed dignissim nulla ac purus eleifend, dignissim venenatis augue interdum. Pellentesque scelerisque condimentum molestie. Ut egestas condimentum mi, eget volutpat massa aliquet vel.<br>
                <br>
                Para m&aacute;s detalle sobre m&iacute;, visite la p&aacute;gina <a href="https://lipsum.com">https://lipsum.com</a>
            </p>
        </section>

        <section class="card">
            <h2>Proyectos Destacados</h2>
            <ul>
                <li>(void)</li>
            </ul>
            <a href="https://github.com/fin392" class="btn">Visita mi GitHub</a>
        </section>
        <section class="card">
            <h2>Contacto</h2>
            <p>Email: <a href="mail:fin392@gmail.com">fin392@gmail.com</a></p>
        </section>
    </div>

    <footer>
        &copy; 2025 FIN392 - Tema Oscuro
    </footer>
</body>
</html>