Files
Bibhuti_new_frontent/template/index-1.html
2025-08-12 13:37:07 +05:45

1919 lines
166 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/index-1 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:32:49 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<!-- prettier-ignore -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial- scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Infinia - Multi-purpose Bootstrap 5 Template</title>
<script src="assets/js/vendors/color-modes.js"></script>
<!-- Favicon icon-->
<link rel="shortcut icon" type="image/x-icon" href="assets/imgs/template/favicon.svg">
<!-- Libs CSS -->
<link rel="stylesheet" href="assets/css/vendors/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendors/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/vendors/aos.css">
<link rel="stylesheet" href="assets/css/vendors/odometer.css">
<link rel="stylesheet" href="assets/css/vendors/carouselTicker.css">
<link rel="stylesheet" href="assets/css/vendors/magnific-popup.css">
<link rel="stylesheet" href="assets/fonts/bootstrap-icons/bootstrap-icons.min.css">
<link rel="stylesheet" href="assets/fonts/boxicons/boxicons.min.css">
<link rel="stylesheet" href="assets/fonts/satoshi/satoshi.css">
<!-- Main CSS -->
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- prettier-ignore -->
<!--Preloader-->
<div id="preloader">
<div id="loader" class="loader">
<div class="loader-container text-centẻ">
<div class="loader-icon">
<img src="assets/imgs/template/favicon.svg" alt="Preloader">
<p>Loading...</p>
</div>
</div>
</div>
</div>
<!--Preloader-end -->
<!-- Navbar -->
<header>
<nav class="navbar navbar-expand-lg navbar-light w-100 z-999">
<div class="container">
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
<img src="assets/imgs/template/favicon.svg" alt="infinia">
<span>Infinia</span>
</a>
<div class="d-none d-lg-flex">
<ul class="navbar-nav mx-auto gap-4 align-items-lg-center">
<li class="nav-item dropdown menu-item-has-children">
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Home
</a>
<div class="dropdown-menu fix">
<ul class="list-unstyled">
<li class="position-relative z-1 border-bottom">
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index.html">
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path d="M16.1143 9.19978H12.8916V2.14741C12.8916 1.99512 12.7913 1.86072 12.6452 1.81775C12.4977 1.77478 12.3416 1.83287 12.2591 1.96075L5.59417 12.2801C5.52577 12.386 5.52061 12.5204 5.58111 12.6311C5.64127 12.7414 5.75711 12.8102 5.88292 12.8102H9.10558V19.8522C9.10558 20.0045 9.20596 20.1389 9.35205 20.1819C9.38436 20.1912 9.41702 20.196 9.44933 20.196C9.5638 20.196 9.67346 20.1386 9.73808 20.0389L16.403 9.72984C16.4715 9.62397 16.4766 9.48956 16.4161 9.37887C16.356 9.26853 16.2401 9.19978 16.1143 9.19978Z" fill="#A38CFF"></path>
</svg>
<span class="ms-2">
<span class="d-block fw-bold fs-6">Home page v.1</span>
<span class="text-600 fs-7">Business Startup</span>
</span>
</a>
</li>
<li class="position-relative z-1 border-bottom">
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-2">
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3205 8.75C16.752 8.457 17 7.991 17 7.5C17 7.009 16.752 6.543 16.3205 6.25C15.016 5.365 13.004 4 11.961 3.2915C11.3905 2.9045 10.6095 2.9045 10.039 3.2915C8.996 4 6.984 5.365 5.6795 6.25C5.248 6.543 5 7.009 5 7.5C5 7.991 5.248 8.457 5.6795 8.75C6.984 9.635 8.996 11 10.039 11.7085C10.6095 12.0955 11.3905 12.0955 11.961 11.7085L16.3205 8.75Z" fill="#A38CFF"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.535 9.8605L9.4775 12.5355C10.3815 13.149 11.6185 13.149 12.5225 12.5355L16.465 9.8605C16.807 10.153 17 10.5665 17 11C17 11.491 16.752 11.957 16.3205 12.25C15.016 13.135 13.004 14.5 11.961 15.2085C11.3905 15.5955 10.6095 15.5955 10.039 15.2085C8.996 14.5 6.984 13.135 5.6795 12.25C5.248 11.957 5 11.491 5 11C5 10.5665 5.193 10.153 5.535 9.8605Z" fill="#A38CFF"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.535 13.3605L9.4775 16.0355C10.3815 16.649 11.6185 16.649 12.5225 16.0355L16.465 13.3605C16.807 13.653 17 14.0665 17 14.5C17 14.991 16.752 15.457 16.3205 15.75C15.016 16.635 13.004 18 11.961 18.7085C11.3905 19.0955 10.6095 19.0955 10.039 18.7085C8.996 18 6.984 16.635 5.6795 15.75C5.248 15.457 5 14.991 5 14.5C5 14.0665 5.193 13.653 5.535 13.3605Z" fill="#A38CFF"></path>
</svg>
<span class="ms-2">
<span class="d-block fw-bold fs-6">Home page v.2</span>
<span class="text-600 fs-7">Application Landing</span>
</span>
</a>
</li>
<li class="position-relative z-1 border-bottom">
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-3">
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path d="M19.3734 10.5591L16.8746 9.84501C15.7493 9.52775 14.7242 8.92703 13.8975 8.10031C13.0708 7.27359 12.4701 6.24855 12.1528 5.12326L11.4387 2.62442C11.4028 2.537 11.3417 2.46222 11.2632 2.40959C11.1847 2.35697 11.0923 2.32887 10.9978 2.32887C10.9033 2.32887 10.8109 2.35697 10.7324 2.40959C10.6539 2.46222 10.5928 2.537 10.5569 2.62442L9.84283 5.12326C9.52558 6.24855 8.92486 7.27359 8.09814 8.10031C7.27142 8.92703 6.24637 9.52775 5.12108 9.84501L2.62225 10.5591C2.5263 10.5863 2.44186 10.6441 2.38173 10.7237C2.3216 10.8033 2.28906 10.9003 2.28906 11C2.28906 11.0997 2.3216 11.1968 2.38173 11.2763C2.44186 11.3559 2.5263 11.4137 2.62225 11.4409L5.12108 12.155C6.24637 12.4723 7.27142 13.073 8.09814 13.8997C8.92486 14.7264 9.52558 15.7515 9.84283 16.8768L10.5569 19.3756C10.5841 19.4715 10.6419 19.556 10.7215 19.6161C10.8011 19.6762 10.8981 19.7088 10.9978 19.7088C11.0976 19.7088 11.1946 19.6762 11.2742 19.6161C11.3537 19.556 11.4115 19.4715 11.4387 19.3756L12.1528 16.8768C12.4701 15.7515 13.0708 14.7264 13.8975 13.8997C14.7242 13.073 15.7493 12.4723 16.8746 12.155L19.3734 11.4409C19.4694 11.4137 19.5538 11.3559 19.6139 11.2763C19.6741 11.1968 19.7066 11.0997 19.7066 11C19.7066 10.9003 19.6741 10.8033 19.6139 10.7237C19.5538 10.6441 19.4694 10.5863 19.3734 10.5591Z" fill="#A38CFF"></path>
</svg>
<span class="ms-2">
<span class="d-block fw-bold fs-6">Home page v.3</span>
<span class="text-600 fs-7">Marketing Services</span>
</span>
</a>
</li>
<li class="position-relative z-1 border-bottom">
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-4">
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9965 2.80334L13.3633 4.90828C13.5282 5.05379 14.3915 5.8201 13.8095 6.98412C13.2275 8.14814 10.9965 11.8827 10.9965 11.8827C10.9965 11.8827 8.76543 8.14814 8.18342 6.98412C7.60141 5.8201 8.46472 5.05379 8.62962 4.90828L10.9965 2.80334Z" fill="#A38CFF"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6235 9.05026L18.3624 11.9603C18.2751 12.164 17.8192 13.2213 16.5291 13.0273C15.239 12.8333 11 11.8827 11 11.8827C11 11.8827 13.8519 8.60405 14.7734 7.68253C15.6949 6.76101 16.694 7.34302 16.888 7.45943L19.6235 9.05026Z" fill="#A38CFF"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.375 9.05026L3.63602 11.9603C3.72332 12.164 4.17923 13.2213 5.46936 13.0273C6.75948 12.8333 10.9985 11.8827 10.9985 11.8827C10.9985 11.8827 8.14661 8.59435 7.21539 7.68253C6.29387 6.76101 5.29475 7.34302 5.10075 7.45943L2.375 9.05026Z" fill="#A38CFF"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.62164 19.1966L8.7742 18.9056C8.9973 18.8862 10.1419 18.7795 10.365 17.4991C10.5784 16.209 10.9955 11.8827 10.9955 11.8827C10.9955 11.8827 6.98936 13.5705 5.82534 14.1622C4.66132 14.754 4.90383 15.8792 4.95233 16.1023L5.62164 19.1966Z" fill="#A38CFF"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3661 19.1966L13.2135 18.9056C12.9904 18.8862 11.8458 18.7795 11.6227 17.4991C11.4093 16.209 10.9922 11.8827 10.9922 11.8827C10.9922 11.8827 14.9984 13.5705 16.1624 14.1622C17.3264 14.754 17.0839 15.8792 17.0354 16.1023L16.3661 19.1966Z" fill="#A38CFF"></path>
</svg>
<span class="ms-2">
<span class="d-block fw-bold fs-6">Home page v.4</span>
<span class="text-600 fs-7">IT Services</span>
</span>
</a>
</li>
<li class="position-relative z-1">
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-5">
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17" fill="none">
<path d="M3.25295 4.15876C3.1292 4.13693 3.00309 4.12589 2.87813 4.12589C1.83455 4.12589 0.945478 4.87264 0.764063 5.90149L0.0328612 10.0485C-0.172874 11.2151 0.608946 12.3316 1.77559 12.5374C1.89935 12.5592 2.02546 12.5702 2.15041 12.5702C3.19391 12.5702 4.08307 11.8234 4.26448 10.7946L4.99573 6.64764C5.20138 5.48095 4.4196 4.36449 3.25295 4.15876Z" fill="#A38CFF"></path>
<path d="M9.24512 2.25455C9.12137 2.23272 8.99525 2.22168 8.8703 2.22168C7.82676 2.22168 6.93764 2.96844 6.75627 3.99728L5.35351 11.9527C5.25386 12.5178 5.38028 13.088 5.70942 13.5581C6.03856 14.0281 6.53111 14.3419 7.09624 14.4416C7.21999 14.4634 7.34611 14.4745 7.47106 14.4745C8.5146 14.4745 9.40372 13.7277 9.58513 12.6989L10.9879 4.74344C11.1936 3.57675 10.4118 2.46029 9.24512 2.25455Z" fill="#A38CFF"></path>
<path d="M16.6264 0.916441C16.2972 0.446361 15.8047 0.132602 15.2396 0.0329143C15.1158 0.0110861 14.9896 0 14.8646 0C13.8211 0 12.9321 0.746757 12.7507 1.77565L10.5644 14.1742C10.4648 14.7394 10.5912 15.3095 10.9204 15.7796C11.2495 16.2496 11.7421 16.5634 12.3071 16.6631C12.4309 16.685 12.557 16.696 12.682 16.696C13.7256 16.696 14.6147 15.9492 14.7961 14.9204L16.9823 2.5218C17.0819 1.95668 16.9556 1.38652 16.6264 0.916441Z" fill="#A38CFF"></path>
</svg>
<span class="ms-2">
<span class="d-block fw-bold fs-6">Home page v.5</span>
<span class="text-600 fs-7">Consulting Services</span>
</span>
</a>
</li>
</ul>
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
<div class="ellipse-rotate-primary-sm position-absolute top-50 z-0"></div>
</div>
</li>
<li class="nav-item dropdown has-mega-menu">
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Pages
</a>
<div class="mega-menu fix start-50 translate-middle-x">
<div class="container">
<div class="row">
<div class="col-12">
<div class="mega-menu-content">
<div class="row">
<div class="col-2">
<div class="mega-menu-list">
<p class="text-primary fw-bold mb-1 fs-7">ABOUT US</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-about">About us v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-about-2">About us v.2</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-about-3">About us v.3</a></li>
</ul>
<p class="text-primary fw-bold mb-1 fs-7 mt-4">SERVICES</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-services-1">Services v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-services-2">Services v.2</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-services-3">Services v.3</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-services-details-1">Services details v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-services-details-2">Services details v.2</a></li>
</ul>
</div>
</div>
<div class="col-2">
<div class="mega-menu-list">
<p class="text-primary fw-bold mb-1 fs-7">OUR TEAM</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-team-1">Our team v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-team-2">Our team v.2</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-team-3">Our team v.3</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-team-4">Our team v.4</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-team-5">Our team v.5</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-team-6">Our team v.6</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-team-detail-1">Team detail v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-team-detail-2">Team detail v.2</a></li>
</ul>
</div>
</div>
<div class="col-2">
<div class="mega-menu-list">
<p class="text-primary fw-bold mb-1 fs-7">FEATURES</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-features-1">Features v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-features-2">Features v.2</a></li>
</ul>
<p class="text-primary fw-bold mb-1 fs-7 mt-4">PRICING</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-pricing-01">Pricing v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-pricing-02">Pricing v.2</a></li>
</ul>
<p class="text-primary fw-bold mb-1 fs-7 mt-4">CONTACT</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-contact-1">Contact v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-contact-2">Contact v.2</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-contact-3">Contact v.3</a></li>
</ul>
</div>
</div>
<div class="col-2">
<div class="mega-menu-list">
<p class="text-primary fw-bold mb-1 fs-7">BLOG</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-blog-1">Blog v.1</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-blog-2">Blog v.2</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-blog-details">Blog details</a></li>
</ul>
<p class="text-primary fw-bold mb-1 fs-7 mt-4">CASE STUDY</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-case-study">Case Study</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-case-study-details">Case study details</a></li>
</ul>
<p class="text-primary fw-bold mb-1 fs-7 mt-4">AUTHENTICATION</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-register">Register</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-login">Sign in</a></li>
</ul>
</div>
</div>
<div class="col-2">
<div class="mega-menu-list">
<p class="text-primary fw-bold mb-1 fs-7">UTILITIES</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-work-process">Work Process</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-book-a-demo">Book a demo</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-integration">Integration</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-changelog">Change log</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-privacy-policy">Privacy policy</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-terms-conditions">Terms conditions</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-comming-soon">Comming soon</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-404">Error 404</a></li>
</ul>
</div>
</div>
<div class="col-2">
<div class="mega-menu-list">
<p class="text-primary fw-bold mb-1 fs-7">STYLE GUIDE</p>
<ul class="list-unstyled">
<li><a class="dropdown-item position-relative z-1" href="page-style-guide">Color & Typography</a></li>
<li><a class="dropdown-item position-relative z-1" href="page-elements">Basic elements</a></li>
</ul>
</div>
<div class="position-relative bg-4 rounded-3 mt-5">
<img class="rounded-3" src="assets/imgs/template/bg-card.png" alt="">
<div class="position-absolute top-50 start-50 translate-middle z-0">
<img class="ms-3" src="assets/imgs/logo/logo-dark.svg" alt="infinia">
<p class="fs-7 fw-bold text-900 text-center my-3 text-nowrap">Multi-layout SaaS & <br> Startup Website <br> Template</p>
<div class="d-flex mt-3 ms-3">
<img src="assets/imgs/other/avatar-1.png" alt="infinia">
<img class="avt-hero" src="assets/imgs/other/avatar-2.png" alt="infinia">
<img class="avt-hero " src="assets/imgs/other/avatar-3.png" alt="infinia">
</div>
<a href="#" class="btn btn-md btn-gradient fs-8 mt-3 text-nowrap">
Get this now
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path d="M12.5477 11.3147V5.30603H6.53906" stroke="white" stroke-width="1.06034" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.3707 5.48276L5.125 12.7284" stroke="white" stroke-width="1.06034" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
<img src="assets/imgs/team-1/bg-line.png" alt="infinia">
</div>
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
<div class="ellipse-rotate-primary-sm position-absolute top-0 end-0 translate-middle-y z-0"></div>
</div>
</li>
<li class="nav-item dropdown has-mega-menu-2">
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Sections
</a>
<div class="mega-menu fix">
<div class="d-flex flex-wrap gap-2 position-relative z-1">
<a href="section-navigation" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Navigation
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
09
</span>
</a>
<a href="section-hero" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Hero
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
05
</span>
</a>
<a href="section-logo-cloud" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Logo cloud
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
05
</span>
</a>
<a href="section-cta" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Call to action
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
15
</span>
</a>
<a href="section-how-it-work" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
How it work
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
02
</span>
</a>
<a href="section-services" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Services
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
04
</span>
</a>
<a href="section-team" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Team
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
07
</span>
</a>
<a href="section-pricing" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Pricing
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
05
</span>
</a>
<a href="section-faqs" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
FAQS
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
03
</span>
</a>
<a href="section-testimonial" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Testimonials
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
04
</span>
</a>
<a href="section-blog" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Blog
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
05
</span>
</a>
<a href="section-newsletter" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Newsletter
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
03
</span>
</a>
<a href="section-footer" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Footer
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
05
</span>
</a>
<a href="section-features" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Features
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
13
</span>
</a>
<a href="section-projects" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Projects
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
02
</span>
</a>
<a href="section-contact" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Contact
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
06
</span>
</a>
<a href="section-static" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
Static
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
03
</span>
</a>
</div>
<div class="position-absolute bottom-0 end-0 z-0">
<img src="assets/imgs/other/bg-line.png" alt="infinia">
</div>
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
</div>
</li>
<li class="nav-item dropdown menu-item-has-children">
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Style Guide
</a>
<div class="dropdown-menu p-4 fix">
<ul class="list-unstyled">
<li class="position-relative border-bottom z-1">
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="page-style-guide">
Style guide
</a>
</li>
<li class="position-relative z-1">
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="page-elements">
Elements
</a>
</li>
</ul>
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
<div class="ellipse-rotate-primary-sm position-absolute bottom-0 end-0 translate-middle z-0"></div>
</div>
</li>
<li class="nav-item">
<a class="nav-link fw-bold d-flex align-items-center" href="page-contact-1">Contact</a>
</li>
</ul>
</div>
<div class="d-flex align-items-center pe-5 pe-lg-0 me-5 me-lg-0">
<a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target=".offcanvasTop">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path class="stroke-dark" d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<div class="dark-light-switcher d-flex justify-content-center align-items-center icon-shape icon-md border bg-white rounded-3 ms-3 me-md-3 me-0">
<i class="bi theme-icon bi-sun-fill"></i>
<i class="bi theme-icon bi-moon-stars-fill"></i>
</div>
<a href="#" class="btn btn-gradient d-none d-md-block">
Join For Free Trial
</a>
<div class="burger-icon burger-icon-white border rounded-3">
<span class="burger-icon-top"></span>
<span class="burger-icon-mid"></span>
<span class="burger-icon-bottom"></span>
</div>
</div>
</div>
</nav>
<!-- offCanvas-menu -->
<div class="offCanvas__info">
<div class="offCanvas__close-icon menu-close">
<button><i class="far fa-window-close"></i></button>
</div>
<div class="offCanvas__logo mb-30">
<a href="index.html"><img src="assets/imgs/logo/logo-dark.svg" alt="Logo" /></a>
</div>
<div class="offCanvas__side-info mb-30">
<div class="contact-list mb-30">
<h4>Chat with us</h4>
<p class="mb-3">
The support team is always<br />
available 24/7
</p>
<div class="d-flex mb-2">
<img src="assets/imgs/contact-2/icon-1.svg" alt="infinia" />
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Whatsapp</a>
</div>
<div class="d-flex mb-2">
<img src="assets/imgs/contact-2/icon-2.svg" alt="infinia" />
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Viber</a>
</div>
<div class="d-flex mb-2 mb-5">
<img src="assets/imgs/contact-2/icon-3.svg" alt="infinia" />
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Messager</a>
</div>
</div>
<div class="contact-list mb-30">
<h4>Office Address</h4>
<p>
123/A, Miranda City Likaoli <br />
Prikano, Dope
</p>
</div>
<div class="contact-list mb-30">
<h4>Phone Number</h4>
<p>(+01) 234 567 89</p>
<p>(+01) 456 789 21</p>
</div>
<div class="contact-list mb-30">
<h4>Business Emails</h4>
<p><a href="mailto:contact@alithemes.com">contact@alithemes.com</a></p>
<p><a href="mailto:sale@alithemes.com ">sale@alithemes.com </a></p>
</div>
<div class="contact-list mb-30">
<h4>Help & support</h4>
<p>Email <a href="mailto:support@alithemes.com">support@alithemes.com</a> For help with a current product or service or refer to FAQs and developer tools.</p>
</div>
</div>
<div class="offCanvas__social-icon mt-30">
<a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a>
<a href="javascript:void(0)"><i class="fab fa-twitter"></i></a>
<a href="javascript:void(0)"><i class="fab fa-google-plus-g"></i></a>
<a href="javascript:void(0)"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="offCanvas__overly"></div>
<!-- Offcanvas search -->
<div class="offcanvas offcanvas-top offcanvasTop h-50" tabindex="-1">
<div class="offcanvas-header">
<button class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="container">
<div class="row py-md-5 py-2">
<div class="col-12 col-lg-8 mx-auto">
<h4 class="mb-2 fs-sm-5">What are you looking for?</h4>
<p class="text-500 fs-6 mb-5">Explore our services and discover how we can help you achieve your goals</p>
<div class="input-group" data-aos="zoom-in">
<input type="text" class="form-control ps-5 rounded-start-pill" name="name" placeholder="Enter Your Keywords" />
<button class="btn btn-primary rounded-end-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
<div class="d-flex flex-column flex-lg-row mt-5">
<h6 class="d-inline me-2">Suggest:</h6>
<div class="d-flex flex-wrap gap-2">
<a href="#">Startup</a>
<a href="#">Agency</a>
<a href="#">Creative</a>
<a href="#">Consulting</a>
<a href="#">IT services</a>
<a href="#">Pricing</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Offcanvas search -->
<div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar button-bg-2">
<div class="mobile-header-wrapper-inner">
<div class="mobile-header-logo">
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
<img src="assets/imgs/template/favicon.svg" alt="infinia">
<span>Infinia</span>
</a>
<div class="burger-icon burger-icon-white border rounded-3">
<span class="burger-icon-top"></span>
<span class="burger-icon-mid"></span>
<span class="burger-icon-bottom"></span>
</div>
</div>
<div class="mobile-header-content-area">
<div class="perfect-scroll">
<div class="mobile-menu-wrap mobile-header-border">
<nav>
<ul class="mobile-menu font-heading ps-0">
<li class="has-children">
<a class="active" href="#">Homepages</a>
<ul class="sub-menu">
<li><a href="index.html">Home 1 - Business Startup</a></li>
<li><a href="index-2">Home 2 - Application Landing</a></li>
<li><a href="index-3">Home 3 - Marketing Services</a></li>
<li><a href="index-4">Home 4 - IT Services</a></li>
<li><a href="index-5">Home 5 - Consulting Services</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">About Us</a>
<ul class="sub-menu">
<li><a href="page-about">About us v.1</a></li>
<li><a href="page-about-2">About us v.2</a></li>
<li><a href="page-about-3">About us v.3</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Our Services</a>
<ul class="sub-menu">
<li><a href="page-services-1">Services v.1</a></li>
<li><a href="page-services-2">Services v.2</a></li>
<li><a href="page-services-3">Services v.3</a></li>
<li><a href="page-services-details-1">Services details v.1</a></li>
<li><a href="page-services-details-2">Services details v.2</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Our Team</a>
<ul class="sub-menu">
<li><a href="page-team-1">Our team v.1</a></li>
<li><a href="page-team-2">Our team v.2</a></li>
<li><a href="page-team-3">Our team v.3</a></li>
<li><a href="page-team-4">Our team v.4</a></li>
<li><a href="page-team-5">Our team v.5</a></li>
<li><a href="page-team-6">Our team v.6</a></li>
<li><a href="page-team-detail-1">Team detail v.1</a></li>
<li><a href="page-team-detail-2">Team detail v.2</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Features</a>
<ul class="sub-menu">
<li><a href="page-features-1">Features v.1</a></li>
<li><a href="page-features-2">Features v.2</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Pricing</a>
<ul class="sub-menu">
<li><a href="page-pricing-01">Pricing v.1</a></li>
<li><a href="page-pricing-02">Pricing v.2</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Contact Us</a>
<ul class="sub-menu">
<li><a href="page-contact-1">Contact v.1</a></li>
<li><a href="page-contact-2">Contact v.2</a></li>
<li><a href="page-contact-3">Contact v.3</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Blog & News</a>
<ul class="sub-menu">
<li><a href="page-blog-1">Blog v.1</a></li>
<li><a href="page-blog-2">Blog v.2</a></li>
<li><a href="page-blog-details">Blog details</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Case Study</a>
<ul class="sub-menu">
<li><a href="page-case-study">Case Study</a></li>
<li><a href="page-case-study-details">Case study details</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Authentication</a>
<ul class="sub-menu">
<li><a href="page-register">Register</a></li>
<li><a href="page-login">Sign in</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Utilities</a>
<ul class="sub-menu">
<li><a href="page-work-process">Work Process</a></li>
<li><a href="page-book-a-demo">Book a demo</a></li>
<li><a href="page-integration">Integration</a></li>
<li><a href="page-changelog">Change log</a></li>
<li><a href="page-privacy-policy">Privacy policy</a></li>
<li><a href="page-terms-conditions">Terms conditions</a></li>
<li><a href="page-comming-soon">Comming soon</a></li>
<li><a href="page-404">Error 404</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">Style Guide</a>
<ul class="sub-menu">
<li><a href="page-style-guide">Color & Typography</a></li>
<li><a href="page-elements">Basic elements</a></li>
</ul>
</li>
<li class="has-children">
<a href="#">All Sections</a>
<ul class="sub-menu">
<li><a href="section-navigation"> Navigation </a></li>
<li><a href="section-hero"> Hero </a></li>
<li><a href="section-logo-cloud"> Logo cloud </a></li>
<li><a href="section-cta"> Call to action </a></li>
<li><a href="section-how-it-work"> How it work </a></li>
<li><a href="section-services"> Services </a></li>
<li><a href="section-team"> Team </a></li>
<li><a href="section-pricing"> Pricing </a></li>
<li><a href="section-faqs"> FAQS </a></li>
<li><a href="section-testimonial"> Testimonials </a></li>
<li><a href="section-blog"> Blog </a></li>
<li><a href="section-newsletter"> Newsletter </a></li>
<li><a href="section-footer"> Footer </a></li>
<li><a href="section-features"> Features </a></li>
<li><a href="section-projects"> Projects </a></li>
<li><a href="section-contact"> Contact </a></li>
<li><a href="section-static"> Static </a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<!-- prettier-ignore -->
<!--Hero 1-->
<section class="position-relative overflow-hidden section-padding">
<div class="container">
<div class="row content align-items-center">
<div class="col-lg-6 col-md-12 mb-lg-0 mb-5">
<div class="pe-2">
<a href="#" class="d-flex align-items-center bg-linear-1 d-inline-flex rounded-pill px-2 py-1">
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">New</span>
<span class="fs-7 fw-medium text-primary mx-2">Free Lifetime Update</span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6342EC" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.25 9.5H3.5625" stroke="#6342EC" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<h3 class="ds-3 mt-4 mb-5" data-aos="fade-zoom-in" data-aos-delay="0">Boost your project's speed and efficiency.</h3>
<p class="pe-10 mb-5" data-aos="fade-zoom-in" data-aos-delay="200">Access top-tier group mentoring plans and exclusive professional benefits for your team.</p>
<a href="page-services-1" class="btn btn-gradient" data-aos="fade-zoom-in" data-aos-delay="300">
Explore Now
<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 class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<a href="page-contact-1" class="ms-md-3 mt-3 mt-md-0 btn btn-outline-secondary hover-up" data-aos="fade-zoom-in" data-aos-delay="500">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path class="stroke-dark" d="M8.89286 4.75H6.06818C5.34017 4.75 4.75 5.34017 4.75 6.06818C4.75 13.3483 10.6517 19.25 17.9318 19.25C18.6598 19.25 19.25 18.6598 19.25 17.9318V15.1071L16.1429 13.0357L14.5317 14.6468C14.2519 14.9267 13.8337 15.0137 13.4821 14.8321C12.8858 14.524 11.9181 13.9452 10.9643 13.0357C9.98768 12.1045 9.41548 11.1011 9.12829 10.494C8.96734 10.1537 9.06052 9.76091 9.32669 9.49474L10.9643 7.85714L8.89286 4.75Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
Contact Us
</a>
<div class="row mt-8 mb-3">
<h6 class="text-500 fs-5" data-aos="fade-zoom-in" data-aos-delay="100">Trusted by great companies</h6>
</div>
<div class="d-flex align-items-center">
<div class="me-2" data-aos="fade-zoom-in" data-aos-delay="200">
<div class="d-flex">
<img src="assets/imgs/hero-1/avatar-1.png" alt="infinia">
<img class="avt-hero" src="assets/imgs/hero-1/avatar-2.png" alt="infinia">
<img class="avt-hero" src="assets/imgs/hero-1/avatar-3.png" alt="infinia">
</div>
<span class="fs-6 fw-bold">4.8/5 <span class="text-secondary fw-medium">(26k Reviews)</span></span>
</div>
<div class="ms-3" data-aos="fade-zoom-in" data-aos-delay="300">
<img src="assets/imgs/hero-1/brand-1.svg" alt="infinia">
</div>
<div class="ms-3" data-aos="fade-zoom-in" data-aos-delay="300">
<img src="assets/imgs/hero-1/brand-2.svg" alt="infinia">
</div>
</div>
</div>
</div>
<div class="col-lg-6 position-relative justify-content-center">
<img class="hero-img" src="assets/imgs/hero-1/background.png" alt="infinia">
<div class="shape-1 position-absolute">
<img class="rightToLeft" src="assets/imgs/hero-1/shape-1.png" alt="infinia" data-aos="zoom-in" data-aos-delay="500">
</div>
<div class="shape-2 position-absolute d-none d-md-block">
<img src="assets/imgs/hero-1/shape-2.png" alt="infinia" data-aos="zoom-in" data-aos-delay="200">
</div>
<div class="shape-3 position-absolute d-none d-md-block">
<img src="assets/imgs/hero-1/shape-3.png" alt="infinia" data-aos="zoom-in" data-aos-delay="300">
</div>
<div class="alltuchtopdown card-hero backdrop-filter rounded-3 text-center d-inline-block p-3 position-absolute">
<img class="rounded-3" src="assets/imgs/hero-1/shape-4.png" alt="infinia">
<h6 class="mt-3">Book A Call</h6>
<p class="fs-7 text-700">
Customer activity can be easily <br>
tracked with one click
</p>
<a href="#" class="shadow-sm d-flex align-items-center bg-white d-inline-flex rounded-pill px-2 py-1 mb-3">
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.25 9.5H3.5625" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!--Logo cloud 1-->
<div class="section-logo-cloud container-fluid mt-8 mt-lg-0 border-top border-bottom">
<div class="container">
<div class="row mask-image">
<!-- Carausel Scroll -->
<div class="carouselTicker carouselTicker-right my-7 position-relative z-1">
<ul class="carouselTicker__list">
<li class="carouselTicker__item">
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="101" height="34" viewBox="0 0 101 34" fill="none">
<path class="fill-dark" d="M0.0283813 0.59375H21.9034V11.5312H10.9659L0.0283813 0.59375ZM0.0283813 11.5312H10.9659L21.9034 22.4688H0.0283813V11.5312ZM0.0283813 22.4688H10.9659V33.4062L0.0283813 22.4688Z" fill="#111827" />
<path class="fill-dark" d="M34.246 9.22237H43.0883V12.0322H37.5927V15.9369H43.0883V18.6847H37.5927V23.6843H34.246V9.22237ZM44.9063 13.7261H48.0674V15.8128C48.2325 15.0957 48.5703 14.5453 49.0797 14.1599C49.6021 13.7601 50.1821 13.5609 50.8151 13.5609C51.1459 13.5609 51.4216 13.589 51.6413 13.6435V16.5774C51.326 16.5394 51.0088 16.5189 50.691 16.5154C49.8233 16.5154 49.1698 16.7971 48.7284 17.3621C48.2885 17.913 48.0674 18.7392 48.0674 19.8416V23.6843H44.9078V13.7261H44.9063ZM56.6314 23.953C55.6676 23.953 54.8269 23.7253 54.1108 23.2709C53.4083 22.8166 52.8498 22.1715 52.4995 21.4114C52.1277 20.6132 51.9405 19.71 51.9405 18.7052C51.9405 17.7134 52.1347 16.8176 52.52 16.0195C52.8813 15.2483 53.4548 14.5963 54.1729 14.1394C54.902 13.685 55.7357 13.4574 56.6729 13.4574C57.375 13.4574 58.0025 13.6095 58.553 13.9122C59.1034 14.216 59.5168 14.6293 59.7925 15.1517V13.7261H62.9326V23.6843H59.7925V22.2791C59.5168 22.775 59.0899 23.1809 58.5115 23.4981C57.933 23.8049 57.2864 23.961 56.6314 23.953ZM57.5407 21.3288C58.2978 21.3288 58.8833 21.0811 59.2966 20.5852C59.7099 20.0893 59.9166 19.4623 59.9166 18.7052C59.9166 17.9616 59.7099 17.3416 59.2966 16.8456C58.8833 16.3497 58.2978 16.102 57.5407 16.102C56.8236 16.102 56.2461 16.3427 55.8052 16.8251C55.3784 17.3075 55.1647 17.9335 55.1647 18.7052C55.1647 19.4768 55.3784 20.1098 55.8052 20.6057C56.2461 21.0881 56.8246 21.3288 57.5407 21.3288ZM65.1434 13.7261H68.3045V15.1723C68.5257 14.6618 68.883 14.2485 69.3784 13.9327C69.8888 13.617 70.4808 13.4574 71.1553 13.4574C72.7256 13.4574 73.766 14.0699 74.2749 15.2964C74.5552 14.7404 74.9935 14.2805 75.5355 13.9743C76.1149 13.6255 76.7805 13.4468 77.4565 13.4574C79.812 13.4574 80.9894 14.8065 80.9894 17.5067V23.6843H77.8078V18.0852C77.8078 17.4111 77.6837 16.9152 77.436 16.5979C77.1878 16.2817 76.816 16.1225 76.3201 16.1225C75.7832 16.1225 75.3698 16.3087 75.0806 16.6805C74.7914 17.0388 74.6467 17.6648 74.6467 18.5606V23.6843H71.4651V18.0646C71.4651 17.3901 71.3415 16.9007 71.0933 16.5979C70.8601 16.2817 70.4943 16.1225 69.9994 16.1225C69.4479 16.1225 69.0276 16.3087 68.7384 16.6805C68.4491 17.0388 68.3045 17.6648 68.3045 18.5606V23.6843H65.1444V13.7261H65.1434ZM92.8642 18.1887C92.8642 18.6151 92.8362 19.077 92.7801 19.5729H85.4266C85.4546 20.2204 85.6743 20.7153 86.0876 21.0606C86.501 21.4044 87.0599 21.577 87.761 21.577C88.7393 21.577 89.3593 21.2803 89.6206 20.6883H92.7196C92.5675 21.6666 92.0305 22.4578 91.1078 23.0643C90.199 23.6562 89.0831 23.953 87.761 23.953C86.0536 23.953 84.7105 23.4911 83.7322 22.5684C82.7684 21.6451 82.286 20.358 82.286 18.7052C82.286 17.6308 82.5062 16.701 82.9471 15.9159C83.3729 15.1317 84.0294 14.4972 84.8271 14.0979C85.6403 13.6715 86.5835 13.4574 87.6589 13.4574C88.6773 13.4574 89.579 13.657 90.3642 14.0568C91.1628 14.4567 91.7763 15.0141 92.2027 15.7302C92.644 16.4473 92.8642 17.2665 92.8642 18.1887ZM89.7431 17.6103C89.7296 16.9492 89.544 16.4458 89.1852 16.102C88.8279 15.7582 88.3105 15.5856 87.6359 15.5856C86.9614 15.5856 86.4244 15.7713 86.0246 16.1436C85.6393 16.5019 85.4396 16.9903 85.4251 17.6103H89.7431ZM94.2579 13.7261H97.419V15.8128C97.5841 15.0957 97.9219 14.5453 98.4313 14.1599C98.9257 13.7706 99.5372 13.5594 100.167 13.5609C100.497 13.5609 100.773 13.589 100.993 13.6435V16.5774C100.678 16.5394 100.36 16.5189 100.043 16.5154C99.1749 16.5154 98.5214 16.7971 98.08 17.3621C97.6386 17.913 97.419 18.7392 97.419 19.8416V23.6843H94.2579V13.7261Z" fill="#111827" />
</svg>
</li>
<li class="carouselTicker__item">
<img src="assets/imgs/logo-cloud/logo-2.png" alt="infinia">
</li>
<li class="carouselTicker__item">
<img src="assets/imgs/logo-cloud/logo-3.png" alt="infinia">
</li>
<li class="carouselTicker__item">
<img src="assets/imgs/logo-cloud/logo-4.png" alt="infinia">
</li>
<li class="carouselTicker__item">
<!-- <img src="assets/imgs/logo-cloud/logo-5.png" alt="infinia"> -->
<svg class="mt-3" xmlns="http://www.w3.org/2000/svg" width="95" height="16" viewBox="0 0 95 16" fill="none">
<path d="M50.2795 0.182373C45.8551 0.182373 42.2654 3.63876 42.2654 7.90461C42.2654 12.4399 45.6991 15.8302 50.2795 15.8302C54.7456 15.8302 58.2718 12.3951 58.2718 7.99365C58.2718 3.61839 54.7691 0.182373 50.2795 0.182373Z" fill="url(#paint0_linear_815_25436)" />
<path class="fill-dark" d="M4.7827 0.463976H0.474365V15.4912H4.7603C7.0342 15.4912 8.67874 14.9523 10.1213 13.7573C11.8331 12.3377 12.8483 10.1971 12.8483 7.98487C12.8483 3.54822 9.53389 0.463976 4.7827 0.463976ZM8.20912 11.7503C7.28268 12.5862 6.09001 12.9473 4.19466 12.9473H3.4073V3.00848H4.19466C6.09001 3.00848 7.237 3.34687 8.20912 4.22471C9.22285 5.12613 9.82747 6.52189 9.82747 7.96334C9.82747 9.40769 9.22285 10.8523 8.20912 11.7503ZM14.2013 15.4912H17.1293V0.463976H14.2013V15.4912ZM24.2978 6.22831C22.538 5.57625 22.0201 5.1462 22.0201 4.3379C22.0201 3.3908 22.9422 2.67037 24.2061 2.67037C25.0849 2.67037 25.8059 3.03059 26.5743 3.88428L28.1045 1.88214C26.8429 0.7756 25.3334 0.213163 23.6868 0.213163C21.0305 0.213163 19.0011 2.06167 19.0011 4.51539C19.0011 6.59027 19.9467 7.64822 22.6966 8.64216C23.8465 9.04573 24.4311 9.31488 24.7246 9.49877C25.3104 9.88197 25.6045 10.4208 25.6045 11.0514C25.6045 12.2699 24.6347 13.1699 23.326 13.1699C21.9288 13.1699 20.8033 12.4722 20.1268 11.1654L18.2364 12.9927C19.5856 14.9727 21.2083 15.8543 23.4415 15.8543C26.4832 15.8543 28.6227 13.8237 28.6227 10.9178C28.6227 8.52898 27.6337 7.44658 24.2978 6.22831ZM29.5462 7.98487C29.5462 12.4061 33.0175 15.8302 37.4803 15.8302C38.7419 15.8302 39.8235 15.5808 41.1543 14.9523V11.5029C39.9809 12.6758 38.9442 13.1478 37.6142 13.1478C34.6629 13.1478 32.5659 11.0066 32.5659 7.96334C32.5659 5.08045 34.7284 2.80422 37.4803 2.80422C38.8752 2.80422 39.9361 3.29973 41.1543 4.49386V1.04474C39.87 0.393271 38.8092 0.125 37.5472 0.125C33.1071 0.125 29.5462 3.61834 29.5462 7.98487ZM64.9036 10.5582L60.8923 0.463976H57.6923L64.0717 15.875H65.6479L72.1387 0.463976H68.9623L64.9036 10.5582ZM73.4711 15.4912H81.7852V12.9473H76.4002V8.88832H81.5791V6.34382H76.4002V3.00848H81.7852V0.463976H73.4711V15.4912ZM93.3874 4.89888C93.3874 2.08378 91.4522 0.463976 88.07 0.463976H83.7204V15.4912H86.6527V9.45163H87.0365L91.0905 15.4912H94.6962L89.961 9.16125C92.1726 8.70908 93.3874 7.19868 93.3874 4.89888ZM87.5055 7.38053H86.6527V2.82691H87.5524C89.3817 2.82691 90.3727 3.59535 90.3727 5.05775C90.3727 6.56641 89.3817 7.38053 87.5055 7.38053Z" fill="black" />
<defs>
<linearGradient x1="45.373" y1="1.60057" x2="56.1885" y2="13.0236" gradientUnits="userSpaceOnUse">
<stop offset="1" stop-color="#F34F26" />
<stop offset="1" stop-color="#F69E35" />
</linearGradient>
</defs>
</svg>
</li>
<li class="carouselTicker__item">
<img src="assets/imgs/logo-cloud/logo-6.png" alt="infinia">
</li>
<li class="carouselTicker__item">
<img src="assets/imgs/logo-cloud/logo-7.png" alt="infinia">
</li>
<li class="carouselTicker__item">
<img src="assets/imgs/logo-cloud/logo-4.png" alt="infinia">
</li>
</ul>
</div>
</div>
</div>
</div>
<!--Features 1-->
<section class="features-1 section-padding">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="d-flex align-items-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
<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 Features</span>
</div>
<h2 class="fw-medium mt-4 lh-sm">Together, we are creating a
<span class="fw-black">Bright Future.</span>
<span class="text-primary fst-italic" data-aos="fade-zoom-in" data-aos-delay="400">Join us.</span>
</h2>
</div>
<div class="col-lg-8">
<div class="d-flex flex-md-row flex-column align-items-center position-relative ps-lg-8 pt-lg-0 pt-10">
<div class="pe-md-3 pb-3 pb-md-0 position-relative z-1" data-aos="fade-zoom-in" data-aos-delay="100">
<img class="rounded-3 border border-3 border-white" src="assets/imgs/features-1/img-1.png" alt="infinia">
</div>
<div class="pe-md-3 pb-3 pb-md-0 position-relative z-1" data-aos="fade-zoom-in" data-aos-delay="200">
<img class="rounded-3 border border-3 border-white" src="assets/imgs/features-1/img-2.png" alt="infinia">
</div>
<div class="pe-md-3 pb-3 pb-md-0 position-relative z-1" data-aos="fade-zoom-in" data-aos-delay="300">
<img class="rounded-3 border border-3 border-white" src="assets/imgs/features-1/img-3.png" alt="infinia">
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter px-3 py-2 popup-video hover-up position-absolute bottom-0 mb-4 start-50 translate-middle-x">
<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 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" />
</svg>
</span>
<span class="fw-bold fs-7 text-900">
How It Work ?
</span>
</a>
</div>
<img class="position-absolute top-50 start-0 translate-middle-y z-0" src="assets/imgs/features-1/bg-ellipse.png" alt="infinia">
<img class="position-absolute z-2 star-lg" src="assets/imgs/features-1/star-lg.png" alt="infinia">
<img class="position-absolute z-2 star-md" src="assets/imgs/features-1/star-md.png" alt="infinia">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row mt-10">
<!-- prettier-ignore -->
<div class="col-lg-3 col-md-6" data-aos="fade-zoom-in" data-aos-delay="50">
<div class="feature-item mb-5 mb-lg-0">
<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>Work organization</h6>
<p>A business consultant provides expert advice and guidance to businesses on various aspects.</p>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-zoom-in" data-aos-delay="100">
<div class="feature-item mb-5 mb-lg-0">
<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>Strategy Development</h6>
<p>Business consultants play a crucial role by offering expert advice and guidance to companies</p>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-zoom-in" data-aos-delay="200">
<div class="feature-item mb-5 mb-lg-0">
<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>Data analytics</h6>
<p>Consultants provide invaluable expertise to businesses, assisting them with strategic advice</p>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-zoom-in" data-aos-delay="300">
<div class="feature-item mb-5 mb-lg-0">
<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-4.svg" alt="infinia">
</div>
</div>
<h6>Business Intelligence </h6>
<p>Through their deep understanding of industry trends and best practices, consultants empower organizations</p>
</div>
</div>
</div>
</div>
</section>
<!--Features 2-->
<section>
<div class="container-fluid position-relative bg-primary-light section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-6 mb-lg-0 mb-8 position-relative z-1">
<img src="assets/imgs/features-2/icon-1.svg" alt="infinia" class="hover-up">
<h2 class="text-white mt-3 mb-4 fw-medium hover-up">Scalable Business for <span class="fw-bold">Startups</span>.</h2>
<ul class="list-unstyled phase-items">
<li>
<a href="#" class="phase-item d-flex align-items-center mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24" fill="none">
<path d="M22.5 12C22.5 12.96 21.3206 13.7512 21.0844 14.6362C20.8406 15.5512 21.4575 16.8263 20.9944 17.6269C20.5238 18.4406 19.1081 18.5381 18.4481 19.1981C17.7881 19.8581 17.6906 21.2738 16.8769 21.7444C16.0763 22.2075 14.8012 21.5906 13.8862 21.8344C13.0012 22.0706 12.21 23.25 11.25 23.25C10.29 23.25 9.49875 22.0706 8.61375 21.8344C7.69875 21.5906 6.42375 22.2075 5.62313 21.7444C4.80938 21.2738 4.71187 19.8581 4.05188 19.1981C3.39188 18.5381 1.97625 18.4406 1.50563 17.6269C1.0425 16.8263 1.65938 15.5512 1.41563 14.6362C1.17938 13.7512 0 12.96 0 12C0 11.04 1.17938 10.2487 1.41563 9.36375C1.65938 8.44875 1.0425 7.17375 1.50563 6.37313C1.97625 5.55938 3.39188 5.46187 4.05188 4.80188C4.71187 4.14188 4.80938 2.72625 5.62313 2.25563C6.42375 1.7925 7.69875 2.40938 8.61375 2.16563C9.49875 1.92938 10.29 0.75 11.25 0.75C12.21 0.75 13.0012 1.92938 13.8862 2.16563C14.8012 2.40938 16.0763 1.7925 16.8769 2.25563C17.6906 2.72625 17.7881 4.14188 18.4481 4.80188C19.1081 5.46187 20.5238 5.55938 20.9944 6.37313C21.4575 7.17375 20.8406 8.44875 21.0844 9.36375C21.3206 10.2487 22.5 11.04 22.5 12Z" fill="white" />
<path d="M14.5013 8.64754L10.2188 12.93L7.99875 10.7119C7.51688 10.23 6.735 10.23 6.25313 10.7119C5.77125 11.1938 5.77125 11.9757 6.25313 12.4575L9.36751 15.5719C9.83626 16.0407 10.5975 16.0407 11.0663 15.5719L16.245 10.3932C16.7269 9.91129 16.7269 9.12941 16.245 8.64754C15.7631 8.16566 14.9831 8.16566 14.5013 8.64754Z" fill="#A38CFF" />
</svg>
<p class="text-white mb-0 ms-3">Success Accelerators</p>
</a>
</li>
<li>
<a href="#" class="phase-item d-flex align-items-center mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24" fill="none">
<path d="M22.5 12C22.5 12.96 21.3206 13.7512 21.0844 14.6362C20.8406 15.5512 21.4575 16.8263 20.9944 17.6269C20.5238 18.4406 19.1081 18.5381 18.4481 19.1981C17.7881 19.8581 17.6906 21.2738 16.8769 21.7444C16.0763 22.2075 14.8012 21.5906 13.8862 21.8344C13.0012 22.0706 12.21 23.25 11.25 23.25C10.29 23.25 9.49875 22.0706 8.61375 21.8344C7.69875 21.5906 6.42375 22.2075 5.62313 21.7444C4.80938 21.2738 4.71187 19.8581 4.05188 19.1981C3.39188 18.5381 1.97625 18.4406 1.50563 17.6269C1.0425 16.8263 1.65938 15.5512 1.41563 14.6362C1.17938 13.7512 0 12.96 0 12C0 11.04 1.17938 10.2487 1.41563 9.36375C1.65938 8.44875 1.0425 7.17375 1.50563 6.37313C1.97625 5.55938 3.39188 5.46187 4.05188 4.80188C4.71187 4.14188 4.80938 2.72625 5.62313 2.25563C6.42375 1.7925 7.69875 2.40938 8.61375 2.16563C9.49875 1.92938 10.29 0.75 11.25 0.75C12.21 0.75 13.0012 1.92938 13.8862 2.16563C14.8012 2.40938 16.0763 1.7925 16.8769 2.25563C17.6906 2.72625 17.7881 4.14188 18.4481 4.80188C19.1081 5.46187 20.5238 5.55938 20.9944 6.37313C21.4575 7.17375 20.8406 8.44875 21.0844 9.36375C21.3206 10.2487 22.5 11.04 22.5 12Z" fill="white" />
<path d="M14.5013 8.64754L10.2188 12.93L7.99875 10.7119C7.51688 10.23 6.735 10.23 6.25313 10.7119C5.77125 11.1938 5.77125 11.9757 6.25313 12.4575L9.36751 15.5719C9.83626 16.0407 10.5975 16.0407 11.0663 15.5719L16.245 10.3932C16.7269 9.91129 16.7269 9.12941 16.245 8.64754C15.7631 8.16566 14.9831 8.16566 14.5013 8.64754Z" fill="#A38CFF" />
</svg>
<p class="text-white mb-0 ms-3">Started politician Club</p>
</a>
</li>
<li>
<a href="#" class="phase-item d-flex align-items-center mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24" fill="none">
<path d="M22.5 12C22.5 12.96 21.3206 13.7512 21.0844 14.6362C20.8406 15.5512 21.4575 16.8263 20.9944 17.6269C20.5238 18.4406 19.1081 18.5381 18.4481 19.1981C17.7881 19.8581 17.6906 21.2738 16.8769 21.7444C16.0763 22.2075 14.8012 21.5906 13.8862 21.8344C13.0012 22.0706 12.21 23.25 11.25 23.25C10.29 23.25 9.49875 22.0706 8.61375 21.8344C7.69875 21.5906 6.42375 22.2075 5.62313 21.7444C4.80938 21.2738 4.71187 19.8581 4.05188 19.1981C3.39188 18.5381 1.97625 18.4406 1.50563 17.6269C1.0425 16.8263 1.65938 15.5512 1.41563 14.6362C1.17938 13.7512 0 12.96 0 12C0 11.04 1.17938 10.2487 1.41563 9.36375C1.65938 8.44875 1.0425 7.17375 1.50563 6.37313C1.97625 5.55938 3.39188 5.46187 4.05188 4.80188C4.71187 4.14188 4.80938 2.72625 5.62313 2.25563C6.42375 1.7925 7.69875 2.40938 8.61375 2.16563C9.49875 1.92938 10.29 0.75 11.25 0.75C12.21 0.75 13.0012 1.92938 13.8862 2.16563C14.8012 2.40938 16.0763 1.7925 16.8769 2.25563C17.6906 2.72625 17.7881 4.14188 18.4481 4.80188C19.1081 5.46187 20.5238 5.55938 20.9944 6.37313C21.4575 7.17375 20.8406 8.44875 21.0844 9.36375C21.3206 10.2487 22.5 11.04 22.5 12Z" fill="white" />
<path d="M14.5013 8.64754L10.2188 12.93L7.99875 10.7119C7.51688 10.23 6.735 10.23 6.25313 10.7119C5.77125 11.1938 5.77125 11.9757 6.25313 12.4575L9.36751 15.5719C9.83626 16.0407 10.5975 16.0407 11.0663 15.5719L16.245 10.3932C16.7269 9.91129 16.7269 9.12941 16.245 8.64754C15.7631 8.16566 14.9831 8.16566 14.5013 8.64754Z" fill="#A38CFF" />
</svg>
<p class="text-white mb-0 ms-3">Success Accelerators</p>
</a>
</li>
<li>
<a href="#" class="phase-item d-flex align-items-center mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24" fill="none">
<path d="M22.5 12C22.5 12.96 21.3206 13.7512 21.0844 14.6362C20.8406 15.5512 21.4575 16.8263 20.9944 17.6269C20.5238 18.4406 19.1081 18.5381 18.4481 19.1981C17.7881 19.8581 17.6906 21.2738 16.8769 21.7444C16.0763 22.2075 14.8012 21.5906 13.8862 21.8344C13.0012 22.0706 12.21 23.25 11.25 23.25C10.29 23.25 9.49875 22.0706 8.61375 21.8344C7.69875 21.5906 6.42375 22.2075 5.62313 21.7444C4.80938 21.2738 4.71187 19.8581 4.05188 19.1981C3.39188 18.5381 1.97625 18.4406 1.50563 17.6269C1.0425 16.8263 1.65938 15.5512 1.41563 14.6362C1.17938 13.7512 0 12.96 0 12C0 11.04 1.17938 10.2487 1.41563 9.36375C1.65938 8.44875 1.0425 7.17375 1.50563 6.37313C1.97625 5.55938 3.39188 5.46187 4.05188 4.80188C4.71187 4.14188 4.80938 2.72625 5.62313 2.25563C6.42375 1.7925 7.69875 2.40938 8.61375 2.16563C9.49875 1.92938 10.29 0.75 11.25 0.75C12.21 0.75 13.0012 1.92938 13.8862 2.16563C14.8012 2.40938 16.0763 1.7925 16.8769 2.25563C17.6906 2.72625 17.7881 4.14188 18.4481 4.80188C19.1081 5.46187 20.5238 5.55938 20.9944 6.37313C21.4575 7.17375 20.8406 8.44875 21.0844 9.36375C21.3206 10.2487 22.5 11.04 22.5 12Z" fill="white" />
<path d="M14.5013 8.64754L10.2188 12.93L7.99875 10.7119C7.51688 10.23 6.735 10.23 6.25313 10.7119C5.77125 11.1938 5.77125 11.9757 6.25313 12.4575L9.36751 15.5719C9.83626 16.0407 10.5975 16.0407 11.0663 15.5719L16.245 10.3932C16.7269 9.91129 16.7269 9.12941 16.245 8.64754C15.7631 8.16566 14.9831 8.16566 14.5013 8.64754Z" fill="#A38CFF" />
</svg>
<p class="text-white mb-0 ms-3">Transformational Strategy</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6 mb-lg-0 mb-8">
<div class="position-relative d-inline-block z-2 hover-up">
<img class="rounded-3 border border-3 border-white" src="assets/imgs/features-2/img-1.png" alt="infinia">
<div class="position-absolute bottom-0 start-0 end-0 mb-3 mx-3 backdrop-filter rounded-3 text-start p-3">
<a href=" #" class="d-flex align-items-center bg-white-keep d-inline-flex rounded-pill px-2 py-1">
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
</a>
<h6 class="mt-3">
Transform Your Business <br>
Into Profession
</h6>
<p class="fs-7 text-700">Achieve Your a of Business</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-lg-0 mb-8">
<div class="px-lg-8">
<img src="assets/imgs/features-2/icon-2.svg" alt="infinia" class="hover-up">
<div data-aos="fade-zoom-in" data-aos-delay="100">
<h5 class="text-white mt-3 mb-3">Efficiency Experts</h5>
<p class="text-white border-bottom pb-3">A business consultant provides expert advice and guidance to businesses on various aspects.</p>
</div>
<div data-aos="fade-zoom-in" data-aos-delay="4200">
<h5 class="text-white mt-8 mb-3">Strategic Solutions</h5>
<p class="text-white">Discover why hundreds of millions people use Infinia to chat and call every day.</p>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute bg-rotate z-0">
<img class="rotate-center" src="assets/imgs/features-2/bg-img-favicon.png" alt="infinia">
</div>
<div class="position-absolute top-0 end-0 z-1 p-8">
<div class="bloom"></div>
</div>
</div>
</section>
<!--Features 3-->
<section>
<div class="container-fluid position-relative bg-neutral-100 section-padding bg-neutral-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 text-lg-end text-center">
<div class="position-relative d-inline-block mb-lg-0 mb-8">
<img class="rounded-4" src="assets/imgs/features-3/img-1.png" alt="infinia" data-aos="fade-zoom-in" data-aos-delay="200" />
<div class="position-absolute bottom-0 start-0 translate-middle-md-x mb-md-8 backdrop-filter rounded-3 p-md-4 p-3 text-center">
<h6>Rate For Us</h6>
<div class="d-flex align-items-center justify-content-center py-4">
<img src="assets/imgs/features-3/avatar-1.png" alt="infinia" />
<img class="avt-hero z-1" src="assets/imgs/features-3/avatar-2.png" alt="infinia" />
<img class="avt-hero z-0" src="assets/imgs/features-3/avatar-3.png" alt="infinia" />
</div>
<div class="d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
</svg>
</div>
<p class="pt-2">
Loved by over 4k <br />
happy clients
</p>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="ps-lg-5">
<h6 data-aos="fade-zoom-in" data-aos-delay="100">Company's vision</h6>
<h3 class="ds-3 mt-2 mb-5" data-aos="fade-zoom-in" data-aos-delay="200">Powerful agency for corporate business.</h3>
<p class="mb-5" data-aos="fade-zoom-in" data-aos-delay="300">Provide your team with top-tier group mentoring programs and exceptional professional benefits.</p>
<div class="d-flex align-items-center pb-7 border-bottom">
<a href="#" class="btn btn-gradient" data-aos="fade-zoom-in" data-aos-delay="0">
Get Free Quote
<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 class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<a href="#" class="ms-5 text-decoration-underline fw-bold" data-aos="fade-zoom-in" data-aos-delay="300">How We Work</a>
</div>
<div class="row">
<div class="col-12 col-md-6 d-flex align-items-center justify-content-center border-end mt-5">
<h2 class="odometer" data-count="99"></h2>
<span class="fs-4 fw-medium align-self-start">%</span>
<p class="ms-3" data-aos="fade-zoom-in" data-aos-delay="200">
Genuine repeated <br />
happy customers.
</p>
</div>
<div class="col-12 col-md-6 d-flex align-items-center justify-content-center mt-5">
<h2 class="odometer" data-count="98"></h2>
<span class="fs-4 fw-medium align-self-start">%</span>
<p class="ms-3" data-aos="fade-zoom-in" data-aos-delay="300">
Trusted by <br />
companies
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Services 1-->
<section class="section-padding">
<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="ds-3 my-3" data-aos="fade-zoom-in" data-aos-delay="300">Explore Our Services</h3>
<p data-aos="fade-zoom-in" data-aos-delay="100">By doing a financial analysis of these statements, you can see <br> whether you have enough working capital.</p>
</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">Research planning</h6>
<p class="mb-6">Separating your work from your home life can improve work-life balance and coworking spaces provide a dedicated place to work</p>
<a href="#" 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">Strategy Lab</h6>
<p class="mb-6">Separating your work from your home life can improve work-life balance and coworking spaces provide a dedicated place to work</p>
<a href="#" 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">Business Consultancy</h6>
<p class="mb-6">Separating your work from your home life can improve work-life balance and coworking spaces provide a dedicated place to work</p>
<a href="#" 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">Business promotion</h6>
<p class="mb-6">Separating your work from your home life can improve work-life balance and coworking spaces provide a dedicated place to work</p>
<a href="#" 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">Finance Advisory </h6>
<p class="mb-6">Separating your work from your home life can improve work-life balance and coworking spaces provide a dedicated place to work</p>
<a href="#" 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">Revenue generation</h6>
<p class="mb-6">Separating your work from your home life can improve work-life balance and coworking spaces provide a dedicated place to work</p>
<a href="#" 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>
<!--Team 1-->
<section class="section-team-1 section-padding position-relative overflow-hidden">
<div class="container">
<div class="row position-relative z-1">
<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 TEAM MEMBERS</span>
</div>
<h3 class="ds-3 my-3" data-aos="fade-zoom-in" data-aos-delay="200">Meet Our Team</h3>
<p class="fs-5" data-aos="fade-zoom-in" data-aos-delay="300">Meet the talented and passionate team members who drive our company forward every day. <br class="d-none d-lg-block"> company forward every day.</p>
</div>
</div>
<div class="row mt-6">
<!-- prettier-ignore -->
<div class="col-lg-3 col-md-6 mb-lg-4 mb-7 text-center" data-aos="fade-zoom-in" data-aos-delay="100">
<div class="position-relative d-inline-block z-1">
<div class="zoom-img rounded-3">
<img class="img-fluid w-100" src="assets/imgs/team-1/avatar-1.png" alt="infinia" />
</div>
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 hover-up">
<h6>Michael Anderson</h6>
<div class="d-flex">
<span class="fs-6 text-600 me-auto">Co-Founder</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<path class="fill-white" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="white" />
</svg>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-7 text-center" data-aos="fade-zoom-in" data-aos-delay="200">
<div class="position-relative d-inline-block z-1">
<div class="zoom-img rounded-3">
<img class="img-fluid w-100" src="assets/imgs/team-1/avatar-2.png" alt="infinia" />
</div>
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 hover-up">
<h6>Strategy Development</h6>
<div class="d-flex">
<span class="fs-6 text-600 me-auto">Software Engineer</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<path class="fill-white" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="white" />
</svg>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-7 text-center" data-aos="fade-zoom-in" data-aos-delay="300">
<div class="position-relative d-inline-block z-1">
<div class="zoom-img rounded-3">
<img class="img-fluid w-100" src="assets/imgs/team-1/avatar-3.png" alt="infinia" />
</div>
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 hover-up">
<h6>Sarah Brown</h6>
<div class="d-flex">
<span class="fs-6 text-600 me-auto">Product Manager</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<path class="fill-white" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="white" />
</svg>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-7 text-center" data-aos="fade-zoom-in" data-aos-delay="400">
<div class="position-relative d-inline-block z-1">
<div class="zoom-img rounded-3">
<img class="img-fluid w-100" src="assets/imgs/team-1/avatar-4.png" alt="infinia" />
</div>
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 hover-up">
<h6>David Clark </h6>
<div class="d-flex">
<span class="fs-6 text-600 me-auto">UX/UI Designer</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<path class="fill-white" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="white" />
</svg>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-7 text-center" data-aos="fade-zoom-in" data-aos-delay="100">
<div class="position-relative d-inline-block z-1">
<div class="zoom-img rounded-3">
<img class="img-fluid w-100" src="assets/imgs/team-1/avatar-5.png" alt="infinia" />
</div>
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 hover-up">
<h6>Jessica Carter</h6>
<div class="d-flex">
<span class="fs-6 text-600 me-auto">DevOps Engineer</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<path class="fill-white" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="white" />
</svg>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-7 text-center" data-aos="fade-zoom-in" data-aos-delay="200">
<div class="position-relative d-inline-block z-1">
<div class="zoom-img rounded-3">
<img class="img-fluid w-100" src="assets/imgs/team-1/avatar-6.png" alt="infinia" />
</div>
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 hover-up">
<h6>Lauren Graham</h6>
<div class="d-flex">
<span class="fs-6 text-600 me-auto">Data Analyst</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<path class="fill-white" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="white" />
</svg>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-7 text-center" data-aos="fade-zoom-in" data-aos-delay="300">
<div class="position-relative d-inline-block z-1">
<div class="zoom-img rounded-3">
<img class="img-fluid w-100" src="assets/imgs/team-1/avatar-7.png" alt="infinia" />
</div>
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 hover-up">
<h6>James Bennett</h6>
<div class="d-flex">
<span class="fs-6 text-600 me-auto">Sales Executive</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<path class="fill-white" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="white" />
</svg>
</div>
</a>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-7 text-center" data-aos="fade-zoom-in" data-aos-delay="400">
<div class="position-relative d-inline-block z-1">
<div class="zoom-img rounded-3">
<img class="img-fluid w-100" src="assets/imgs/team-1/avatar-8.png" alt="infinia" />
</div>
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 hover-up">
<h6>William Foster</h6>
<div class="d-flex">
<span class="fs-6 text-600 me-auto">Marketing Specialist</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<path class="fill-white" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="white" />
</svg>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
<img src="assets/imgs/team-1/bg-line.png" alt="infinia">
</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>
<!--Pricing 1-->
<section class="section-pricing-1 position-relative pb-120 @@classList overflow-hidden">
<div class="container">
<div class="row pb-9 position-relative z-1">
<div class="col-lg-auto me-lg-auto">
<div class="text-start mb-lg-0 mb-5">
<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 plans</span>
</div>
<h3 class="ds-3 my-3" data-aos="fade-zoom-in" data-aos-delay="200">Pricing Plans</h3>
<p class="fs-5 mb-0" data-aos="fade-zoom-in" data-aos-delay="300">⚡Weve got a pricing plan thats perfect for you</p>
</div>
</div>
<div class="col-lg-auto align-self-end">
<div class="d-flex justify-content-lg-end">
<ul class="list-unstyled d-flex align-items-center change-price-plan bg-white rounded-pill py-1 shadow-2">
<li><a href="#" class="active px-6 py-2 text-900 bg-transparent monthly rounded-pill text-white fs-5 fw-bold z-1" data-type="monthly">Monthly</a></li>
<li><a href="#" class="yearly px-md-6 px-2 py-2 rounded-pill bg-transparent text-900 fs-5 fw-bold" data-type="yearly">Yearly (Save 25%)</a></li>
</ul>
</div>
</div>
</div>
<div class="row backdrop-filter-lg rounded-4 position-relative z-1">
<div class="col-lg-3 col-sm-6 px-lg-0 mb-lg-0 mb-4">
<div class="backdrop-filter-md h-100 p-6 position-relative border rounded-4 z-1 rounded-end-lg-0">
<h6>Trial Plan</h6>
<p class="fs-7">Protect for testing</p>
<h3 class="text-primary mt-3 mb-0">Free</h3>
<p class="fs-8">30 days trial</p>
<button class="btn btn-outline-secondary hover-up w-100 d-flex justify-content-between my-5">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path class="fill-dark" d="M17.4177 5.41797L16.3487 6.48705L21.1059 11.2443H0V12.7562H21.1059L16.3487 17.5134L17.4177 18.5825L24 12.0002L17.4177 5.41797Z" fill="#111827" />
</svg>
</button>
<ul class="list-unstyled mb-0">
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Single Team Member</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Over 1200 UI Blocks</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">10 GB of Cloud Storage</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-secondary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2 text-400">Personal Email Account</h6>
</li>
<li class="d-flex align-items-center">
<img src="assets/imgs/pricing-1/check-secondary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2 text-400">Priority Support</h6>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-6 px-lg-0 mb-lg-0 mb-4">
<div class="backdrop-filter-md h-100 p-6 position-relative border rounded-4 z-1 border-start-lg-0 rounded-start-lg-0 rounded-end-lg-0">
<h6>Standard</h6>
<p class="fs-7">Great for large teams</p>
<div class="d-flex">
<span class="fs-5 text-600 me-1">$</span>
<h3 class="text-primary mb-0 text-price-standard">49</h3>
<span class="fs-5 text-600 ms-1 fw-bold align-self-end text-type-standard">/mon</span>
</div>
<p class="fs-8">No credit card required</p>
<button class="btn btn-gradient w-100 d-flex justify-content-between my-5">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path class="fill-white" d="M17.4177 5.41797L16.3487 6.48705L21.1059 11.2443H0V12.7562H21.1059L16.3487 17.5134L17.4177 18.5825L24 12.0002L17.4177 5.41797Z" fill="white" />
</svg>
</button>
<ul class="list-unstyled mb-0">
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">05 Team Member</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">All multimedia channels</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">All advanced CRM features</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Up to 15,000 contacts</h6>
</li>
<li class="d-flex align-items-center">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">24/7 Support (Email, Chat)</h6>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-6 px-lg-0 mb-lg-0 mb-4">
<div class="backdrop-filter-md h-100 p-6 position-relative border rounded-4 z-1 rounded-start-lg-0 rounded-end-lg-0 border-start-lg-0">
<h6>Business</h6>
<p class="fs-7">Advanced projects</p>
<div class="d-flex">
<span class="fs-5 text-600 me-1">$</span>
<h3 class="text-primary mb-0 text-price-business">69</h3>
<span class="fs-5 text-600 ms-1 fw-bold align-self-end text-type-business">/mon</span>
</div>
<p class="fs-8">No credit card required</p>
<button class="btn btn-outline-secondary hover-up w-100 d-flex justify-content-between my-5">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path class="fill-dark" d="M17.4177 5.41797L16.3487 6.48705L21.1059 11.2443H0V12.7562H21.1059L16.3487 17.5134L17.4177 18.5825L24 12.0002L17.4177 5.41797Z" fill="#111827" />
</svg>
</button>
<ul class="list-unstyled mb-0">
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">50 Team Member</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Over 1500 UI Blocks</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">100 GB of Cloud Storage</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Personal Email Account</h6>
</li>
<li class="d-flex align-items-center">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Priority Support</h6>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-sm-6 px-lg-0 mb-lg-0 mb-4">
<div class="backdrop-filter-md h-100 p-6 position-relative border rounded-4 z-1 border-start-lg-0 rounded-start-lg-0">
<h6>Enterprise</h6>
<p class=" fs-7">For big companies</p>
<div class="d-flex">
<span class="fs-5 text-600 me-1">$</span>
<h3 class="text-primary mb-0 text-price-enterprise">99</h3>
<span class="fs-5 text-600 ms-1 fw-bold align-self-end text-type-enterprise">/mon</span>
</div>
<p class="fs-8">No credit card required</p>
<button class="btn btn-outline-secondary hover-up w-100 d-flex justify-content-between my-5">
Get Started
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path class="fill-dark" d="M17.4177 5.41797L16.3487 6.48705L21.1059 11.2443H0V12.7562H21.1059L16.3487 17.5134L17.4177 18.5825L24 12.0002L17.4177 5.41797Z" fill="#111827" />
</svg>
</button>
<ul class="list-unstyled mb-0">
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Customized features</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Scalability & security</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Account manager</h6>
</li>
<li class="d-flex align-items-center mb-4">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">Unlimited chat history</h6>
</li>
<li class="d-flex align-items-center">
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
<h6 class="fs-6 mb-0 ms-2">50 Integrations</h6>
</li>
</ul>
</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>
<!--Testimonial 1-->
<section class="section-testimonial-1 pb-120 @@classList position-relative">
<div class="container position-relative z-1">
<div class="row">
<div class="col-lg-4">
<div class="pe-8 mt-10">
<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">Testimonials</span>
</div>
<h3 class="ds-3 mt-3 mb-3" data-aos="fade-zoom-in" data-aos-delay="100">What our clients say</h3>
<span class="fs-5 fw-medium" data-aos="fade-zoom-in" data-aos-delay="300">Access top-tier group mentoring plans and exclusive professional benefits for your team. 🔥</span>
<div class="d-flex flex-wrap align-items-center mt-8">
<a href="page-contact-1" class="btn btn-outline-secondary hover-up" data-aos="fade-zoom-in" data-aos-delay="100">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path class="stroke-dark" d="M8.89286 4.75H6.06818C5.34017 4.75 4.75 5.34017 4.75 6.06818C4.75 13.3483 10.6517 19.25 17.9318 19.25C18.6598 19.25 19.25 18.6598 19.25 17.9318V15.1071L16.1429 13.0357L14.5317 14.6468C14.2519 14.9267 13.8337 15.0137 13.4821 14.8321C12.8858 14.524 11.9181 13.9452 10.9643 13.0357C9.98768 12.1045 9.41548 11.1011 9.12829 10.494C8.96734 10.1537 9.06052 9.76091 9.32669 9.49474L10.9643 7.85714L8.89286 4.75Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
Contact Us
</a>
<a href="#" class="ms-5 ms-md-5 mt-5 mt-md-0 fw-bold" data-aos="fade-zoom-in" data-aos-delay="300">Help Center
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none">
<path d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="black" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="bg-neutral-100 p-5 mt-8 rounded-3 position-relative card-hover" data-aos="fade-zoom-in" data-aos-delay="100">
<p class="text-900">The team's dedication and expertise have transformed our business. <span class="fw-bold">Their innovative solutions and outstanding support</span> have significantly boosted our productivity and client satisfaction. Allowing us to streamline our processes and focus on what matters most.</p>
<div class="d-flex align-items-center mt-5">
<img class="avatar-lg" src="assets/imgs/testimonial-1/avatar-1.png" alt="infinia" />
<div class="d-flex flex-column">
<h6 class="ms-3 fs-6 mb-0">Kathryn Murphy</h6>
<div class="flag ms-3">
<img src="assets/imgs/testimonial-1/flag-1.png" alt="infinia" />
<span class="fs-8">CEO of Tech Innovators Inc</span>
</div>
</div>
</div>
<a href="#" class="position-absolute top-0 start-0 end-0 bottom-0"></a>
</div>
<div class="bg-neutral-100 p-5 mt-5 rounded-3 position-relative card-hover" data-aos="fade-zoom-in" data-aos-delay="200">
<p class="text-900">Our collaboration with the team has been instrumental in optimizing our project management processes. <span class="fw-bold">The extensive selection of over 1200 UI blocks has allowed us to customize our project interfaces to meet specific client needs effectively.</span> The generous 10 GB of cloud storage has provided ample space for storing project files securely, enabling seamless collaboration across distributed teams.</p>
<div class="d-flex align-items-center mt-5">
<img class="avatar-lg" src="assets/imgs/testimonial-1/avatar-2.png" alt="infinia" />
<div class="d-flex flex-column">
<h6 class="ms-3 fs-6 mb-0">Emily Davis</h6>
<div class="flag ms-3">
<img src="assets/imgs/testimonial-1/flag-2.png" alt="infinia" />
<span class="fs-8">Software Engineer</span>
</div>
</div>
</div>
<a href="#" class="position-absolute top-0 start-0 end-0 bottom-0"></a>
</div>
</div>
<div class="col-lg-4">
<div class="bg-neutral-100 p-5 mt-5 mt-lg-0 rounded-3 position-relative card-hover" data-aos="fade-zoom-in" data-aos-delay="300">
<p class="text-900">The individual email account feature has improved internal communication clarity and professionalism. Moreover, the premium support team's responsiveness and expertise have ensured minimal <span class="fw-bold">disruptions and quick resolutions</span> to any technical challenges we've faced. I highly recommend their services for any enterprise seeking robust SaaS solutions,</p>
<div class="d-flex align-items-center mt-5">
<img class="avatar-lg" src="assets/imgs/testimonial-1/avatar-3.png" alt="infinia" />
<div class="d-flex flex-column">
<h6 class="ms-3 fs-6 mb-0">Sarah Thompson</h6>
<div class="flag ms-3">
<img src="assets/imgs/testimonial-1/flag-3.png" alt="infinia" />
<span class="fs-8">Marketing Director</span>
</div>
</div>
</div>
<a href="#" class="position-absolute top-0 start-0 end-0 bottom-0"></a>
</div>
<div class="bg-neutral-100 p-5 mt-5 rounded-3 position-relative card-hover" data-aos="fade-zoom-in" data-aos-delay="400">
<p class="text-900">Our experience with this team has surpassed our expectations on every front. <span class="fw-bold">The comprehensive suite of over 1200 UI blocks has enabled us to craft highly functional</span> and aesthetically pleasing user interfaces that resonate with our target audience. Equally impressive is the premium support team's proactive approach.</p>
<div class="d-flex align-items-center mt-5">
<img class="avatar-lg" src="assets/imgs/testimonial-1/avatar-4.png" alt="infinia" />
<div class="d-flex flex-column">
<h6 class="ms-3 fs-6 mb-0">Emily Adams</h6>
<div class="flag ms-3">
<img src="assets/imgs/testimonial-1/flag-4.png" alt="infinia" />
<span class="fs-8">Software Engineer</span>
</div>
</div>
</div>
<a href="#" class="position-absolute top-0 start-0 end-0 bottom-0"></a>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-0 z-0">
<img src="assets/imgs/testimonial-1/bg-line.png" alt="infinia" />
</div>
</section>
<!--Blog 1-->
<section class="section-blog-1 @@padding">
<div class="container">
<div class="row align-items-end">
<div class="col-12 col-md-6 me-auto">
<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">From Blog</span>
</div>
<h3 class="ds-3 mt-3 mb-3" data-aos="fade-zoom-in" data-aos-delay="100">Our Latest Articles</h3>
<span class="fs-5 fw-medium" data-aos="fade-zoom-in" data-aos-delay="200">Explore the insights and trends shaping our industry</span>
</div>
<div class="col-12 col-md-6 mt-3 mt-md-0">
<a href="#" class="ms-md-5 fw-bold text-primary">See all articles
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none">
<path class="fill-dark" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="black" />
</svg>
</a>
</div>
</div>
<div class="row">
<!-- prettier-ignore -->
<div class="col-lg-4 text-start">
<div class="card border-0 rounded-3 mt-8 position-relative d-inline-flex" data-aos="fade-zoom-in" data-aos-delay="100">
<img class="rounded-3" src="assets/imgs/blog-1/card-img-1.png" alt="infinia">
<div class="card-body p-0 bg-white">
<a href="#" class="bg-primary-soft position-relative z-1 d-inline-flex rounded-pill px-3 py-2 mt-3">
<span class="tag-spacing fs-7 fw-bold text-linear-2 text-uppercase">Business</span>
</a>
<h6 class="my-3">The Future of SaaS: Emerging Trends to Watch</h6>
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
</div>
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
</div>
</div>
<div class="col-lg-4 text-start">
<div class="card border-0 rounded-3 mt-8 position-relative d-inline-flex" data-aos="fade-zoom-in" data-aos-delay="200">
<img class="rounded-3" src="assets/imgs/blog-1/card-img-2.png" alt="infinia">
<div class="card-body p-0 bg-white">
<a href="#" class="bg-primary-soft position-relative z-1 d-inline-flex rounded-pill px-3 py-2 mt-3">
<span class="tag-spacing fs-7 fw-bold text-linear-2 text-uppercase">Technology</span>
</a>
<h6 class="my-3">Choosing the Right SaaS Solution for Your Business</h6>
<p>Selecting the right SaaS solution can be a daunting task with so many options available. This guide breaks down the key...</p>
</div>
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
</div>
</div>
<div class="col-lg-4 text-start">
<div class="card border-0 rounded-3 mt-8 position-relative d-inline-flex" data-aos="fade-zoom-in" data-aos-delay="300">
<img class="rounded-3" src="assets/imgs/blog-1/card-img-3.png" alt="infinia">
<div class="card-body p-0 bg-white">
<a href="#" class="bg-primary-soft position-relative z-1 d-inline-flex rounded-pill px-3 py-2 mt-3">
<span class="tag-spacing fs-7 fw-bold text-linear-2 text-uppercase">security</span>
</a>
<h6 class="my-3">The Importance of Data Security in Your SaaS Projects</h6>
<p>Data security is a top priority for businesses adopting SaaS solutions. With increasing cyber threats, it's essential to understand...</p>
</div>
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
</div>
</div>
</div>
</div>
</section>
<!-- Newsletter 1 -->
<section class="section-newsletter-1 pb-120 pt-120 fix position-relative">
<div class="container position-relative fix">
<div class="row align-items-center fix text-center border rounded-4 position-relative z-1">
<div class="col-lg-6 my-4">
<div class="row">
<div class="ms-lg-4">
<img class="rounded-4 border border-3 border-white me-3 mb-3" src="assets/imgs/newsletter-1/img-1.png" alt="infinia" />
<img class="rounded-4 border border-3 border-white me-3 mb-3" src="assets/imgs/newsletter-1/img-2.png" alt="infinia" data-aos="fade-zoom-in" data-aos-delay="50" />
<img class="rounded-4 border border-3 border-white me-3 mb-3 d-none d-md-inline" src="assets/imgs/newsletter-1/img-3.png" alt="infinia" />
</div>
</div>
<div class="row">
<div>
<img class="rounded-4 border border-3 border-white me-3 mb-3" src="assets/imgs/newsletter-1/img-4.png" alt="infinia" />
<img class="rounded-4 border border-3 border-white me-3 mb-3" src="assets/imgs/newsletter-1/img-5.png" alt="infinia" data-aos="fade-zoom-in" data-aos-delay="100" />
<img class="rounded-4 border border-3 border-white me-3 mb-3" src="assets/imgs/newsletter-1/img-6.png" alt="infinia" />
<img class="rounded-4 border border-3 border-white me-3 mb-3" src="assets/imgs/newsletter-1/img-7.png" alt="infinia" data-aos="fade-zoom-in" data-aos-delay="100" />
</div>
</div>
<div class="row d-none d-lg-flex">
<div class="me-lg-0">
<img class="rounded-4 border border-3 border-white me-3 mb-3" src="assets/imgs/newsletter-1/img-8.png" alt="infinia" data-aos="fade-zoom-in" data-aos-delay="50" />
<img class="rounded-4 border border-3 border-white me-3 mb-3" src="assets/imgs/newsletter-1/img-9.png" alt="infinia" data-aos="fade-zoom-in" data-aos-delay="100" />
<img class="rounded-4 border border-3 border-white me-3 mb-3 d-none d-md-inline" src="assets/imgs/newsletter-1/img-10.png" alt="infinia" />
</div>
</div>
</div>
<div class="col-lg-6 mt-lg-0 mt-5">
<div class="px-lg-5 text-lg-start 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">Stay Updated</span>
</div>
<h4 class="mt-3 mb-3" data-aos="fade-zoom-in" data-aos-delay="100">Subscribe to our Newsletter!</h4>
<span class="fs-6 fw-medium" data-aos="fade-zoom-in" data-aos-delay="200">Join 52,000+ people on our newsletter</span>
<div class="input-group mb-3 mt-4 position-relative">
<input type="text" class="ps-5 py-3 form-control bg-neutral-100 rounded-start-pill border-2 border-end-0 border-white" name="name" placeholder="Enter your mail .." />
<div class="bg-neutral-100 border-2 border border-start-0 border-white rounded-end-pill">
<button class="btn btn-gradient px-3 py-3 m-3 fs-7 fw-bold border-0 rounded-pill" type="button" data-aos="fade-zoom-in" data-aos-delay="100">Join Now</button>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute top-50 start-50 translate-middle z-0">
<img src="assets/imgs/newsletter-1/bg-line.png" alt="infinia" />
</div>
<div class="bouncing-blobs-container rounded-4 fix">
<div class="bouncing-blobs-glass rounded-4"></div>
<div class="bouncing-blobs">
<div class="bouncing-blob bouncing-blob--green"></div>
<div class="bouncing-blob bouncing-blob--primary"></div>
</div>
</div>
</div>
</section>
</main>
<!-- prettier-ignore -->
<!-- Footer 1 -->
<footer>
<div class="section-footer position-relative">
<div class="container-fluid bgft-1">
<div class="container position-relative z-2">
<div class="row py-90">
<div class="col-lg-4 pe-10" data-aos="fade-zoom-in" data-aos-delay="100">
<a href="index.html"><img src="assets/imgs/logo/logo-white.svg" alt="infinia"></a>
<p class="text-white fw-medium mt-3 mb-6 opacity-50">You may also realize cost savings from your energy efficient choices in your custom home. Federal tax credits for some green materials can allow you to deduct as much.</p>
<div class="d-flex social-icons">
<a href="https://www.facebook.com/" class=" text-white border border-end-0 border-light border-opacity-10 icon-shape icon-md">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="17" viewBox="0 0 10 17" fill="none">
<path d="M8.84863 9.20312H6.5415V16.0938H3.46533V9.20312H0.942871V6.37305H3.46533V4.18896C3.46533 1.72803 4.94189 0.34375 7.1875 0.34375C8.26416 0.34375 9.40234 0.559082 9.40234 0.559082V2.98926H8.14111C6.91064 2.98926 6.5415 3.72754 6.5415 4.52734V6.37305H9.2793L8.84863 9.20312Z" fill="white" />
</svg>
</a>
<a href="https://twitter.com/" class=" text-white border border-end-0 border-light border-opacity-10 icon-shape icon-md">
<i class="bi bi-twitter-x"></i>
</a>
<a href="https://www.linkedin.com/" class=" text-white border border-light border-opacity-10 icon-shape icon-md">
<i class="bi bi-linkedin"></i>
</a>
<a href="https://www.behance.net/" class=" text-white border border-start-0 border-light border-opacity-10 icon-shape icon-md">
<i class="bi bi-behance"></i>
</a>
</div>
</div>
<div class="col-lg-8">
<div class="row">
<div class="col-lg-3 col-md-4 col-6" data-aos="fade-zoom-in" data-aos-delay="200">
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5">Company</h3>
<div class="d-flex flex-column align-items-start">
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Mission & Vision</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Our Team</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Careers</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Press & Media</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Advertising</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Testimonials</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6" data-aos="fade-zoom-in" data-aos-delay="300">
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5">Guides</h3>
<div class="d-flex flex-column align-items-start">
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Our Journeys</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Solutions</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Customers</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">News & Events</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Project management</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Help Center</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6" data-aos="fade-zoom-in" data-aos-delay="400">
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5">Services</h3>
<div class="d-flex flex-column align-items-start">
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Project software</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Resource software</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Workflow</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Gantt chart makers</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Project dashboards</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Task software</a>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6" data-aos="fade-zoom-in" data-aos-delay="500">
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5">Resource</h3>
<div class="d-flex flex-column align-items-start">
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Knowledge Base</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Documents</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">System Status</a>
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Security</a>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center py-4 border-top border-white border-opacity-10">
<span class="text-white opacity-50" data-aos="fade-zoom-in" data-aos-delay="200">Copyright © 2024 Infinia. All Rights Reserved</span>
</div>
</div>
</div>
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
<img src="assets/imgs/footer-1/line-bg.png" alt="infinia">
</div>
<div class="position-absolute top-0 start-0 z-0">
<img src="assets/imgs/footer-1/ellipse-left.png" alt="infinia">
</div>
<div class="position-absolute top-0 end-0 z-0">
<img src="assets/imgs/footer-1/ellipse-right.png" alt="infinia">
</div>
</div>
</footer>
<!-- Scroll top -->
<div class="btn-scroll-top">
<svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
<path d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z" />
</svg>
</div>
<!-- Libs JS -->
<script src="assets/js/vendors/jquery-3.7.1.min.js"></script>
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
<script src="assets/js/vendors/swiper-bundle.min.js"></script>
<script src="assets/js/vendors/aos.js"></script>
<script src="assets/js/vendors/wow.min.js"></script>
<script src="assets/js/vendors/headhesive.min.js"></script>
<script src="assets/js/vendors/smart-stick-nav.js"></script>
<script src="assets/js/vendors/jquery.magnific-popup.min.js"></script>
<script src="assets/js/vendors/gsap.min.js"></script>
<script src="assets/js/vendors/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/vendors/isotope.pkgd.min.js"></script>
<script src="assets/js/vendors/ScrollToPlugin.min.js"></script>
<script src="assets/js/vendors/ScrollTrigger.min.js"></script>
<script src="assets/js/vendors/jquery.carouselTicker.min.js"></script>
<script src="assets/js/vendors/jquery.odometer.min.js"></script>
<script src="assets/js/vendors/jquery.appear.js"></script>
<script src="assets/js/vendors/gsap-custom.js"></script>
<script src="assets/js/vendors/bouncing-blob.js"></script>
<!-- Theme JS -->
<script src="assets/js/main.js"></script>
<!-- Other scripts -->
</body>
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/index-1 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:34:44 GMT -->
</html>