cartolin.github.io/index.html at main · cartolin/cartolin.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
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
<!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>Fidel Cartolin</title>

    <meta name="description" content="Fidel Cartolin. Soy desarrollador de software web, escritorio y aplicativo en los distintos lenguajes de programación, aplicando los distintos arquitecturas de software y patrones de diseño para el desarrollo del software">

    <meta name="keywords" content="Fidel, Cartolin, desarrollador backend, desarrollador fronted, desarrollador java, Java, Spring, C#, Csharp, Python, Javascript, css, Bootstrap, Sql server, Oracle, php, Portafolio, cartolin, Sistemas, Pagina Web, Linkedin, Typescript, Nodejs, Angular">

    <meta name="author" content="Fidel Cartolin">

    <link rel="stylesheet" href="style.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

</head>
<body class="fondo">

    <main>
        <div class="container py-4">
            <header id="cabecera" class="p-3 mb-4 border-bottom border-material mat-tab-label d-flex justify-content-between">
                <a href="https://github.com/cartolin" class="d-flex align-items-center text-dark text-decoration-none">
                    <span class="fs-4">Mi Portafolio | Fidel Cartolin</span>
                </a>
                <div >
                    <input data-jscolor="{value: '#f2f2f2'}", oninput="update(this.jscolor)"  class="form-control button-rainbow" id="cambiarColor"
                        title="Cambiar color de fondo">
                </div>
            </header>

            <div id="cuerpo" class="p-2 mb-2 rounded-3 border-material box-shadow">
                <div class="container-fluid py-3">
                    <h1 class="display-5 fw-bold">👋&nbsp;Hola</h1>
                    <p class="col-md-8 fs-5">
                        Mi nombre es Fidel Cartolin, soy un desarrollador de software con más de 3 años de experiencia en diferentes roles como
                        backend y fronted. Soy un aprendiz apasiado y siempre estoy en busca de nuevo desafíos y oportunidades para desarrollar
                        mis habilidades. He trabajado en equipos, desarrollando las mejores herramientas y tecnologías para la resolución de
                        problemas.
                    </p>
                    <a href="https://github.com/cartolin" class="btn btn-outline-secondary btn-lg" type="button">Ver repositorio</a>
                </div>
            </div>

            <div class="row align-items-md-stretch">
                <div class="col-md-6">
                    <div class="h-100 p-md-3 text-white bg-dark border-material rounded-3">
                        <iframe src="https://github-readme-stats.vercel.app/api/top-langs/?username=CARTOLIN&layout=compact&theme=buefy"
                                name="lenguajes" width="100%" title="Lenguajes"></iframe>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="h-100 p-md-3 text-white bg-light border-material rounded-3">
                        <iframe src="https://github-readme-stats.vercel.app/api?username=CARTOLIN&hide=contribs,prs&theme=buefy&show_icons=true"
                                name="topics" width="100%" title="Topics"></iframe>
                    </div>
                </div>
            </div>
            <footer class="pt-3 mt-4 text-muted border-top">
                &copy;
                <script>
                    document.write(new Date().getFullYear())
                </script>
            </footer>
        </div>
    </main>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
    <script src="js/jscolor.js"></script>
    <script src="https://unpkg.com/brain.js@2.0.0-beta.15/dist/browser.js"></script>
    <script src="index.js"></script>
</body>
</html>