Grid Block Three Up - HTML

grid-blocks-three.html

<div class="row">
      <ul class="blocks d-all">
      <li>
        <div class="media-block region three-up heading-top">
          <h2 class="media-heading-top">
        Media Heading
      </h2>
      <a href="#" title="Link title">
        <figure>
          <img src="http://placehold.it/403x304" alt="Image Alt">
          <figcaption>Curabitur blandit tempus porttitor, Odio. Original by <a href="#">Lorem Ipsum</a></figcaption>
        </figure>
      </a>
      <div class="media-body">
      <h2 class="media-heading-bottom">
        Media Heading
      </h2>
      <p>Curabitur blandit tempus porttitor. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
      <p class="media-meta">meta</p>
    </div>
  </div>
      </li>
      <li>
        <div class="media-block region three-up heading-top">
          <h2 class="media-heading-top">
        Media Heading
      </h2>
      <a href="#" title="Link title">
        <figure>
         <img src="http://placehold.it/403x304" alt="Image Alt">
          <figcaption>Curabitur blandit tempus porttitor, Odio. Original by <a href="#">Lorem Ipsum</a></figcaption>
        </figure>
      </a>
      <div class="media-body">
      <h2 class="media-heading-bottom">
        Media Heading
      </h2>
      <p>Curabitur blandit tempus porttitor. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
      <p class="media-meta">meta</p>
    </div>
  </div>
      </li>
            <li>
        <div class="media-block region three-up heading-top">
          <h2 class="media-heading-top">
        Media Heading
      </h2>
      <a href="#" title="Link title">
        <figure>
         <img src="http://placehold.it/403x304" alt="Image Alt">
          <figcaption>Curabitur blandit tempus porttitor, Odio. Original by <a href="#">Lorem Ipsum</a></figcaption>
        </figure>
      </a>
      <div class="media-body">
      <h2 class="media-heading-bottom">
        Media Heading
      </h2>
      <p>Curabitur blandit tempus porttitor. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
      <p class="media-meta">meta</p>
    </div>
  </div>
      </li>
      </ul>
    </div>