Added certifications

_data/data.yml

@@ -127,6 +127,46 @@ experiences:
           pellentesque eu, pretium quis, sem.
             - Bullet point
             - Bullet point
+
+certifications:
+      title: Certifications
+      list:
+        - name: CV Builder
+          start: 2020
+          end: 2021
+          organization: Microsoft
+          credentialid: 111-222
+          credentialurl: www.google.com
+          details: |
+            Details about cert. Lorem ipsum dolor sit amet, consectetur 
+            adipiscing elit.
+            Nullam eget orci purus. Nullam ultrices neque nibh. 
+            Aenean fermentum, felis vulputate suscipit accumsan, 
+            sem enim bibendum augue, sed convallis arcu lacus at dui. 
+            Pellentesque et nibh suscipit, vestibulum turpis eu, semper tortor. 
+            Praesent felis nibh, eleifend id eleifend id, dictum id enim. 
+            Praesent venenatis erat non augue suscipit consectetur. 
+            
+            Second paragraph. Sed eleifend enim ante, vitae efficitur purus 
+            fringilla vel. Ut euismod, sem sed vulputate venenatis, 
+            justo diam viverra velit, sed rhoncus leo leo eu justo.
+            Suspendisse placerat risus ante, sed porta nisi blandit at. 
+        - name: Git learning
+          start: 2019
+          end:
+          organization: Microsoft
+          credentialid: 111-222
+          credentialurl: www.github.com
+          details: |
+            Older certification. Lorem ipsum dolor sit amet, consectetur 
+            adipiscing elit.
+            Nullam eget orci purus. Nullam ultrices neque nibh. 
+            Aenean fermentum, felis vulputate suscipit accumsan, 
+            sem enim bibendum augue, sed convallis arcu lacus at dui. 
+            Pellentesque et nibh suscipit, vestibulum turpis eu, semper tortor. 
+            Praesent felis nibh, eleifend id eleifend id, dictum id enim. 
+            Praesent venenatis erat non augue suscipit consectetur. 
+        
 projects:
     title: Projects
     intro: >

_includes/certifications.html

@@ -0,0 +1,41 @@
+{% assign certifications = site.data.data.certifications %} {% if certifications %}
+<section class="section certifications-section">
+    <h2 class="section-title">
+        <span class="fa-stack fa-xs">
+      <i class="fas fa-circle fa-stack-2x"></i>
+      <i class="fas fa-graduation-cap fa-stack-1x fa-inverse"></i>
+    </span> {{ certifications.title }}
+    </h2>
+
+    {% for certifications in certifications.list %}
+    <div class="item">
+
+        <div class="meta">
+
+            <div class="upper-row">
+                <h3 class="cert-title">{{ certifications.name }}</h3>
+                <div class="time">{{ certifications.start }} {% if certifications.end %} - {{ certifications.end }} {% endif %}</div>
+            </div>
+            <!--//upper-row-->
+
+            <div class="second-upper-row">
+                <div class="cert-org">{{ certifications.organization }} {% if certifications.credentialid %} ({{ certifications.credentialid }}) {% endif %}</div>
+                {% if certifications.credentialurl %}
+                <div class="cert-url"><a href="//{{ certifications.credentialurl }}" target="_blank">{{ certifications.credentialurl }}</a></div>
+                {% endif %}
+            </div>
+
+        </div>
+        <!--//meta-->
+
+        <div class="details">
+            {{ certifications.details | markdownify }}
+        </div>
+
+    </div>
+    <!--//item-->
+    {% endfor %}
+
+</section>
+<!--//section-->
+{% endif %}

_sass/_base.scss

@@ -182,27 +182,31 @@ p {
       margin-bottom: 30px;
     }
   }
-  .upper-row {
+  .upper-row,
+  .second-upper-row {
     position: relative;
     overflow: hidden;
     margin-bottom: 2px;
   }
   .job-title,
-  .degree {
+  .degree,
+  .cert-title{
     color: $text-color;
     font-size: 16px;
     margin-top: 0;
     margin-bottom: 0;
     font-weight: 500;
   }
-  .time {
+  .time,
+  .cert-url {
     position: absolute;
     right: 0;
     top: 0;
     color: $text-grey;
   }
   .company,
-  .university {
+  .university,
+  .cert-org {
     margin-bottom: 10px;
     color: $text-grey;
   }
@@ -276,3 +280,4 @@ p {
     color: $heart;
   }
 }
+

index.html

@@ -11,6 +11,8 @@ layout: default
 
 {% include experiences.html %}
 
+{% include certifications.html %}
+
 {% include projects.html %}
 
 {% include oss-contributions.html %}
@@ -18,3 +20,4 @@ layout: default
 {% include publications.html %}
 
 {% include skills.html %}
+