add link to the respositories

Author: carlosjorger

index.html

@@ -66,6 +66,9 @@ <h2 class="subtitle reveal">These are my github repositories</h2>
         <div class="card-description">
           OpenEcommerce is an ecommerce builded with .net. Using a hexagonal architecture, cqrs pattern and more interesting patterns.
         </div>
+        <div class="card-links">
+          <a class="icon-link" href="https://github.com/CarlosJorgeR/openEcommerce"><i class="fab fa-github fa-gl"></i></a>
+        </div>
       </div>
       <div id="angular-portfolio" class="card-project reveal">
         <div class="card-title">
@@ -75,6 +78,9 @@ <h2 class="subtitle reveal">These are my github repositories</h2>
         <div class="card-description">
           It is a personal portfolio builded with angular using really cool animation (Angular animations).
         </div>
+        <div class="card-links">
+          <a class="icon-link" href="https://github.com/CarlosJorgeR/portfolio"><i class="fab fa-github fa-gl"></i></a>
+        </div>
       </div>
       <!-- <ul>
         <li class="reveal">

styles.css

@@ -161,16 +161,26 @@ nav {
   font-size: 0.6em;
   background-color: rgb(25, 18, 33);
 }
+.card-links{
+  padding: 0.5em;
+  display: flex;
+}
 #open-ecommerce{
-  border-left: groove 0.2rem aqua;
+  border-right: groove 0.2rem aqua;
   border-top: groove 0.2rem aqua;
-  margin-left: 5em;
+  border-bottom: groove 0.2rem aqua;
+
+  margin-left: 3em;
 }
 #angular-portfolio{
-  border-right: groove 0.2rem aqua;
+  border-left: groove 0.2rem aqua;
   border-top: groove 0.2rem aqua;
-  margin-right: 5em;
+  border-bottom: groove 0.2rem aqua;
 
+  margin-right: 3em;
+}
+#angular-portfolio .card-links{
+  justify-content: end;
 }
 /* Ids */
 #presentation-title {