<section id="whoweare" class="section section-with-shape-divider bg-transparent border-0 m-0">
<div class="shape-divider shape-divider-bottom" style="height: 102px;">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 102" preserveAspectRatio="xMinYMin">
<path fill="#F7F7F7" d="M1895,78c-56.71-6.03-113.75-12.1-167-17c-75.42-6.94-133.81-10.66-171-13c-62.1-3.91-108.85-5.97-155-8
c-35.96-1.58-78.06-3.42-133-5c-59.81-1.72-103.18-2.23-172-3c-92.17-1.03-154.41-1.01-169-1c-69.05,0.05-115.16,0.67-137,1
c-43.08,0.65-76.21,1.48-97,2c-28.02,0.7-71.13,1.8-128,4c-16.64,0.64-57.72,2.28-111,5c-26.12,1.33-67.11,3.45-121,7
c-21.14,1.39-54.21,3.59-96,7c-19.93,1.63-39.22,3.32-47,4c-16.12,1.41-33.55,2.94-55,5c-26.48,2.54-19.07,2.04-77,8
c-19.39,1.99-36.94,3.77-60.59,7.46V103H1923V81C1916.55,80.3,1906.82,79.26,1895,78z"></path>
</svg>
</div>
<div class="container mt-2 mb-5 pb-5">
<div class="row align-items-center mb-4">
<div class="col-lg-5 mb-5 mb-lg-0">
<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;">WHO WE ARE</h2>
</div>
</div>
<h3 class="text-color-secondary font-weight-bold text-transform-none line-height-2 text-10 mb-4 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1200" style="animation-delay: 1200ms;">
Computer Hardware<br>
<span class="text-1 d-block">Services Done Right Away</span>
</h3>
<p class="custom-font-secondary text-4 mb-4 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1400" style="animation-delay: 1400ms;">
Get reliable & affordable computer hardware services for your facility with a 100% satisfaction guaranteed!
</p>
<p class="pb-1 mb-3 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1600" style="animation-delay: 1600ms;">
We offer you the greatest computer hardware services inside your area. Just few steps to connect with us...
</p>
<a href="{{ route('demo.business.about') }}" class="btn btn-primary btn-modern font-weight-bold text-3 px-5 py-3 appear-animation animated fadeInUpShorter appear-animation-visible" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1800" style="animation-delay: 1800ms;">VIEW MORE</a>
</div>
<div class="col-sm-10 col-lg-6 offset-sm-1 ps-sm-5 ps-lg-0">
<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, -8.42348%, 0px);">
<img src="{{ asset('public/modules/theme-business/images/common/generic-2.jpg') }}" class="img-fluid rounded-circle custom-box-shadow-1 appear-animation animated fadeInLeftShorter appear-animation-visible" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="1800" alt="" style="animation-delay: 1800ms;">
</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, -4.47016%, 0px);">
<img src="{{ asset('public/modules/theme-business/images/common/service-hardware-1.jpg') }}" class="img-fluid rounded-circle custom-box-shadow-1 appear-animation animated fadeInLeftShorter appear-animation-visible" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="1400" alt="" style="animation-delay: 1400ms;height: 400px;">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
|
Download
