Media Object & Footer

Media Object (.media)

User123 5 min ago

This is a comment using the media object. It can contain text, images, and actions.

Reply
Nested media object.

<div class="media">
  <div class="media-left">
    <figure class="image is-64x64">
      <img src="https://placehold.co/64x64" alt="avatar">
    </figure>
  </div>
  <div class="media-content">
    <p><strong>User123</strong> <small>5 min ago</small></p>
    <p>This is a comment using the media object.</p>
    <div class="media">
      <div class="media-left">
        <figure class="image is-48x48">
          <img src="https://placehold.co/48x48" alt="avatar">
        </figure>
      </div>
      <div class="media-content">
        <p><strong>Reply</strong> <br>Nested media object.</p>
      </div>
    </div>
  </div>
  <div class="media-right">
    <button class="delete"></button>
  </div>
</div>
<hr>
<div class="media">
  <div class="media-content">
    <input class="input" placeholder="Write a comment...">
  </div>
  <div class="media-right">
    <button class="button is-primary">Send</button>
  </div>
</div>

Footer (.footer)

<div class="footer">
  <p>This is the footer with .footer class</p>
  <p>© 2025 Bulma Tailwind - All rights reserved.</p>
</div>