|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/grandpre/Library/components/tabs/services/ |
Upload File : |
<body>
<div class="row tabsv">
<div class="col-sm-4">
<ul class="nav" role="tablist">
<!-- tab -->
<li class="active">
<a data-toggle="tab" href="#tab1" role="tab">
<i class="fa fa-recycle"></i>
Services Tab1
</a>
</li>
<!-- tab -->
<!-- tab -->
<li>
<a data-toggle="tab" href="#tab2" role="tab">
<i class="fa fa-sitemap"></i>
Services Tab2
</a>
</li>
<!-- tab -->
<!-- tab -->
<li>
<a data-toggle="tab" href="#tab3" role="tab">
<i class="fa fa-life-ring"></i>
Services Tab3
</a>
</li>
<!-- tab -->
<!-- tab -->
<li>
<a data-toggle="tab" href="#tab4" role="tab">
<i class="fa fa-users"></i>
Services Tab4
</a>
</li>
<!-- tab -->
</ul>
</div>
<div class="col-sm-8">
<div class="thumb color tabsv-wrapper">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<div class="tab-content">
<!-- tab1 content -->
<div id="tab1" class="tab-pane fade in active">
<p>
<i class="fa fa-recycle"></i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quia, ad natus corrupti inventore mollitia, dolor omnis nesciunt, molestias officiis eum debitis dolore. Minima magnam odit cupiditate labore accusantium eaque!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi minus tenetur sunt aspernatur vitae, corporis nostrum quibusdam molestias, laudantium quia in a natus facilis beatae culpa inventore quidem illo atque.
</p>
</div>
<!-- tab1 content -->
<!-- tab2 content -->
<div id="tab2" class="tab-pane fade">
<p>
<i class="fa fa-sitemap"></i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quia, ad natus corrupti inventore mollitia, dolor omnis nesciunt, molestias officiis eum debitis dolore. Minima magnam odit cupiditate labore accusantium eaque!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi minus tenetur sunt aspernatur vitae, corporis nostrum quibusdam molestias, laudantium quia in a natus facilis beatae culpa inventore quidem illo atque.
</p>
</div>
<!-- tab2 content -->
<!-- tab3 content -->
<div id="tab3" class="tab-pane fade">
<p>
<i class="fa fa-life-ring"></i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quia, ad natus corrupti inventore mollitia, dolor omnis nesciunt, molestias officiis eum debitis dolore. Minima magnam odit cupiditate labore accusantium eaque!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi minus tenetur sunt aspernatur vitae, corporis nostrum quibusdam molestias, laudantium quia in a natus facilis beatae culpa inventore quidem illo atque.
</p>
</div>
<!-- tab3 content -->
<!-- tab4 content -->
<div id="tab4" class="tab-pane fade">
<p>
<i class="fa fa-users"></i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quia, ad natus corrupti inventore mollitia, dolor omnis nesciunt, molestias officiis eum debitis dolore. Minima magnam odit cupiditate labore accusantium eaque!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi minus tenetur sunt aspernatur vitae, corporis nostrum quibusdam molestias, laudantium quia in a natus facilis beatae culpa inventore quidem illo atque.
</p>
</div>
<!-- tab4 content -->
</div>
</div>
</div>
</div>
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="../../../../Site/images/library-components-tabs-services.png">
</div>
</body>