BHLDN-resource-2col.html

<article class="template">
  <div class="template__wrapper">
    <div class="template__right-50">
      <!-- Heading Section: Right aligned on tablet and desktop -->
      <h1 class="title-1"><!-- Article heading goes here --></h1>
      <p class="fleuron"><!-- Subline goes here -  has fleuron below --></p>
    </div>
    <div class="template__left-50">
      <!-- LEFT column content starts here -->

      <!-- example image content -->
      <img src="<!-- image URL -->" alt="<!-- REQUIRED: Image alt text -->" class="img-block"/>
    </div>
    <div class="template__right-50">
      <!-- RIGHT column content starts here -->
      <!-- ARTICLE CONTENT - duplicate as required -->
      <h2 class="title-2"><!--Heading text goes here--></h2>
      <p><!--Article body text goes here --></p>
      <!--END ARTICLE CONTENT -->

      <!-- ALTERNATE/OPTIONAL CONTENT -->

      <!-- EXAMPLE FANCY CONTENT - has fleuron below content (looks great as last paragraph) -->
      <p class="fleuron"><!--Article body text goes here --></p>

      <!-- EXAMPLE BUTTON - centered in column -->
      <p class="center"><a href="<!-- Button URL goes here -->" class="button"><!-- Button text goes here --></a></p>
    </div>
  </div>
</article>