propuesta ejercicos newbie de maquetacion

exercises/instagram-login/README.md

@@ -0,0 +1,46 @@
+---
+difficulty:
+  - intermediate
+OAs:
+  - HTML
+  - CSS
+projects:
+  - text analyzer
+  - card validation
+  - cipher
+---
+
+# Instagram login
+
+__Objetivo:__
+
+El reto consiste en replicar el __Login de Instagram__, este será el resultado:
+
+![Instagram login](fullpage.png)
+
+Enfócate en obtener la maquetación
+lo más parecido posible (sin funcionalidad).
+
+> - Iniciaras tu propio boilerplate para construir la estructura de tu proyecto y
+enlazar tus archivos de estilos (CSS).
+>
+> - Dentro de la carpeta `assets` encontrarás todas
+ las imágenes necesarias para completar tu proyecto.
+>
+> - Esta web utiliza `font-family: -apple-system, BlinkMacSystemFont,
+"Segoe UI", Roboto, Helvetica, Arial,
+sans-serif`.
+>
+> - La paleta de colores es:
+> >
+> > - Fondo : `#FFFFFF`
+> > - Facebook : `#385185`
+> > - Botón : `#70B5F9`
+>
+
+## A tener en cuenta
+
+> - Trabaja individualmente
+>
+> - Pixel perfect (replicar el diseño con exactitud)
+>

exercises/instagram-login/README.pt-BR.md

@@ -0,0 +1,47 @@
+---
+difficulty:
+  - intermediate
+OAs:
+  - HTML
+  - CSS
+projects:
+  - text analyzer
+  - card validation
+  - cipher
+---
+# Instagram login
+
+__Objetivo:__
+
+O desafio é replicar o __login de Instagram__, esse será o resultado
+para alcançar:
+
+![Instagram login](fullpage.png)
+
+Concentre-se em obter o layout
+o mais próximo possível (sem funcionalidade).
+
+## Considerações
+
+> - Você iniciará seu próprio boilerplate para construir a estrutura do seu projeto
+e vincular seus arquivos de estilo (CSS).
+>
+> - Dentro da pasta 'ativos' você encontrará todos
+ As imagens necessárias para completar seu projeto.
+>
+> - Este site usa `font-family: -apple-system, BlinkMacSystemFont,
+"Segoe UI", Roboto, Helvetica, Arial,
+sans-serif`.
+> - A paleta de cores é:
+> >
+> > - `#FFFFFF`
+> > - `#385185`
+> > - `#70B5F9`
+>
+
+## Considerar
+
+> - Trabalhe individualmente
+>
+> - Pixel perfeito (replicar o design com precisão)
+>

exercises/subscribing/README.md

