<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="tabs">
<div class="container">
<div class="row">
<div class="col-xl-2">
<ul class="nav nav-pills nav-stacked flex-column">
<li class="active"><a href="#tab_a" data-toggle="pill">TAB 1</a></li>
<li><a href="#tab_b" data-toggle="pill">TAB 2</a></li>
<li><a href="#tab_c" data-toggle="pill">TAB 3</a></li>
</ul>
</div>
<div class="col-xl-6">
<div class="tab-content">
<div class="tab-pane active" id="tab_a">
<h3>First tab with soft transitioning effect.</h3>
<p>American Builders Inc. is your full service general contractor. We have been helping
clients throughout Eastern North Carolina with their construction needs since 1996.
We take pride in understanding our clients' needs, making their construction experience
as worry free as possible and only delivering a finished product that will withstand the
test of time. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod
bibendum laoreet.</p>
</div>
<div class="tab-pane" id="tab_b">
<h3>Second tab with soft transitioning effect.</h3>
<p>We maintain a reputation for effective communication and collaboration between our
team and clients to minimize surprises and ensure precise project delivery. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Aenean euismod
bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra
justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque
penatibus et magnis dis parturient montes.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod
bibendum laoreet.</p>
