X-Git-Url: https://git.josue.xyz/?a=blobdiff_plain;f=views%2Findex.ejs;h=15980e7ad4f439be1cf56aff54b1e264b44ab556;hb=87e4f224771fcd794f3957658e0672d1a6dc3262;hp=c75491ec1627c4b89352a26b289f7be2247c86bb;hpb=caf34c9e3b71dbe252961a7af069fc3afbecf0b6;p=josuexyz%2F.git

diff --git a/views/index.ejs b/views/index.ejs
index c75491e..15980e7 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -39,18 +39,105 @@
       <div class="block">
         <div class="columns">
           <div class="column ">
-            <p class="notification is-light has-text-black">First Column</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">Third Column</p>
+            <article class="message">
+              <div class="message-header">
+                <p>Details</p>
+              </div>
+              <div class="message-body"></div>
+            </article>
           </div>
+        
         </div>
       </div>
     </section>
 
+    <section class="no-margin no-pading" >
+      <article class="message">
+        <div class="message-header">
+          <p>EDUCATION</p>
+          <!--<button class="delete" aria-label="delete"></button>-->
+        </div>
+        <div class="message-body colums">
+        
+          <!--This is a card working as a column in a messa working as container-->
+          <div class="card column is-half">
+            
+            <div class="card-content">
+              <div class="media">
+                <div class="media-left">
+                  <figure class="image is-48x48">
+                    <img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
+                  </figure>
+                </div>
+                <div class="media-content">
+                  <p class="title is-4">John Smith</p>
+                  <p class="subtitle is-6">@johnsmith</p>
+                </div>
+              </div>
+
+              <div class="content">
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                Phasellus nec iaculis mauris. <a>@bulmaio</a>.
+                <a href="#">#css</a> <a href="#">#responsive</a>
+                <br>
+                <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
+              </div>
+            </div>
+          </div>
+          
+
+          <!--This is another card working insid-->
+          <div class="card column is-half">
+            
+            <div class="card-content">
+              <div class="media">
+                <div class="media-left">
+                  <figure class="image is-48x48">
+                    <img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
+                  </figure>
+                </div>
+                <div class="media-content">
+                  <p class="title is-4">John Smith</p>
+                  <p class="subtitle is-6">@johnsmith</p>
+                </div>
+              </div>
+
+              <div class="content">
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                Phasellus nec iaculis mauris. <a>@bulmaio</a>.
+                <a href="#">#css</a> <a href="#">#responsive</a>
+                <br>
+                <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
+              </div>
+            </div>
+          </div>
+
+
+
+
+
+
+        </div>
+      </article>
+    </section>
 
 
   </body>