@@ -0,0 +1,45 @@
+---
+difficulty:
+  - newbie
+OAs:
+  - HTML
+  - CSS
+projects:
+  - text analyzer
+  - card validation
+  - cipher
+---
+
+# Subscribing
+
+__Objetivo:__
+
+El reto consiste en replicar la siguiente __ventana__, este será el resultado:
+
+![Subscribing](fullpage.png)
+
+Enfócate en obtener la maquetación
+lo más parecido posible (sin funcionalidad).
+
+> - Iniciaras tu propio boilerplate para construir la estructura de tu proyecto y
+enlazar tus archivos de estilos (CSS).
+>
+> - Dentro de la carpeta `assets` encontrarás todas
+ las imágenes necesarias para completar tu proyecto.
+>
+> - Esta web utiliza la tipografía `Roboto`.
+>
+> - La paleta de colores es:
+> >
+> > - Fondo : `#36384D` y `#FFFFFF`
+> > - Texto : `#23283d`
+> > - Botón : `#272742`
+>
+
+## A tener en cuenta
+
+> - Trabaja individualmente
+>
+> - Pixel perfect (replicar el diseño con exactitud)
+>
+> - Ten presente el [modelo de caja](https://curriculum.laboratoria.la/es/topics/css/css/boxmodel-and-display)

exercises/subscribing/README.pt-BR.md

@@ -0,0 +1,47 @@
+---
+difficulty:
+  - newbie
+OAs:
+  - HTML
+  - CSS
+projects:
+  - text analyzer
+  - card validation
+  - cipher
+---
+
+# Subscribing
+
+__Objetivo:__
+
+O desafio é replicar as seguintes __ventana__, este será o resultado:
+
+![Subscribing](fullpage.png)
+
+Concentre-se em obter o layout
+o mais próximo possível (sem funcionalidade).
+
+## Considerações
+
+> - Você iniciará seu próprio boilerplate para construir a estrutura do seu projeto
+e vincular seus arquivos de estilo (CSS).
+>
+> - Dentro da pasta 'ativos' você encontrará todos
+ As imagens necessárias para completar seu projeto.
+>
+> - Este site utiliza a tipografia 'Roboto'.
+>
+> - A paleta de cores é:
+> >
+> > - Antecedentes: '#36384D' e '#FFFFFF'
+> > - Texto : '#23283d'
+> > - Botão: '#272742'
+>
+
+## Considerar
+
+> - Trabalhe individualmente
+>
+> - Pixel perfeito (replicar o design com precisão)
+>
+> - Tenha em mente o [box model](https://curriculum.laboratoria.la/es/topics/css/css/boxmodel-and-display)

exercises/twitter-login/README.md

@@ -0,0 +1,49 @@
+---
+difficulty:
+  - beginner
+OAs:
+  - HTML
+  - CSS
+projects:
+  - text analyzer
+  - card validation
+  - cipher
+---
+# Twitter login
+
+__Objetivo:__
+
+El reto consiste en replicar el __login de Twitter__, este será el resultado
+a lograr:
+
+![Twitter login](fullpage.png)
+
+Enfócate en obtener la maquetación
+lo más parecido posible (sin funcionalidad).
+
+## Consideraciones
+
+> - Iniciaras tu propio boilerplate para construir la estructura de tu proyecto y
+enlazar tus archivos de estilos (CSS).
+>
+> - Dentro de la carpeta `assets` encontrarás todas
+ las imágenes necesarias para completar tu proyecto.
+>
+> - Esta web utiliza `font-family: -apple-system, BlinkMacSystemFont,
+"Segoe UI", Roboto, Helvetica, Arial,
+sans-serif`.
+>
+> - La paleta de colores es:
+> >
+> > - `#0F1419`
+> > - `#999999`
+> > - `#4F9CF0`
+>
+
+## A tener en cuenta
+
+> - Trabaja individualmente
+>
+> - Pixel perfect (replicar el diseño con exactitud)
+>
+> - Ten presente el [modelo de caja](https://curriculum.laboratoria.la/es/topics/css/css/boxmodel-and-display)

exercises/twitter-login/README.pt-BR.md

@@ -0,0 +1,48 @@
+---
+difficulty:
+  - beginner
+OAs:
+  - HTML
+  - CSS
+projects:
+  - text analyzer
+  - card validation
+  - cipher
+---
+# Twitter login
+
+__Objetivo:__
+
+O desafio é replicar o __login de Twitter__, esse será o resultado
+para alcançar:
+
+![Twitter login](fullpage.png)
+
+Concentre-se em obter o layout
+o mais próximo possível (sem funcionalidade).
+
+## Considerações
+
+> - Você iniciará seu próprio boilerplate para construir a estrutura do seu projeto
+e vincular seus arquivos de estilo (CSS).
+>
+> - Dentro da pasta 'ativos' você encontrará todos
+ As imagens necessárias para completar seu projeto.
+>
+> - Este site usa `font-family: -apple-system, BlinkMacSystemFont,
+"Segoe UI", Roboto, Helvetica, Arial,
+sans-serif`.
+> - A paleta de cores é:
+> >
+> > - `#0F1419`
+> > - `#999999`
+> > - `#4F9CF0`
+>
+
+## Considerar
+
+> - Trabalhe individualmente
+>
+> - Pixel perfeito (replicar o design com precisão)
+>
+> - Tenha em mente o [box model](https://curriculum.laboratoria.la/es/topics/css/css/boxmodel-and-display)