diff --git a/exercises/instagram-login/README.md b/exercises/instagram-login/README.md
new file mode 100644
index 00000000..e42ea7c5
--- /dev/null
+++ b/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)
+>
diff --git a/exercises/instagram-login/README.pt-BR.md b/exercises/instagram-login/README.pt-BR.md
new file mode 100644
index 00000000..ec029da3
--- /dev/null
+++ b/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)
+>
diff --git a/exercises/instagram-login/assets/facebook.png b/exercises/instagram-login/assets/facebook.png
new file mode 100644
index 00000000..aeaff167
Binary files /dev/null and b/exercises/instagram-login/assets/facebook.png differ
diff --git a/exercises/instagram-login/assets/google-play.png b/exercises/instagram-login/assets/google-play.png
new file mode 100644
index 00000000..422779af
Binary files /dev/null and b/exercises/instagram-login/assets/google-play.png differ
diff --git a/exercises/instagram-login/assets/home-phones.png b/exercises/instagram-login/assets/home-phones.png
new file mode 100644
index 00000000..896d915d
Binary files /dev/null and b/exercises/instagram-login/assets/home-phones.png differ
diff --git a/exercises/instagram-login/assets/logo.png b/exercises/instagram-login/assets/logo.png
new file mode 100644
index 00000000..ef7e33f3
Binary files /dev/null and b/exercises/instagram-login/assets/logo.png differ
diff --git a/exercises/instagram-login/assets/microsoft.png b/exercises/instagram-login/assets/microsoft.png
new file mode 100644
index 00000000..53491e20
Binary files /dev/null and b/exercises/instagram-login/assets/microsoft.png differ
diff --git a/exercises/instagram-login/assets/mobile-apple.png b/exercises/instagram-login/assets/mobile-apple.png
new file mode 100644
index 00000000..2cd7df66
Binary files /dev/null and b/exercises/instagram-login/assets/mobile-apple.png differ
diff --git a/exercises/instagram-login/fullpage.png b/exercises/instagram-login/fullpage.png
new file mode 100644
index 00000000..9a94825e
Binary files /dev/null and b/exercises/instagram-login/fullpage.png differ
diff --git a/exercises/subscribing/README.md b/exercises/subscribing/README.md
new file mode 100644
index 00000000..38f7f94e
--- /dev/null
+++ b/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)
diff --git a/exercises/subscribing/README.pt-BR.md b/exercises/subscribing/README.pt-BR.md
new file mode 100644
index 00000000..9611ddd8
--- /dev/null
+++ b/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)
diff --git a/exercises/subscribing/assets/icon-success.svg b/exercises/subscribing/assets/icon-success.svg
new file mode 100644
index 00000000..258cab71
--- /dev/null
+++ b/exercises/subscribing/assets/icon-success.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><defs><linearGradient id="a" x1="100%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FF6A3A"/><stop offset="100%" stop-color="#FF527B"/></linearGradient></defs><g fill="none"><circle cx="32" cy="32" r="32" fill="url(#a)"/><path stroke="#FFF" stroke-width="4" d="m18.286 34.686 8.334 7.98 19.094-18.285"/></g></svg>
\ No newline at end of file
diff --git a/exercises/subscribing/fullpage.png b/exercises/subscribing/fullpage.png
new file mode 100644
index 00000000..17438ba7
Binary files /dev/null and b/exercises/subscribing/fullpage.png differ
diff --git a/exercises/twitter-login/README.md b/exercises/twitter-login/README.md
new file mode 100644
index 00000000..df5411af
--- /dev/null
+++ b/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)
diff --git a/exercises/twitter-login/README.pt-BR.md b/exercises/twitter-login/README.pt-BR.md
new file mode 100644
index 00000000..9ed22906
--- /dev/null
+++ b/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)
diff --git a/exercises/twitter-login/assets/apple.svg b/exercises/twitter-login/assets/apple.svg
new file mode 100644
index 00000000..b495352d
--- /dev/null
+++ b/exercises/twitter-login/assets/apple.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" aria-hidden="true" class="r-4qtqp9 r-yyyyoo r-z80fyv r-1d4mawv r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-19wmn03" style="color: rgb(15, 20, 25);"><g><path d="M16.365 1.43c0 1.14-.493 2.27-1.177 3.08-.744.9-1.99 1.57-2.987 1.57-.12 0-.23-.02-.3-.03-.01-.06-.04-.22-.04-.39 0-1.15.572-2.27 1.206-2.98.804-.94 2.142-1.64 3.248-1.68.03.13.05.28.05.43zm4.565 15.71c-.03.07-.463 1.58-1.518 3.12-.945 1.34-1.94 2.71-3.43 2.71-1.517 0-1.9-.88-3.63-.88-1.698 0-2.302.91-3.67.91-1.377 0-2.332-1.26-3.428-2.8-1.287-1.82-2.323-4.63-2.323-7.28 0-4.28 2.797-6.55 5.552-6.55 1.448 0 2.675.95 3.6.95.865 0 2.222-1.01 3.902-1.01.613 0 2.886.06 4.374 2.19-.13.09-2.383 1.37-2.383 4.19 0 3.26 2.854 4.42 2.955 4.45z"/></g></svg>
\ No newline at end of file
diff --git a/exercises/twitter-login/assets/close.svg b/exercises/twitter-login/assets/close.svg
new file mode 100644
index 00000000..b6c8adce
--- /dev/null
+++ b/exercises/twitter-login/assets/close.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" aria-hidden="true" class="r-4qtqp9 r-yyyyoo r-z80fyv r-dnmrzs r-bnwqim r-1plcrui r-lrvibr r-19wmn03" style="color: rgb(15, 20, 25);"><g><path d="M10.59 12L4.54 5.96l1.42-1.42L12 10.59l6.04-6.05 1.42 1.42L13.41 12l6.05 6.04-1.42 1.42L12 13.41l-6.04 6.05-1.42-1.42L10.59 12z"/></g></svg>
\ No newline at end of file
diff --git a/exercises/twitter-login/assets/google.jpg b/exercises/twitter-login/assets/google.jpg
new file mode 100644
index 00000000..56909520
Binary files /dev/null and b/exercises/twitter-login/assets/google.jpg differ
diff --git a/exercises/twitter-login/assets/logo.png b/exercises/twitter-login/assets/logo.png
new file mode 100644
index 00000000..93952fae
Binary files /dev/null and b/exercises/twitter-login/assets/logo.png differ
diff --git a/exercises/twitter-login/fullpage.png b/exercises/twitter-login/fullpage.png
new file mode 100644
index 00000000..7edfaaf4
Binary files /dev/null and b/exercises/twitter-login/fullpage.png differ