1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 | <div class="row align-items-center mt-xlg">
<div class="col-sm-3">
<div class="pr-3 pr-sm-5 pb-3 pb-sm-0 border-right-light">
<h4 class="mb-2">Vertical Orientation</h4>
<p class="m-0">Demonstrates sliding up and down.</p>
</div>
</div>
<div class="col-sm-9">
<div data-plugin-before-after data-plugin-options="{'default_offset_pct': 0.7, 'orientation': 'vertical', 'before_label': 'Before', 'after_label': 'After', 'no_overlay': true}">
<!-- The before image is first -->
<img src="/Portals/22/img/studybefore.jpg" />
<!-- The after image is last -->
<img src="/Portals/22/img/studyafter.jpg" />
</div>
</div>
</div>
|