<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
</body>
</html>
<section class="perfil">
<img src="assets/mi-imagen.jpg.jpg" alt="German Muñoz" class="perfil__imagen">
<div class="perfil__info">
<h2>German muñoz</h2>
<p>Desarrollador Front-end & Programador en C++</p>
<p>Email: buchari345@gmail.com</p>
<p>Ubicación: la dorada colombia</p>
</div>
</section>
<section class="experiencia">
<h2>Experiencia Profesional</h2>
<ul>
<li>
<strong>I A I</strong> - tecnico aviacion (2010 - 2025)
<p>mantenimiento en aviones de linea .</p>
</li>
<li>
<strong>pacticas del Sena colombia</strong> - Desarrollador Front-end (2022-2023 - presente)
<p>Desarrollo de sitios web usando HTML, CSS, JavaScript y frameworks como React.</p>
</li>
</ul>
</section>
css
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body { font-family: Arial, sans-serif; line-height: 2.6; margin: 0; padding: 0; background-color: #ccbde4; } header { background-color: #3f1515; color: #9a6d88; padding: 20px; text-align: center; } header h1 { margin: 0; } .perfil { display: flex; justify-content: center; align-items: center; background-color: #0cd7c3; padding: 20px; margin: 20px 0; } .perfil__imagen { border-radius: 80%; width: 200px; height: 150px; margin-right: 30px; }.perfil__info h2 { margin: 0; } .perfil__info p { margin: 9px 0; } section { padding: 20px; margin: 20px; background-color: #0779ec; border-radius: 8px; } section h2 { margin-top: 10; color: #db7c16; font-family: "Krona One", serif; ; } ul { list-style-type: none; padding: 0; } ul li { margin-bottom: 10px; } ul li strong { font-weight: bold; } footer { background-color: #e4ce41; color: #111413; text-align: center; padding: 10px; margin-top: 20px; } footer p { margin: 0; }
