Ana García

Desarrolladora Front-end | Especializada en React, HTML y CSS

Email: ana.garcia@example.com | Teléfono: +123 456 7890

<main class="contenido">
    <section class="informacion">
        <h2>Información Personal</h2>
        <p>Soy Ana García, una apasionada desarrolladora Front-end con experiencia en la creación de interfaces web interactivas y atractivas. Mi objetivo es ayudar a empresas a mejorar su presencia digital mediante tecnologías como React, HTML y CSS.</p>
    </section>

    <section class="experiencias">
        <h2>Experiencia Laboral</h2>
        <ul>
            <li>
                <h3>Desarrolladora Front-end - <span>Empresa X</span></h3>
                <p>Marzo 2022 - Actualidad</p>
                <p>Desarrollé y mantuve aplicaciones web interactivas utilizando React. Mejoré la experiencia de usuario y la performance de varias páginas web de la empresa.</p>
            </li>
            <li>
                <h3>Diseñadora Web - <span>Agencia Y</span></h3>
                <p>Enero 2020 - Febrero 2022</p>
                <p>Diseñé y desarrollé sitios web responsivos y optimizados para SEO, trabajando con HTML5, CSS3 y JavaScript.</p>
            </li>
        </ul>
    </section>

    <section class="educacion">
        <h2>Educación</h2>
        <ul>
            <li>
                <h3>Licenciatura en Informática - <span>Universidad ABC</span></h3>
                <p>2016 - 2020</p>
                <p>Obtención de conocimientos avanzados en programación, desarrollo web y bases de datos.</p>
            </li>
        </ul>
    </section>

    <section class="proyectos">
        <h2>Proyectos</h2>
        <ul>
            <li>
                <h3>Portfolio Web</h3>
                <p>Un sitio web personal donde muestro mis proyectos, habilidades y experiencia como desarrolladora Front-end.</p>
                <a href="https://www.mi-portfolio.com" target="_blank">Ver Proyecto</a>
            </li>
            <li>
                <h3>Aplicación de To-Do List</h3>
                <p>Una aplicación web donde los usuarios pueden gestionar tareas y organizar su día a día, desarrollada con React.</p>
                <a href="https://github.com/ana-garcia/todo-app" target="_blank">Ver Proyecto</a>
            </li>
        </ul>
    </section>
</main>

<footer class="footer">
    <p>Desarrollado por Ana García</p>
</footer>

/* Resetear estilos por defecto */

• { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: Arial, sans-serif; background-color: #f4f4f9; color: #333; line-height: 1.6; }

header { background-color: #1e1e1e; color: white; text-align: center; padding: 20px; }

.foto-perfil { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; margin-bottom: 15px; }

h1 { font-size: 2em; margin: 10px 0; }

p { margin: 5px 0; }

main { padding: 20px; max-width: 1200px; margin: 0 auto; background-color: #fff; border-radius: 8px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }

section { margin-bottom: 20px; }

h2 { font-size: 1.8em; margin-bottom: 10px; color: #2c3e50; }

ul { list-style-type: none; }

ul li { margin-bottom: 15px; }

ul li h3 { font-size: 1.5em; color: #34495e; }

ul li p { margin: 5px 0; }

a { color: #2980b9; text-decoration: none; }

a:hover { text-decoration: underline; }

footer { text-align: center; padding: 10px; background-color: #1e1e1e; color: white; margin-top: 20px; }