diff --git a/css/timeline.css b/css/timeline.css
new file mode 100644
index 0000000..2b32ae4
--- /dev/null
+++ b/css/timeline.css
@@ -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;
+}
\ No newline at end of file
diff --git a/formacion.html b/formacion.html
new file mode 100644
index 0000000..a848aa3
--- /dev/null
+++ b/formacion.html
@@ -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>
\ No newline at end of file
diff --git a/habilidades.html b/habilidades.html
index 5bc075c..9031c83 100644
--- a/habilidades.html
+++ b/habilidades.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>
diff --git a/oposiciones/index.html b/oposiciones/index.html
index e651f19..97c9211 100644
--- a/oposiciones/index.html
+++ b/oposiciones/index.html
@@ -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>
 
 
