|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="es"> |
1 | 3 | <head> |
2 | 4 | <meta charset="UTF-8"> |
3 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
4 | 6 | <title>Ángel Ménendez | Desarrollador en Formación</title> |
5 | | - |
6 | | - <!-- Iconos y tipografías --> |
7 | 7 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
8 | 8 | <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/devicon@2.15.1/devicon.min.css"> |
9 | | - <!-- Colores de Devicon (necesarios para la clase .colored) --> |
10 | | - <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon-colors.css"> |
11 | | - <!-- Google Fonts --> |
12 | 9 | <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto+Mono:wght@300;400;500&display=swap" rel="stylesheet"> |
13 | | - |
14 | | - <!-- Tu hoja de estilos principal --> |
15 | 10 | <link rel="stylesheet" href="style.css"> |
16 | 11 | </head> |
| 12 | +<body> |
| 13 | + <div class="container"> |
| 14 | + <header> |
| 15 | + <div class="profile-pic"> |
| 16 | + <i class="fas fa-code"></i> |
| 17 | + </div> |
| 18 | + <div class="name-container"> |
| 19 | + <h1>Ángel Ménendez</h1> |
| 20 | + <img src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExb285aGxxemZ6M2YzZXhtYWFubXExbXhta21nZmNtbzZ4b2s5aGlndiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/dtawoyXRM2CxvdzdkP/giphy.gif" alt="Terminal Typing" class="name-gif"> |
| 21 | + </div> |
| 22 | + <div class="tagline">Técnico informático | Portfolio en construcción </div> |
| 23 | + <div class="social-links"> |
| 24 | + <a href="https://www.youtube.com/@cafeybytes" target="_blank" class="social-link"> |
| 25 | + <i class="fab fa-youtube"></i> YouTube |
| 26 | + </a> |
| 27 | + <a href="mailto:zerozeid@duck.com" class="social-link"> |
| 28 | + <i class="fas fa-envelope"></i> Email |
| 29 | + </a> |
| 30 | + </div> |
| 31 | + </header> |
17 | 32 |
|
18 | 33 | <section class="section"> |
19 | 34 | <h2 class="section-title"><i class="fas fa-user"></i> Sobre Mí</h2> |
|
0 commit comments