Grid Block Four Up - HTML

grid-blocks-four.html

            <ul class="blocks four-up">
            <li>
                <div class="media-block region heading-bottom">
                  <figure>
                    <a href="#" title="Link title">
                            <img src="http://placehold.it/210x210" alt="Image Alt">
                        </a>
                  </figure>
                  <div class="media-body">
                        <h4 class="media-heading-bottom">Course tutor: Valerie Mace</h4>
                        <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>
                  </div>
               </div>
            </li>
            <li>
                <div class="media-block region heading-bottom">
                  <figure>
                    <a href="#" title="Link title">
                            <img src="http://placehold.it/210x210" alt="Image Alt">
                        </a>
                  </figure>
                  <div class="media-body">
                        <h4 class="media-heading-bottom">Course tutor: Valerie Mace</h4>
                        <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>
                  </div>
               </div>
            </li>            
            <li>
                <div class="media-block region heading-bottom">
                  <figure>
                    <a href="#" title="Link title">
                            <img src="http://placehold.it/210x210" alt="Image Alt">
                        </a>
                  </figure>
                  <div class="media-body">
                        <h4 class="media-heading-bottom">Course tutor: Valerie Mace</h4>
                        <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>
                  </div>
               </div>
            </li>
            <li>
                <div class="media-block region heading-bottom">
                  <figure>
                    <a href="#" title="Link title">
                            <img src="http://placehold.it/210x210" alt="Image Alt">
                        </a>
                  </figure>
                  <div class="media-body">
                        <h4 class="media-heading-bottom">Course tutor: Valerie Mace</h4>
                        <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>
                  </div>
               </div>
            </li>
        </ul>