Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Desarrollando mi codigo

Referente al curso HTML y CSS: ambientes de desarrollo, estructura de archivos y tags, en el capítulo Mejorando la estilización de tú CSS y actividad Desafío: comparta tú proyecto con el mundo

por Nicole Sara Cabrera Camargo
| 49.5k xp | 69 posts
<!DOCTYPE html>
<html lang="es-mx">
<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>Portafolio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main>
        <h1>
            Lleva tus análisis legales y de datos 
            <strong> <span> siguiente nivel con un experto!</span> </strong>
        </h1>
        <p>
            <strong>¡Hola! Soy Nicole Cabrera</strong>, programadora especializada en leyes y análisis de datos. Ayudo a abogados, firmas legales y analistas a transformar datos complejos en soluciones claras y efectivas. ¿Hablamos?
        </p>
        <a href="https://linkedin.com/">LinkedIn</a>
        <a href="https://github.com/">GitHub</a>
        <img src="Imagem.png" alt="Foto de Nicole">
    </main>
    <footer></footer>
</body>
</html>

body {
    background-color: #F5F5F5; /* Fondo claro y profesional */
    color: #333333; /* Texto oscuro para mejor legibilidad */
}

strong {
    color: #0056B3; /* Azul sobrio para destacar */
}

strong span {
    border: 1px solid #22D4FD;
    padding: 10px;
}

a {
    color: #0056B3; /* Enlaces en el mismo tono azul */
    text-decoration: none;
}

a:hover {
    text-decoration: underline; /* Subrayado al pasar el cursor */
}
1 respuesta
solución!
por Brenda Souza
| 4883.2k xp | 17616 posts
Instructor Scuba

¡Hola, Nicole, espero que estés bien!

Tu código HTML y CSS se ve muy bien estructurado y profesional. Has hecho un excelente trabajo al incluir elementos importantes como el DOCTYPE, el idioma del documento, y los metadatos en el head. Además, la forma en que has utilizado las etiquetas strong y span para resaltar partes del texto es una buena práctica para mejorar la legibilidad y el estilo de tu portafolio.

Para personalizar aún más tu proyecto, podrías considerar agregar más detalles sobre tus habilidades o proyectos en los que has trabajado. Por ejemplo, podrías incluir una sección con una lista de tus habilidades o proyectos destacados utilizando listas no ordenadas (<ul> y <li>). Aquí tienes un ejemplo de cómo podrías hacerlo:

<main>
    <h1>
        Lleva tus análisis legales y de datos 
        <strong> <span> siguiente nivel con un experto!</span> </strong>
    </h1>
    <p>
        <strong>¡Hola! Soy Nicole Cabrera</strong>, programadora especializada en leyes y análisis de datos. Ayudo a abogados, firmas legales y analistas a transformar datos complejos en soluciones claras y efectivas. ¿Hablamos?
    </p>
    <section>
        <h2>Mis habilidades</h2>
        <ul>
            <li>Análisis de datos</li>
            <li>Programación en Python</li>
            <li>Desarrollo web con HTML y CSS</li>
            <li>Consultoría legal</li>
        </ul>
    </section>
    <a href="https://linkedin.com/">LinkedIn</a>
    <a href="https://github.com/">GitHub</a>
    <img src="Imagem.png" alt="Foto de Nicole">
</main>

En cuanto al CSS, podrías experimentar con diferentes combinaciones de colores o fuentes para darle un toque único a tu portafolio. Además, puedes agregar un poco de margen o relleno a los elementos para mejorar la disposición visual.

Espero que estas sugerencias te sean útiles y te ayuden a personalizar aún más tu proyecto. ¡Bons estudos!