Update README.md

Author: alesanchezr

README.md

@@ -1,23 +1,36 @@
-<p align="center">
-  <img src="https://assets.breatheco.de/apis/img/images.php?blob&random&cat=icon&tags=4geeks,128">
-</p>
-
-<p>
-    <h2 align="center"> CSS exercises at 4Geeks Academy (beta) </h2>
-</p>
-
-Complete selection of autograded CSS exercises, anyone interested in learning CSS!
-
-[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/4GeeksAcademy/css-tutorial-exercises-course.git)
-
-During this course you will be learning the following concepts:
+<table>
+  <tr>
+    <td><img src="https://assets.breatheco.de/apis/img/images.php?blob&random&cat=icon&tags=4geeks,32"></td>
+    <td>
+      <h1 align="center"> CSS Exercises Tutorial at 4Geeks Academy</h1>
+      <img src="https://img.shields.io/github/last-commit/4geeksacademy/bootstrap-exercises" />
+      <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/bootstrap-exercises.git"><img src="https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod" /></a>
+    </td>
+  </tr>
+</table>
+
+Hi! I'm Alejandro Sanchez @alesanchezr, really excited to have you here! 🎉 😂 Learning to code is hard, you need coaching! DM me on twitter 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>`,
 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>
+<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></li>
+  <li><a href="https://github.com/4GeeksAcademy/bootstrap-exercises-tutorial">Learn Bootstrap</a> ← your are here now</li>
+</ol>
+Complete selection of autograded CSS exercises, anyone interested in learning CSS!
+
+<h2>One click installation:</h2>
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/4GeeksAcademy/css-tutorial-exercises-course.git)
+
 ## Manual installation
 
 1) After downloading the exercise, make sure you have the [breathecode-cli](https://github.com/breatheco-de/breathecode-cli) installed and `node.js` version 8+
@@ -26,9 +39,11 @@ This is the command to install the breathecode-cli
 $ npm i breathecode-cli -g
 ```
 
+2) Clone or download this repository. Once you finish downloading, you will find a new folder with a subdirectory "exercises" that contains all the exercises within.
+
 Note: Once you finish downloading, you will find a "exercises" folder that contains all the exercises within.
 
-2) Start the tutorial/exercises by running the following command at the same level were your bc.json file is:
+3) Start the tutorial/exercises by running the following command at the same level were your bc.json file is:
 
 ```sh
 $ npm i jest@24.8.0 -g