Back to Layouts List

Campaigns

1 Landing Page

<header class="page-header">
  <div>
    <h1>Title</h1>
  </div>
</header>
<section class="campaign-wrapper">
  <ul class="grid-row">
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
    <li class="column-third">
      <a href="javascript:void(0)">
        <img src="//placehold.it/300x150" alt=""/>
        <h3>Caption</h3>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </p>
      </a>
    </li>
  </ul>
</section>