https://github.com/learnpack/learnpack/issues/811

Author: ElviraQDP

.gitignore

@@ -7,6 +7,7 @@
 !bc.json
 !learn.json
 !README.md
+!README.es.md
 
 !/exercises
 !/exercises/*

README.es.md

@@ -0,0 +1,84 @@
+<table>
+  <tr>
+    <td><img src="https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/.learn/assets/4geeks-icon-blue.png?raw=true"></td>
+    <td>
+      <h1 align="center"> Tutorial de EJercicios de CSS de 4Geeks Academy</h1>
+      <img src="https://img.shields.io/github/last-commit/4geeksacademy/css-tutorial-exercises-course" />
+      <a href="https://breatheco.de"><img src="https://img.shields.io/badge/certified-BreatheCode-blue" /></a>
+      <a href="https://twitter.com/alesanchezr"><img src="https://img.shields.io/twitter/follow/alesanchezr?style=social&logo=twitter" alt="follow on Twitter"></a>
+      <a href="https://gitpod.io#https://github.com/4GeeksAcademy/css-tutorial-exercises-course.git"><img src="https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod" /></a>
+    </td>
+  </tr>
+</table>
+
+¡Hola! Soy [Alejandro Sanchez @alesanchezr](https://github.com/alesanchezr), ¡muy emocionado de tenerte aquí! 🎉 😂 Aprender a programar es difícil, ¡necesitas entrenamiento! [Envíame un DM en Twitter] (https://twitter.com/alesanchezr) si tienes alguna pregunta. 
+
+## En este tutorial aprenderás los siguientes conceptos:
+
+1. Usar cómo aplicar CSS a su sitio web de 3 maneras diferentes: en línea, agrupándolos dentro de una etiqueta `<style>` o usando una hoja de estilo externa `<link>`.
+
+2. Seleccionar elementos HTML de su sitio web para aplicar los estilos.
+
+3. Aplicar Reglas CSS (estilos) a esos elementos.
+
+4. Utilizar las reglas CSS más populares.
+
+5. Aprender los trucos CSS más populares.
+
+#### Antes de empezar... hay otros tutoriales 
+
+ol>
+  <li><a href="https://github.com/4GeeksAcademy/html-tutorial-exercises-course">Aprende HTML</a></li>
+    <li><a href="https://github.com/4GeeksAcademy/html-forms-tutorial-exercises">Aprende Formularios HTML5 </a></li>
+  <li><a href="https://github.com/4GeeksAcademy/css-tutorial-exercises-course">Aprende CSS</a>← estás aquí</li>
+  <li><a href="https://github.com/4GeeksAcademy/bootstrap-exercises-tutorial">Aprende Bootstrap</a></li>
+</ol>
+<p align="center">
+  <img src="https://github.com/4GeeksAcademy/html-forms-tutorial-exercises/blob/master/.learn/assets/animation.gif?raw=true">
+</p>
+
+Una completa selección de Ejercicios autograduados sobre CSS ¡para cualquier interesado en aprender CSS!
+
+## Instalación con un clic
+
+<img src="https://gitpod.io/button/open-in-gitpod.svg" align="right">
+
+## Instalación manual 
+1. Instala learnpack, el package manager para tutoriales de aprendizaje y el html compiler plugin para learnpack, asegúrate también de tener node.js 12+:
+
+```
+$ npm i learnpack -g
+$ learnpack plugins:install learnpack-html
+```
+2. Descarga estos ejercicios en particular usando learnpack y luego `cd` para entrar en la carpeta: 
+
+```bash
+$ learnpack install css-tutorial-exercises-course
+```
+
+Nota: Una vez que termines de descargar, encontrarás una carpeta "exercises" que contiene todos los ejercicios.
+
+3. Inicializa el tutorial/ejercicios ejecutando el siguiente comando en el mismo nivel donde se encuentra tu archivo bc.json:
+
+```sh
+$ npm i jest@24.8.0 -g
+$ learnpack start
+```
+
+## ¿Cómo están organizados los ejercicios?
+
+Cada ejercicio es una pequeña aplicación de react que contiene los siguientes archivos:
+
+1. **index.js:** representa el archivo de entrada para toda la aplicación.
+2. **README.md:** contiene las instrucciones de los ejercicios.
+3. **test.js:** no tienes que abrir este archivo, contiene el script del test para el ejercicio.
+
+## Colaboradores
+ 
+Gracias a estas personas maravillosas ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
+
+1. [Alejandro Sanchez (alesanchezr)](https://github.com/alesanchezr), contribución: (codificador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (tutorial de compilación) ✅ (documentación) 📖
+2. [David Hay (haydavid23)](https://github.com/haydavid23), contribución: (tests) ⚠️
+3. [Daniel Machota (@d4rkm0nst3r)](https://github.com/d4rkm0nst3r), contribución: (build-tutorial) ✅, Traducción 🌍
+
+Este proyecto sigue la especificación [all-contributors](https://github.com/kentcdodds/all-contributors). ¡Todas las contribuciones son bienvenidas!

README.md

@@ -13,18 +13,25 @@
 
 Hi! I'm [Alejandro Sanchez @alesanchezr](https://github.com/alesanchezr), really excited to have you here! 🎉 😂 Learning to code is hard, you need coaching! [DM me on twitter](https://twitter.com/alesanchezr) if you have any question. You'll be learning the following concepts:
 
-1. Using how to apply CSS to your website in 3 different ways: Inline, by grouping them together inside a `<style>` tag or using an exeternal stylesheet `<link>`,
+1. Using how to apply CSS to your website in 3 different ways: Inline, by grouping them together inside a `<style>` tag or using an exeternal stylesheet `<link>`.
+
 2. Selecting HTML Elements from your website to apply the styles to.
+
 3. Apply CSS Rules (styles) to those elements.
+
 4. Use the most popular CSS Rules.
+
 5. Learn the most popular CSS Tricks.
 
-<h4>Before we start... other related tutorials</h4>
+#### Before we start... other related tutorials
+
 <ol>
   <li><a href="https://github.com/4GeeksAcademy/html-tutorial-exercises-course">Learn HTML</a></li>
-  <li><a href="https://github.com/4GeeksAcademy/css-tutorial-exercises-course">Learn CSS</a>← your are here now</li>
+    <li><a href="https://github.com/4GeeksAcademy/html-forms-tutorial-exercises">Learn HTML5 Forms</a>← your are here now</li>
+  <li><a href="https://github.com/4GeeksAcademy/css-tutorial-exercises-course">Learn CSS</a></li>
   <li><a href="https://github.com/4GeeksAcademy/bootstrap-exercises-tutorial">Learn Bootstrap</a></li>
 </ol>
+
 Complete selection of autograded CSS exercises, anyone interested in learning CSS!
 
 <h2>One click installation:</h2>