HTML y CSS parte 2: Posic. listas y navegación 01

Revisión de contenido de entrenamiento anterior,
base de una página HTML, y lista html no ordenada.

001_desarrollo_personal/README.md

@@ -174,9 +174,10 @@ Es importante tomar pausas, caminar, descanzar. dormir.
 #### Formatos de aprendizaje
 
 | Formato | Características |
-| Auditivo | - Podcats</br>- Audio books</br>- Ecuchar grabaciones de clases|
+| - | - |
+| Auditivo | - Podcats</br>- Audio books</br>- Ecuchar grabaciones de clases |
 | Visual | - Infográficos</br>- PowerPoints</br>- Teds</br>- Videoclases</br>- Mapa mental |
-| Lectura/Escritura | - Libros</br>Páginas Web</br>- Blogs</br>- Artículos</br>- Resúmenes |
+| Lectura/Escritura | - Libros</br>- Páginas Web</br>- Blogs</br>- Artículos</br>- Resúmenes |
 | Cenestésica | - Ir a eventos</br>- Participar de proyectos</br>- Pair Programming</br>- Platicar con otras personas |
 
 [Vark Test](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fvark-learn.com%2Fvrk-learning-preference%2F&src=sdkpreparse)

001_desarrollo_personal/enfoque.md

@@ -15,7 +15,7 @@ multitarea.
 
 La distraccion es natural, la distarcción perjudica tus ingresos.
 
-..."**DISCIPLINA!!!** No tenel disciplina!!!!"... Junichi Takiyama
+..."**DISCIPLINA!!!** No tenel disciplina!!!!"... [dojo master](https://www.southpark.lat/episodios/dspvu8/south-park-sangre-de-maria-temporada-9-ep-14).
 
 **Fueza de voluntad**
 

001_desarrollo_personal/hello_one.md

@@ -54,11 +54,10 @@ alimentar su portafolio para una posible entrevista de trabajo.
 
 ¿Como paso a la ***etapa 3*** y me convierto en ***estudiante ONE***?
 
-- Finalizar los cursos Lógica de programción: Primeros pasos + Lógica de
-Programación: Conceptios primordiales. **LIMITE 18/04/2023**.
-- Finalizar los **8 cursos** de la primera formación: Principiante en
-Programación + los **4 cursos** de la formación Desarrollo Personal.
-**LIMITE 30/05/2023**.
+- **LIMITE 18/04/2023**: Finalizar los cursos Lógica de programación -> Primeros
+pasos + Lógica de Programación: Conceptos primordiales.
+- **LIMITE 30/05/2023**: Finalizar los **8 cursos** de la primera formación ->
+Principiante en Programación + los **4 cursos** de la formación Desarrollo Personal.
 
 #### Junio a Septiembre 2023 (inclusive)
 
@@ -67,10 +66,16 @@ Formación Back-End + Formación Soft Skills
 
 > En ambas opciones el alumno tendrá acceso a 3 challenges
 
-Discord [#hello-one]()
+----
 
-<img align="center" width="35%" src="./qr_helloONE.png">
+#### Contacto
 
-correo: contacto-one@aluracursos.com
+- Correo: contacto-one@aluracursos.com
+- Discord: [#hello-one]()
+
+<p align="center">
+    <img style="align: center;" width="35%" src="./qr_helloONE.png"/>
+    <br/><br/>
+</p>
 
 

004_primeras_paginas/README.md

@@ -1,16 +1,20 @@
 # Formación programacion
 
-### Primeros pasos
+## Primeros pasos
 
-#### 04 Crea tus primeras paginas HTML5 y CSS
+### 04 Crea tus primeras paginas HTML5 y CSS
+
+#### Parte 1 Mi primera página web
 
 Diferencias entre [html y css](https://www.aluracursos.com/blog/html-css-javascript-cuales-son-las-diferencias).
 
-- Descarga archivo [texto-base.txt](./texto-base.txt) (archivo en formato `dos`).
+- Descarga archivo [texto-base.txt](./html_css_parte1/texto-base.txt)
+(archivo en formato `dos`).
 
 > en NeoVim `set ff=unix`
 
-Página [barbería](./index.html) - estilo.[css](./style.css).
+Página [barbería](./html_css_parte1/index.html) -
+estilo.[css](./html_css_parte1/style.css).
 
 Formas de aplicar estilo CSS:
 
@@ -30,7 +34,7 @@ Formas de aplicar estilo CSS:
         </style>
     ```
 
-- style [file](./style.css).
+- style [file](./html_css_parte1/style.css).
 
 ##### Sistema hexadecimal
 
@@ -74,4 +78,9 @@ La representación de los colores en 6 posiciones
 - Copywriter (Generador de Contenido)
 - SEO (Search Engine Optimization)
 
-Final curso HTML5 y CSS parte 1 - Página [barbería](./index.html) - estilo.[css](./style.css).
+Final curso HTML5 y CSS parte 1 - Página
+[barbería](./html_css_parte1/index.html) -
+estilo.[css](./html_css_parte1/style.css).
+
+#### Parte 2 - Posicionamiento, listas y navegación
+

004_primeras_paginas/html_css_parte2/productos.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="es">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width">
+        <title>Barbería Alura - Productos</title>
+        <link rel="stylesheet" href="./productos.css"/>
+    </head>
+    <body>
+        <header>
+            <h1><img src="./imagenes/logo.png"></h1>
+            <ul>
+                <li>Home</li>
+                <li>Productos</li>
+                <li>Contacto</li>
+            </ul>
+        </header>
+        
+    </body>
+</html>