-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
80 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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> | ||
| <!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>© 2023 TioTropi Dev. Todos los derechos reservados.</p> | ||
| </footer> | ||
| </body> | ||
| </html> |