<div class="section bg-image py-5" data-img-src="../../assets/images/upload/section-bg-shape-01.png">
<div class="container">
<div class="row my-5">
<div class="col-lg-8 offset-lg-2">
<div class="text-center mt-3">
<h2 class="h1 font-weight-800 line-height-sm mb-4">Application Overview</h2>
<div class="zz-separator zz-separator-wide ml-auto mr-auto mb-4" data-width="93px"></div>
<div data-height="20px"></div>
<div class="lead">
Pretium purus eget cursus molestie magna nunc pulvinar dolor pulvinar condimentum erat nullam ornare dictum magna quis himenaeos
</div>
<div data-height="10px"></div>
</div>
</div>
</div>
<div class="row mb-5">
<div class="col">
<ul class="nav nav-pills justify-content-center mb-5" id="overview-tab" role="tablist">
<li class="nav-item mb-3 mb-md-0">
<a class="nav-link active" id="overview-tab-1" data-toggle="pill" href="#overview-content-1" role="tab" aria-controls="overview-content-1" aria-selected="false">What's New</a>
</li>
<li class="nav-item mb-3 mb-md-0">
<a class="nav-link" id="overview-tab-2" data-toggle="pill" href="#overview-content-2" role="tab" aria-controls="overview-content-2" aria-selected="false">Feature Highlight</a>
</li>
</ul>
<div class="tab-content pt-4 pt-lg-5" id="overview-tabContent">
<div class="tab-pane fade show active" id="overview-content-1" role="tabpanel" aria-labelledby="overview-tab-1">
<div class="d-none d-md-block" data-height="10px"></div>
<div class="row align-items-center mb-4">
<div class="col-lg-6">
<div class="text-center px-4 mb-5 mb-lg-0">
<img class="img-fluid mb-4 mb-lg-0" src="../../assets/images/upload/phone-mockup-03.png" alt="image">
</div>
</div>
<div class="col-lg-6">
<div class="pr-lg-5">
<div class="pr-lg-5">
<h4 class="font-weight-700 mb-4">Fresh, New Ideas</h4>
<p>Facilisis cursus in urna sit amet fringilla aliquam erat volutpat ac neca eleifend leo id rhoncus libero ut mollis, magna sem vehicula lacinia risus erat aliquam dolor sagittis varius.</p>
<div class="row pt-4 mb-3">
<div class="col-md-6 mb-4">
<img src="../../assets/images/upload/mobile-phone-02.jpg" alt="image" class="img-fluid rounded shadow">
</div>
<div class="col-md-6 mb-4">
<img src="../../assets/images/upload/mobile-phone-03.jpg" alt="image" class="img-fluid rounded shadow">
</div>
</div>
<p>Duis volutpat justo scelerisque laoreet condimentum in pellentesque posuere enim integer condimentum.</p>
<div data-height="40px"></div>
<a href="#" class="btn btn-round btn-lg btn-dark-gray mr-3"><i class="fab fa-app-store"></i>App Store</a>
<a href="#" class="btn btn-round btn-lg btn-dark-gray"><i class="fab fa-google-play"></i>Google Play</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="overview-content-2" role="tabpanel" aria-labelledby="overview-tab-2">
<div class="d-none d-md-block" data-height="10px"></div>
<div class="row align-items-center mb-4">
<div class="col-lg-6">
<div class="text-center px-4 mb-5 mb-lg-0">
<img class="img-fluid mb-4 mb-lg-0" src="../../assets/images/upload/phone-mockup-04.png" alt="image">
</div>
</div>
<div class="col-lg-6">
<div class="pr-lg-5">
<div class="pr-lg-5">
<h4 class="font-weight-700 mb-4">Meet The Founders</h4>
<div class="pb-5">
<p>Fusce adipiscing neque sem arcu rutrum pretium phasellus viverra ullamcorper arcu dolor leo nec nunc condimentum.</p>
</div>
<div class="testimonial-1 mb-5">
<div class="testimonial-image">
<figure>
<img class="img-fluid" src="../../assets/images/upload/founder-01.jpg" alt="image">
</figure>
</div>
<div class="testimonial-details">
<div class="font-italic">
<p>Duis imperdiet neca tristique suspendise mattis condimetum tricies enim.</p>
</div>
<div class="lead-sm font-weight-700 text-dark-gray">
David Brown
</div>
</div>
</div>
<div class="d-md-none" data-height="30px"></div>
<div class="testimonial-1">
<div class="testimonial-image">
<figure>
<img class="img-fluid" src="../../assets/images/upload/founder-02.jpg" alt="image">
</figure>
</div>
<div class="testimonial-details">
<div class="font-italic">
<p>Phasellus ante cursus metus sem gravida neque mauris porttitor neque.</p>
</div>
<div class="lead-sm font-weight-700 text-dark-gray">
Ramon Bolden
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none d-xl-block" data-height="15px"></div>
</div>
</div>
