Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
4
respuestas

Comparte tu proyecto con el mundo.

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidadIngrese aquí la descripción de esta imagen para ayudar con la accesibilidadIngrese aquí la descripción de esta imagen para ayudar con la accesibilidadESTILO:

body { color: white; background-color: indigo; }

.header { display: flex; justify-content: center; align-items: center; }

.main { text-align: center; }

h1 { color: #ecc6d8; }

h2 { color: #cc6696; }

.footer { display: flex; justify-content: center; align-items: center; }

button { background-color: #003366; } a { color: #FFCCFF; }

.container { display: flex; justify-content: center; align-items: center; } .text-block { text-align: left; }

4 respuestas

Gracias por compartir!

gracias DIOS TE BENDIGA

De nada :-)

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portafolio de Luis Eduardo Arocha Coronado</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>Portafolio de Luis Eduardo Arocha Coronado</h1>
    </header>
    <div class="container">
        <div class="about">
            <img src="tu-foto.jpg" alt="Luis Eduardo Arocha Coronado">
            <p>¡Hola! Soy Luis Eduardo Arocha Coronado, un apasionado desarrollador web y experto en ciberseguridad. Me encanta trabajar con JavaScript y Python para crear soluciones innovadoras y seguras. Actualmente, estoy cursando una certificación en ciberseguridad de Google y enseñando un curso básico de JavaScript. ¡Sumérgete en mi mundo y descubre más sobre mis proyectos!</p>
        </div>
        <div class="social-links">
            <a href="https://www.instagram.com/tu-perfil" target="_blank">Instagram</a>
            <a href="https://www.twitter.com/tu-perfil" target="_blank">Twitter</a>
            <a href="https://www.linkedin.com/in/tu-perfil" target="_blank">LinkedIn</a>
        </div>
    </div>
</body>
</html>
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

header {
    background-color: #22D4FD;
    color: white;
    padding: 20px;
    width: 100%;
    text-align: center;
}

h1 {
    font-weight: bold;
}

.container {
    max-width: 800px;
    background: white;
    padding: 20px;
    margin: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

.about {
    text-align: center;
}

.social-links {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.social-links a {
    color: #22D4FD;
    margin: 0 10px;
    text-decoration: none;
    font-size: 24px;
}

.social-links a:hover {
    color: #117a8b;
}