BHLDN-resource-real-brides.html

<article class="template">
  <!-- ROW 1 -->
  <div class="template__row">
    <div class="template__cell  template__cell--full-width">
      <hgroup class="template__right-half">
        <h1 class="title-4"><!-- ARTICLE TITLE GOES HERE --></h1>

        <!--EXAMPLE title from resourceguide with ampersand
        <h1 class="title-4">Jacob <span class="decorative">&amp;</span> Amy</h1>-->

        <!-- EXAMPLE monospaced subtitle (date)
        <h2 class="template__subtitle  monospace">10.28.2014</h2> -->
      </hgroup>

      <div class="template__left-half">
        <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" width="500" height="300">
      </div>

      <div class="template__right-half">
        <p class="monospace  justify"><!-- article text content goes here - uses monospaced font--></p>
      </div>
      <div class="template__right-half-wide">
        <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block" width="310" height="185">
      </div>
    </div>
  </div>

  <!-- ROW 2 -->
  <div class="template__row">
    <div class="template__cell">
      <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block" width="310" height="185">
    </div>
    <div class="template__cell">
      <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block" width="310" height="185">
    </div>
  </div>
  <div class="template__row  template__row--flex">
    <div class="template__cell">
      <p class="fancy-text"><!-- article text content goes here - uses monospaced font--></p>
    </div>
    <div class="template__cell">
      <div class="template__row">
        <div class="template__cell  template__cell--subcell  template__cell--no-padding">
          <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block" width="157" height="245">
        </div>
        <div class="template__cell  template__cell--subcell  template__cell--no-padding">
          <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block" width="157" height="245">
        </div>
      </div>
    </div>
  </div>

  <!-- ROW 3 -->
  <div class="template__row">
    <div class="template__cell">
      <img class="img-block" src="http://i.imgur.com/BPqAOCe.jpg" width="310" height="185">
      <p class="template--credit  monospace"><!-- PHOTOGRAPHER CREDIT GOES HERE-->
      </p>
      <p class="template__shop-link">
        <a class="decorative  decorative--link" href="#"><!--CTA LINK GOES HERE --></a>
      </p>
      <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block" width="310" height="185">
    </div>
    <div class="template__cell">
      <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block" width="500" height="300">
    </div>
  </div>
</article>