Image Half

50% width images with text block or media aside

Default

<div class="image-half block-medium-alt-even">
  <div class="row">
    <div class="col-sm-6 image-half-container"></div>
    <div class="col-sm-6 image-half-info">
      <div class="image-half-info-inner text-center">
        <div class="image-half-icon">
          <i class='fa fa-briefcase'></i>
        </div>
        <p class="lead-alt content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus</p>
      </div>
    </div>
  </div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus

Double Images

<div class="image-half block-medium-alt-even">
  <div class="row">
    <div class="col-xs-12 col-sm-6 image-half-container p-a-0">
      <div class="image-half-info-inner text-center p-l-0 p-r-0">
        <div class="image-half-icon image-half-icon-white">
          <i class='fa fa-briefcase'></i>
        </div>
      </div>
    </div>
    <div class="col-xs-12 col-sm-6 image-half-container p-a-0">
      <div class="image-half-info-inner text-center p-l-0 p-r-0">
        <div class="image-half-icon image-half-icon-white">
          <i class='fa fa-calendar'></i>
        </div>
      </div>
    </div>
  </div>
</div>

Single Video

<div class="image-half block-tall-alt-even">
  <div class="row">
    <div class="col-sm-6 image-half-info">
      <div class="image-half-info-inner text-center image-half-solo-video">
        <iframe src='//www.youtube.com/embed/M9ITWjBPwDA' allowfullscreen></iframe>
        <p class="content lead-alt m-t-md">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor</p>
      </div>
    </div>
    <div class="col-sm-6 image-half-container"></div>
  </div>
</div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor

Multiple Videos

<div class="image-half block-tall-alt-even">
  <div class="row">
    <div class="col-xs-12 col-md-6 image-half-info p-r-0">
      <div class="image-half-video-container">
        <a href="#" data-youtube="M9ITWjBPwDA" data-toggle="modal" data-target=".video-modal"></a>
        <a href="#" data-youtube="M9ITWjBPwDA" data-toggle="modal" data-target=".video-modal"></a>
        <a href="#" data-youtube="M9ITWjBPwDA" data-toggle="modal" data-target=".video-modal"></a>
        <a href="#" data-youtube="M9ITWjBPwDA" data-toggle="modal" data-target=".video-modal"></a>
        <a href="#" data-youtube="M9ITWjBPwDA" data-toggle="modal" data-target=".video-modal"></a>
      </div>
      <div class="image-half-big-video-container">
        <div class="image-half-big-video">
          <a href="#" data-youtube="M9ITWjBPwDA" data-toggle="modal" data-target=".video-modal">
            <img src="/img/corporate/ih-8.jpg" alt="image half big 1">
          </a>
          <br>
          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non elementum. Nullam nec volutpat felis.</span>
        </div>
        <div class="image-half-big-video-second">
          <a href="#" data-youtube="M9ITWjBPwDA" data-toggle="modal" data-target=".video-modal">
            <img src="/img/corporate/ih-9.jpg" alt="image half big 2">
          </a>
          <br>
          <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non elementum. Nullam nec volutpat felis.</span>
        </div>
      </div>
    </div>
    <div class="col-md-6 image-half-container no-padding"></div>
  </div>
</div>
image half big 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non elementum. Nullam nec volutpat felis.
image half big 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non elementum. Nullam nec volutpat felis.