oposiciones
This commit is contained in:
Tatiana Villa
parent
5fdcf1154a
commit
618963f128
|
|
@ -0,0 +1,73 @@
|
|||
:root {
|
||||
/* Paleta de el tiempo */
|
||||
--color-primario: #F5F5F5;
|
||||
--color-hover: #1E3A5F;
|
||||
--color-secundario: #A1A1A1;
|
||||
--color-fondo: #0D0D0D;
|
||||
--color-texto: #E5E5E5;
|
||||
--blanco-puro: #FFFFFF;
|
||||
--sombra: rgba(47, 58, 86, 0.15);
|
||||
--color-tarjeta: #1A1A1A;
|
||||
--color-acento: #a4d7f4;
|
||||
--gray: #acb3bf;
|
||||
--color-borde: rgba(95, 174, 219, 0.3);
|
||||
--color-cabecera: rgba(0,0,0,0.80);
|
||||
|
||||
--bg-vs: #1e1e1e; /* Fondo principal */
|
||||
--bg-nav: #252526; /* Fondo de barra de navegación */
|
||||
--bg-card: #2d2d2d; /* Fondo de tarjetas/secciones */
|
||||
--keyword: #aaffff; /* Azul grisaceo */
|
||||
--string: #ce9178; /* Naranja/Salmón (textos) */
|
||||
--comment: #6a9955; /* Verde (comentarios) */
|
||||
--var-name: #9cdcfe; /* Azul claro (variables) */
|
||||
--text: #d4d4d4; /* Gris claro (texto normal) */
|
||||
--border-editor: #3e3e42; /* Color de bordes y líneas */
|
||||
}
|
||||
.timeline {
|
||||
position: relative;
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.timeline h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.timeline::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
background: #ddd;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.timeline-item:nth-child(odd) {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.timeline-date {
|
||||
width: 45%;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.timeline-item:nth-child(odd) .timeline-date {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.timeline-content {
|
||||
width: 45%;
|
||||
background: var(--color-tarjeta);
|
||||
padding: 15px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
|
@ -0,0 +1,126 @@
|
|||
<!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">
|
||||
<link rel="stylesheet" href="css/timeline.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="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">
|
||||
|
||||
<section class="timeline">
|
||||
<h2>Formación</h2>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2025</div>
|
||||
<div class="timeline-content">
|
||||
<h3>IFCD0034 Programación con .NET</h3>
|
||||
<p>Curso de programación con el framework .NET. Grupo Colón.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2025</div>
|
||||
<div class="timeline-content">
|
||||
<h3>IFCT052P0 Gestión de sistemas VMware</h3>
|
||||
<p>Curso de virtualización de sistemas y aplicaciones con VMware. Grupo Colón.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2024</div>
|
||||
<div class="timeline-content">
|
||||
<h3>FPGS Desarrollo de Aplicaciones Multiplataforma (DAM)</h3>
|
||||
<p>Formación profesional superior en desarrollo de software.</p>
|
||||
<div class="timeline-centro">UNIR</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2023</div>
|
||||
<div class="timeline-content">
|
||||
<h3>IFCD0210 Desarrollo de Aplicaciones con Tecnologías Web</h3>
|
||||
<p>Curso de desarrollo web (HTML, CSS, JavaScript, PHP, MySQL, XAMPP, GitHub).</p>
|
||||
<div class="timeline-centro">Grupo Colón</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>
|
||||
|
|
@ -48,11 +48,11 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -6,11 +6,7 @@
|
|||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<<<<<<< HEAD
|
||||
<link rel="icon" href="tatianalogo.png" type="image/x-icon">
|
||||
=======
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
||||
>>>>>>> 1409b91efed570aae51e1eaf845151685bb4f177
|
||||
<link rel="stylesheet" href="css/estilos.css">
|
||||
<h1>Temario TAI – AGE</h1>
|
||||
|
||||
|
|
@ -18,7 +14,9 @@
|
|||
<ul>
|
||||
<li><a href="index.html">Temario</a></li>
|
||||
<li><a href="cuestionarios/index.html">Cuestionarios</a></li>
|
||||
<li><a href="https://tatvil.github.io/apuntes-taiage/">apuntes.md</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue