<section class="section border-0 m-0">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="d-flex align-items-center mb-2">
<span class="custom-line appear-animation animated customLineAnimation appear-animation-visible" data-appear-animation="customLineAnimation" appear-animation-duration="1s" style="animation-delay: 100ms;"></span>
<div class="overflow-hidden ms-3">
<h2 class="text-color-primary font-weight-semibold line-height-3 text-4 mb-0 appear-animation animated maskRight appear-animation-visible" data-appear-animation="maskRight" data-appear-animation-delay="1000" style="animation-delay: 1000ms;">WHY CHOOSE US</h2>
</div>
</div>
<h3 class="text-color-secondary font-weight-bold text-transform-none text-8 mb-3 pb-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1200" style="animation-delay: 1200ms;">Our Benefits</h3>
<p class="mb-4 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1400" style="animation-delay: 1400ms;">
We offer easiest solutions for computer hardware related work and so clients get tense free...
<br>
We provide different solutions to make our client life easier...
</p>
</div>
</div>
<div class="row align-items-center justify-content-center mb-4">
<div class="col-lg-7 pe-lg-5 mb-5 mb-lg-0">
<div class="accordion custom-accordion-style-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1600" id="accordion1" style="animation-delay: 1600ms;">
<div class="card card-default">
<div class="card-header" id="collapse1HeadingOne">
<h4 class="card-title m-0">
<a class="accordion-toggle text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse1One" aria-expanded="false" aria-controls="collapse1One">
1 - Why Choose {{ config('app.name') }}
</a>
</h4>
</div>
<div id="collapse1One" class="collapse" aria-labelledby="collapse1HeadingOne" data-bs-parent="#accordion1">
<div class="card-body">
<p class="mb-0">
We offer easiest solutions for computer hardware related work and so clients get tense free...
</p>
</div>
</div>
</div>
<div class="card card-default">
<div class="card-header" id="collapse1HeadingTwo">
<h4 class="card-title m-0">
<a class="accordion-toggle text-color-dark font-weight-bold collapsed" data-bs-toggle="collapse" data-bs-target="#collapse1Two" aria-expanded="false" aria-controls="collapse1Two">
2 - When we'll take payment ?
</a>
</h4>
</div>
<div id="collapse1Two" class="collapse" aria-labelledby="collapse1HeadingTwo" data-bs-parent="#accordion1">
<div class="card-body">
<p class="mb-0">
We offer easiest solutions for computer hardware related work and so clients get tense free...
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-9 col-lg-5 ps-sm-5">
<div class="position-relative">
<div data-plugin-float-element="" data-plugin-options="{'startPos': 'top', 'speed': 0.2, 'transition': true, 'transitionDuration': 1000, 'isInsideSVG': true}" style="top: 0px; transition: transform 1000ms ease-out 0ms; transform: translate3d(0px, -6.64162%, 0px);">
<img src="{{ asset('public/modules/theme-business/images/common/generic-4.jpg') }}" class="img-fluid rounded-circle custom-box-shadow-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1200" alt="" style="animation-delay: 1200ms;">
</div>
<div class="position-absolute top-50pct left-50pct transform3dxy-n50" style="left: 25%;">
<div data-plugin-float-element="" data-plugin-options="{'startPos': 'top', 'speed': 0.3, 'transition': true, 'transitionDuration': 1000, 'isInsideSVG': true}" style="top: 0px; transition: transform 1000ms ease-out 0ms; transform: translate3d(0px, -3.39352%, 0px);">
<img src="{{ asset('public/modules/theme-business/images/common/our-benefits.jpg') }}" class="img-fluid rounded-circle custom-box-shadow-1 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1400" alt="" style="animation-delay: 1400ms;">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
|
Download
