Vertical Images

These blocks grant perfect demonstrations in places, where words are redundant

2 Vertical Images

<div class="vertical-images vertical-images-hover-move vertical-images-hover-overlay">
  <div class="row">
    <div class="col-xs-6 no-padding">
      <div class="vertical-img-1"></div>
    </div>
    <div class="col-xs-6 no-padding">
      <div class="vertical-img-2"></div>
    </div>
  </div>
</div>

3 Vertical Images

<div class="vertical-images vertical-images-hover-move vertical-images-hover-overlay">
  <div class="row">
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-1"></div>
    </div>
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-2"></div>
    </div>
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-3"></div>
    </div>
  </div>
</div>

4 Vertical Images

<div class="vertical-images vertical-images-hover-move vertical-images-hover-overlay">
  <div class="row">
    <div class="col-xs-3 no-padding">
      <div class="vertical-img-1"></div>
    </div>
    <div class="col-xs-3 no-padding">
      <div class="vertical-img-2"></div>
    </div>
    <div class="col-xs-3 no-padding">
      <div class="vertical-img-3"></div>
    </div>
    <div class="col-xs-3 no-padding">
      <div class="vertical-img-4"></div>
    </div>
  </div>
</div>

Vertical Images Only Move

<div class="vertical-images vertical-images-hover-move">
  <div class="row">
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-1"></div>
    </div>
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-2"></div>
    </div>
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-3"></div>
    </div>
  </div>
</div>

Vertical Images Only Overlay

<div class="vertical-images vertical-images-hover-overlay">
  <div class="row">
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-1"></div>
    </div>
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-2"></div>
    </div>
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-3"></div>
    </div>
  </div>
</div>

Vertical Images Static

<div class="vertical-images">
  <div class="row">
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-1"></div>
    </div>
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-2"></div>
    </div>
    <div class="col-xs-4 no-padding">
      <div class="vertical-img-3"></div>
    </div>
  </div>
</div>

⌃