Continued development of Resume section

www/themes/jason-williamsca/assets/css/resume.css

@@ -13,13 +13,24 @@ h1 + h2 {
     margin-top: 0;
 }
 
-.card {
+section h1:first-child {
-    /*width: 25rem;*/
+    margin-top: 0;
-    margin-bottom: 1rem;
 }
 
-#card-gutter {
+section + section {
-    width: 0;
+    margin-top: 3rem;
+}
+
+.main {
+    font-size: 1.2rem;
+}
+
+.card {
+    margin-bottom: 2rem;
+}
+
+section.resume-section .resume-item .resume-date {
+    min-width: 18rem;
 }
 
 /* lg Breakpoint */

www/themes/jason-williamsca/assets/css/theme.css

@@ -147,7 +147,12 @@ html::-webkit-scrollbar-thumb {
     color: white;
 }
 
+.card {
+    color: rgba(0, 0, 0, 0.75);
+}
+
 .card h1, .card h2, .card h3 {
+    color: var(--main-accent-color);
     margin-top: 0;
 }
 

www/themes/jason-williamsca/layouts/default.htm

@@ -12,7 +12,7 @@ description = "Default Layout"
         <!-- Bootstrap CSS -->
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha256-aAr2Zpq8MZ+YA/D6JtRD3xtrwpEz2IqOS+pWD/7XKIw=" crossorigin="anonymous" />
 
-        <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Raleway:wght@500;600&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Raleway:ital@0;1&display=swap" rel="stylesheet">
         <link href="{{ 'assets/css/theme.css'|theme }}" rel="stylesheet">
         {% styles %}
         <link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/images/favicon-32x32.png'|theme }}">

www/themes/jason-williamsca/layouts/sidesubmenu.htm

@@ -10,7 +10,7 @@ description = "Page with a Submenu"
         <!-- Bootstrap CSS -->
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha256-aAr2Zpq8MZ+YA/D6JtRD3xtrwpEz2IqOS+pWD/7XKIw=" crossorigin="anonymous" />
 
-        <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Raleway:wght@500;600&display=swap" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Cinzel&family=Raleway:ital@0;1&display=swap" rel="stylesheet">
         <link href="{{ 'assets/css/theme.css'|theme }}" rel="stylesheet">
         <link href="{{ 'assets/css/sidemenu.css'|theme }}" rel="stylesheet">
         {% styles %}

www/themes/jason-williamsca/pages/resume.htm

@@ -21,7 +21,7 @@ function onStart()
     <div class="subheading mt-n1 mb-5">4<sup>th</sup> Floor, 1207 11 Ave SW · Calgary, AB, T3C 0M5 · <a href="tel:+15872888242">(587) 288-8242</a> · <a href="/contact">&#106;&#64;&#115;&#111;&#110;&#45;&#119;&#105;&#108;&#108;&#105;&#97;&#109;&#115;&#46;&#99;&#97;</a>
     </div>
         
-    <p class="main">I've built my career on the notion that <em>how</em> work gets done is as impactful to results as <em>what</em> that work is. Most recently I've been leading intelligent process automation work: I build robots for a living. <i class="fas fa-robot"></i></p>
+    <p class="main">I've built my career on the notion that <em>how</em> work gets done is as impactful to results as <em>what</em> that work is. Most recently I've been leading <a href="https://www.mckinsey.com/business-functions/mckinsey-digital/our-insights/intelligent-process-automation-the-engine-at-the-core-of-the-next-generation-operating-model">intelligent process automation</a> work: I build robots for a living.</p>
         
     <p class="mb-5">Along the way I've developed an expertise in product management, lean six sigma, design thinking, agile software development, process management and gained experience in recruitment, coaching and people development, data visualization and even a little web development.</p>
 
@@ -33,7 +33,7 @@ function onStart()
     <div class="w-100">
         <h1>Skills &amp; Expertise</h1>
         <div class="masonry">
-            <div class="masonry-wrapper col-4">
+            <div class="masonry-wrapper col-sm-6 col-xl-4">
                 <div class="card">
                     <div class="card-body">
                         <h2 class="card-title">Product Management</h2>
@@ -42,7 +42,7 @@ function onStart()
                 </div>
             </div>
             
-            <div class="masonry-wrapper col-4">
+            <div class="masonry-wrapper col-sm-6 col-xl-4">
                 <div class="card">
                     <div class="card-body">
                         <h2 class="card-title">Project Management</h2>
@@ -51,8 +51,7 @@ function onStart()
                 </div>
             </div>
 
-
+            <div class="masonry-wrapper col-sm-6 col-xl-4">
-            <div class="masonry-wrapper col-4">
                 <div class="card">
                     <div class="card-body">
                         <h2 class="card-title">Lean Six-Sigma</h2>
@@ -61,8 +60,7 @@ function onStart()
                 </div>
             </div>
 
-
+            <div class="masonry-wrapper col-sm-6 col-xl-4">
-            <div class="masonry-wrapper col-4">
                 <div class="card">
                     <div class="card-body">
                         <h2 class="card-title">Business Analysis</h2>
@@ -71,8 +69,7 @@ function onStart()
                 </div>
             </div>
 
-
+            <div class="masonry-wrapper col-sm-6 col-xl-4">
-            <div class="masonry-wrapper col-4">
                 <div class="card">
                     <div class="card-body">
                         <h2 class="card-title">Business Technology</h2>
@@ -85,15 +82,90 @@ function onStart()
 </section>
 
 <section class="resume-section d-flex align-items-center" id="experience">
-    <h1>Experience</h1>
+    <div class="w-100">
+        <h1>Experience Highlights</h1>
+        <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
+            <div class="resume-content">
+                <h3 class="mb-0">Senior Web Developer</h3>
+                <div class="subheading mb-3">Intelitec Solutions</div>
+                <p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud solution. User generated content in real-time will have multiple touchpoints for offshoring.</p>
+            </div>
+            <div class="resume-date text-md-right">
+                <span class="text-primary">March 2013 - Present</span>
+            </div>
+        </div>
+        
+        <p><i class="fab fa-linkedin"></i> See more of my career experience on <a href="#">my LinkedIn profile</a>.</p>
+    </div>
 </section>
 
 <section class="resume-section d-flex align-items-center" id="education">
+    <div class="w-100">
         <h1>Education</h1>
+        <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
+            <div class="resume-content">
+                <h3 class="mb-0">Extension Certificate, Project Management</h3>
+                <div class="subheading mb-3">Mount Royal University, Calgary, Canada</div>
+                <p>Achieved an A+ grade in a project management extension certificate. This program provides a thorough foundation in the project management knowledge areas recognized by the project management institute. It also provides the foundation to prepare for the Certified Associate in Project Management (CAPM)® and Project Management Professional (PMP)® credential.</p>
+            </div>
+            <div class="resume-date text-md-right">
+                <span class="text-primary">2014 - 2016</span>
+            </div>
+        </div>
+
+        <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
+            <div class="resume-content">
+                <h3 class="mb-0">Extension Certificate, Business Analysis</h3>
+                <div class="subheading mb-3">Mount Royal University, Calgary, Canada</div>
+                <p>Achieved an A+ grade in a business analysis extension certificate. This course explored the role and responsibilities of today’s business analyst, including industry recognized skills, tasks and knowledge areas.</p>
+            </div>
+            <div class="resume-date text-md-right">
+                <span class="text-primary">2011 - 2012</span>
+            </div>
+        </div>
+
+        <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
+            <div class="resume-content">
+                <h3 class="mb-0">A-Levels</h3>
+                <div class="subheading mb-3">Gorseinon Tertiary College, Swansea, United Kingdom</div>
+                <p>Achieved A-Level qualifications in Mathematics (Pure & Statistics), Economics and Computer Science, and an AS-Level qualification in Accounting.</p>
+            </div>
+            <div class="resume-date text-md-right">
+                <span class="text-primary">1997 - 1999</span>
+            </div>
+        </div>
+
+        <div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
+            <div class="resume-content">
+                <h3 class="mb-0">General Certificate of Secondary Education</h3>
+                <div class="subheading mb-3">Pontarddulais Comprehensive School, Swansea, United Kingdom</div>
+                <p>Achieved GCSEs (UK equivalent of high-school) in English, English Literature, Mathematics, Science (double award), Information Systems, History, Music, French and German.</p>
+            </div>
+            <div class="resume-date text-md-right">
+                <span class="text-primary">1992 - 1997</span>
+            </div>
+        </div>
+    </div>
 </section>
 
 <section class="resume-section d-flex align-items-center" id="certifications">
+    <div class="w-100">
         <h1>Certifications</h1>
+        <h2>First Aid</h2>
+        <div class="subheading">Standard First Aid, Level C CPR and AED</div>
+        <p>St John Ambulance Canada; Awarded October 2011</p>
+        
+        <h2>Call Handling</h2>
+        <div class="subheading">Call Handling Operations NVQ, Level 3</div>
+        <p>City &amp; Guilds UK; Awarded 2005</p>
+        
+        <div class="subheading">Call Handling NVQ, Level 2</div>
+        <p>City &amp; Guilds UK; Awarded 2003</p>
+        
+        <h2>Customer Service</h2>
+        <div class="subheading">Customer Service NVQ, Level 2</div>
+        <p>City &amp; Guilds UK; Awarded 2003</p>
+    </div>
 </section>
 
 <section class="resume-section d-flex align-items-center" id="awards">