<div className="row">
<div className="col-lg-12">
<ul className="nav nav-pills nav-justified flex-column flex-sm-row rounded">
<li className="nav-item">
<Link className={`nav-link rounded ${activeTab === 1 ? 'active' : ''}`} href="#" scroll={false} onClick={()=›setActiveTab(1)}>
<div className="text-center py-2">
<h6 className="mb-0">Home</h6>
</div>
</a><!--end nav link-->
</li><!--end nav item-->
<li className="nav-item">
<Link className={`nav-link rounded ${activeTab === 2 ? 'active' : ''}`} href="#" scroll={false} onClick={()=›setActiveTab(2)}>
<div className="text-center py-2">
<h6 className="mb-0">About</h6>
</div>
</a><!--end nav link-->
</li><!--end nav item-->
<li className="nav-item">
<Link className={`nav-link rounded ${activeTab === 3 ? 'active' : ''}`} href="#" scroll={false} onClick={()=›setActiveTab(3)}>
<div className="text-center py-2">
<h6 className="mb-0">Service</h6>
</div>
</a><!--end nav link-->
</li><!--end nav item-->
</ul><!--end nav pills-->
</div><!--end col-->
</div><!--end row-->
<div className="row pt-3">
<div className="col-12">
<div className="tab-content">
<div className={`tab-pane fade ${activeTab === 1 ? 'show active' : ''}`}>
<p className="text-muted mb-0">You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.</p>
</div><!--end teb pane-->
<div className={`tab-pane fade ${activeTab === 2 ? 'show active' : ''}`}>
<p className="text-muted mb-0">You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.</p>
</div><!--end teb pane-->
<div className={`tab-pane fade ${activeTab === 3 ? 'show active' : ''}`}>
<p className="text-muted mb-0">You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.</p>
</div><!--end teb pane-->
</div><!--end tab content-->
</div><!--end col-->
</div><!--end row-->
You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.
You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.
You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.
<div className="row">
<div className="col-md-4 mt-4 pt-2">
<ul className="nav nav-pills nav-justified flex-column rounded shadow p-3 mb-0 sticky-bar" id="pills-tab" role="tablist">
<li className="nav-item">
<Link className={`nav-link rounded ${activeTab2 === 1 ? 'active' : ''}`} href="#" scroll={false} onClick={()=›setActiveTab2(1)}>
<div className="text-center py-1">
<h6 className="mb-0">Home</h6>
</div>
</Link><!--end nav link-->
</li><!--end nav item-->
<li className="nav-item mt-2">
<Link className={`nav-link rounded ${activeTab2 === 2 ? 'active' : ''}`} href="#" scroll={false} onClick={()=›setActiveTab2(2)}>
<div className="text-center py-1">
<h6 className="mb-0">About</h6>
</div>
</Link><!--end nav link-->
</li><!--end nav item-->
<li className="nav-item mt-2">
<Link className={`nav-link rounded ${activeTab2 === 3 ? 'active' : ''}`} href="#" scroll={false} onClick={()=›setActiveTab2(3)}>
<div className="text-center py-1">
<h6 className="mb-0">Service</h6>
</div>
</Link><!--end nav link-->
</li><!--end nav item-->
</ul><!--end nav pills-->
</div><!--end col-->
<div className="col-md-8 col-12 mt-4 pt-2">
<div className="tab-content">
<div className={`tab-pane fade p-4 rounded shadow ${activeTab2 === 1 ? 'show active' : ''}`}>
<p className="text-muted mb-0">You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.</p>
</div><!--end teb pane-->
<div className={`tab-pane fade p-4 rounded shadow ${activeTab2 === 2 ? 'show active' : ''}`}>
<p className="text-muted mb-0">You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.</p>
</div><!--end teb pane-->
<div className={`tab-pane fade p-4 rounded shadow ${activeTab2 === 3 ? 'show active' : ''}`}>
<p className="text-muted mb-0">You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.</p>
</div><!--end teb pane-->
</div><!--end tab content-->
</div><!--end col-->
</div><!--end row-->
You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.
You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.
You can combine all the Landrick templates into a single one, you can take a component from the Application theme and use it in the Website.