<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>
<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">
<!--This is a card working as a column in a messa working as container-->
<div class="card column is-half">
- <div class="card-image">
- <figure class="image is-4by3">
- <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
- </figure>
- </div>
+
<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">
+ <img src="https://www.pucmm.edu.do/recursos/PublishingImages/Paginas/logos/Logo%20PUCMM%20%28Color%29.png" alt="Placeholder image">
</figure>
</div>
<div class="media-content">
<!--This is another card working insid-->
<div class="card column is-half">
- <div class="card-image">
- <figure class="image is-4by3">
- <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
- </figure>
- </div>
+
<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">
+ <img src="https://www.ipisa.edu.do/wp-content/uploads/2018/08/cropped-logo-1.png" alt="Placeholder image">
</figure>
</div>
<div class="media-content">