HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<title>Curriculum Vitae</title>
</head>
<body>
<header class="header">
<nav class="header__menu">
<a href="index.html" class="header__menu__link">Home</a>
<a href="curriculum.html" class="header__menu__link">Curriculum Vitae</a>
<a href="about.html" class="header__menu__link">Sobre mí</a>
</nav>
</header>
<main class="presentacion">
<section class="presentacion__contenido">
<div class="presentacion__profesion">
<h1 class="presentacion__contenido__titulo">PROFESIONAL DE INFORMATICA</h1>
<img src="assets/perfilmr.jpg" alt="Foto de perfil" class="presentacion__imagen">
</div>
<hr>
<h2 class="presentacion__contenido__subtitulo">EXPERIENCIA</h2>
<h3 class="presentacion__contenido__subtitulo-dos">Coordinador de Soporte IT</h3>
<h4 class="presentacion__contenido__subtitulo-tres">Hilos y Algodón, S.A. / Edificio Real Reforma, zona 10
GT / 2024 – Actual</h4>
<p class="presentacion__contenido__texto">
Lidero y coordino un equipo de Soporte, gestiono infraestructura,
seguridad y optimización de procesos IT. Administro servicios como
Microsoft 365, ESET, Acronis y TBO, superviso activos tecnológicos,
comunicación con proveedores y gestiono presupuestos. Mejoras en
seguridad de la información y gestión de proyectos tecnológicos,
garantizando eficiencia operativa, soporte y alineación con los objetivos
de la compañía.
</p>
<h3 class="presentacion__contenido__subtitulo-dos">Técnico en Soporte IT</h3>
<h4 class="presentacion__contenido__subtitulo-tres">Hilos y Algodón, S.A. / Edificio Real Reforma, zona 10
GT / 2023 – 2024</h4>
<p class="presentacion__contenido__texto">
Asistir a usuarios de Guatemala, El Salvador, Honduras, Nicaragua y
República Dominicana, en requerimientos de hardware, software,
configuraciones de equipos de cómputo, equipos telefónicos, gestión
de inventario de equipos tecnológicos, configuración de sistemas,
manejo base de datos y apoyo en presupuesto.
</p>
</section>
<section class="presentacion__contenido">
<h2 class="presentacion__contenido__subtitulo">ESTUDIOS</h2>
<ul class="presentacion__contenido__texto">
<li> Principiante en Programación G8</li>
<li> AEstudiante de Idioma Inglés</li>
<li> Ingeniería en Sistemas de Computación / 6to.
Semestre</li>
</ul>
<h2 class="presentacion__contenido__subtitulo">HABILIDADES</h2>
<ul class="presentacion__contenido__texto">
<li> Soporte Técnico</li>
<li> Administración Office 365</li>
<li> Administración ESET</li>
<li> Administración Acronis</li>
<li> Administrador de Redes</li>
<li> Mantenimiento Preventivo y Correctivo</li>
<li> Gestion de Inventarios</li>
<li> Gestion de Presupuestos</li>
</ul>
</section>
</main>
<footer class="footer">
<p>Desarrollado por Michael Romero</p>
</footer>
</body>
</html>
CSS
Utilice la hoja de estilos que hemos trabajado durante el curso y agregue los siguientes estilos.
.presentacion__profesion{
display: flex;
align-items: center;
gap: 40px;
}
.presentacion__imagen{
width: 200px;
height: 175px;
border-radius: 50px;
border: 5px solid #5497a7;
}
RESULTADO