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

2842 lines
236 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-5 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:37:09 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<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 -->
<!--top-bar-->
<div class="top-bar position-relative z-4">
<div class="container-fluid bg-primary">
<div class="container-fluid py-2 px-8">
<div class="d-flex flex-column flex-lg-row justify-content-between align-items-center">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<a href="mailto:contact@infinia.com" class="pe-4 d-none d-md-flex">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
<path d="M3.9585 6.95834C3.9585 6.03786 4.70469 5.29167 5.62516 5.29167H14.3752C15.2957 5.29167 16.0418 6.03786 16.0418 6.95834V14.0417C16.0418 14.9622 15.2957 15.7083 14.3752 15.7083H5.62516C4.70469 15.7083 3.9585 14.9622 3.9585 14.0417V6.95834Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M4.5835 5.91667L10.0002 10.7083L15.4168 5.91667" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span class="text-white ps-1 fs-7">contact@infinia.com</span>
</a>
<div class="location d-flex align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
<path d="M5.62516 16.5418H14.3751C15.2956 16.5418 16.0418 15.7957 16.0418 14.8752V8.6252L10.0001 4.45853L3.9585 8.6252V14.8752C3.9585 15.7957 4.7047 16.5418 5.62516 16.5418Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M8.12476 13.6244C8.12476 12.7039 8.87098 11.9577 9.7914 11.9577H10.2081C11.1286 11.9577 11.8747 12.7039 11.8747 13.6244V16.5411H8.12476V13.6244Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span class="text-white ps-1 fs-7">0811 Erdman Prairie, Joaville CA</span>
</div>
</div>
<div class="d-flex d-none d-lg-flex align-items-center justify-content-center justify-content-lg-end">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
<path d="M10.0002 16.5417C13.3369 16.5417 16.0418 13.8367 16.0418 10.5C16.0418 7.16327 13.3369 4.45833 10.0002 4.45833C6.66344 4.45833 3.9585 7.16327 3.9585 10.5C3.9585 13.8367 6.66344 16.5417 10.0002 16.5417Z" stroke="white" stroke-width="1.5" />
<path d="M10 7.16667V10.5L11.6667 12.1667" stroke="white" stroke-width="1.5" />
</svg>
<span class="text-white pe-3 ps-1 fs-7">Mon-Fri: 10:00am - 09:00pm</span>
<a href="https://www.facebook.com/" class=" text-white icon-shape icon-md">
<svg xmlns="http://www.w3.org/2000/svg" width="9" height="17" viewBox="0 0 9 17" fill="none">
<path d="M8.22314 9.20334H5.91602V16.094H2.83984V9.20334H0.317383V6.37326H2.83984V4.18918C2.83984 1.72824 4.31641 0.343964 6.56201 0.343964C7.63867 0.343964 8.77686 0.559296 8.77686 0.559296V2.98947H7.51562C6.28516 2.98947 5.91602 3.72775 5.91602 4.52756V6.37326H8.65381L8.22314 9.20334Z" fill="white" />
</svg>
</a>
<a href="https://twitter.com/" class=" text-white icon-shape icon-md">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none">
<path d="M11.2163 0.820312H13.3696L8.63232 6.26514L14.231 13.6172H9.86279L6.41748 9.15674L2.51074 13.6172H0.32666L5.40234 7.83398L0.0498047 0.820312H4.54102L7.61719 4.91162L11.2163 0.820312ZM10.4473 12.3252H11.647L3.89502 2.05078H2.60303L10.4473 12.3252Z" fill="white" />
</svg>
</a>
<a href="https://www.linkedin.com/" class=" text-white icon-shape icon-md">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
<path d="M13.7188 0.328537C14.2417 0.328537 14.7031 0.789963 14.7031 1.34367V13.1254C14.7031 13.6791 14.2417 14.1098 13.7188 14.1098H1.87549C1.35254 14.1098 0.921875 13.6791 0.921875 13.1254V1.34367C0.921875 0.789963 1.35254 0.328537 1.87549 0.328537H13.7188ZM5.07471 12.141V5.58879H3.04443V12.141H5.07471ZM4.05957 4.66594C4.70557 4.66594 5.22852 4.14299 5.22852 3.49699C5.22852 2.851 4.70557 2.29729 4.05957 2.29729C3.38281 2.29729 2.85986 2.851 2.85986 3.49699C2.85986 4.14299 3.38281 4.66594 4.05957 4.66594ZM12.7344 12.141V8.54192C12.7344 6.7885 12.3345 5.40422 10.2734 5.40422C9.28906 5.40422 8.6123 5.95793 8.33545 6.48088H8.30469V5.58879H6.3667V12.141H8.39697V8.91106C8.39697 8.04973 8.55078 7.21916 9.62744 7.21916C10.6733 7.21916 10.6733 8.20354 10.6733 8.94182V12.141H12.7344Z" fill="white" />
</svg>
</a>
<a href="https://www.behance.net/" class=" text-white icon-shape icon-md">
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="12" viewBox="0 0 19 12" fill="none">
<path d="M7.65234 5.66483C8.9751 6.03397 9.62109 7.0491 9.62109 8.40262C9.62109 10.6175 7.77539 11.5711 5.77588 11.5711H0.515625V0.681427H5.65283C7.49854 0.681427 9.12891 1.20438 9.12891 3.38846C9.12891 4.46512 8.60596 5.17264 7.65234 5.66483ZM2.88428 2.52713V5.08035H5.31445C6.17578 5.08035 6.79102 4.71121 6.79102 3.78836C6.79102 2.77322 6.02197 2.52713 5.16064 2.52713H2.88428ZM5.46826 9.72537C6.42188 9.72537 7.22168 9.38699 7.22168 8.27957C7.22168 7.17215 6.57568 6.71072 5.49902 6.71072H2.88428V9.72537H5.46826ZM16.481 2.3118V1.23514H12.082V2.3118H16.481ZM18.2344 7.75662C18.2344 7.87967 18.2036 8.03348 18.2036 8.15652H12.5127C12.5127 9.41776 13.1895 10.156 14.4507 10.156C15.0967 10.156 15.958 9.81766 16.1733 9.1409H18.0806C17.4961 10.9251 16.2656 11.7864 14.3892 11.7864C11.8975 11.7864 10.3286 10.0945 10.3286 7.63358C10.3286 5.26492 11.959 3.44998 14.3892 3.44998C16.8501 3.44998 18.2344 5.41873 18.2344 7.75662ZM12.5127 6.77225H16.0503C15.958 5.72635 15.4043 5.11111 14.2969 5.11111C13.2817 5.11111 12.5742 5.75711 12.5127 6.77225Z" fill="white" />
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Navbar -->
<header>
<nav class="navbar navbar-expand-lg navbar-light w-100 border-bottom z-999">
<div class="container-fluid px-lg-8">
<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">
<div class="d-lg-flex align-items-center pe-8 d-none">
<a href="telto:+1234567890" class="icon-shape icon-lg bg-linear-2 rounded-circle mx-3">
<svg class="d-block" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
<path class="stroke-white" d="M9.39286 5.25H6.56818C5.84017 5.25 5.25 5.84017 5.25 6.56818C5.25 13.8483 11.1517 19.75 18.4318 19.75C19.1598 19.75 19.75 19.1598 19.75 18.4318V15.6071L16.6429 13.5357L15.0317 15.1468C14.7519 15.4267 14.3337 15.5137 13.9821 15.3321C13.3858 15.024 12.4181 14.4452 11.4643 13.5357C10.4877 12.6045 9.91548 11.6011 9.62829 10.994C9.46734 10.6537 9.56052 10.2609 9.82669 9.99474L11.4643 8.35714L9.39286 5.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<div>
<p class="mb-0 text-500 fs-8">Have Any Questions?</p>
<p class="mb-0 text-900 fw-bold">+01 567 890 68</p>
</div>
</div>
<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">
Get a Quote
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
<g clip-path="url(#clip0_474_2370)">
<path class="fill-white" d="M13.5633 4.06331L12.7615 4.86512L16.3294 8.43305H0.5V9.56699H16.3294L12.7615 13.1349L13.5633 13.9367L18.5 8.99998L13.5633 4.06331Z" fill="white" />
</g>
<defs>
<clipPath>
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
</clipPath>
</defs>
</svg>
</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 5-->
<div class="section-hero-5 position-relative">
<div class="swiper slider-two">
<div class="swiper-wrapper">
<!-- prettier-ignore -->
<div class="swiper-slide">
<div class="position-relative py-188 img-pull" data-background="assets/imgs/hero-5/img-bg-1.png">
<div class="container position-relative z-2">
<div class="row">
<div class="col-lg-6">
<div class="backdrop-filter p-8 position-relative rounded-3">
<div class="bg-white bg-opacity-50 border border-primary-soft d-inline-flex rounded-pill px-4 py-1">
<span class="tag-spacing fs-6 text-primary">🚀 Welcome to Infinia</span>
</div>
<h3 class="ds-3 my-3">Best
<span class="fw-regular">
Solutions <br>
<img class="alltuchtopdown img-fluid filter-invert" src="assets/imgs/hero-5/icon-1.svg" alt="infinia">
for
</span>
Innovation
</h3>
<p class="fs-5 text-900">
Infinia offers full range of consultancy & training methods for business consultation.
</p>
<div class="d-flex flex-column flex-md-row align-items-center">
<a href="#" class="btn btn-gradient rounded-4">
View Our Services
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter align-self-md-stretch px-3 py-2 popup-video hover-up ms-md-3 mt-3 mt-md-0">
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path class="stroke-dark" d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="fw-bold fs-7 text-900">
Video Guide
</span>
</a>
</div>
<div class="position-absolute top-50 start-0 translate-middle d-none d-md-block z-2">
<div class="tag-home-5 rotate-90 backdrop-filter px-6 py-3 rounded-pill d-inline-flex d-flex align-items-center justify-content-center">
<p class="text-900 mb-0 fs-18px fw-bold">20+ Years of Experience</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-0 z-0">
<img src="assets/imgs/hero-5/img-bg-line.png" alt="infinia">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="position-relative py-188 img-pull" data-background="assets/imgs/hero-5/img-bg-2.png">
<div class="container position-relative z-2">
<div class="row">
<div class="col-lg-6">
<div class="backdrop-filter p-8 position-relative rounded-3">
<div class="bg-white bg-opacity-50 border border-primary-soft d-inline-flex rounded-pill px-4 py-1">
<span class="tag-spacing fs-6 text-primary">🚀 Welcome to Infinia</span>
</div>
<h3 class="ds-3 my-3">Best
<span class="fw-regular">
Solutions <br>
<img class="alltuchtopdown img-fluid filter-invert" src="assets/imgs/hero-5/icon-1.svg" alt="infinia">
for
</span>
Innovation
</h3>
<p class="fs-5 text-900">
Infinia offers full range of consultancy & training methods for business consultation.
</p>
<div class="d-flex flex-column flex-md-row align-items-center">
<a href="#" class="btn btn-gradient rounded-4">
View Our Services
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter align-self-md-stretch px-3 py-2 popup-video hover-up ms-md-3 mt-3 mt-md-0">
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path class="stroke-dark" d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="fw-bold fs-7 text-900">
Video Guide
</span>
</a>
</div>
<div class="position-absolute top-50 start-0 translate-middle d-none d-md-block z-2">
<div class="tag-home-5 rotate-90 backdrop-filter px-6 py-3 rounded-pill d-inline-flex d-flex align-items-center justify-content-center">
<p class="text-900 mb-0 fs-18px fw-bold">20+ Years of Experience</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-0 z-0">
<img src="assets/imgs/hero-5/img-bg-line.png" alt="infinia">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="position-relative py-188 img-pull" data-background="assets/imgs/hero-5/img-bg-1.png">
<div class="container position-relative z-2">
<div class="row">
<div class="col-lg-6">
<div class="backdrop-filter p-8 position-relative rounded-3">
<div class="bg-white bg-opacity-50 border border-primary-soft d-inline-flex rounded-pill px-4 py-1">
<span class="tag-spacing fs-6 text-primary">🚀 Welcome to Infinia</span>
</div>
<h3 class="ds-3 my-3">Best
<span class="fw-regular">
Solutions <br>
<img class="alltuchtopdown img-fluid filter-invert" src="assets/imgs/hero-5/icon-1.svg" alt="infinia">
for
</span>
Innovation
</h3>
<p class="fs-5 text-900">
Infinia offers full range of consultancy & training methods for business consultation.
</p>
<div class="d-flex flex-column flex-md-row align-items-center">
<a href="#" class="btn btn-gradient rounded-4">
View Our Services
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter align-self-md-stretch px-3 py-2 popup-video hover-up ms-md-3 mt-3 mt-md-0">
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path class="stroke-dark" d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="fw-bold fs-7 text-900">
Video Guide
</span>
</a>
</div>
<div class="position-absolute top-50 start-0 translate-middle d-none d-md-block z-2">
<div class="tag-home-5 rotate-90 backdrop-filter px-6 py-3 rounded-pill d-inline-flex d-flex align-items-center justify-content-center">
<p class="text-900 mb-0 fs-18px fw-bold">20+ Years of Experience</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-0 z-0">
<img src="assets/imgs/hero-5/img-bg-line.png" alt="infinia">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="position-relative py-188 img-pull" data-background="assets/imgs/hero-5/img-bg-2.png">
<div class="container position-relative z-2">
<div class="row">
<div class="col-lg-6">
<div class="backdrop-filter p-8 position-relative rounded-3">
<div class="bg-white bg-opacity-50 border border-primary-soft d-inline-flex rounded-pill px-4 py-1">
<span class="tag-spacing fs-6 text-primary">🚀 Welcome to Infinia</span>
</div>
<h3 class="ds-3 my-3">Best
<span class="fw-regular">
Solutions <br>
<img class="alltuchtopdown img-fluid filter-invert" src="assets/imgs/hero-5/icon-1.svg" alt="infinia">
for
</span>
Innovation
</h3>
<p class="fs-5 text-900">
Infinia offers full range of consultancy & training methods for business consultation.
</p>
<div class="d-flex flex-column flex-md-row align-items-center">
<a href="#" class="btn btn-gradient rounded-4">
View Our Services
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter align-self-md-stretch px-3 py-2 popup-video hover-up ms-md-3 mt-3 mt-md-0">
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path class="stroke-dark" d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="fw-bold fs-7 text-900">
Video Guide
</span>
</a>
</div>
<div class="position-absolute top-50 start-0 translate-middle d-none d-md-block z-2">
<div class="tag-home-5 rotate-90 backdrop-filter px-6 py-3 rounded-pill d-inline-flex d-flex align-items-center justify-content-center">
<p class="text-900 mb-0 fs-18px fw-bold">20+ Years of Experience</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-0 z-0">
<img src="assets/imgs/hero-5/img-bg-line.png" alt="infinia">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="position-relative py-188 img-pull" data-background="assets/imgs/hero-5/img-bg-1.png">
<div class="container position-relative z-2">
<div class="row">
<div class="col-lg-6">
<div class="backdrop-filter p-8 position-relative rounded-3">
<div class="bg-white bg-opacity-50 border border-primary-soft d-inline-flex rounded-pill px-4 py-1">
<span class="tag-spacing fs-6 text-primary">🚀 Welcome to Infinia</span>
</div>
<h3 class="ds-3 my-3">Best
<span class="fw-regular">
Solutions <br>
<img class="alltuchtopdown img-fluid filter-invert" src="assets/imgs/hero-5/icon-1.svg" alt="infinia">
for
</span>
Innovation
</h3>
<p class="fs-5 text-900">
Infinia offers full range of consultancy & training methods for business consultation.
</p>
<div class="d-flex flex-column flex-md-row align-items-center">
<a href="#" class="btn btn-gradient rounded-4">
View Our Services
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter align-self-md-stretch px-3 py-2 popup-video hover-up ms-md-3 mt-3 mt-md-0">
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path class="stroke-dark" d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="fw-bold fs-7 text-900">
Video Guide
</span>
</a>
</div>
<div class="position-absolute top-50 start-0 translate-middle d-none d-md-block z-2">
<div class="tag-home-5 rotate-90 backdrop-filter px-6 py-3 rounded-pill d-inline-flex d-flex align-items-center justify-content-center">
<p class="text-900 mb-0 fs-18px fw-bold">20+ Years of Experience</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-0 z-0">
<img src="assets/imgs/hero-5/img-bg-line.png" alt="infinia">
</div>
</div>
</div>
<div class="swiper-slide">
<div class="position-relative py-188 img-pull" data-background="assets/imgs/hero-5/img-bg-2.png">
<div class="container position-relative z-2">
<div class="row">
<div class="col-lg-6">
<div class="backdrop-filter p-8 position-relative rounded-3">
<div class="bg-white bg-opacity-50 border border-primary-soft d-inline-flex rounded-pill px-4 py-1">
<span class="tag-spacing fs-6 text-primary">🚀 Welcome to Infinia</span>
</div>
<h3 class="ds-3 my-3">Best
<span class="fw-regular">
Solutions <br>
<img class="alltuchtopdown img-fluid filter-invert" src="assets/imgs/hero-5/icon-1.svg" alt="infinia">
for
</span>
Innovation
</h3>
<p class="fs-5 text-900">
Infinia offers full range of consultancy & training methods for business consultation.
</p>
<div class="d-flex flex-column flex-md-row align-items-center">
<a href="#" class="btn btn-gradient rounded-4">
View Our Services
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter align-self-md-stretch px-3 py-2 popup-video hover-up ms-md-3 mt-3 mt-md-0">
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path class="stroke-dark" d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="fw-bold fs-7 text-900">
Video Guide
</span>
</a>
</div>
<div class="position-absolute top-50 start-0 translate-middle d-none d-md-block z-2">
<div class="tag-home-5 rotate-90 backdrop-filter px-6 py-3 rounded-pill d-inline-flex d-flex align-items-center justify-content-center">
<p class="text-900 mb-0 fs-18px fw-bold">20+ Years of Experience</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-0 z-0">
<img src="assets/imgs/hero-5/img-bg-line.png" alt="infinia">
</div>
</div>
</div>
</div>
<div class="swiper-button-prev d-none d-lg-flex shadow-2 position-absolute top-50 translate-middle-y bg-white ms-lg-7">
<i class="bi bi-arrow-left"></i>
</div>
<div class="swiper-button-next d-none d-lg-flex shadow-2 position-absolute top-50 translate-middle-y bg-white me-lg-7">
<i class="bi bi-arrow-right"></i>
</div>
<div class="swiper-pagination mb-8"></div>
</div>
</div>
<!--Features 10-->
<section class="features-10 py-9 bg-primary-light">
<div class="container">
<div class="row">
<!-- prettier-ignore -->
<div class="col-lg-3 col-md-6">
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-5 rounded-4 hover-up">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
<div class="icon">
<img src="assets/imgs/features-1/icon-1.svg" alt="infinia">
</div>
</div>
<h6>Best Solutions</h6>
<p>delivering exceptional results and Innovation solutons maximizing your success.</p>
<a href="#" class="text-primary fs-7 fw-bold">
Learm More
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
<g clip-path="url(#clip0_399_9647)">
<path class="fill-dark" d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827"></path>
</g>
<defs>
<clipPath>
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<div class="position-absolute end-0 top-0">
<img src="assets/imgs/feature-10/bg-line.png" alt="">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-5 rounded-4 hover-up">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
<div class="icon">
<img src="assets/imgs/features-1/icon-2.svg" alt="infinia">
</div>
</div>
<h6>Secure payment</h6>
<p>We ensure your transactions are safe with advanced encryption and secure payment options.</p>
<a href="#" class="text-primary fs-7 fw-bold">
Learm More
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
<g clip-path="url(#clip0_399_9647)">
<path class="fill-dark" d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827"></path>
</g>
<defs>
<clipPath>
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<div class="position-absolute end-0 top-0">
<img src="assets/imgs/feature-10/bg-line.png" alt="">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-5 rounded-4 hover-up">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
<div class="icon">
<img src="assets/imgs/features-1/icon-3.svg" alt="infinia">
</div>
</div>
<h6>Save Money</h6>
<p>Enjoy competitive pricing, exclusive discounts, promotions to maximize your savings.</p>
<a href="#" class="text-primary fs-7 fw-bold">
Learm More
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
<g clip-path="url(#clip0_399_9647)">
<path class="fill-dark" d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827"></path>
</g>
<defs>
<clipPath>
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<div class="position-absolute end-0 top-0">
<img src="assets/imgs/feature-10/bg-line.png" alt="">
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-5 rounded-4 hover-up">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
<div class="icon">
<img src="assets/imgs/features-1/icon-4.svg" alt="infinia">
</div>
</div>
<h6>Quick Support</h6>
<p>Our dedicated support team offers prompt assistance through live chat, email, and phone.</p>
<a href="#" class="text-primary fs-7 fw-bold">
Learm More
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
<g clip-path="url(#clip0_399_9647)">
<path class="fill-dark" d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827"></path>
</g>
<defs>
<clipPath>
<rect width="18" height="18" fill="white" transform="translate(0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<div class="position-absolute end-0 top-0">
<img src="assets/imgs/feature-10/bg-line.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- cta 7 -->
<section>
<div class="container-fluid position-relative section-padding">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h5 class="fw-regular ds-5">High <span class="fw-bold">Performance <br> Services For </span> All Industries.</h5>
</div>
<div class="row align-items-center">
<div class="col-lg-6 text-lg-start text-center">
<div class="position-relative z-1 d-inline-block mb-lg-0 mb-8">
<img class="rounded-4 position-relative z-1" src="assets/imgs/cta-7/img-1.png" alt="infinia">
<div class="alltuchtopdown position-absolute top-50 start-50 ms-md-10 mt-md-10 backdrop-filter bg-primary rounded-4 px-6 py-4 text-center z-1">
<span class="h2 count fw-black mb-0 lh-1 text-white text-nowrap">+<span class="odometer" data-count="23"></span>k</span>
<p class="text-white text-nowrap border-bottom border-opacity-50 border-white pb-3 mb-3">Projects Completed</p>
<span class="h2 count fw-black my-0 lh-1 text-white text-nowrap">+<span class="odometer" data-count="98"></span>k</span>
<p class="text-white text-nowrap mb-0">Happy Clients</p>
</div>
</div>
</div>
<div class="col-lg-6 mt-lg-0 mt-5">
<nav>
<div class="nav nav-tabs bg-neutral-100 justify-content-evenly border-bottom-0 mb-5" id="nav-tab" role="tablist">
<button class="nav-link position-relative active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Our History
<span class="underline bg-primary"></span>
</button>
<button class="nav-link position-relative" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Our Mission
<span class="underline bg-primary"></span>
</button>
<button class="nav-link position-relative" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">Our Vision
<span class="underline bg-primary"></span>
</button>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab" tabindex="0">
<p class="text-900 mb-3">Founded in 1998, <span class="fw-black">Infinia</span> started as a small consulting firm with a big vision: to provide unparalleled strategic and operational expertise to businesses of all sizes.</p>
<div class="row">
<div class="col-12 col-md-6 mb-3 mb-md-0">
<p class="text-900">Over the years, we have expanded our services and grown our team of skilled professionals, building a reputation for delivering results-driven solutions. From our humble beginnings to becoming a trusted partner for clients across diverse industries</p>
<ul class="list-unstyled phase-items mb-0">
<li class="d-flex align-items-center mt-3">
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
<p class="ms-2 mb-0 text-900 fs-6">Best For IT Consulting</p>
</li>
<li class="d-flex align-items-center mt-3">
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
<p class="ms-2 mb-0 text-900 fs-6">Tailored Solutions</p>
</li>
<li class="d-flex align-items-center mt-3">
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
<p class="ms-2 mb-0 text-900 fs-6">Save Money & Time</p>
</li>
<li class="d-flex align-items-center mt-3">
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
<p class="ms-2 mb-0 text-900 fs-6">Expert Team</p>
</li>
</ul>
</div>
<div class="col-12 col-md-6 position-relative text-center">
<img class="rounded-3" src="assets/imgs/cta-7/img-2.png" alt="">
<a href="#" class="position-md-absolute d-block translate-middle-md w-50 start-0 ms-md-0 ms-10 mt-3 mt-md-0 p-3 rounded-3 bg-linear-1">
<span class="rounded-circle">
<img class="rounded-circle border border-5 border-primary-light" src="assets/imgs/cta-2/avatar-1.png" alt="infinia">
</span>
<h6 class="mt-1">Kensei <span class="text-500 fs-6">, CEO</span></h6>
</a>
<div class="position-md-absolute bottom-0 start-50 mt-3 mt-md-0 translate-middle-md-x">
<img src="assets/imgs/cta-7/name-admin.svg" alt="">
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab" tabindex="0">
<p class="text-900 mb-4">Deliver Results-Driven Solutions: To provide actionable and impactful strategies that drive measurable success for our clients.</p>
<div class="row">
<div class="col-12 col-md-6">
<p class="text-900">Foster Innovation: To encourage creativity and forward-thinking in all our projects, ensuring our clients stay ahead of the curve.</p>
<p>Build Lasting Partnerships: To cultivate strong, collaborative relationships with our clients, based on trust, transparency, and mutual respect.</p>
<p>Enhance Operational Efficiency: To streamline processes and optimize operations, helping businesses achieve their goals more effectively.</p>
</div>
<div class="col position-relative text-center">
<img src="assets/imgs/cta-7/img-22.png" alt="">
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab" tabindex="0">
<p class="text-900 mb-4">At Infinia, our vision is to empower businesses to reach their full potential through innovative strategies and expert operational support. </p>
<div class="row">
<div class="col-12 col-md-6">
<p class="text-900">We strive to be the leading consulting firm known for our unwavering commitment to excellence, integrity, and client success. By continuously evolving and adapting to the ever-changing business landscape, we aim to provide solutions that not only meet the needs of today but also anticipate the challenges of tomorrow.</p>
<ul class="list-unstyled phase-items mb-0">
<li class="d-flex align-items-center mt-3">
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
<p class="ms-2 mb-0 text-900 fs-6">Empower Businesses</p>
</li>
<li class="d-flex align-items-center mt-3">
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
<p class="ms-2 mb-0 text-900 fs-6">Commitment to Excellence</p>
</li>
<li class="d-flex align-items-center mt-3">
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
<p class="ms-2 mb-0 text-900 fs-6">Continuous Evolution</p>
</li>
<li class="d-flex align-items-center mt-3">
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
<p class="ms-2 mb-0 text-900 fs-6">Client-Centric Solutions</p>
</li>
</ul>
</div>
<div class="col position-relative text-center mt-3">
<img class="rounded-3" src="assets/imgs/cta-7/img-23.png" alt="">
</div>
</div>
</div>
</div>
<div class="border-top pt-6 mt-md-8 mt-6">
<a href="#" class="fw-bold btn btn-gradient d-inline-flex align-items-center hover-up">
<span class="me-10">Get 15 Days Free Trial</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none">
<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"></path>
</svg>
</a>
<p class="fs-7 text-500 mt-3">No Card Required. Cancel Anytime.</p>
</div>
</div>
</div>
</div>
<div class="position-absolute top-0 end-0 z-1 flickering p-10 m-10 d-none d-lg-block">
<img src="assets/imgs/cta-7/star-1.svg" alt="infinia">
</div>
</div>
</div>
</section>
<!--Services 4-->
<section class="section-services-4 position-relative fix section-padding">
<div class="container position-relative z-2">
<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 fw-regular">Building <span class=" fw-bold">enduring value <br class="d-none d-md-inline"> </span>through <span class="fw-bold">bold</span> strategies</h3>
</div>
<div class="row pt-8">
<div class="col-lg-4">
<div class="d-flex align-items-start">
<div class="nav w-100 flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<button class="nav-link pe-5 justify-content-between d-flex" id="v-pills-financial-tab" data-bs-toggle="pill" data-bs-target="#v-pills-financial" type="button" role="tab" aria-controls="v-pills-financial" aria-selected="true">
Financial Consultancy
<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.41772L16.3487 6.48681L21.1059 11.244H0V12.756H21.1059L16.3487 17.5132L17.4177 18.5822L24 12L17.4177 5.41772Z" fill="white" />
</svg>
</button>
<button class="nav-link active pe-5 justify-content-between d-flex" id="v-pills-business-tab" data-bs-toggle="pill" data-bs-target="#v-pills-business" type="button" role="tab" aria-controls="v-pills-business" aria-selected="false">
Business Consultancy
<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.41772L16.3487 6.48681L21.1059 11.244H0V12.756H21.1059L16.3487 17.5132L17.4177 18.5822L24 12L17.4177 5.41772Z" fill="white" />
</svg>
</button>
<button class="nav-link pe-5 justify-content-between d-flex" id="v-pills-solicitory-tab" data-bs-toggle="pill" data-bs-target="#v-pills-solicitory" type="button" role="tab" aria-controls="v-pills-solicitory" aria-selected="false">
Solicitory Consultancy
<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.41772L16.3487 6.48681L21.1059 11.244H0V12.756H21.1059L16.3487 17.5132L17.4177 18.5822L24 12L17.4177 5.41772Z" fill="white" />
</svg>
</button>
<button class="nav-link pe-5 justify-content-between d-flex" id="v-pills-hr-consultancy-tab" data-bs-toggle="pill" data-bs-target="#v-pills-hr-consultancy" type="button" role="tab" aria-controls="v-pills-hr-consultancy" aria-selected="false">
HR Consultancy
<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.41772L16.3487 6.48681L21.1059 11.244H0V12.756H21.1059L16.3487 17.5132L17.4177 18.5822L24 12L17.4177 5.41772Z" fill="white" />
</svg>
</button>
<button class="nav-link pe-5 justify-content-between d-flex" id="v-pills-strategy-tab" data-bs-toggle="pill" data-bs-target="#v-pills-strategy" type="button" role="tab" aria-controls="v-pills-strategy" aria-selected="false">
Strategy Consultancy
<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.41772L16.3487 6.48681L21.1059 11.244H0V12.756H21.1059L16.3487 17.5132L17.4177 18.5822L24 12L17.4177 5.41772Z" fill="white" />
</svg>
</button>
<button class="nav-link pe-5 justify-content-between d-flex" id="v-pills-start-up-tab" data-bs-toggle="pill" data-bs-target="#v-pills-start-up" type="button" role="tab" aria-controls="v-pills-start-up" aria-selected="false">
Start Ups
<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.41772L16.3487 6.48681L21.1059 11.244H0V12.756H21.1059L16.3487 17.5132L17.4177 18.5822L24 12L17.4177 5.41772Z" fill="white" />
</svg>
</button>
</div>
</div>
</div>
<div class="col-lg-8">
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade" id="v-pills-financial" role="tabpanel" aria-labelledby="v-pills-financial-tab" tabindex="0">
<div class="row align-items-center rounded-3 bg-white p-5">
<div class="col-lg-5 mb-lg-0 mb-5">
<img class="rounded-3" src="assets/imgs/service-4/img-1.png" alt="">
</div>
<div class="col-lg-7">
<div class="p-lg-3">
<h4 class="fw-regular">Pick Your <span class="fw-bold">Premium</span></h4>
<p>We strive to build long-lasting partnerships with our clients, understanding their unique challenges and opportunities, and providing tailored strategies that lead to measurable success.</p>
<div class="d-flex pt-5">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-1.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Research planning</h6>
<p>Separating your work from your home <br> life can improve work-life balance.</p>
</div>
</div>
<div class="d-flex">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-2.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Investment</h6>
<p>A business consultant provides expert <br> advice and guidance to businesses.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade show active" id="v-pills-business" role="tabpanel" aria-labelledby="v-pills-business-tab" tabindex="0">
<div class="row align-items-center rounded-3 bg-white p-5">
<div class="col-lg-5 mb-lg-0 mb-5">
<img class="rounded-3" src="assets/imgs/service-4/img-2.png" alt="">
</div>
<div class="col-lg-7">
<div class="p-lg-3">
<h4 class="fw-regular">Build Lasting<span class="fw-bold">Partnerships</span></h4>
<p>We strive to build long-lasting partnerships with our clients, understanding their unique challenges and opportunities, and providing tailored strategies that lead to measurable success.</p>
<div class="d-flex pt-5">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-1.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Research planning</h6>
<p>Separating your work from your home <br> life can improve work-life balance.</p>
</div>
</div>
<div class="d-flex">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-2.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Investment</h6>
<p>A business consultant provides expert <br> advice and guidance to businesses.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-solicitory" role="tabpanel" aria-labelledby="v-pills-solicitory-tab" tabindex="0">
<div class="row align-items-center rounded-3 bg-white p-5">
<div class="col-lg-5 mb-lg-0 mb-5">
<img class="rounded-3" src="assets/imgs/service-4/img-3.png" alt="">
</div>
<div class="col-lg-7">
<div class="p-lg-3">
<h4 class="fw-regular">Enhance <span class="fw-bold">Operational</span></h4>
<p>We strive to build long-lasting partnerships with our clients, understanding their unique challenges and opportunities, and providing tailored strategies that lead to measurable success.</p>
<div class="d-flex pt-5">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-1.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Research planning</h6>
<p>Separating your work from your home <br> life can improve work-life balance.</p>
</div>
</div>
<div class="d-flex">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-2.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Investment</h6>
<p>A business consultant provides expert <br> advice and guidance to businesses.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-hr-consultancy" role="tabpanel" aria-labelledby="v-pills-hr-consultancy-tab" tabindex="0">
<div class="row align-items-center rounded-3 bg-white p-5">
<div class="col-lg-5 mb-lg-0 mb-5">
<img class="rounded-3" src="assets/imgs/service-4/img-4.png" alt="">
</div>
<div class="col-lg-7">
<div class="p-lg-3">
<h4 class="fw-regular">Sustainable <span class="fw-bold">Growth</span></h4>
<p>We strive to build long-lasting partnerships with our clients, understanding their unique challenges and opportunities, and providing tailored strategies that lead to measurable success.</p>
<div class="d-flex pt-5">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-1.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Research planning</h6>
<p>Separating your work from your home <br> life can improve work-life balance.</p>
</div>
</div>
<div class="d-flex">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-2.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Investment</h6>
<p>A business consultant provides expert <br> advice and guidance to businesses.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-strategy" role="tabpanel" aria-labelledby="v-pills-strategy-tab" tabindex="0">
<div class="row align-items-center rounded-3 bg-white p-5">
<div class="col-lg-5 mb-lg-0 mb-5">
<img class="rounded-3" src="assets/imgs/service-4/img-5.png" alt="">
</div>
<div class="col-lg-7">
<div class="p-lg-3">
<h4 class="fw-regular">Continuous <span class="fw-bold">Evolution</span></h4>
<p>We strive to build long-lasting partnerships with our clients, understanding their unique challenges and opportunities, and providing tailored strategies that lead to measurable success.</p>
<div class="d-flex pt-5">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-1.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Research planning</h6>
<p>Separating your work from your home <br> life can improve work-life balance.</p>
</div>
</div>
<div class="d-flex">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-2.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Investment</h6>
<p>A business consultant provides expert <br> advice and guidance to businesses.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="v-pills-start-up" role="tabpanel" aria-labelledby="v-pills-start-up-tab" tabindex="0">
<div class="row align-items-center rounded-3 bg-white p-5">
<div class="col-lg-5 mb-lg-0 mb-5">
<img class="rounded-3" src="assets/imgs/service-4/img-6.png" alt="">
</div>
<div class="col-lg-7">
<div class="p-lg-3">
<h4 class="fw-regular">Empower <span class="fw-bold">Businesses</span></h4>
<p>We strive to build long-lasting partnerships with our clients, understanding their unique challenges and opportunities, and providing tailored strategies that lead to measurable success.</p>
<div class="d-flex pt-5">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-1.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Research planning</h6>
<p>Separating your work from your home <br> life can improve work-life balance.</p>
</div>
</div>
<div class="d-flex">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-2.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Investment</h6>
<p>A business consultant provides expert <br> advice and guidance to businesses.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-6">
<a href="#" class="btn btn-gradient">
Get a 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>
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="#" class="ms-md-3 mt-md-0 mt-3 btn btn-outline-secondary hover-up">
<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"></path>
</svg>
Our Help Center
</a>
</div>
</div>
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
<img src="assets/imgs/blog-2/img-bg-line.png" alt="infinia">
</div>
<div class="bouncing-blobs-container">
<div class="bouncing-blobs-glass"></div>
<div class="bouncing-blobs">
<div class="bouncing-blob bouncing-blob--green"></div>
<div class="bouncing-blob bouncing-blob--primary"></div>
</div>
</div>
</section>
<!--Team 4-->
<section class="section-team-4 section-padding position-relative overflow-hidden">
<div class="container">
<div class="text-center">
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2" data-aos="zoom-in" data-aos-delay="100">
<img src="assets/imgs/features-1/dots.png" alt="infinia" />
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">OUR TEAM MEMBERS</span>
</div>
<h3 class="ds-3 my-3">Meet Our Team</h3>
<p class="fs-5">
Meet the talented and passionate team members who drive our
<br />
company forward every day.
</p>
</div>
<div class="row mt-8 mb-lg-8 m-0">
<!-- prettier-ignore -->
<div class="col-lg-4 col-md-6 mb-lg-4 mb-8 text-center">
<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-4/avatar-1.png" alt="infinia" />
</div>
<div class="hover-up">
<a href="#" class="card-team text-start rounded-3 position-absolute top-100 translate-middle-y start-0 end-0 w-100 z-1 backdrop-filter w-auto p-4 mx-6 shadow-1">
<h6>Esther Howard</h6>
<span class="d-flex justify-content-between">
<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 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="#6d4df2" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-lg-4 mb-8 text-center">
<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-4/avatar-2.png" alt="infinia" />
</div>
<div class="hover-up">
<a href="#" class="card-team text-start rounded-3 position-absolute top-100 translate-middle-y start-0 end-0 w-100 z-1 backdrop-filter w-auto p-4 mx-6 shadow-1">
<h6>Ashley Hardy</h6>
<span class="d-flex justify-content-between">
<span class="fs-6 text-600 me-auto">Chief Finance Officer</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<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="#6d4df2" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-lg-4 mb-8 text-center">
<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-4/avatar-3.png" alt="infinia" />
</div>
<div class="hover-up">
<a href="#" class="card-team text-start rounded-3 position-absolute top-100 translate-middle-y start-0 end-0 w-100 z-1 backdrop-filter w-auto p-4 mx-6 shadow-1">
<h6>Clark Roberts</h6>
<span class="d-flex justify-content-between">
<span class="fs-6 text-600 me-auto">VP Sales and Marketing </span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<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="#6d4df2" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="row mt-lg-10 mb-4">
<!-- prettier-ignore -->
<div class="col-lg-3 col-md-6 mb-lg-4 mb-8 text-center">
<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-4/avatar-4.png" alt="infinia" />
</div>
<div class="hover-up">
<a href="#" class="card-team text-start rounded-3 position-absolute top-100 translate-middle-y start-0 end-0 w-100 z-1 backdrop-filter w-auto p-4 mx-4 shadow-1">
<h6>Dennis Norris</h6>
<span class="d-flex justify-content-between">
<span class="fs-6 text-600 me-auto">Chief Marketing Officer</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<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="#6d4df2" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-8 text-center">
<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-4/avatar-5.png" alt="infinia" />
</div>
<div class="hover-up">
<a href="#" class="card-team text-start rounded-3 position-absolute top-100 translate-middle-y start-0 end-0 w-100 z-1 backdrop-filter w-auto p-4 mx-4 shadow-1">
<h6>Gina Kennedy</h6>
<span class="d-flex justify-content-between">
<span class="fs-6 text-600 me-auto">Administrator </span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<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="#6d4df2" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-8 text-center">
<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-4/avatar-6.png" alt="infinia" />
</div>
<div class="hover-up">
<a href="#" class="card-team text-start rounded-3 position-absolute top-100 translate-middle-y start-0 end-0 w-100 z-1 backdrop-filter w-auto p-4 mx-4 shadow-1">
<h6>Fernando Torres</h6>
<span class="d-flex justify-content-between">
<span class="fs-6 text-600 me-auto">Tax Consultant</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<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="#6d4df2" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-lg-4 mb-8 text-center">
<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-4/avatar-7.png" alt="infinia" />
</div>
<div class="hover-up">
<a href="#" class="card-team text-start rounded-3 position-absolute top-100 translate-middle-y start-0 end-0 w-100 z-1 backdrop-filter w-auto p-4 mx-4 shadow-1">
<h6>Esther Howard</h6>
<span class="d-flex justify-content-between">
<span class="fs-6 text-600 me-auto">Amelia Earhart</span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="#007BFF">
<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="#6d4df2" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Logo cloud 5-->
<section class="section-logo-cloud section-logo-cloud-5 position-relative">
<div class="container-fluid pt-110 pb-110 mt-lg-0 border-top border-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 pb-lg-0 pb-8">
<h4 class="text-nowrap">Loved By Developers <br>
Trusted By Enterprises
</h4>
<p class="pt-2 pb-4">We helped these brands turn online assessments into success stories. </p>
<a href="#" class="shadow-1 btn text-start bg-white d-inline-block text-primary hover-up">
View our partners
<svg class="ms-3" 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"></path>
</svg>
</a>
</div>
<div class="col-lg-9 ps-lg-8">
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-1.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img src="assets/imgs/logo-cloud-3/logo-2.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img src="assets/imgs/logo-cloud-3/logo-3.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img src="assets/imgs/logo-cloud-3/logo-4.svg" alt="infinia">
</div>
<div class="bg-white py-4 px-4 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<!-- <img src="assets/imgs/logo-cloud-3/logo-5.svg" alt="infinia"> -->
<svg xmlns="http://www.w3.org/2000/svg" width="95" height="16" viewBox="0 0 95 16" fill="none">
<path d="M50.3764 0.182129C45.952 0.182129 42.3623 3.63852 42.3623 7.90437C42.3623 12.4397 45.796 15.83 50.3764 15.83C54.8424 15.83 58.3686 12.3949 58.3686 7.99341C58.3686 3.61815 54.866 0.182129 50.3764 0.182129Z" fill="url(#paint0_linear_815_29731)" />
<path class="fill-dark" d="M4.87963 0.463976H0.571289V15.4912H4.85722C7.13112 15.4912 8.77566 14.9523 10.2183 13.7573C11.93 12.3377 12.9452 10.1971 12.9452 7.98487C12.9452 3.54822 9.63081 0.463976 4.87963 0.463976ZM8.30604 11.7503C7.37961 12.5862 6.18694 12.9473 4.29158 12.9473H3.50423V3.00848H4.29158C6.18694 3.00848 7.33392 3.34687 8.30604 4.22471C9.31977 5.12613 9.9244 6.52189 9.9244 7.96334C9.9244 9.40769 9.31977 10.8523 8.30604 11.7503ZM14.2982 15.4912H17.2262V0.463976H14.2982V15.4912ZM24.3947 6.22831C22.635 5.57625 22.117 5.1462 22.117 4.3379C22.117 3.3908 23.0391 2.67037 24.3031 2.67037C25.1818 2.67037 25.9028 3.03059 26.6712 3.88428L28.2014 1.88214C26.9398 0.7756 25.4303 0.213163 23.7837 0.213163C21.1275 0.213163 19.098 2.06167 19.098 4.51539C19.098 6.59027 20.0436 7.64822 22.7935 8.64216C23.9434 9.04573 24.528 9.31488 24.8216 9.49877C25.4073 9.88197 25.7015 10.4208 25.7015 11.0514C25.7015 12.2699 24.7317 13.1699 23.4229 13.1699C22.0257 13.1699 20.9002 12.4722 20.2237 11.1654L18.3333 12.9927C19.6825 14.9727 21.3052 15.8543 23.5384 15.8543C26.5802 15.8543 28.7196 13.8237 28.7196 10.9178C28.7196 8.52898 27.7307 7.44658 24.3947 6.22831ZM29.6432 7.98487C29.6432 12.4061 33.1144 15.8302 37.5772 15.8302C38.8389 15.8302 39.9204 15.5808 41.2513 14.9523V11.5029C40.0778 12.6758 39.0411 13.1478 37.7111 13.1478C34.7598 13.1478 32.6628 11.0066 32.6628 7.96334C32.6628 5.08045 34.8253 2.80422 37.5772 2.80422C38.9721 2.80422 40.033 3.29973 41.2513 4.49386V1.04474C39.9669 0.393271 38.9061 0.125 37.6442 0.125C33.204 0.125 29.6432 3.61834 29.6432 7.98487ZM65.0005 10.5582L60.9893 0.463976H57.7892L64.1686 15.875H65.7448L72.2357 0.463976H69.0592L65.0005 10.5582ZM73.568 15.4912H81.8821V12.9473H76.4972V8.88832H81.6761V6.34382H76.4972V3.00848H81.8821V0.463976H73.568V15.4912ZM93.4844 4.89888C93.4844 2.08378 91.5491 0.463976 88.1669 0.463976H83.8173V15.4912H86.7496V9.45163H87.1334L91.1875 15.4912H94.7931L90.0579 9.16125C92.2696 8.70908 93.4844 7.19868 93.4844 4.89888ZM87.6025 7.38053H86.7496V2.82691H87.6493C89.4786 2.82691 90.4697 3.59535 90.4697 5.05775C90.4697 6.56641 89.4786 7.38053 87.6025 7.38053Z" fill="black" />
<defs>
<linearGradient id="paint0_linear_815_29731" x1="45.4698" y1="1.60032" x2="56.2854" y2="13.0234" gradientUnits="userSpaceOnUse">
<stop offset="1" stop-color="#F34F26" />
<stop offset="1" stop-color="#F69E35" />
</linearGradient>
</defs>
</svg>
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img src="assets/imgs/logo-cloud-3/logo-6.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-8.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-9.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img src="assets/imgs/logo-cloud-3/logo-3.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-13.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img src="assets/imgs/logo-cloud-3/logo-11.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-12.svg" alt="infinia">
</div>
<div class="bg-white py-3 px-3 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
<img src="assets/imgs/logo-cloud-3/logo-7.svg" alt="infinia">
</div>
</div>
</div>
</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 class="bouncing-blob bouncing-blob--infor bouncing-blob--infor-2"></div>
</div>
</div>
</div>
</section>
<!--Project 2-->
<section class="section-project-2 pt-120 pb-8">
<div class="container">
<div class="row mb-8">
<div class="col-lg-6">
<div class="d-flex align-items-center justify-text-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">Recent work</span>
</div>
<h3 class="ds-3 mt-3 mb-3">Our feared projects</h3>
<p class="fs-5 fw-medium">⚡Don't miss any contact. Stay connected.</p>
</div>
<div class="col-lg-2 col-md-3 col-6 ms-auto align-self-end mb-lg-7 mt-lg-0 mt-4">
<div class="position-relative z-0">
<div class="swiper-button-prev shadow bg-white ms-lg-7">
<i class="bi bi-arrow-left"></i>
</div>
<div class="swiper-button-next shadow bg-white">
<i class="bi bi-arrow-right"></i>
</div>
</div>
</div>
</div>
<div class="row">
<div class="swiper slider-1 pt-2 pb-8">
<div class="swiper-wrapper">
<!-- prettier-ignore -->
<div class="swiper-slide">
<div class="text-center">
<div class="zoom-img position-relative d-inline-block z-1">
<div class="rounded-3 fix">
<img class="img-fluid w-100" src="assets/imgs/project-2/img-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-4 hover-up">
<p class="fs-7 text-primary mb-1">InnovateTech Inc.</p>
<h6>Strategic Solutions Initiative</h6>
<p class="text-900">Streamlining operations and growth strategies for market enhancement.</p>
</a>
<a href="#" class="badge text-primary bg-white px-3 py-2 rounded-pill m-4 fs-7 position-absolute top-0 end-0 z-1">Software Development</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="text-center">
<div class="zoom-img position-relative d-inline-block z-1">
<div class="rounded-3 fix">
<img class="img-fluid w-100" src="assets/imgs/project-2/img-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-4 hover-up">
<p class="fs-7 text-primary mb-1">Pioneer Enterprises</p>
<h6>Innovate Consulting Challenge</h6>
<p class="text-900">Leveraging consulting practices to solve complex problems.</p>
</a>
<a href="#" class="badge text-primary bg-white px-3 py-2 rounded-pill m-4 fs-7 position-absolute top-0 end-0 z-1">Consulting</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="text-center">
<div class="zoom-img position-relative d-inline-block z-1">
<div class="rounded-3 fix">
<img class="img-fluid w-100" src="assets/imgs/project-2/img-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-4 hover-up">
<p class="fs-7 text-primary mb-1">Summit Corp</p>
<h6>Growth Catalyst Program</h6>
<p class="text-900">Accelerating business growth through strategic planning.</p>
</a>
<a href="#" class="badge text-primary bg-white px-3 py-2 rounded-pill m-4 fs-7 position-absolute top-0 end-0 z-1">Financial Advisory</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="text-center">
<div class="zoom-img position-relative d-inline-block z-1">
<div class="rounded-3 fix">
<img class="img-fluid w-100" src="assets/imgs/project-2/img-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-4 hover-up">
<p class="fs-7 text-primary mb-1">InnovateTech Inc.</p>
<h6>Strategic Solutions Initiative</h6>
<p class="text-900">Streamlining operations and growth strategies for market enhancement.</p>
</a>
<a href="#" class="badge text-primary bg-white px-3 py-2 rounded-pill m-4 fs-7 position-absolute top-0 end-0 z-1">Software Development</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="text-center">
<div class="zoom-img position-relative d-inline-block z-1">
<div class="rounded-3 fix">
<img class="img-fluid w-100" src="assets/imgs/project-2/img-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-4 hover-up">
<p class="fs-7 text-primary mb-1">Pioneer Enterprises</p>
<h6>Innovate Consulting Challenge</h6>
<p class="text-900">Leveraging consulting practices to solve complex problems.</p>
</a>
<a href="#" class="badge text-primary bg-white px-3 py-2 rounded-pill m-4 fs-7 position-absolute top-0 end-0 z-1">Consulting</a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="text-center">
<div class="zoom-img position-relative d-inline-block z-1">
<div class="rounded-3 fix">
<img class="img-fluid w-100" src="assets/imgs/project-2/img-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-4 hover-up">
<p class="fs-7 text-primary mb-1">Summit Corp</p>
<h6>Growth Catalyst Program</h6>
<p class="text-900">Accelerating business growth through strategic planning.</p>
</a>
<a href="#" class="badge text-primary bg-white px-3 py-2 rounded-pill m-4 fs-7 position-absolute top-0 end-0 z-1">Financial Advisory</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- cta 8 -->
<section class="section-cta-8 bg-4">
<div class="container-fluid position-relative section-padding">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-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">Recent work</span>
</div>
<h5 class="ds-5 mt-2">Doing the successful thing, at the right time.</h5>
<p>We strive to build long-lasting partnerships with our clients, understanding their unique challenges and opportunities, and providing tailored strategies that lead to measurable success.</p>
<div class="d-flex pt-3 align-items-center">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-1.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Research planning</h6>
<p>Separating your work from your home life can <br> improve work-life balance.</p>
</div>
</div>
<div class="d-flex pt-3 align-items-center">
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/service-4/icon-2.svg" alt="infinia">
</div>
</div>
<div class="ps-5">
<h6>Investment</h6>
<p>A business consultant provides expert advice and <br> guidance to businesses.</p>
</div>
</div>
</div>
<div class="col-lg-6 offset-lg-1 text-center mt-lg-0 mt-8">
<div class="position-relative z-1 d-inline-block mb-lg-0 mb-8">
<img class="rounded-4 position-relative z-1" src="assets/imgs/cta-5/img-1.png" alt="infinia">
<div class="alltuchtopdown tag-year position-absolute backdrop-filter bg-primary rounded-4 px-4 py-5 text-center z-1">
<span class="h2 count fw-black my-0 lh-1 text-white text-nowrap"><span class="odometer" data-count="25"></span>+</span>
<p class="text-white text-nowrap mb-0">Years of Experience</p>
</div>
<div class="position-absolute tag-dots z-0 pt-5">
<img class="alltuchtopdown" src="assets/imgs/cta-4/vector.svg" alt="infinia">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- cta 9 -->
<section class="section-cta-9 bg-3 pt-120 pb-lg-250 pb-120">
<div class="container-fluid position-relative">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 text-start">
<div class="position-relative d-inline-block">
<div class="zoom-img rounded-3 mb-lg-0 mb-5">
<img class="rounded-3" src="assets/imgs/cta-9/img-1.png" alt="">
</div>
<div class="position-lg-absolute position-relative end-0 play-video">
<div class="zoom-img rounded-3 d-inline-block position-relative z-1 mb-lg-0 mb-5">
<img class="rounded-3" src="assets/imgs/cta-9/img-2.png" alt="">
<div class="position-absolute z-2 top-50 start-50 translate-middle">
<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 me-3 shadow-1">
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path class="stroke-dark" d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
<span class="fw-bold fs-7 text-900">
Video Guide
</span>
</a>
</div>
</div>
<div class="box-gradient position-absolute d-none d-lg-block z-0">
</div>
</div>
</div>
</div>
<div class="col-lg-6 px-lg-7">
<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">Why choose us</span>
</div>
<h5 class="ds-5 mt-3 mb-5">Build a sustainable <br> future for your company</h5>
<p class="mb-5">We strive to build long-lasting partnerships with our clients, understanding their unique challenges and opportunities, and providing tailored strategies that lead to measurable success.</p>
<div class="mb-5">
<p class="text-900 mb-1">Consulting</p>
<div class="progress position-relative" role="progressbar" aria-label="Example 4px high" style="height: 8px;" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" style="width: 85%"></div>
<p class="progress-number" style="left: 85%">85%</p>
</div>
</div>
<div class="mb-5">
<p class="text-900 mb-1">Marketing</p>
<div class="progress position-relative" role="progressbar" aria-label="Example 4px high" style="height: 8px;" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" style="width: 92%"></div>
<span class="progress-number" style="left: 92%">92%</span>
</div>
</div>
<div class="mb-5">
<p class="text-900 mb-1">Leadership</p>
<div class="progress position-relative" role="progressbar" aria-label="Example 4px high" style="height: 8px;" aria-valuenow="81" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar" style="width: 81%"></div>
<span class="progress-number" style="left: 81%">81%</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQs 3 -->
<section class="section-faqs-1 section-padding position-relative">
<div class="container position-relative z-2">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="text-start">
<div class="d-flex align-items-center position-relative z-2 justify-content-center bg-primary-soft d-inline-flex rounded-pill border border-2 border-white px-3 py-1">
<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">Frequently Asked questions</span>
</div>
<h3 class="ds-3 my-3 fw-bold">
Got questions? <br />
Weve got answers
</h3>
<div class="position-relative d-inline-block mt-3 mb-6">
<img src="assets/imgs/faqs-3/img-1.png" alt="" class=" rounded-pill border border-3 border-white" />
<img src="assets/imgs/faqs-3/img-2.png" alt="" class="position-absolute z-1 top-0 start-50 mt-3 rounded-pill border border-3 border-white" />
</div>
<p class="fs-5 mb-0">
Quick answers to questions you may have. Can't <br />
find what you're looking for? Get in touch with us.
</p>
<div class="d-flex align-items-center mt-5">
<a href="#" class="btn btn-gradient">
Get in touch
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<a href="#" class="ms-5 fw-bold">Help Center</a>
</div>
</div>
</div>
<div class="col-lg-6 mt-lg-0 mt-8 ">
<div class="accordion">
<div class="mb-3 card p-3 border bg-white rounded-2 shadow-2">
<div class="px-0 card-header border-0 bg-gradient-1">
<a class="collapsed text-900 fw-bold d-flex align-items-center" data-bs-toggle="collapse" href="#collapse1">
<h6 class="m-0">What are the key benefits of using <span class="text-primary">Infinia System</span></h6>
<span class="ms-auto arrow me-2">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
<path class="stroke-dark" d="M11.5 1L6.25 6.5L1 1" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</a>
</div>
<div id="collapse1" class="collapse show" data-bs-parent=".accordion">
<p class="ps-0card-body">We start with a comprehensive analysis of your current brand and online presence, followed by a tailored strategy to improve your brand identity, optimize your website for search engines, and create a cohesive branding plan.</p>
</div>
</div>
<div class="mb-3 card p-3 border bg-white rounded-2 shadow-2">
<div class="px-0 card-header border-0 bg-gradient-1">
<a class="collapsed text-900 fw-bold d-flex align-items-center" data-bs-toggle="collapse" href="#collapse2">
<h6 class="m-0">What features does <span class="text-primary">Infinia</span> offer?</h6>
<span class="ms-auto arrow me-2">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
<path class="stroke-dark" d="M11.5 1L6.25 6.5L1 1" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</a>
</div>
<div id="collapse2" class="collapse" data-bs-parent=".accordion">
<p class="ps-0card-body">We start with a comprehensive analysis of your current brand and online presence, followed by a tailored strategy to improve your brand identity, optimize your website for search engines, and create a cohesive branding plan.</p>
</div>
</div>
<div class="mb-3 card p-3 border bg-white rounded-2 shadow-2">
<div class="px-0 card-header border-0 bg-gradient-1">
<a class="collapsed text-900 fw-bold d-flex align-items-center" data-bs-toggle="collapse" href="#collapse3">
<h6 class="m-0">How do your services work?</h6>
<span class="ms-auto arrow me-2">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
<path class="stroke-dark" d="M11.5 1L6.25 6.5L1 1" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</a>
</div>
<div id="collapse3" class="collapse" data-bs-parent=".accordion">
<p class="ps-0card-body">We start with a comprehensive analysis of your current brand and online presence, followed by a tailored strategy to improve your brand identity, optimize your website for search engines, and create a cohesive branding plan.</p>
</div>
</div>
<div class="mb-3 card p-3 border bg-white rounded-2 shadow-2">
<div class="px-0 card-header border-0 bg-gradient-1">
<a class="collapsed text-900 fw-bold d-flex align-items-center" data-bs-toggle="collapse" href="#collapse4">
<h6 class="m-0">What is SEO and why do I need it?</h6>
<span class="ms-auto arrow me-2">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
<path class="stroke-dark" d="M11.5 1L6.25 6.5L1 1" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</a>
</div>
<div id="collapse4" class="collapse" data-bs-parent=".accordion">
<p class="ps-0card-body">We start with a comprehensive analysis of your current brand and online presence, followed by a tailored strategy to improve your brand identity, optimize your website for search engines, and create a cohesive branding plan.</p>
</div>
</div>
<div class="mb-3 card p-3 border bg-white rounded-2 shadow-2">
<div class="px-0 card-header border-0 bg-gradient-1">
<a class="collapsed text-900 fw-bold d-flex align-items-center" data-bs-toggle="collapse" href="#collapse5">
<h6 class="m-0">What SEO strategies do you use?</h6>
<span class="ms-auto arrow me-2">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
<path class="stroke-dark" d="M11.5 1L6.25 6.5L1 1" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</span>
</a>
</div>
<div id="collapse5" class="collapse" data-bs-parent=".accordion">
<p class="ps-0card-body">We start with a comprehensive analysis of your current brand and online presence, followed by a tailored strategy to improve your brand identity, optimize your website for search engines, and create a cohesive branding plan.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Testimonial 3-->
<section class="section-testimonial-3 position-relative section-padding fix">
<div class="container position-relative z-1">
<div class="row pb-9">
<div class="col-lg-7 mx-lg-auto">
<div class="text-center mb-lg-0 mb-5">
<div class="d-flex align-items-center position-relative z-2 justify-content-center bg-primary-soft d-inline-flex rounded-pill border border-2 border-white px-3 py-1">
<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>
<h5 class="ds-5 my-3 fw-regular">
What <span class="fw-bold">People Say</span> About <br />
<span class="fw-bold"> Our Company</span>
</h5>
<p class="fs-5 mb-0 text-900">
Access top-tier group mentoring plans and exclusive professional <br class="d-none d-md-block" />
benefits for your team. 🔥
</p>
</div>
</div>
</div>
<div class="row">
<div class="swiper slider-1 pt-2 pb-3">
<div class="swiper-wrapper">
<!-- prettier-ignore -->
<div class="swiper-slide">
<div class="bg-neutral-100 card-testimonial-3 p-5 rounded-3 position-relative">
<div class="d-flex align-items-center mb-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">John Anderson</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>
<p class="text-900 border-bottom pb-4 mb-4">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">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<span class="fs-8 text-600 ms-2">(For services and support)</span>
</div>
<div class="position-absolute top-0 end-0 m-4">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none">
<g clip-path="url(#clip0_551_13914)">
<path d="M0 29.7144H11.1428L3.71422 44.5715H14.8571L22.2857 29.7144V7.42871H0V29.7144Z" fill="#D1D5DB" />
<path d="M29.7148 7.42871V29.7144H40.8577L33.4291 44.5715H44.5719L52.0005 29.7144V7.42871H29.7148Z" fill="#D1D5DB" />
</g>
<defs>
<clipPath>
<rect width="52" height="52" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg-neutral-100 card-testimonial-3 p-5 rounded-3 position-relative">
<div class="d-flex align-items-center mb-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-2.png" alt="infinia">
<span class="fs-8">CEO of Tech Innovators Inc</span>
</div>
</div>
</div>
<p class="text-900 border-bottom pb-4 mb-4">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">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<span class="fs-8 text-600 ms-2">(For services and support)</span>
</div>
<div class="position-absolute top-0 end-0 m-4">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none">
<g clip-path="url(#clip0_551_13914)">
<path d="M0 29.7144H11.1428L3.71422 44.5715H14.8571L22.2857 29.7144V7.42871H0V29.7144Z" fill="#D1D5DB" />
<path d="M29.7148 7.42871V29.7144H40.8577L33.4291 44.5715H44.5719L52.0005 29.7144V7.42871H29.7148Z" fill="#D1D5DB" />
</g>
<defs>
<clipPath>
<rect width="52" height="52" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg-neutral-100 card-testimonial-3 p-5 rounded-3 position-relative">
<div class="d-flex align-items-center mb-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-3.png" alt="infinia">
<span class="fs-8">CEO of Tech Innovators Inc</span>
</div>
</div>
</div>
<p class="text-900 border-bottom pb-4 mb-4">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">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<span class="fs-8 text-600 ms-2">(For services and support)</span>
</div>
<div class="position-absolute top-0 end-0 m-4">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none">
<g clip-path="url(#clip0_551_13914)">
<path d="M0 29.7144H11.1428L3.71422 44.5715H14.8571L22.2857 29.7144V7.42871H0V29.7144Z" fill="#D1D5DB" />
<path d="M29.7148 7.42871V29.7144H40.8577L33.4291 44.5715H44.5719L52.0005 29.7144V7.42871H29.7148Z" fill="#D1D5DB" />
</g>
<defs>
<clipPath>
<rect width="52" height="52" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg-neutral-100 card-testimonial-3 p-5 rounded-3 position-relative">
<div class="d-flex align-items-center mb-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">Automated reports</h6>
<div class="flag ms-3">
<img src="assets/imgs/testimonial-1/flag-4.png" alt="infinia">
<span class="fs-8">CEO of Tech Innovators Inc</span>
</div>
</div>
</div>
<p class="text-900 border-bottom pb-4 mb-4">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">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<span class="fs-8 text-600 ms-2">(For services and support)</span>
</div>
<div class="position-absolute top-0 end-0 m-4">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none">
<g clip-path="url(#clip0_551_13914)">
<path d="M0 29.7144H11.1428L3.71422 44.5715H14.8571L22.2857 29.7144V7.42871H0V29.7144Z" fill="#D1D5DB" />
<path d="M29.7148 7.42871V29.7144H40.8577L33.4291 44.5715H44.5719L52.0005 29.7144V7.42871H29.7148Z" fill="#D1D5DB" />
</g>
<defs>
<clipPath>
<rect width="52" height="52" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg-neutral-100 card-testimonial-3 p-5 rounded-3 position-relative">
<div class="d-flex align-items-center mb-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">Funnel optimization</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>
<p class="text-900 border-bottom pb-4 mb-4">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">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<span class="fs-8 text-600 ms-2">(For services and support)</span>
</div>
<div class="position-absolute top-0 end-0 m-4">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none">
<g clip-path="url(#clip0_551_13914)">
<path d="M0 29.7144H11.1428L3.71422 44.5715H14.8571L22.2857 29.7144V7.42871H0V29.7144Z" fill="#D1D5DB" />
<path d="M29.7148 7.42871V29.7144H40.8577L33.4291 44.5715H44.5719L52.0005 29.7144V7.42871H29.7148Z" fill="#D1D5DB" />
</g>
<defs>
<clipPath>
<rect width="52" height="52" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="bg-neutral-100 card-testimonial-3 p-5 rounded-3 position-relative">
<div class="d-flex align-items-center mb-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">Integrations</h6>
<div class="flag ms-3">
<img src="assets/imgs/testimonial-1/flag-2.png" alt="infinia">
<span class="fs-8">CEO of Tech Innovators Inc</span>
</div>
</div>
</div>
<p class="text-900 border-bottom pb-4 mb-4">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">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia">
<span class="fs-8 text-600 ms-2">(For services and support)</span>
</div>
<div class="position-absolute top-0 end-0 m-4">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none">
<g clip-path="url(#clip0_551_13914)">
<path d="M0 29.7144H11.1428L3.71422 44.5715H14.8571L22.2857 29.7144V7.42871H0V29.7144Z" fill="#D1D5DB" />
<path d="M29.7148 7.42871V29.7144H40.8577L33.4291 44.5715H44.5719L52.0005 29.7144V7.42871H29.7148Z" fill="#D1D5DB" />
</g>
<defs>
<clipPath>
<rect width="52" height="52" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
<div class="text-center mt-8 position-relative z-3"></div>
</div>
</div>
</div>
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
<img src="assets/imgs/service-2/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-1"></div>
</section>
<!--Blog 5-->
<section class="section-blog-1 section-padding position-relative border-top border-bottom">
<div class="container position-relative z-2">
<div class="row align-items-end">
<div class="col-lg-7 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">Our Latest Articles</h3>
<span class="fs-5 fw-medium text-900">Explore the insights and trends shaping our industry</span>
</div>
<div class="col-lg-auto">
<a href="#" class="fw-bold text-primary btn bg-white hover-up shadow-2 mt-lg-0 mt-5 ms-lg-auto">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 mt-8 align-items-center">
<div class="col-lg-7">
<div class="card-team position-relative d-flex flex-lg-row flex-column align-items-center rounded-3 border card-hover shadow-2 mb-lg-0 mb-8">
<img class="rounded rounded-bottom-0 rounded-start-lg rounded-end-lg-0 w-100 w-lg-auto" src="assets/imgs/blog-5/img-1.png" alt="infinia">
<div class="bg-white align-self-stretch rounded rounded-start-lg-0 p-5">
<a href="#" class="z-1 position-relative bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1 mb-2">
<span class="tag-spacing fs-7 fw-bold text-linear-2 text-uppercase">business</span>
</a>
<h6 class="mb-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 class="d-flex align-items-center justify-content-between mt-5 pt-5 border-top">
<div class="d-flex align-items-center position-relative z-1">
<div class="icon-shape rounded-circle border border-2 border-white">
<img class="rounded-circle" src="assets/imgs/blog-4/avatar-1.png" alt="infinia">
</div>
<div class="ms-3">
<h6 class="fs-7 m-0 mb-1">Evara Rose</h6>
<p class="mb-0 fs-8">17 May 2024</p>
</div>
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
</div>
<div class="arrow-icon icon-shape icon-md bg-white rounded-circle border">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M17.25 15.5322V7.03223H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M17 7.28223L6.75 17.5322" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
</div>
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
</div>
</div>
</div>
<div class="col-lg-5">
<div>
<a href="#" class="d-flex flex-column flex-md-row align-items-center hover-up">
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/blog-5/img-2.png" alt="infinia">
<div class="content ms-5 mt-4 mt-md-0">
<h6 class="mb-2">Why Consistent Brand Identity is Key to Business Success</h6>
<p class="mb-0">As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
</div>
</a>
<a href="#" class="d-flex flex-column flex-md-row align-items-center mt-7 hover-up">
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/blog-5/img-3.png" alt="infinia">
<div class="content ms-5 mt-4 mt-md-0">
<h6 class="mb-2">The Importance of Data Security in Your SaaS Projects</h6>
<p class="mb-0">As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="bouncing-blobs-container">
<div class="bouncing-blobs-glass"></div>
<div class="bouncing-blobs">
<div class="bouncing-blob bouncing-blob--infor bouncing-blob--infor-2"></div>
</div>
</div>
</section>
<!-- Contact 1-->
<section class="section-contact-1 position-relative section-padding">
<div class="container position-relative z-1">
<div class="row">
<div class="col-lg-6">
<div class="d-flex align-items-center justify-content-center bg-primary-soft-keep border border-2 border-white-keep d-inline-flex rounded-pill px-4 py-2">
<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">Contact Us</span>
</div>
<h5 class="ds-5 mt-3 mb-3 text-white">Thinking about a project? Get in touch with us.</h5>
<span class="fs-5 fw-medium text-white">Please let us know if you have a question, want to leave <br class="d-none d-lg-block" />
a comment, or would like further information about <br class="d-none d-lg-block" />
Infinia System</span>
<div class="d-flex pt-6 pb-3 align-items-center">
<div class="bg-white-keep icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/contact-1/icon-1.svg" alt="infinia" />
</div>
</div>
<div class="ps-5">
<h6 class="text-white">Visit the Knowledge Base</h6>
<p class="text-white mb-0">Browse customer support articles and step-by-<br />step instructions for specific features.</p>
</div>
</div>
<div class="d-flex pt-3 pb-3 align-items-center">
<div class="bg-white-keep icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/contact-1/icon-2.svg" alt="infinia" />
</div>
</div>
<div class="ps-5">
<h6 class="text-white">Watch Product Videos</h6>
<p class="text-white mb-0">
Watch our video tutorials for visual walkthroughs <br />
on how to use our features.
</p>
</div>
</div>
<div class="d-flex pt-3 pb-3 align-items-center">
<div class="bg-white-keep icon-flip position-relative icon-shape icon-xxl rounded-3">
<div class="icon">
<img src="assets/imgs/contact-1/icon-3.svg" alt="infinia" />
</div>
</div>
<div class="ps-5">
<h6 class="text-white">Visit the Knowledge Base</h6>
<p class="text-white mb-0">
Let us talk about how we can help your <br />
enterprise.
</p>
</div>
</div>
</div>
<div class="col-lg-6 ps-lg-0 pt-5 pt-lg-0">
<div class="position-relative">
<div class="position-relative z-2 p-3 p-md-5 p-lg-8 rounded-3 bg-primary">
<h3 class="text-white">Get in touch</h3>
<p class="text-white">Do you want to know more or contact our sales department?</p>
<form action="#">
<div class="row mt-5">
<div class="col-md-6">
<div class="input-group d-flex align-items-center">
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12 11.25C13.7949 11.25 15.25 9.79493 15.25 8C15.25 6.20507 13.7949 4.75 12 4.75C10.2051 4.75 8.75 6.20507 8.75 8C8.75 9.79493 10.2051 11.25 12 11.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6.84723 19.25H17.1522C18.2941 19.25 19.1737 18.2681 18.6405 17.2584C17.856 15.7731 16.0677 14 11.9997 14C7.93174 14 6.1434 15.7731 5.35897 17.2584C4.8257 18.2681 5.70531 19.25 6.84723 19.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Your name *" aria-label="username" />
</div>
</div>
<div class="col-md-6">
<div class="input-group d-flex align-items-center mt-4 mt-md-0">
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path 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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="info@" aria-label="email" />
</div>
</div>
<div class="col-md-6">
<div class="input-group d-flex align-items-center mt-4">
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M4.75 7.75C4.75 6.64543 5.64543 5.75 6.75 5.75H17.25C18.3546 5.75 19.25 6.64543 19.25 7.75V16.25C19.25 17.3546 18.3546 18.25 17.25 18.25H6.75C5.64543 18.25 4.75 17.3546 4.75 16.25V7.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M5.5 6.5L12 12.25L18.5 6.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Phone" aria-label="phone" />
</div>
</div>
<div class="col-md-6">
<div class="input-group d-flex align-items-center mt-4">
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25V9.75001L12 4.75L4.75 9.75001V17.25C4.75 18.3546 5.64544 19.25 6.75 19.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.75 15.749C9.75 14.6444 10.6455 13.749 11.75 13.749H12.25C13.3546 13.749 14.25 14.6444 14.25 15.749V19.249H9.75V15.749Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Subject" aria-label="subject" />
</div>
</div>
<div class="col-12">
<div class="input-group d-flex mt-4">
<div class="icon-input pt-2 ps-3 align-items-start border border-end-0 rounded-1 rounded-end-0">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
<path d="M5.5 2.14844H3C1.89543 2.14844 1 3.04387 1 4.14844V14.6484C1 15.753 1.89543 16.6484 3 16.6484H13.5C14.6046 16.6484 15.5 15.753 15.5 14.6484V12.1484" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M17.3285 1.20344L16.4448 0.319749C16.0185 -0.106583 15.3248 -0.106583 14.8984 0.319749L7.82915 7.38907C7.76373 7.45449 7.71914 7.53782 7.70096 7.62854L7.2591 9.83772C7.22839 9.99137 7.27647 10.1502 7.38729 10.261C7.47605 10.3498 7.59561 10.3983 7.71864 10.3983C7.74923 10.3983 7.77997 10.3953 7.81053 10.3892L10.0197 9.94732C10.1104 9.92917 10.1938 9.88455 10.2592 9.81913L17.3285 2.74984C17.3285 2.74984 17.3286 2.74984 17.3286 2.74981C17.7549 2.32351 17.7549 1.6298 17.3285 1.20344ZM9.69678 9.05607L8.31606 9.33225L8.59224 7.95153L14.3461 2.19754L15.4507 3.30214L9.69678 9.05607ZM16.6658 2.0871L16.1135 2.6394L15.0089 1.53479L15.5612 0.982524C15.6221 0.921601 15.7212 0.92157 15.7821 0.982493L16.6658 1.86618C16.7267 1.92707 16.7267 2.0262 16.6658 2.0871Z" fill="white" />
</svg>
</div>
<textarea class="form-control border border-start-0 ms-0 rounded-start-0 rounded-1 pb-10" name="name" placeholder="Describe Your Project in Short" aria-label="With textarea"></textarea>
</div>
</div>
<div class="col-12">
<button type="submit" class="btn bg-white-keep text-primary hover-up mt-3">
Send Message
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M21.1059 12.2562H0.5V11.7443H21.1059H22.313L21.4594 10.8907L17.0558 6.48705L17.4177 6.12508L23.2929 12.0002L17.4177 17.8754L17.0558 17.5134L21.4594 13.1098L22.313 12.2562H21.1059Z" fill="black" stroke="#6D4DF2" />
</svg>
</button>
</div>
</div>
</form>
</div>
<div class="z-0 bg-primary-dark rectangle-bg z-1 rounded-3"></div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- prettier-ignore -->
<!-- Footer 5 -->
<footer>
<div class=" position-relative d-none d-md-flex">
<div class="col-6 bg-primary py-md-6"></div>
<div class="col-6 bg-primary-dark py-md-6"></div>
<div class="container position-absolute top-50 start-50 translate-middle">
<div class="row">
<div class="col-6 d-lg-flex gap-5">
<a href="#" class="d-flex mb-lg-0 mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M4.75 6.75L9.25 4.75V17.25L4.75 19.25V6.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.75 6.75L19.25 4.75V17.25L14.75 19.25V6.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M14.75 6.75L9.25 4.75V17.25L14.75 19.25V6.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<p class="text-white mb-0 ms-2">0811 Erdman Prairie, Joaville CA</p>
</a>
<a href="#" class="d-flex">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path 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="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<p class="text-white mb-0 ms-2">+01 (24) 568 900</p>
</a>
</div>
<div class="col-6">
<div class="d-flex ms-md-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M13 16H12V12H11M12 8H12.01M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<p class="text-white mb-0 ms-2">Our website uses cookies to improve your experience.</p>
<a href="#" class="text-white ms-2 link-hover-primary-light"> Learn more </a>
</div>
</div>
</div>
</div>
</div>
<div class="section-footer">
<div class="container-fluid bg-6">
<div class="container position-relative z-2">
<div class="row py-90">
<div class="col-lg-4 pe-10">
<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">
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5 pt-lg-0">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">
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5 pt-lg-0">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 class="col-lg-6 pt-5 pt-lg-0">
<p class="text-white fw-black opacity-50 text-uppercase">App & Payment</p>
<p class="text-white fw-medium mt-3 mb-4 opacity-50">Download our Apps and get
extra 15% discount on your first order…!</p>
<div class="d-flex gap-2">
<a href="#">
<img class="mb-2" src="assets/imgs/footer-4/app-payment-1.png" alt="App Store">
</a>
<a href="#">
<img class="mb-2" src="assets/imgs/footer-4/app-payment-2.png" alt="Google Play">
</a>
</div>
<div class="d-flex gap-2">
<a href="#">
<img class="mb-2" src="assets/imgs/footer-4/app-payment-3.png" alt="Microsoft">
</a>
<a href="#">
<img class="mb-2" src="assets/imgs/footer-4/app-payment-4.png" alt="Amazon">
</a>
</div>
<div class="col-1"></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">Copyright © 2024 Infinia. All Rights Reserved</span>
</div>
</div>
</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-5 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:37:27 GMT -->
</html>