moded cards position, still needs lots of work

[josuexyz/.git] / views / index.ejs

diff --git a/views/index.ejs b/views/index.ejs
index 28c0b07d6bd8c57a7c3d26e9e7e1d3e3e57db363..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>
@@ -71,8 +72,8 @@
     <section class="no-margin no-pading" >
       <article class="message">
         <div class="message-header">
-          <p>Hello World</p>
-          <button class="delete" aria-label="delete"></button>
+          <p>EDUCATION</p>
+          <!--<button class="delete" aria-label="delete"></button>-->
         </div>
         <div class="message-body colums">