<section class="l-section">
    <div class=" l-container">
        <div class="g-row g-row-flex g-clear-3@print">
            <div class="g g-flex g-4@md g-4@print">
                <div class="highlight highlight-link u-bg-theme">
                    <p class="highlight_figure">
                        <a href="#">
          <img class="" src="../../assets/bridge-524-295.jpg" alt="" >
        </a>
                    </p>

                    <div class="highlight_body">
                        <h3 class="typography-inverse highlight_text">
                            Lorem ipsum
                        </h3>

                        <div class="typography">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>
                        </div>
                    </div>

                    <p class="highlight_button">
                        <a class="actionLink actionLink-alt" href="#">
  <span>Lorem ipsum</span>
</a>

                    </p>
                </div>

            </div>
            <div class="g g-flex g-4@md g-4@print">
                <div class="highlight u-bg-theme">

                    <div class="highlight_body">
                        <h3 class="typography-inverse highlight_text">
                            Lorem ipsum
                        </h3>

                        <div class="typography">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>
                        </div>
                    </div>

                </div>

            </div>
            <div class="g g-flex g-4@md g-4@print">
                <div class="highlight u-bg-theme">
                    <p class="highlight_figure">
                        <img class="" src="../../assets/bridge-524-295.jpg" alt="">
                    </p>

                    <div class="highlight_body">
                        <h3 class="typography-inverse highlight_text">
                            Lorem ipsum
                        </h3>

                        <div class="typography">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
</section>
<section class="l-section">
  <div class=" l-container">
    <div class="g-row g-row-flex g-clear-3@print">
      <div class="g g-flex g-4@md g-4@print">
        {{render '@highlight--with-link-and-image' }}
      </div>
      <div class="g g-flex g-4@md g-4@print">
        {{render '@highlight' }}
      </div>
      <div class="g g-flex g-4@md g-4@print">
        {{render '@highlight--with-image' }}
      </div>
    </div>
  </div>
</section>
/* No context defined for this component. */

There are no notes for this item.