492 lines
29 KiB
PHP
492 lines
29 KiB
PHP
<?php include("header.php") ?>
|
||
|
||
<section class="section-page-header py-10 fix position-relative">
|
||
<div class="container position-relative z-1">
|
||
<div class="text-start">
|
||
<h3>Our Services</h3>
|
||
<div class="d-flex">
|
||
<a href="index.php">
|
||
<p class="mb-0 text-900">Home</p>
|
||
</a>
|
||
<svg class="mx-3 mt-1" xmlns="http://www.w3.org/2000/svg" width="8" height="13" viewBox="0 0 8 13"
|
||
fill="none">
|
||
<path class="stroke-dark" d="M1 1.5L6.5 6.75L1 12" stroke="#111827" stroke-width="1.5"
|
||
stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
<p class="text-primary mb-0">Services</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<img class="position-absolute bottom-0 start-0 end-0 top-0 z-0" src="assets/imgs/page-header/bg-line.png"
|
||
alt="infinia">
|
||
<div class="bouncing-blobs-container">
|
||
<div class="bouncing-blobs-glass"></div>
|
||
<div class="bouncing-blobs">
|
||
<div class="position-absolute top-0 start-0 translate-middle-y bouncing-blob--green"></div>
|
||
<div class="position-absolute top-0 end-0 bouncing-blob--primary"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- services -->
|
||
<section class="pt-80 pb-80">
|
||
<div class="container">
|
||
<div class="text-center">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2"
|
||
data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">What we offers</span>
|
||
</div>
|
||
<h3 class=" my-3" data-aos="fade-zoom-in" data-aos-delay="300">Explore Our Services</h3>
|
||
|
||
</div>
|
||
<div class="row mt-6 position-relative">
|
||
<div class="col-lg-4">
|
||
<div class="p-2 mt-lg-8 rounded-4 shadow-1 bg-white position-relative z-1 hover-up"
|
||
data-aos="fade-zoom-in" data-aos-delay="100">
|
||
<div class="card-service bg-white p-6 border rounded-4">
|
||
<img src="assets/imgs/service-1/icon-1.svg" alt="infinia">
|
||
<h6 class="my-3">Project Planning & Need Assessment</h6>
|
||
<p class="mb-6">Before diving into your next big idea, make sure you’re set up for success. At
|
||
Bibhuti Solutions, our Project Planning and Need Assessment service helps you define your
|
||
goals, evaluate the right technologies, assess risks, and plan resources—so you avoid costly
|
||
mistakes and maximize results from day one.</p>
|
||
<a href="web-dev.php"
|
||
class="rounded-pill border icon-shape d-inline-flex gap-3 icon-learn-more">
|
||
<svg class="plus" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||
viewBox="0 0 16 16" fill="none">
|
||
<g clip-path="url(#clip0_226_5470)">
|
||
<path class="fill-dark"
|
||
d="M15.375 7.375H8.625V0.625C8.625 0.279813 8.34519 0 8 0C7.65481 0 7.375 0.279813 7.375 0.625V7.375H0.625C0.279813 7.375 0 7.65481 0 8C0 8.34519 0.279813 8.625 0.625 8.625H7.375V15.375C7.375 15.7202 7.65481 16 8 16C8.34519 16 8.625 15.7202 8.625 15.375V8.625H15.375C15.7202 8.625 16 8.34519 16 8C16 7.65481 15.7202 7.375 15.375 7.375Z"
|
||
fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="16" height="16" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
<svg class="arrow" xmlns="http://www.w3.org/2000/svg" width="18" height="10"
|
||
viewBox="0 0 18 10" fill="none">
|
||
<path class="fill-dark"
|
||
d="M13.0633 0.0634766L12.2615 0.86529L15.8294 4.43321H0V5.56716H15.8294L12.2615 9.13505L13.0633 9.93686L18 5.00015L13.0633 0.0634766Z"
|
||
fill="#111827" />
|
||
</svg>
|
||
<span class="fw-bold fs-7 text-900">Learm More</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="p-2 mt-5 rounded-4 shadow-1 bg-white position-relative z-1 hover-up" data-aos="fade-zoom-in"
|
||
data-aos-delay="200">
|
||
<div class="card-service bg-white p-6 border rounded-3">
|
||
<img src="assets/imgs/service-1/icon-2.svg" alt="infinia">
|
||
<h6 class="my-3">Branding & Creative Services</h6>
|
||
<p class="mb-6">
|
||
<ul>
|
||
<li> Visual identity
|
||
</li>
|
||
<li>Branding for social media</li>
|
||
<li>Custom illustrations
|
||
</li>
|
||
|
||
</ul>
|
||
</p>
|
||
<a href="web-dev.php"
|
||
class="rounded-pill border icon-shape d-inline-flex gap-3 icon-learn-more">
|
||
<svg class="plus" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||
viewBox="0 0 16 16" fill="none">
|
||
<g clip-path="url(#clip0_226_5470)">
|
||
<path class="fill-dark"
|
||
d="M15.375 7.375H8.625V0.625C8.625 0.279813 8.34519 0 8 0C7.65481 0 7.375 0.279813 7.375 0.625V7.375H0.625C0.279813 7.375 0 7.65481 0 8C0 8.34519 0.279813 8.625 0.625 8.625H7.375V15.375C7.375 15.7202 7.65481 16 8 16C8.34519 16 8.625 15.7202 8.625 15.375V8.625H15.375C15.7202 8.625 16 8.34519 16 8C16 7.65481 15.7202 7.375 15.375 7.375Z"
|
||
fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="16" height="16" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
<svg class="arrow" xmlns="http://www.w3.org/2000/svg" width="18" height="10"
|
||
viewBox="0 0 18 10" fill="none">
|
||
<path class="fill-dark"
|
||
d="M13.0633 0.0634766L12.2615 0.86529L15.8294 4.43321H0V5.56716H15.8294L12.2615 9.13505L13.0633 9.93686L18 5.00015L13.0633 0.0634766Z"
|
||
fill="#111827" />
|
||
</svg>
|
||
<span class="fw-bold fs-7 text-900">Learm More</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="p-2 mt-5 rounded-4 shadow-1 bg-white position-relative z-1 hover-up" data-aos="fade-zoom-in"
|
||
data-aos-delay="300">
|
||
<div class="card-service bg-white p-6 border rounded-3">
|
||
<img src="assets/imgs/service-1/icon-3.svg" alt="infinia">
|
||
<h6 class="my-3">Application Development</h6>
|
||
<p class="mb-6">
|
||
<ul>
|
||
<li> Web application development</li>
|
||
<li>Mobile application development</li>
|
||
<li>Custom software solutions</li>
|
||
<li>System integration & automation</li>
|
||
<li>Platform-specific development (Laravel, Node.js, React Native)</li>
|
||
<li>Maintenance & scalability support</li>
|
||
</ul>
|
||
|
||
</p>
|
||
<a href="web-dev.php"
|
||
class="rounded-pill border icon-shape d-inline-flex gap-3 icon-learn-more">
|
||
<svg class="plus" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||
viewBox="0 0 16 16" fill="none">
|
||
<g clip-path="url(#clip0_226_5470)">
|
||
<path class="fill-dark"
|
||
d="M15.375 7.375H8.625V0.625C8.625 0.279813 8.34519 0 8 0C7.65481 0 7.375 0.279813 7.375 0.625V7.375H0.625C0.279813 7.375 0 7.65481 0 8C0 8.34519 0.279813 8.625 0.625 8.625H7.375V15.375C7.375 15.7202 7.65481 16 8 16C8.34519 16 8.625 15.7202 8.625 15.375V8.625H15.375C15.7202 8.625 16 8.34519 16 8C16 7.65481 15.7202 7.375 15.375 7.375Z"
|
||
fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="16" height="16" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
<svg class="arrow" xmlns="http://www.w3.org/2000/svg" width="18" height="10"
|
||
viewBox="0 0 18 10" fill="none">
|
||
<path class="fill-dark"
|
||
d="M13.0633 0.0634766L12.2615 0.86529L15.8294 4.43321H0V5.56716H15.8294L12.2615 9.13505L13.0633 9.93686L18 5.00015L13.0633 0.0634766Z"
|
||
fill="#111827" />
|
||
</svg>
|
||
<span class="fw-bold fs-7 text-900">Learm More</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="p-2 mt-5 rounded-4 shadow-1 bg-white position-relative z-1 hover-up" data-aos="fade-zoom-in"
|
||
data-aos-delay="100">
|
||
<div class="card-service bg-white p-6 border rounded-3">
|
||
<img src="assets/imgs/service-1/icon-4.svg" alt="infinia">
|
||
<h6 class="my-3">Web Design & Development</h6>
|
||
<p class="mb-6">
|
||
<ul>
|
||
<li> Web design</li>
|
||
<li>Web development</li>
|
||
<li>Custom icons & illustrations</li>
|
||
<li>Hosting
|
||
</li>
|
||
<li>Website audit</li>
|
||
|
||
</ul>
|
||
</p>
|
||
<a href="web-dev.php"
|
||
class="rounded-pill border icon-shape d-inline-flex gap-3 icon-learn-more">
|
||
<svg class="plus" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||
viewBox="0 0 16 16" fill="none">
|
||
<g clip-path="url(#clip0_226_5470)">
|
||
<path class="fill-dark"
|
||
d="M15.375 7.375H8.625V0.625C8.625 0.279813 8.34519 0 8 0C7.65481 0 7.375 0.279813 7.375 0.625V7.375H0.625C0.279813 7.375 0 7.65481 0 8C0 8.34519 0.279813 8.625 0.625 8.625H7.375V15.375C7.375 15.7202 7.65481 16 8 16C8.34519 16 8.625 15.7202 8.625 15.375V8.625H15.375C15.7202 8.625 16 8.34519 16 8C16 7.65481 15.7202 7.375 15.375 7.375Z"
|
||
fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="16" height="16" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
<svg class="arrow" xmlns="http://www.w3.org/2000/svg" width="18" height="10"
|
||
viewBox="0 0 18 10" fill="none">
|
||
<path class="fill-dark"
|
||
d="M13.0633 0.0634766L12.2615 0.86529L15.8294 4.43321H0V5.56716H15.8294L12.2615 9.13505L13.0633 9.93686L18 5.00015L13.0633 0.0634766Z"
|
||
fill="#111827" />
|
||
</svg>
|
||
<span class="fw-bold fs-7 text-900">Learm More</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="p-2 mt-lg-8 mt-5 rounded-4 shadow-1 bg-white position-relative z-1 hover-up hover-up"
|
||
data-aos="fade-zoom-in" data-aos-delay="200">
|
||
<div class="card-service bg-white p-6 border rounded-3">
|
||
<img src="assets/imgs/service-1/icon-5.svg" alt="infinia">
|
||
<h6 class="my-3">Digital Marketing </h6>
|
||
<p class="mb-6">
|
||
|
||
<ul>
|
||
<li> Social media marketing</li>
|
||
<li>Marketing campaigns</li>
|
||
<li> Markting management</li>
|
||
<li>SEO </li>
|
||
|
||
|
||
</ul>
|
||
</p>
|
||
<a href="web-dev.php"
|
||
class="rounded-pill border icon-shape d-inline-flex gap-3 icon-learn-more">
|
||
<svg class="plus" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||
viewBox="0 0 16 16" fill="none">
|
||
<g clip-path="url(#clip0_226_5470)">
|
||
<path class="fill-dark"
|
||
d="M15.375 7.375H8.625V0.625C8.625 0.279813 8.34519 0 8 0C7.65481 0 7.375 0.279813 7.375 0.625V7.375H0.625C0.279813 7.375 0 7.65481 0 8C0 8.34519 0.279813 8.625 0.625 8.625H7.375V15.375C7.375 15.7202 7.65481 16 8 16C8.34519 16 8.625 15.7202 8.625 15.375V8.625H15.375C15.7202 8.625 16 8.34519 16 8C16 7.65481 15.7202 7.375 15.375 7.375Z"
|
||
fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="16" height="16" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
<svg class="arrow" xmlns="http://www.w3.org/2000/svg" width="18" height="10"
|
||
viewBox="0 0 18 10" fill="none">
|
||
<path class="fill-dark"
|
||
d="M13.0633 0.0634766L12.2615 0.86529L15.8294 4.43321H0V5.56716H15.8294L12.2615 9.13505L13.0633 9.93686L18 5.00015L13.0633 0.0634766Z"
|
||
fill="#111827" />
|
||
</svg>
|
||
<span class="fw-bold fs-7 text-900">Learm More</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="p-2 mt-5 rounded-4 shadow-1 bg-white position-relative z-1 hover-up" data-aos="fade-zoom-in"
|
||
data-aos-delay="300">
|
||
<div class="card-service bg-white p-6 border rounded-3">
|
||
<img src="assets/imgs/service-1/icon-6.svg" alt="infinia">
|
||
<h6 class="my-3">Business IT Consultation</h6>
|
||
<p class="mb-6">
|
||
<ul>
|
||
<li> E-Commerce website design
|
||
</li>
|
||
<li>WooCommerce</li>
|
||
<li> Content management</li>
|
||
<li>Hosting </li>
|
||
|
||
|
||
</ul>
|
||
|
||
|
||
|
||
</p>
|
||
<a href="web-dev.php"
|
||
class="rounded-pill border icon-shape d-inline-flex gap-3 icon-learn-more">
|
||
<svg class="plus" xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||
viewBox="0 0 16 16" fill="none">
|
||
<g clip-path="url(#clip0_226_5470)">
|
||
<path class="fill-dark"
|
||
d="M15.375 7.375H8.625V0.625C8.625 0.279813 8.34519 0 8 0C7.65481 0 7.375 0.279813 7.375 0.625V7.375H0.625C0.279813 7.375 0 7.65481 0 8C0 8.34519 0.279813 8.625 0.625 8.625H7.375V15.375C7.375 15.7202 7.65481 16 8 16C8.34519 16 8.625 15.7202 8.625 15.375V8.625H15.375C15.7202 8.625 16 8.34519 16 8C16 7.65481 15.7202 7.375 15.375 7.375Z"
|
||
fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="16" height="16" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
<svg class="arrow" xmlns="http://www.w3.org/2000/svg" width="18" height="10"
|
||
viewBox="0 0 18 10" fill="none">
|
||
<path class="fill-dark"
|
||
d="M13.0633 0.0634766L12.2615 0.86529L15.8294 4.43321H0V5.56716H15.8294L12.2615 9.13505L13.0633 9.93686L18 5.00015L13.0633 0.0634766Z"
|
||
fill="#111827" />
|
||
</svg>
|
||
<span class="fw-bold fs-7 text-900">Learm More</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-50 start-50 translate-middle z-0">
|
||
<img src="assets/imgs/service-1/img-bg.png" alt="infinia">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<!-- why work -->
|
||
|
||
<section class="features-10 py-9 bg-primary-light">
|
||
<div class="container">
|
||
<div class="text-center">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2"
|
||
data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Our Services</span>
|
||
</div>
|
||
<h3 class=" mt-3 mb-5" data-aos="fade-zoom-in" data-aos-delay="300">Explore Our Services</h3>
|
||
|
||
</div>
|
||
<div class="row">
|
||
<!-- prettier-ignore -->
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-5 rounded-4 hover-up">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h6>Experience</h6>
|
||
<p>delivering exceptional results and Innovation solutons maximizing your success.</p>
|
||
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-5 rounded-4 hover-up">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h6>Customer focus</h6>
|
||
<p>We ensure your transactions are safe with advanced encryption and secure options.</p>
|
||
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-5 rounded-4 hover-up">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
||
<div class="icon">
|
||
<img src="assets/imgs/features-1/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h6>Unique technologies</h6>
|
||
<p>Enjoy competitive pricing, exclusive discounts, promotions to maximize your savings.</p>
|
||
|
||
<div class="position-absolute end-0 top-0">
|
||
<img src="assets/imgs/feature-10/bg-line.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- process -->
|
||
|
||
<section class="howitwork-1 pt-80 pb-80 position-relative fix">
|
||
<div class="container position-relative z-1">
|
||
<div class="text-center mb-8">
|
||
<div class="d-flex align-items-center position-relative z-2 justify-content-center bg-primary-soft d-inline-flex rounded-pill border border-2 border-white px-3 py-1"
|
||
data-aos="zoom-in" data-aos-delay="200">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">What we offers</span>
|
||
</div>
|
||
<h3 class=" my-3" data-aos="fade-zoom-in" data-aos-delay="300">Our working process</h3>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
|
||
<img src="assets/imgs/howitwork-1/img-bg-line.png" alt="infinia">
|
||
</div>
|
||
<div class="container position-relative z-1">
|
||
<div class="position-relative">
|
||
<div
|
||
class="position-lg-absolute top-0 start-0 bottom-0 w-lg-50 d-flex flex-column justify-content-between m-lg-10 pb-lg-0 pb-5 z-1">
|
||
<div class="d-flex feature-item">
|
||
<div class="bg-primary-soft-keep icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/howitwork-1/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div data-aos="fade-zoom-in" data-aos-delay="100">
|
||
<h5 class="text-lg-white text-900">01. Problem identification</h5>
|
||
<p class="text-lg-white text-900 opacity-75">A business consultant provides expert <br> advice
|
||
and guidance to businesses on <br> various aspects.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex feature-item position-relative z-1">
|
||
<div class="bg-primary-soft-keep icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/howitwork-1/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div data-aos="fade-zoom-in" data-aos-delay="200">
|
||
<h5 class="text-lg-white text-900">02. Investigation</h5>
|
||
<p class="text-lg-white text-900 opacity-75">A business consultant provides expert <br> advice
|
||
and guidance to businesses on <br> various aspects.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex feature-item position-relative z-1">
|
||
<div class="bg-primary-soft-keep icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/howitwork-1/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div data-aos="fade-zoom-in" data-aos-delay="200">
|
||
<h5 class="text-lg-white text-900">03. Strategy development</h5>
|
||
<p class="text-lg-white text-900 opacity-75">A business consultant provides expert <br> advice
|
||
and guidance to businesses on <br> various aspects.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex feature-item position-relative z-1">
|
||
<div class="bg-primary-soft-keep icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/howitwork-1/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div data-aos="fade-zoom-in" data-aos-delay="200">
|
||
<h5 class="text-lg-white text-900">04. Results evaluation</h5>
|
||
<p class="text-lg-white text-900 opacity-75">A business consultant provides expert <br> advice
|
||
and guidance to businesses on <br> various aspects.</p>
|
||
</div>
|
||
</div>
|
||
<div class="d-flex feature-item">
|
||
<div class="bg-primary-soft-keep icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/howitwork-1/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div data-aos="fade-zoom-in" data-aos-delay="300">
|
||
<h5 class="text-lg-white text-900">05. Support</h5>
|
||
<p class="text-lg-white text-900 opacity-75">A business consultant provides expert <br> advice
|
||
and guidance to businesses on <br> various aspects.</p>
|
||
</div>
|
||
</div>
|
||
<div class="dashed-line-1 d-none d-lg-block"></div>
|
||
<div class="dashed-line-2 d-none d-lg-block"></div>
|
||
<div class="dashed-line-3 d-none d-lg-block"></div>
|
||
<div class="dashed-line-4 d-none d-lg-block"></div>
|
||
</div>
|
||
<div class="position-relative d-inline-block service-process">
|
||
<img class="rounded-3 w-100 img-fluid" src="assets/imgs/howitwork-1/img-bg.png" alt="infinia">
|
||
<div class="bg-linear-primary rounded-3 position-absolute top-0 start-0 w-75 h-100"></div>
|
||
<div class="position-absolute bottom-0 end-0 m-md-8 m-4">
|
||
<div class="d-flex align-items-center justify-content-center">
|
||
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U"
|
||
class="mb-md-0 mb-3 d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter px-3 py-2 align-self-stretch popup-video hover-up me-3">
|
||
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
|
||
fill="none">
|
||
<path class="stroke-dark"
|
||
d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z"
|
||
stroke="#111827" stroke-width="1.5" stroke-linecap="round"
|
||
stroke-linejoin="round"></path>
|
||
</svg>
|
||
</span>
|
||
<span class="fw-bold fs-7 text-900">
|
||
Video Guide
|
||
</span>
|
||
</a>
|
||
<a href="contact.php" class="btn btn-gradient d-none d-md-block rounded-4">
|
||
Join Free for 30 Days
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24"
|
||
viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5"
|
||
stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5"
|
||
stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="rotate-center ellipse-rotate-success position-absolute z-0"></div>
|
||
<div class="rotate-center-rev ellipse-rotate-primary position-absolute z-0"></div>
|
||
</section>
|
||
|
||
|
||
|
||
<?php include("footer.php") ?>
|