From f35999af7d439cf46483ec627aa2f5aa792ab62b Mon Sep 17 00:00:00 2001
From: TioTropi <tiotropi@gmail.com>
Date: Tue, 10 Dec 2024 16:55:16 -0600
Subject: [PATCH] Update index.html

---
 index.html | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 80 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 2471494..f4c369c 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,80 @@
-<h1>Este es un sitio web con GitHub Pages</h1>
-<p>y fue creado con amor para el curso de Git y GitHub de Platzi</p>
-<p><img src="https://i.imgur.com/XHJs2fc.gif" alt="Imagen de prueba de gatito"></p>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>TioTropi Dev</title>
+    <link rel="stylesheet" href="styles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
+</head>
+<body>
+    <header>
+        <img src="imagenes/logo.png" alt="Logo del Blog" class="logo">
+        <h1>TioTropi Dev</h1>
+        <p>Explorando el mundo del código</p>
+    </header>
+
+    <nav class="navbar">
+        <input type="checkbox" id="nav-toggle" class="nav-toggle">
+        <label for="nav-toggle" class="nav-toggle-label">
+            <span></span>
+        </label>
+        <ul class="nav-menu">
+            <li><a href="index.html">Inicio</a></li>
+            <li class="has-submenu">
+                <a href="#">Lenguajes</a>
+                <ul class="submenu">
+                    <li><a href="lenguajes/html.html">HTML</a></li>
+                    <li><a href="lenguajes/css.html">CSS</a></li>
+                    <li><a href="lenguajes/javascript.html">JavaScript</a></li>
+                    <li><a href="lenguajes/python.html">Python</a></li>
+                </ul>
+            </li>
+            <li class="has-submenu">
+                <a href="#">Frameworks</a>
+                <ul class="submenu">
+                    <li><a href="frameworks/react.html">React</a></li>
+                    <li><a href="frameworks/vue.html">Vue</a></li>
+                    <li><a href="frameworks/angular.html">Angular</a></li>
+                </ul>
+            </li>
+            <li><a href="recursos.html">Recursos</a></li>
+            <li><a href="sobre_mi.html">Sobre Mí</a></li>
+        </ul>
+    </nav>
+
+    <main>
+        <section class="main-content">
+            <h2>Bienvenidos a mi Blog de Programación</h2>
+            <p>
+                Aquí compartiré mis conocimientos y experiencias en el mundo de la programación. Comenzando por la importancia de 
+                Git y GitHub, herramientas fundamentales para gestionar proyectos de manera colaborativa y profesional. Con Git puedes 
+                llevar un control preciso de cambios en el código, mientras que GitHub facilita compartir y trabajar en equipo. Estas herramientas 
+                son esenciales para cualquier desarrollador que busque eficiencia y organización.
+            </p>
+            <button class="btn-read-more" onclick="location.href='mapa-mental.html'">Ver Mapa Mental</button>
+        </section>
+        <div class="sidebar">
+            <section class="sidebar-content">
+                <h3>Curiosidades de Programación</h3>
+                <p>¿Sabías que el primer programador reconocido fue Ada Lovelace? Su trabajo sentó las bases para la computación moderna.</p>
+            </section>
+            <section class="sidebar-content">
+                <h3>Noticias Internacionales</h3>
+                <p>El desarrollo de la inteligencia artificial sigue avanzando, con aplicaciones que transforman industrias enteras.</p>
+            </section>
+            <section class="sidebar-content">
+                <h3>Noticias de Finanzas</h3>
+                <h4>Tradicionales</h4>
+                <p>El mercado bursátil global experimenta volatilidad debido a incertidumbres económicas.</p>
+                <h4>Criptomonedas</h4>
+                <p>Bitcoin alcanza nuevos máximos mensuales mientras la adopción de blockchain sigue creciendo.</p>
+            </section>
+        </div>
+    </main>
+
+    <footer>
+        <p>&copy; 2023 TioTropi Dev. Todos los derechos reservados.</p>
+    </footer>
+</body>
+</html>
