JD Coax (JD Tabs module)

JD Coax (JD Tabs module).txt

<!--Automotive  Manufacturing-->
<div class="row jd-tab-wrap py-5">
	<div class="col-12 col-lg-6 py-7 d-none d-lg-block" style="background: url(images/sections-bg/img-1.jpg); background-repeat: no-repeat; background-size: cover;">
		&nbsp
	</div>
	<!--End-->
	<div class="col-12 col-lg-6 py-7" style="background: #f02930;">
		<div class="jd-tab-content px-3 px-lg-5 px-xl-7">
			<h4>Automotive Manufacturing</h4>
			<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,</p>
			<p>Content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum.</p>
<br>
			<a class="btn btn-outline-primary">READ MORE <i class="fas fa-caret-right ml-2"></i></a>
		</div>
	</div>
	<!--End-->
</div>

<!--Industrial  Construction-->
<div class="row jd-tab-wrap py-5">
	<div class="col-12 col-lg-6 py-7 order-2 d-none d-lg-block" style="background: url(images/sections-bg/img-1.jpg); background-repeat: no-repeat; background-size: cover;">
		&nbsp
	</div>
	<!--End-->
	<div class="col-12 col-lg-6 py-7" style="background: #f02930;">
		<div class="jd-tab-content px-3 px-lg-5 px-xl-7">
			<h4>Industrial  Construction</h4>
			<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,</p>
			<p>Content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum.</p>
<br>
			<a class="btn btn-outline-primary">READ MORE <i class="fas fa-caret-right ml-2"></i></a>
		</div>
	</div>
	<!--End-->
</div>

<!--Mechanical  Engineering-->
<div class="row jd-tab-wrap py-5">
	<div class="col-12 col-lg-6 py-7 d-none d-lg-block" style="background: url(images/sections-bg/img-1.jpg); background-repeat: no-repeat; background-size: cover;">
		&nbsp
	</div>
	<!--End-->
	<div class="col-12 col-lg-6 py-7" style="background: #f02930;">
		<div class="jd-tab-content px-3 px-lg-5 px-xl-7">
			<h4>Mechanical  Engineering</h4>
			<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,</p>
			<p>Content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum.</p>
<br>
			<a class="btn btn-outline-primary">READ MORE <i class="fas fa-caret-right ml-2"></i></a>
		</div>
	</div>
	<!--End-->
</div>

<!--Bridge  Construction-->
<div class="row jd-tab-wrap py-5">
	<div class="col-12 col-lg-6 py-7 order-2 d-none d-lg-block" style="background: url(images/sections-bg/img-1.jpg); background-repeat: no-repeat; background-size: cover;">
		&nbsp
	</div>
	<!--End-->
	<div class="col-12 col-lg-6 py-7" style="background: #f02930;">
		<div class="jd-tab-content px-3 px-lg-5 px-xl-7">
			<h4>Bridge  Construction</h4>
			<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,</p>
			<p>Content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum.</p>
<br>
			<a class="btn btn-outline-primary">READ MORE <i class="fas fa-caret-right ml-2"></i></a>
		</div>
	</div>
	<!--End-->
</div>

<!--Oil & Gas  Energy-->
<div class="row jd-tab-wrap py-5">
	<div class="col-12 col-lg-6 py-7 d-none d-lg-block" style="background: url(images/sections-bg/img-1.jpg); background-repeat: no-repeat; background-size: cover;">
		&nbsp
	</div>
	<!--End-->
	<div class="col-12 col-lg-6 py-7" style="background: #f02930;">
		<div class="jd-tab-content px-3 px-lg-5 px-xl-7">
			<h4>Oil & Gas  Energy</h4>
			<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,</p>
			<p>Content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum.</p>
<br>
			<a class="btn btn-outline-primary">READ MORE <i class="fas fa-caret-right ml-2"></i></a>
		</div>
	</div>
	<!--End-->
</div>