From c7a85e8209ae79965a9cae5952aae3924ae75ea2 Mon Sep 17 00:00:00 2001
From: mmacneil <markmacneil@gmail.com>
Date: Wed, 21 Aug 2019 22:31:51 -0300
Subject: [PATCH] Projects wip.

---
 index.html | 62 ++++++++++++++++++++++++++++++++----------------------
 1 file changed, 37 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html
index d10aafd..f10fbf7 100644
--- a/index.html
+++ b/index.html
@@ -182,31 +182,45 @@
   </section>
 
   <section class="section">
-      <div class="container">
-        <h1 class="title">Education / Training</h1>
-        <hr />
-        <div class="card">
-            <div class="card-content">
-              <div class="media">
-                <div class="media-left">
-                  <figure class="image is-48x48">
-                    <img src="img/dunder-mifflin-logo.png" alt="Placeholder image">
-                  </figure>
-                </div>
-                <div class="media-content">
-                  <p class="title is-4">School Name</p>
-                  <p class="subtitle is-6">Program - <time datetime="2016-9">September 2016</time> - <time
-                      datetime="2019-9">Sepemter 2019</time> </p>
-                </div>
-              </div>
-              <div class="content">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                Phasellus nec iaculis mauris.
-              </div>
+    <div class="container">
+      <h1 class="title">Education / Training</h1>
+      <hr />
+      <div class="card">
+        <div class="card-content">
+          <div class="content">
+            <p class="title is-4">School Name</p>
+            <p class="subtitle is-6">Degree/Program/Course - <time datetime="2016-9">September 2016</time> - <time
+                datetime="2019-9">Sepemter 2019</time></p>
+          </div>
+          <div class="content">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+            Phasellus nec iaculis mauris.
+            <ul>
+              <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+              <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>              
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div class="card card-gap">
+          <div class="card-content">
+            <div class="content">
+              <p class="title is-4">School Name</p>
+              <p class="subtitle is-6">Degree/Program/Course - <time datetime="2015-9">September 2014</time> - <time
+                  datetime="2015-9">Sepemter 2015</time></p>
+            </div>
+            <div class="content">
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+              Phasellus nec iaculis mauris.
+              <ul>
+                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+                  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>                  
+                </ul>
             </div>
           </div>
-       </div>
-  </section>  
+        </div>
+    </div>
+  </section>
 
   <!-- Modals -->
   <div id="project-1-modal" class="modal">
@@ -305,7 +319,6 @@
     </div>
   </div>
 
-
   <div id="project-4-modal" class="modal">
     <div class="modal-background"></div>
     <div class="modal-card">
@@ -338,7 +351,6 @@
     </div>
   </div>
 
-
   <div id="project-5-modal" class="modal">
     <div class="modal-background"></div>
     <div class="modal-card">