moded cards position, still needs lots of work

diff --git a/views/index.ejs b/views/index.ejs
index 6f854c8331fe19a2c44677c37e15242cf615928d..15980e7ad4f439be1cf56aff54b1e264b44ab556 100644 (file)
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -39,31 +39,32 @@
       <div class="block">
         <div class="columns">
           <div class="column ">
-            <p class="notification is-light has-text-black">About Me</p>
+            <article class="message">
+              <div class="message-header">
+                <p>About me</p>
+              </div>
+              <div class="message-body"></div>
+            </article>
           </div>
+
           <div class="column ">
-            <p class="notification is-light has-text-black">Second Column</p>
+            <article class="message">
+              <div class="message-header">
+                <p>still dont know</p>
+              </div>
+              <div class="message-body"></div>
+            </article>
           </div>
+          
           <div class="column ">
-            <p class="notification is-light has-text-black">Details</p>
-            <div class="list is-hoverable">
-              <a class="list-item">
-                <strong></strong>
-              </a>
-              <a class="list-item">
-                <strong></strong> 
-              </a>
-              <a class="list-item is-active">
-                <strong></strong> 
-              </a>
-              <a class="list-item">
-                <strong></strong> 
-              </a>
-              <a class="list-item">
-                <strong></strong> 
-              </a>
-            </div>
+            <article class="message">
+              <div class="message-header">
+                <p>Details</p>
+              </div>
+              <div class="message-body"></div>
+            </article>
           </div>
+        
         </div>
       </div>
     </section>
@@ -72,7 +73,7 @@
       <article class="message">
         <div class="message-header">
           <p>EDUCATION</p>
-          <button class="delete" aria-label="delete"></button>
+          <!--<button class="delete" aria-label="delete"></button>-->
         </div>
         <div class="message-body colums">