Open alemor026 opened 1 month ago
body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background-color: #333; color: white; padding: 10px 0; text-align: center; }
nav { display: flex; justify-content: center; gap: 20px; }
nav a { color: white; text-decoration: none; font-weight: bold; }
nav a:hover { text-decoration: underline; }
section { padding: 20px; text-align: center; }
section:nth-of-type(odd) { background-color: #f4f4f4; }
section:nth-of-type(even) { background-color: #e2e2e2; }
section h1 { margin-top: 0; }
section p { font-size: 1.2em; line-height: 1.5; }
footer { background-color: #333; color: white; text-align: center; padding: 10px 0; position: fixed; width: 100%; bottom: 0; }
footer p { margin: 5px 0; }
.social-icons { display: flex; justify-content: center; gap: 10px; margin: 10px 0; }
.social-icons img { width: 24px; height: 24px; }
<!DOCTYPE html>
Esta es la sección de inicio donde puedes encontrar una breve introducción.
Aquí encontrarás una reseña sobre mi experiencia y habilidades en proyectos web.
Estos son algunos de los proyectos web en los que he trabajado.
Una descripción detallada de mis proyectos más recientes.
Las metodologías y enfoques que sigo en mi trabajo.
Información de contacto para que puedas comunicarte conmigo.
<!DOCTYPE html>
body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background-color: #333; color: white; padding: 10px 0; text-align: center; }
nav { display: flex; justify-content: center; gap: 20px; }
nav a { color: white; text-decoration: none; font-weight: bold; }
nav a:hover { text-decoration: underline; }
section { padding: 20px; text-align: center; }
section:nth-of-type(odd) { background-color: #f4f4f4; }
section:nth-of-type(even) { background-color: #e2e2e2; }