Portafolio/index.html at main · MDLDeveloper/Portafolio · 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
132
133
134
<!doctype html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Mario Daniel Ledesma - Portafolio de Desarrollador FullStack</title>
    <meta name="description" content="Portafolio profesional de Mario Daniel Ledesma, desarrollador FullStack con experiencia en PHP, SQL y JS. Conoce sus proyectos y contáctalo.">
    <meta name="keywords" content="Mario Daniel Ledesma, desarrollador web FullStack, PHP, SQL, soporte técnico, proyectos, portafolio, desarrollo web, programación, Argentina">
    <meta name="author" content="Mario Daniel Ledesma">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://mariodanielledesma.com/">
    <link rel="icon" href="assets/icons/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link href="css/index.css" rel="stylesheet">
</head>
<body class="d-flex flex-column justify-content-center align-items-center">
    <header>
        <section class="sec_top">
            <article class="imghead">
                <img class="bentobox imgwith" src="assets/imgs/daniel.jpg" alt="Foto de perfil de Mario Daniel Ledesma, desarrollador FullStack"/>
            </article>
            <div class="tys">
                <article class="bentobox titlehead">
                    <h1>Mario Daniel Ledesma</h1>
                    <h2>Desarrollador WEB FullStack</h2>
                </article>
                <article class="socialbtn">
                    <a href="https://www.linkedin.com/in/mariodanielledesma/" class="bentobox animate__animated buttonTransition" target="_blank" aria-label="Perfil de LinkedIn de Mario Daniel Ledesma" rel="noopener noreferrer">
                        <img class="rounded-4 bg-light-subtle" src="assets/icons/linkedin.svg" alt="Botón para LinkedIn">
                    </a>
                    <a href="https://github.com/MDLDeveloper" target="_blank" class="bentobox animate__animated buttonTransition" aria-label="Repositorio de GitHub de Mario Daniel Ledesma" rel="noopener noreferrer">
                        <img src="assets/icons/github.svg" alt="Botón para GitHub">
                    </a>
                    <a href="mailto:mariodanielledesma91@gmail.com" target="_blank" class="bentobox animate__animated buttonTransition" aria-label="Enviar correo a Mario Daniel Ledesma">
                        <img src="assets/icons/envelope-at.svg" alt="Botón de email">
                    </a>
                    <a href="https://wa.me/+5491121853014" target="_blank" class="bentobox animate__animated buttonTransition" aria-label="Contactar vía WhatsApp a Mario Daniel Ledesma" rel="noopener noreferrer">
                        <img src="assets/icons/whatsapp.svg" alt="Botón de WhatsApp">
                    </a>
                </article>
            </div>
        </section>
    </header>
    <main>
        <section class="typ d-flex justify-content-between">
            <article class="bentobox proyect">
                <h2>Proyectos</h2>
                <div class="carousel">
                    <button class="prev">⟨</button>
                    <div class="carousel-content">
                        <div class="slide" id="slide1">
                            <img src="assets/imgs/titulosmda.png" alt="Captura del proyecto de unificación de títulos en Service Manager">
                            <div class="caption">
                                <h2>Títulos para Service Manager</h2>
                                <p>Desarrollo de una aplicación que unifica los títulos al generar tickets en Service Manager, utilizado en la MDA del Correo Argentino.</p>
                                <a class="btn" href="https://github.com/MDLDeveloper/titulosmda" target="_blank" rel="noopener noreferrer">Ver Repositorio</a>
                                <a class="btn" href="https://titulosmda.infinityfreeapp.com/" target="_blank" rel="noopener noreferrer">Ver Página</a>
                            </div>
                        </div>
                        <div class="slide" id="slide2">
                            <img src="assets/imgs/rifas.png" alt="Captura del proyecto de venta de rifas">
                            <div class="caption">
                                <h2>Venta de Rifas</h2>
                                <p>OnePage desarrollada para realizar un sorteo y recaudar fondos para un torneo de taekwondo.</p>
                                <a class="btn" href="https://github.com/MDLDeveloper/rifa" target="_blank" rel="noopener noreferrer">Ver Repositorio</a>
                                <a class="btn" href="https://sorteomartinytati.rf.gd" target="_blank" rel="noopener noreferrer">Ver Página</a>
                            </div>
                        </div>
                    </div>
                    <button class="next">⟩</button>
                </div>
            </article>
            <article class="bentobox tecno">
                <h2>Tecnologías</h2>
                <ul>
                    <li><img src="assets/icons/icons8-css.svg" alt="Logo de CSS"></li>
                    <li><img src="assets/icons/icons8-html.svg" alt="Logo de HTML"></li>
                    <li><img class="rounded-1" src="assets/icons/JavaScript-logo.png" alt="Logo de JavaScript"></li>
                    <li><img src="assets/icons/Typescript_logo_2020.svg.png" alt="Logo de TypeScript"></li>
                    <li><img src="assets/icons/icons8-mysql.svg" alt="Logo de MySQL"></li>
                    <li><img src="assets/icons/php-logo-svgrepo-com.svg" alt="Logo de PHP"></li>
                    <li><img src="assets/icons/icons8-python-96.svg" alt="Logo de Python"></li>
                    <li><img src="assets/icons/angular-logo.png" alt="Logo de Angular"></li>
                    <li><img src="assets/icons/icons8-bootstrap.svg" alt="Logo de Bootstrap"></li>
                    <li><img src="assets/icons/wordpress-logo.png" alt="Logo de WordPress"></li>
                    <li><img src="assets/icons/android-studio-logo.webp" alt="Logo de Android Studio"></li>
                    <li><img src="assets/icons/git-logo.png" alt="Logo de Git"></li>
                </ul>
            </article>
        </section>
        <section class="d-flex justify-content-center">
            <article class="bentobox aboutme">
                <h2>Sobre mí</h2>
                <p>¡Hola! Soy Daniel y hace más de 10 años que trabajo como soporte de primer nivel en el <strong style="color: rgb(203, 223, 114);">Correo Argentino</strong>, un trabajo que me encanta, pero finalmente me decidí por dedicarme al mundo de la programación.</p>
                <p>Soy padre de dos hermosos hijos, adoro leer novelas de aventura o fantasía, me encanta andar en bicicleta y mi lenguaje de programación favorito es <strong style="color: rgb(138, 190, 149);">PHP</strong>. Una de las cosas que más disfruto es resolver desafíos de consultas <strong style="color: rgb(209, 116, 116);">SQL</strong> utilizando <strong style="color: rgb(233, 144, 225);">álgebra relacional</strong>.</p>
            </article>
        </section>
        <section class="d-flex justify-content-between cys">
            <article class="bentobox formbox">
                <h2>Contáctame</h2>
                <form id="formcontact" class="formcontact">
                    <label for="nyp">Nombre y Apellido</label>
                    <input type="text" id="nyp" name="nyp" required placeholder="Ingrese Nombre y Apellido">
                    <label for="email">Correo Electrónico</label>
                    <input type="email" id="email" name="email" required placeholder="Ingrese su email">
                    <label for="msj">Mensaje</label>
                    <textarea id="msj" name="msj" required placeholder="Ingrese su mensaje"></textarea>
                    <button id="sendbutton" class="btn" type="submit">Enviar mensaje</button>
                </form>
            </article>
            <article class="bentobox studios">
                <h2>Estudios</h2>
                <div>
                    <h4>Instituto Superior Politécnico de Córdoba</h4>
                    <p>Técnico Superior en Desarrollo Web y Aplicaciones Digitales<br><em>Febrero 2022 - Julio 2024</em></p>
                </div>
                <div>
                    <h4>Universidad Tecnológica Nacional FRRe</h4>
                    <p>Diplomatura en Desarrollo Web FullStack<br><em>Junio 2021 - Enero 2022</em></p>
                </div>
                <div class=" downcv d-flex justify-content-center align-items-center mt-5">
                    <a class=" otherbt btn" href="assets/docs/Mario Daniel Ledesma CV.pdf" download="Mario Daniel Ledesma CV.pdf">Descargar CV</a>
                </div>
            </article>
        </section>
    </main>
    <footer>
        <p>&copy; 2024 Mario Daniel Ledesma</p>
    </footer>
    <script type="module" src="js/main.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>