curriculo.html

Curriculum

Presentacion e informaciones principales

            </p>
            <h2 class="presentacion__contenido__titulo">Experiencia laboral</h2>
            <p class="presentacion__contenido__texto">
                <ul class="presentacion__contenido__texto">
                    <li> Empresa en que trabajó (2012 - 2020) - funciones </li>
                    <li> Empresa en que trabajó (2020 - 2021) - funciones </li>
                    <li> Empresa en que trabajó (2021 - 2023) - funciones </li>
                </ul>
            </p>
            <h2 class="presentacion__contenido__titulo">Estudios</h2>
            <div class="presentacion__contenido__texto">
                <ul class="presentacion__contenido__texto">
                    <li>Curso nombre1 <a href="link-certificado">con la certificación</a> </li>
                    <li>Curso nombre2 <a href="link-certificado">con la certificación</a></li>
                    <li>Curso nombre 3 <a href="link-certificado">con la certificación</a></li>
                    <li>Curso nombre 4 <a href="link-certificado">con la certificación</a></li>
                </ul>
            </div>
           
    </section>
        <img src="./img/Imagem.png" alt="Foto de Ana García desarrolando un proyecto">
</main>
<footer class="footer">
    <p>Desarrollado por alura lata y Jimmy Perez</p>
</footer>

Style.css

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat&display=swap');

• { padding: 0; margin:0; }

body{ /* height: 100vh;*/ box-sizing: border-box; background-color: #000000; color: #F6F6F6; } .presentacion__enlaces{ display: flex; justify-content: space-between; flex-direction: column; align-items: center; gap: 32px; } .presentacion__enlaces__subtitulo{ font-family: 'Krona One', sans-serif; font-size: 24px; font-weight: 400; } .titulo-destaque { color: #22D4FD; ; }

.presentacion { /margin: 10% 15%;/ padding: 6% 15%; display: flex; align-items: center; justify-content: space-between; justify-content: space-around; }

.presentacion__contenido{ width: 615px; display: flex; flex-direction: column; gap: 40px;

}

.presentacion__contenido__titulo{ font-size: 36px; font-family: 'Krona One', sans-serif; }

.presentacion__contenido__texto{ font-size: 24px; font-family: 'Montserrat', sans-serif; } .presentacion_enlace_link{ width: 378px; /background-color: #22d4fd;/ text-align: center; padding: 21.5px 0 ; border-radius: 8px; font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; text-decoration: none; color: #f6f6f6f6; border: 2px solid #22d4fd; display: flex; justify-content: center; gap: 10px;

} .presentacion_enlace_link:hover{ cursor: pointer; background-color: #272727;

} .footer{ background-color: #22D4FD; padding: 24px; color: #000000; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 24px ; font-weight: 400;

} /*HEADER/

.header{ padding: 2% 0% 0% 15%;

} .header__menu{ display: flex; gap: 80px;} .header__menu__link{ font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 600; color: #22D4FD; text-decoration: none; } .presentacion__contenido__texto a{ text-decoration: none; color: #22D4FD; }