Formacion

This commit is contained in:
Tatiana Villa Ema 2026-03-09 18:57:01 +01:00
parent 064a9a33e2
commit c6fdb58f0b
2 changed files with 153 additions and 0 deletions

View File

@ -184,4 +184,11 @@ footer {
text-decoration: none;
font-weight: bold;
transition: 0.3s;
}
.timeline {
background-color: var(--color-tarjeta);
border-left: 1px solid var(--color-primario);
margin-bottom: 1.5rem;
transition: 0.3s;
}

146
formacion.html Normal file
View File

@ -0,0 +1,146 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tatiana Villa</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<meta name="description" content="Curriculum Vitae de Tatiana Villa, desarrolladora y diseñadora web.">
<meta name="keywords" content="Tatiana Villa, curriculum, desarrolladora web, diseñadora web, tecnología, DAM">
<meta name="author" content="Tatiana Villa">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="codigo.js"></script>
</head>
<body class="bg-black text-light">
<header>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark shadow-sm border-bottom border-secondary">
<div class="container-fluid">
<!-- Logo -->
<a class="navbar-brand font-weight-bold" href="index.html" style="font-family: 'Consolas', monospace;">
<span class="text-primary">{</span>Tatiana Villa <span class="text-primary">}</span> Proyectos
</a>
<!-- Botón móvil -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menuNav"
aria-controls="menuNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Menú -->
<div class="collapse navbar-collapse justify-content-end" id="menuNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="proyectos.html">Proyectos</a>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="habilidades.html">Habilidades</a>
</li>
<li class="nav-item">
<a class="nav-link" href="formacion.html">Formación</a>
</li>
<!--
<li class="nav-item">
<a class="nav-link" href="experiencia.html">Experiencia</a>
</li>
-->
</ul>
</div>
</div>
</nav>
</header>
<main class="container main-content py-5">
<div class="accordion mt-4 timeline" id="accordionExample">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
&lt;programación&gt;
</button>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
<div class="card-body">
<ul>
<li>(IFCD0034) Programación con .NET</li>
<li>(IFCT052PO) Gestión de sistemas con VmWare: Virtualización de aplicaciones</li>
<li>(FPGS DAM) Desarrollo de Aplicaciones Multiplataforma</li>
<li>(IFCD0210) Desarrollo de aplicaciones con tecnologías web</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion mt-4 timeline" id="accordionExample">
<div class="card-header" id="headingTwo">
<h5 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
&lt;Sistemas&gt;
</button>
</h5>
</div>
<div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionExample">
<div class="card-body">
<ul>
<li>Administrador de Sistemas Unix (HPUX, Linux, Debian, Ubuntu, ... )</li>
<li>(IFCT0410) Administración y diseño de redes departamentales</li>
</ul>
</div>
</div>
</div>
</div>
<div class="accordion mt-4 timeline" id="accordionExample">
<div class="card-header" id="headingFour">
<h5 class="mb-0">
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
&lt;Otros&gt;
</button>
</h5>
</div>
<div id="collapseFour" class="collapse show" aria-labelledby="headingFour" data-parent="#accordionExample">
<div class="card-body">
<ul>
<li>(ENAE0508) Organización y proyectos de instalaciones solares fotovoltaicas</li>
<li>Robótica con arduino</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer">
<div class="footer">
<div>Página realizada íntegramente con código: PHP, JavaScript, HTML y CSS</div>
<div id="copyright">copyright</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>