|
1 | | -<!DOCTYPE html> |
2 | | -<html lang="es"> |
3 | 1 | <head> |
4 | 2 | <meta charset="UTF-8"> |
5 | 3 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
6 | 4 | <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 --> |
9 | 12 | <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 --> |
10 | 15 | <link rel="stylesheet" href="style.css"> |
11 | 16 | </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> |
32 | 17 |
|
33 | 18 | <section class="section"> |
34 | 19 | <h2 class="section-title"><i class="fas fa-user"></i> Sobre Mí</h2> |
|
0 commit comments