2103 lines
167 KiB
HTML
2103 lines
167 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
|
||
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/index-3 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:36:17 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>
|
||
<!--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 @@classList">
|
||
<div class="container-fluid bg-primary-soft">
|
||
<div class="container py-2">
|
||
<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="tel:123456789" class="pe-4">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
|
||
<path d="M7.41064 4.45833H5.05674C4.45006 4.45833 3.95825 4.95014 3.95825 5.55681C3.95825 11.6236 8.87634 16.5417 14.9431 16.5417C15.5498 16.5417 16.0416 16.0498 16.0416 15.4432V13.0892L13.4523 11.3631L12.1097 12.7057C11.8765 12.9389 11.528 13.0114 11.235 12.8601C10.7381 12.6033 9.93167 12.121 9.13684 11.3631C8.32299 10.5871 7.84615 9.75091 7.60683 9.245C7.4727 8.96141 7.55035 8.63409 7.77216 8.41228L9.13684 7.04761L7.41064 4.45833Z" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
<span class="text-900 fs-7">+01 (24) 568 900</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="#6B7280" 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="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
<span class="text-900 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="#6B7280" stroke-width="1.5" />
|
||
<path d="M10 7.16667V10.5L11.6667 12.1667" stroke="#6B7280" stroke-width="1.5" />
|
||
</svg>
|
||
<span class="text-900 pe-3 ps-1 fs-7">Mon-Fri: 10:00am - 09:00pm</span>
|
||
<a href="mailto:contact@infinia.com" class="ps-4">
|
||
<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="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M4.5835 5.91667L10.0002 10.7083L15.4168 5.91667" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
<span class="text-900 ps-1 fs-7">contact@infinia.com</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Navbar -->
|
||
<header>
|
||
<nav class="navbar navbar-expand-lg navbar-light w-100 z-999">
|
||
<div class="container">
|
||
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
|
||
<img src="assets/imgs/template/favicon.svg" alt="infinia">
|
||
<span>Infinia</span>
|
||
</a>
|
||
<div class="d-none d-lg-flex">
|
||
<ul class="navbar-nav mx-auto gap-4 align-items-lg-center">
|
||
<li class="nav-item dropdown menu-item-has-children">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Home
|
||
</a>
|
||
<div class="dropdown-menu fix">
|
||
<ul class="list-unstyled">
|
||
<li class="position-relative z-1 border-bottom">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index.html">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
||
<path d="M16.1143 9.19978H12.8916V2.14741C12.8916 1.99512 12.7913 1.86072 12.6452 1.81775C12.4977 1.77478 12.3416 1.83287 12.2591 1.96075L5.59417 12.2801C5.52577 12.386 5.52061 12.5204 5.58111 12.6311C5.64127 12.7414 5.75711 12.8102 5.88292 12.8102H9.10558V19.8522C9.10558 20.0045 9.20596 20.1389 9.35205 20.1819C9.38436 20.1912 9.41702 20.196 9.44933 20.196C9.5638 20.196 9.67346 20.1386 9.73808 20.0389L16.403 9.72984C16.4715 9.62397 16.4766 9.48956 16.4161 9.37887C16.356 9.26853 16.2401 9.19978 16.1143 9.19978Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.1</span>
|
||
<span class="text-600 fs-7">Business Startup</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1 border-bottom">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-2">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3205 8.75C16.752 8.457 17 7.991 17 7.5C17 7.009 16.752 6.543 16.3205 6.25C15.016 5.365 13.004 4 11.961 3.2915C11.3905 2.9045 10.6095 2.9045 10.039 3.2915C8.996 4 6.984 5.365 5.6795 6.25C5.248 6.543 5 7.009 5 7.5C5 7.991 5.248 8.457 5.6795 8.75C6.984 9.635 8.996 11 10.039 11.7085C10.6095 12.0955 11.3905 12.0955 11.961 11.7085L16.3205 8.75Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.535 9.8605L9.4775 12.5355C10.3815 13.149 11.6185 13.149 12.5225 12.5355L16.465 9.8605C16.807 10.153 17 10.5665 17 11C17 11.491 16.752 11.957 16.3205 12.25C15.016 13.135 13.004 14.5 11.961 15.2085C11.3905 15.5955 10.6095 15.5955 10.039 15.2085C8.996 14.5 6.984 13.135 5.6795 12.25C5.248 11.957 5 11.491 5 11C5 10.5665 5.193 10.153 5.535 9.8605Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.535 13.3605L9.4775 16.0355C10.3815 16.649 11.6185 16.649 12.5225 16.0355L16.465 13.3605C16.807 13.653 17 14.0665 17 14.5C17 14.991 16.752 15.457 16.3205 15.75C15.016 16.635 13.004 18 11.961 18.7085C11.3905 19.0955 10.6095 19.0955 10.039 18.7085C8.996 18 6.984 16.635 5.6795 15.75C5.248 15.457 5 14.991 5 14.5C5 14.0665 5.193 13.653 5.535 13.3605Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.2</span>
|
||
<span class="text-600 fs-7">Application Landing</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1 border-bottom">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-3">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
||
<path d="M19.3734 10.5591L16.8746 9.84501C15.7493 9.52775 14.7242 8.92703 13.8975 8.10031C13.0708 7.27359 12.4701 6.24855 12.1528 5.12326L11.4387 2.62442C11.4028 2.537 11.3417 2.46222 11.2632 2.40959C11.1847 2.35697 11.0923 2.32887 10.9978 2.32887C10.9033 2.32887 10.8109 2.35697 10.7324 2.40959C10.6539 2.46222 10.5928 2.537 10.5569 2.62442L9.84283 5.12326C9.52558 6.24855 8.92486 7.27359 8.09814 8.10031C7.27142 8.92703 6.24637 9.52775 5.12108 9.84501L2.62225 10.5591C2.5263 10.5863 2.44186 10.6441 2.38173 10.7237C2.3216 10.8033 2.28906 10.9003 2.28906 11C2.28906 11.0997 2.3216 11.1968 2.38173 11.2763C2.44186 11.3559 2.5263 11.4137 2.62225 11.4409L5.12108 12.155C6.24637 12.4723 7.27142 13.073 8.09814 13.8997C8.92486 14.7264 9.52558 15.7515 9.84283 16.8768L10.5569 19.3756C10.5841 19.4715 10.6419 19.556 10.7215 19.6161C10.8011 19.6762 10.8981 19.7088 10.9978 19.7088C11.0976 19.7088 11.1946 19.6762 11.2742 19.6161C11.3537 19.556 11.4115 19.4715 11.4387 19.3756L12.1528 16.8768C12.4701 15.7515 13.0708 14.7264 13.8975 13.8997C14.7242 13.073 15.7493 12.4723 16.8746 12.155L19.3734 11.4409C19.4694 11.4137 19.5538 11.3559 19.6139 11.2763C19.6741 11.1968 19.7066 11.0997 19.7066 11C19.7066 10.9003 19.6741 10.8033 19.6139 10.7237C19.5538 10.6441 19.4694 10.5863 19.3734 10.5591Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.3</span>
|
||
<span class="text-600 fs-7">Marketing Services</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1 border-bottom">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-4">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9965 2.80334L13.3633 4.90828C13.5282 5.05379 14.3915 5.8201 13.8095 6.98412C13.2275 8.14814 10.9965 11.8827 10.9965 11.8827C10.9965 11.8827 8.76543 8.14814 8.18342 6.98412C7.60141 5.8201 8.46472 5.05379 8.62962 4.90828L10.9965 2.80334Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6235 9.05026L18.3624 11.9603C18.2751 12.164 17.8192 13.2213 16.5291 13.0273C15.239 12.8333 11 11.8827 11 11.8827C11 11.8827 13.8519 8.60405 14.7734 7.68253C15.6949 6.76101 16.694 7.34302 16.888 7.45943L19.6235 9.05026Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.375 9.05026L3.63602 11.9603C3.72332 12.164 4.17923 13.2213 5.46936 13.0273C6.75948 12.8333 10.9985 11.8827 10.9985 11.8827C10.9985 11.8827 8.14661 8.59435 7.21539 7.68253C6.29387 6.76101 5.29475 7.34302 5.10075 7.45943L2.375 9.05026Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.62164 19.1966L8.7742 18.9056C8.9973 18.8862 10.1419 18.7795 10.365 17.4991C10.5784 16.209 10.9955 11.8827 10.9955 11.8827C10.9955 11.8827 6.98936 13.5705 5.82534 14.1622C4.66132 14.754 4.90383 15.8792 4.95233 16.1023L5.62164 19.1966Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3661 19.1966L13.2135 18.9056C12.9904 18.8862 11.8458 18.7795 11.6227 17.4991C11.4093 16.209 10.9922 11.8827 10.9922 11.8827C10.9922 11.8827 14.9984 13.5705 16.1624 14.1622C17.3264 14.754 17.0839 15.8792 17.0354 16.1023L16.3661 19.1966Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.4</span>
|
||
<span class="text-600 fs-7">IT Services</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-5">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17" fill="none">
|
||
<path d="M3.25295 4.15876C3.1292 4.13693 3.00309 4.12589 2.87813 4.12589C1.83455 4.12589 0.945478 4.87264 0.764063 5.90149L0.0328612 10.0485C-0.172874 11.2151 0.608946 12.3316 1.77559 12.5374C1.89935 12.5592 2.02546 12.5702 2.15041 12.5702C3.19391 12.5702 4.08307 11.8234 4.26448 10.7946L4.99573 6.64764C5.20138 5.48095 4.4196 4.36449 3.25295 4.15876Z" fill="#A38CFF"></path>
|
||
<path d="M9.24512 2.25455C9.12137 2.23272 8.99525 2.22168 8.8703 2.22168C7.82676 2.22168 6.93764 2.96844 6.75627 3.99728L5.35351 11.9527C5.25386 12.5178 5.38028 13.088 5.70942 13.5581C6.03856 14.0281 6.53111 14.3419 7.09624 14.4416C7.21999 14.4634 7.34611 14.4745 7.47106 14.4745C8.5146 14.4745 9.40372 13.7277 9.58513 12.6989L10.9879 4.74344C11.1936 3.57675 10.4118 2.46029 9.24512 2.25455Z" fill="#A38CFF"></path>
|
||
<path d="M16.6264 0.916441C16.2972 0.446361 15.8047 0.132602 15.2396 0.0329143C15.1158 0.0110861 14.9896 0 14.8646 0C13.8211 0 12.9321 0.746757 12.7507 1.77565L10.5644 14.1742C10.4648 14.7394 10.5912 15.3095 10.9204 15.7796C11.2495 16.2496 11.7421 16.5634 12.3071 16.6631C12.4309 16.685 12.557 16.696 12.682 16.696C13.7256 16.696 14.6147 15.9492 14.7961 14.9204L16.9823 2.5218C17.0819 1.95668 16.9556 1.38652 16.6264 0.916441Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.5</span>
|
||
<span class="text-600 fs-7">Consulting Services</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
||
<div class="ellipse-rotate-primary-sm position-absolute top-50 z-0"></div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item dropdown has-mega-menu">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Pages
|
||
</a>
|
||
<div class="mega-menu fix start-50 translate-middle-x">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="mega-menu-content">
|
||
<div class="row">
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">ABOUT US</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-about">About us v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-about-2">About us v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-about-3">About us v.3</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">SERVICES</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-1">Services v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-2">Services v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-3">Services v.3</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-details-1">Services details v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-details-2">Services details v.2</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">OUR TEAM</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-1">Our team v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-2">Our team v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-3">Our team v.3</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-4">Our team v.4</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-5">Our team v.5</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-6">Our team v.6</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-detail-1">Team detail v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-detail-2">Team detail v.2</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">FEATURES</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-features-1">Features v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-features-2">Features v.2</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">PRICING</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-pricing-01">Pricing v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-pricing-02">Pricing v.2</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">CONTACT</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-contact-1">Contact v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-contact-2">Contact v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-contact-3">Contact v.3</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">BLOG</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-blog-1">Blog v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-blog-2">Blog v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-blog-details">Blog details</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">CASE STUDY</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-case-study">Case Study</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-case-study-details">Case study details</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">AUTHENTICATION</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-register">Register</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-login">Sign in</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">UTILITIES</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-work-process">Work Process</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-book-a-demo">Book a demo</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-integration">Integration</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-changelog">Change log</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-privacy-policy">Privacy policy</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-terms-conditions">Terms conditions</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-comming-soon">Comming soon</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-404">Error 404</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">STYLE GUIDE</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-style-guide">Color & Typography</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-elements">Basic elements</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="position-relative bg-4 rounded-3 mt-5">
|
||
<img class="rounded-3" src="assets/imgs/template/bg-card.png" alt="">
|
||
<div class="position-absolute top-50 start-50 translate-middle z-0">
|
||
<img class="ms-3" src="assets/imgs/logo/logo-dark.svg" alt="infinia">
|
||
<p class="fs-7 fw-bold text-900 text-center my-3 text-nowrap">Multi-layout SaaS & <br> Startup Website <br> Template</p>
|
||
<div class="d-flex mt-3 ms-3">
|
||
<img src="assets/imgs/other/avatar-1.png" alt="infinia">
|
||
<img class="avt-hero" src="assets/imgs/other/avatar-2.png" alt="infinia">
|
||
<img class="avt-hero " src="assets/imgs/other/avatar-3.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="btn btn-md btn-gradient fs-8 mt-3 text-nowrap">
|
||
Get this now
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||
<path d="M12.5477 11.3147V5.30603H6.53906" stroke="white" stroke-width="1.06034" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path d="M12.3707 5.48276L5.125 12.7284" stroke="white" stroke-width="1.06034" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
|
||
<img src="assets/imgs/team-1/bg-line.png" alt="infinia">
|
||
</div>
|
||
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
||
<div class="ellipse-rotate-primary-sm position-absolute top-0 end-0 translate-middle-y z-0"></div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item dropdown has-mega-menu-2">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Sections
|
||
</a>
|
||
<div class="mega-menu fix">
|
||
<div class="d-flex flex-wrap gap-2 position-relative z-1">
|
||
<a href="section-navigation" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Navigation
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
09
|
||
</span>
|
||
</a>
|
||
<a href="section-hero" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Hero
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-logo-cloud" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Logo cloud
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-cta" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Call to action
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
15
|
||
</span>
|
||
</a>
|
||
<a href="section-how-it-work" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
How it work
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
02
|
||
</span>
|
||
</a>
|
||
<a href="section-services" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Services
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
04
|
||
</span>
|
||
</a>
|
||
<a href="section-team" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Team
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
07
|
||
</span>
|
||
</a>
|
||
<a href="section-pricing" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Pricing
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-faqs" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
FAQS
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
03
|
||
</span>
|
||
</a>
|
||
<a href="section-testimonial" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Testimonials
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
04
|
||
</span>
|
||
</a>
|
||
<a href="section-blog" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Blog
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-newsletter" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Newsletter
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
03
|
||
</span>
|
||
</a>
|
||
<a href="section-footer" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Footer
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-features" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Features
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
13
|
||
</span>
|
||
</a>
|
||
<a href="section-projects" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Projects
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
02
|
||
</span>
|
||
</a>
|
||
<a href="section-contact" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Contact
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
06
|
||
</span>
|
||
</a>
|
||
<a href="section-static" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Static
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
03
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="position-absolute bottom-0 end-0 z-0">
|
||
<img src="assets/imgs/other/bg-line.png" alt="infinia">
|
||
</div>
|
||
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item dropdown menu-item-has-children">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Style Guide
|
||
</a>
|
||
<div class="dropdown-menu p-4 fix">
|
||
<ul class="list-unstyled">
|
||
<li class="position-relative border-bottom z-1">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="page-style-guide">
|
||
Style guide
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="page-elements">
|
||
Elements
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
||
<div class="ellipse-rotate-primary-sm position-absolute bottom-0 end-0 translate-middle z-0"></div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="page-contact-1">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="d-flex align-items-center pe-5 pe-lg-0 me-5 me-lg-0">
|
||
<a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target=".offcanvasTop">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-dark" d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</a>
|
||
<div class="dark-light-switcher d-flex justify-content-center align-items-center icon-shape icon-md border bg-white rounded-3 ms-3 me-md-3 me-0">
|
||
<i class="bi theme-icon bi-sun-fill"></i>
|
||
<i class="bi theme-icon bi-moon-stars-fill"></i>
|
||
</div>
|
||
<a href="#" class="btn btn-gradient d-none d-md-block">
|
||
Join For Free Trial
|
||
</a>
|
||
<div class="burger-icon burger-icon-white border rounded-3">
|
||
<span class="burger-icon-top"></span>
|
||
<span class="burger-icon-mid"></span>
|
||
<span class="burger-icon-bottom"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- offCanvas-menu -->
|
||
<div class="offCanvas__info">
|
||
<div class="offCanvas__close-icon menu-close">
|
||
<button><i class="far fa-window-close"></i></button>
|
||
</div>
|
||
<div class="offCanvas__logo mb-30">
|
||
<a href="index.html"><img src="assets/imgs/logo/logo-dark.svg" alt="Logo" /></a>
|
||
</div>
|
||
<div class="offCanvas__side-info mb-30">
|
||
<div class="contact-list mb-30">
|
||
<h4>Chat with us</h4>
|
||
<p class="mb-3">
|
||
The support team is always<br />
|
||
available 24/7
|
||
</p>
|
||
<div class="d-flex mb-2">
|
||
<img src="assets/imgs/contact-2/icon-1.svg" alt="infinia" />
|
||
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Whatsapp</a>
|
||
</div>
|
||
<div class="d-flex mb-2">
|
||
<img src="assets/imgs/contact-2/icon-2.svg" alt="infinia" />
|
||
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Viber</a>
|
||
</div>
|
||
<div class="d-flex mb-2 mb-5">
|
||
<img src="assets/imgs/contact-2/icon-3.svg" alt="infinia" />
|
||
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Messager</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact-list mb-30">
|
||
<h4>Office Address</h4>
|
||
<p>
|
||
123/A, Miranda City Likaoli <br />
|
||
Prikano, Dope
|
||
</p>
|
||
</div>
|
||
<div class="contact-list mb-30">
|
||
<h4>Phone Number</h4>
|
||
<p>(+01) 234 567 89</p>
|
||
<p>(+01) 456 789 21</p>
|
||
</div>
|
||
<div class="contact-list mb-30">
|
||
<h4>Business Emails</h4>
|
||
<p><a href="mailto:contact@alithemes.com">contact@alithemes.com</a></p>
|
||
<p><a href="mailto:sale@alithemes.com ">sale@alithemes.com </a></p>
|
||
</div>
|
||
<div class="contact-list mb-30">
|
||
<h4>Help & support</h4>
|
||
<p>Email <a href="mailto:support@alithemes.com">support@alithemes.com</a> For help with a current product or service or refer to FAQs and developer tools.</p>
|
||
</div>
|
||
</div>
|
||
<div class="offCanvas__social-icon mt-30">
|
||
<a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="javascript:void(0)"><i class="fab fa-twitter"></i></a>
|
||
<a href="javascript:void(0)"><i class="fab fa-google-plus-g"></i></a>
|
||
<a href="javascript:void(0)"><i class="fab fa-instagram"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="offCanvas__overly"></div>
|
||
<!-- Offcanvas search -->
|
||
<div class="offcanvas offcanvas-top offcanvasTop h-50" tabindex="-1">
|
||
<div class="offcanvas-header">
|
||
<button class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||
</div>
|
||
<div class="offcanvas-body">
|
||
<div class="container">
|
||
<div class="row py-md-5 py-2">
|
||
<div class="col-12 col-lg-8 mx-auto">
|
||
<h4 class="mb-2 fs-sm-5">What are you looking for?</h4>
|
||
<p class="text-500 fs-6 mb-5">Explore our services and discover how we can help you achieve your goals</p>
|
||
<div class="input-group" data-aos="zoom-in">
|
||
<input type="text" class="form-control ps-5 rounded-start-pill" name="name" placeholder="Enter Your Keywords" />
|
||
<button class="btn btn-primary rounded-end-pill">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="d-flex flex-column flex-lg-row mt-5">
|
||
<h6 class="d-inline me-2">Suggest:</h6>
|
||
<div class="d-flex flex-wrap gap-2">
|
||
<a href="#">Startup</a>
|
||
<a href="#">Agency</a>
|
||
<a href="#">Creative</a>
|
||
<a href="#">Consulting</a>
|
||
<a href="#">IT services</a>
|
||
<a href="#">Pricing</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Offcanvas search -->
|
||
|
||
<div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar button-bg-2">
|
||
<div class="mobile-header-wrapper-inner">
|
||
<div class="mobile-header-logo">
|
||
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
|
||
<img src="assets/imgs/template/favicon.svg" alt="infinia">
|
||
<span>Infinia</span>
|
||
</a>
|
||
<div class="burger-icon burger-icon-white border rounded-3">
|
||
<span class="burger-icon-top"></span>
|
||
<span class="burger-icon-mid"></span>
|
||
<span class="burger-icon-bottom"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mobile-header-content-area">
|
||
<div class="perfect-scroll">
|
||
<div class="mobile-menu-wrap mobile-header-border">
|
||
<nav>
|
||
<ul class="mobile-menu font-heading ps-0">
|
||
<li class="has-children">
|
||
<a class="active" href="#">Homepages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="index.html">Home 1 - Business Startup</a></li>
|
||
<li><a href="index-2">Home 2 - Application Landing</a></li>
|
||
<li><a href="index-3">Home 3 - Marketing Services</a></li>
|
||
<li><a href="index-4">Home 4 - IT Services</a></li>
|
||
<li><a href="index-5">Home 5 - Consulting Services</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="has-children">
|
||
<a href="#">About Us</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-about">About us v.1</a></li>
|
||
<li><a href="page-about-2">About us v.2</a></li>
|
||
<li><a href="page-about-3">About us v.3</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Our Services</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-services-1">Services v.1</a></li>
|
||
<li><a href="page-services-2">Services v.2</a></li>
|
||
<li><a href="page-services-3">Services v.3</a></li>
|
||
<li><a href="page-services-details-1">Services details v.1</a></li>
|
||
<li><a href="page-services-details-2">Services details v.2</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Our Team</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-team-1">Our team v.1</a></li>
|
||
<li><a href="page-team-2">Our team v.2</a></li>
|
||
<li><a href="page-team-3">Our team v.3</a></li>
|
||
<li><a href="page-team-4">Our team v.4</a></li>
|
||
<li><a href="page-team-5">Our team v.5</a></li>
|
||
<li><a href="page-team-6">Our team v.6</a></li>
|
||
<li><a href="page-team-detail-1">Team detail v.1</a></li>
|
||
<li><a href="page-team-detail-2">Team detail v.2</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Features</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-features-1">Features v.1</a></li>
|
||
<li><a href="page-features-2">Features v.2</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Pricing</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-pricing-01">Pricing v.1</a></li>
|
||
<li><a href="page-pricing-02">Pricing v.2</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Contact Us</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-contact-1">Contact v.1</a></li>
|
||
<li><a href="page-contact-2">Contact v.2</a></li>
|
||
<li><a href="page-contact-3">Contact v.3</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Blog & News</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-blog-1">Blog v.1</a></li>
|
||
<li><a href="page-blog-2">Blog v.2</a></li>
|
||
<li><a href="page-blog-details">Blog details</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Case Study</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-case-study">Case Study</a></li>
|
||
<li><a href="page-case-study-details">Case study details</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Authentication</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-register">Register</a></li>
|
||
<li><a href="page-login">Sign in</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Utilities</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-work-process">Work Process</a></li>
|
||
<li><a href="page-book-a-demo">Book a demo</a></li>
|
||
<li><a href="page-integration">Integration</a></li>
|
||
<li><a href="page-changelog">Change log</a></li>
|
||
<li><a href="page-privacy-policy">Privacy policy</a></li>
|
||
<li><a href="page-terms-conditions">Terms conditions</a></li>
|
||
<li><a href="page-comming-soon">Comming soon</a></li>
|
||
<li><a href="page-404">Error 404</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Style Guide</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-style-guide">Color & Typography</a></li>
|
||
<li><a href="page-elements">Basic elements</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">All Sections</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="section-navigation"> Navigation </a></li>
|
||
<li><a href="section-hero"> Hero </a></li>
|
||
<li><a href="section-logo-cloud"> Logo cloud </a></li>
|
||
<li><a href="section-cta"> Call to action </a></li>
|
||
<li><a href="section-how-it-work"> How it work </a></li>
|
||
<li><a href="section-services"> Services </a></li>
|
||
<li><a href="section-team"> Team </a></li>
|
||
<li><a href="section-pricing"> Pricing </a></li>
|
||
<li><a href="section-faqs"> FAQS </a></li>
|
||
<li><a href="section-testimonial"> Testimonials </a></li>
|
||
<li><a href="section-blog"> Blog </a></li>
|
||
<li><a href="section-newsletter"> Newsletter </a></li>
|
||
<li><a href="section-footer"> Footer </a></li>
|
||
<li><a href="section-features"> Features </a></li>
|
||
<li><a href="section-projects"> Projects </a></li>
|
||
<li><a href="section-contact"> Contact </a></li>
|
||
<li><a href="section-static"> Static </a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
<main>
|
||
<!--Hero 3-->
|
||
<section class="section-hero-3 position-relative fix section-padding">
|
||
<div class="container">
|
||
<div class="row align-items-center position-relative">
|
||
<div class="col-lg-7 position-relative z-1 mb-lg-0 pb-10 mb-">
|
||
<div class="text-start mb-lg-0 mb-5">
|
||
<div class="border-linear-1 rounded-pill d-inline-block mb-3">
|
||
<div class="text-primary bg-white px-4 py-2 rounded-pill fw-medium position-relative z-2">🚀 Free Lifetime Update</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<h1 class="ds-1 my-3 me-4 lh-1">Elevate your</h1>
|
||
<div class="mt-3 d-none d-md-flex">
|
||
<div class="avt-hero">
|
||
<img class=" icon-shape icon-xxl border border-5 border-white-keep bg-primary-soft rounded-circle" src="assets/imgs/hero-3/avatar-1.png" alt="infinia" />
|
||
</div>
|
||
<div class="avt-hero">
|
||
<img class=" icon-shape icon-xxl border border-5 border-white-keep bg-primary-soft rounded-circle" src="assets/imgs/hero-3/avatar-2.png" alt="infinia" />
|
||
</div>
|
||
<div class="avt-hero icon-shape icon-xxl border border-5 border-white-keep bg-primary-soft rounded-circle">
|
||
<img class="" src="assets/imgs/hero-3/icon.svg" alt="infinia" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<h1 class="ds-1 lh-1 m-0">brand with Infinia.</h1>
|
||
<p class="fs-5 text-900 my-6">
|
||
Access top-tier group mentoring plans and <br />
|
||
exclusive professional benefits for your team.
|
||
</p>
|
||
<a href="#" class="btn btn-gradient">
|
||
Get Free Quote
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</a>
|
||
<div class="mt-6 pt-4 max-w-300px">
|
||
<p class="text-uppercase mb-2">Trusted by the best</p>
|
||
<div class="carouselTicker carouselTicker-right">
|
||
<ul class="carouselTicker__list">
|
||
<li class="carouselTicker__item mx-2">
|
||
<img class="filter-invert rounded-4" src="assets/imgs/hero-3/logo-1.png" alt="infinia" />
|
||
</li>
|
||
<li class="carouselTicker__item mx-2">
|
||
<img class="rounded-4" src="assets/imgs/hero-3/logo-2.png" alt="infinia" />
|
||
</li>
|
||
<li class="carouselTicker__item mx-2">
|
||
<img class="rounded-4" src="assets/imgs/hero-3/logo-3.png" alt="infinia" />
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 position-xl-absolute mb-lg-10 top-50 end-0 translate-middle-lg-y z-0">
|
||
<div class="row">
|
||
<div class="col-6 align-self-end">
|
||
<div class="border-5 border-white border rounded-4 mb-4 d-block d-xl-none">
|
||
<img class="rounded-4" src="assets/imgs/hero-3/img-4.png" alt="infinia" />
|
||
</div>
|
||
<div class="border-5 border-white border rounded-4">
|
||
<img class="rounded-4" src="assets/imgs/hero-3/img-3.png" alt="infinia" />
|
||
</div>
|
||
</div>
|
||
<div class="col-6 align-self-end">
|
||
<div class="border-5 border-white border rounded-4 mb-4">
|
||
<img class="rounded-4" src="assets/imgs/hero-3/img-1.png" alt="infinia" />
|
||
</div>
|
||
<div class="border-5 border-white border rounded-4">
|
||
<img class="rounded-4" src="assets/imgs/hero-3/img-2.png" alt="infinia" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-50 start-50 translate-middle pb-10 pe-10">
|
||
<img class="rotateme" src="assets/imgs/hero-3/star-rotate.png" alt="infinia" />
|
||
</div>
|
||
<div class="position-absolute top-50 start-50 translate-middle">
|
||
<div class="ellipse-primary"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!--Logo cloud 3-->
|
||
<div class="section-logo-cloud container-fluid pt-110 pb-110 mt-lg-0 border-top border-bottom">
|
||
<div class="container">
|
||
<h5 class="text-500 mb-5 text-center">Trusted by great companies</h5>
|
||
<div class="carouselTicker carouselTicker-right">
|
||
<ul class="carouselTicker__list pb-4">
|
||
<li class="carouselTicker__item bg-white py-3 px-4 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">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 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-2.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 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-3.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 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-4.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 px-4 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2 mb-2">
|
||
<svg class="mt-3" xmlns="http://www.w3.org/2000/svg" width="95" height="16" viewBox="0 0 95 16" fill="none">
|
||
<path d="M50.2795 0.182373C45.8551 0.182373 42.2654 3.63876 42.2654 7.90461C42.2654 12.4399 45.6991 15.8302 50.2795 15.8302C54.7456 15.8302 58.2718 12.3951 58.2718 7.99365C58.2718 3.61839 54.7691 0.182373 50.2795 0.182373Z" fill="url(#paint0_linear_815_25436)" />
|
||
<path class="fill-dark" d="M4.7827 0.463976H0.474365V15.4912H4.7603C7.0342 15.4912 8.67874 14.9523 10.1213 13.7573C11.8331 12.3377 12.8483 10.1971 12.8483 7.98487C12.8483 3.54822 9.53389 0.463976 4.7827 0.463976ZM8.20912 11.7503C7.28268 12.5862 6.09001 12.9473 4.19466 12.9473H3.4073V3.00848H4.19466C6.09001 3.00848 7.237 3.34687 8.20912 4.22471C9.22285 5.12613 9.82747 6.52189 9.82747 7.96334C9.82747 9.40769 9.22285 10.8523 8.20912 11.7503ZM14.2013 15.4912H17.1293V0.463976H14.2013V15.4912ZM24.2978 6.22831C22.538 5.57625 22.0201 5.1462 22.0201 4.3379C22.0201 3.3908 22.9422 2.67037 24.2061 2.67037C25.0849 2.67037 25.8059 3.03059 26.5743 3.88428L28.1045 1.88214C26.8429 0.7756 25.3334 0.213163 23.6868 0.213163C21.0305 0.213163 19.0011 2.06167 19.0011 4.51539C19.0011 6.59027 19.9467 7.64822 22.6966 8.64216C23.8465 9.04573 24.4311 9.31488 24.7246 9.49877C25.3104 9.88197 25.6045 10.4208 25.6045 11.0514C25.6045 12.2699 24.6347 13.1699 23.326 13.1699C21.9288 13.1699 20.8033 12.4722 20.1268 11.1654L18.2364 12.9927C19.5856 14.9727 21.2083 15.8543 23.4415 15.8543C26.4832 15.8543 28.6227 13.8237 28.6227 10.9178C28.6227 8.52898 27.6337 7.44658 24.2978 6.22831ZM29.5462 7.98487C29.5462 12.4061 33.0175 15.8302 37.4803 15.8302C38.7419 15.8302 39.8235 15.5808 41.1543 14.9523V11.5029C39.9809 12.6758 38.9442 13.1478 37.6142 13.1478C34.6629 13.1478 32.5659 11.0066 32.5659 7.96334C32.5659 5.08045 34.7284 2.80422 37.4803 2.80422C38.8752 2.80422 39.9361 3.29973 41.1543 4.49386V1.04474C39.87 0.393271 38.8092 0.125 37.5472 0.125C33.1071 0.125 29.5462 3.61834 29.5462 7.98487ZM64.9036 10.5582L60.8923 0.463976H57.6923L64.0717 15.875H65.6479L72.1387 0.463976H68.9623L64.9036 10.5582ZM73.4711 15.4912H81.7852V12.9473H76.4002V8.88832H81.5791V6.34382H76.4002V3.00848H81.7852V0.463976H73.4711V15.4912ZM93.3874 4.89888C93.3874 2.08378 91.4522 0.463976 88.07 0.463976H83.7204V15.4912H86.6527V9.45163H87.0365L91.0905 15.4912H94.6962L89.961 9.16125C92.1726 8.70908 93.3874 7.19868 93.3874 4.89888ZM87.5055 7.38053H86.6527V2.82691H87.5524C89.3817 2.82691 90.3727 3.59535 90.3727 5.05775C90.3727 6.56641 89.3817 7.38053 87.5055 7.38053Z" fill="black" />
|
||
<defs>
|
||
<linearGradient x1="45.373" y1="1.60057" x2="56.1885" y2="13.0236" gradientUnits="userSpaceOnUse">
|
||
<stop offset="1" stop-color="#F34F26" />
|
||
<stop offset="1" stop-color="#F69E35" />
|
||
</linearGradient>
|
||
</defs>
|
||
</svg>
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 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-6.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 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-7.svg" alt="infinia">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-10 mx-lg-auto">
|
||
<div class="carouselTicker carouselTicker-left">
|
||
<ul class="carouselTicker__list pb-4">
|
||
<li class="carouselTicker__item bg-white py-3 px-4 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2">
|
||
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-8.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 px-4 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2">
|
||
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-9.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 px-4 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2">
|
||
<img src="assets/imgs/logo-cloud-3/logo-3.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 px-4 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2">
|
||
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-10.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 px-4 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2">
|
||
<img src="assets/imgs/logo-cloud-3/logo-11.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item bg-white py-3 px-4 shadow-1 rounded-2 align-self-center icon-height icon-shape hover-up me-2">
|
||
<img class="filter-invert" src="assets/imgs/logo-cloud-3/logo-12.svg" alt="infinia">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--Services 2-->
|
||
<section class="section-team-1 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">
|
||
Let’s Discover Our Service
|
||
<span class=" fw-bold">Our Service <br class="d-none d-lg-inline" />
|
||
Features</span>
|
||
Charter
|
||
</h3>
|
||
</div>
|
||
<div class="row mt-6 position-relative">
|
||
<!-- prettier-ignore -->
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="p-2 rounded-4 shadow-1 bg-white position-relative z-1 hover-up mb-4">
|
||
<div class="card-service bg-white p-6 border rounded-4 text-center">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-2/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Business Analytics</h5>
|
||
<p class="mb-6">A business consultant provides expert advice and guidance to businesses on various aspects to improve their performance, efficiency, and profitability.</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 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" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="p-2 rounded-4 shadow-1 bg-white position-relative z-1 hover-up mb-4">
|
||
<div class="card-service bg-white p-6 border rounded-4 text-center">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-2/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Investment</h5>
|
||
<p class="mb-6">A business consultant provides expert advice and guidance to businesses on various aspects to improve their performance, efficiency, and profitability.</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 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" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="p-2 rounded-4 shadow-1 bg-white position-relative z-1 hover-up mb-4">
|
||
<div class="card-service bg-white p-6 border rounded-4 text-center">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-2/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Tax Advisory</h5>
|
||
<p class="mb-6">A business consultant provides expert advice and guidance to businesses on various aspects to improve their performance, efficiency, and profitability.</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 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" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="p-2 rounded-4 shadow-1 bg-white position-relative z-1 hover-up mb-4">
|
||
<div class="card-service bg-white p-6 border rounded-4 text-center">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-2/icon-4.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Automated reports</h5>
|
||
<p class="mb-6">A business consultant provides expert advice and guidance to businesses on various aspects to improve their performance, efficiency, and profitability.</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 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" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="p-2 rounded-4 shadow-1 bg-white position-relative z-1 hover-up mb-4">
|
||
<div class="card-service bg-white p-6 border rounded-4 text-center">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-2/icon-5.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Funnel optimization</h5>
|
||
<p class="mb-6">A business consultant provides expert advice and guidance to businesses on various aspects to improve their performance, efficiency, and profitability.</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 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" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="p-2 rounded-4 shadow-1 bg-white position-relative z-1 hover-up mb-4">
|
||
<div class="card-service bg-white p-6 border rounded-4 text-center">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-2/icon-6.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Integrations</h5>
|
||
<p class="mb-6">A business consultant provides expert advice and guidance to businesses on various aspects to improve their performance, efficiency, and profitability.</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 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" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<svg class="position-absolute top-50 start-50 translate-middle z-0" xmlns="http://www.w3.org/2000/svg" width="828" height="699" viewBox="0 0 828 699" fill="none">
|
||
<path class="fill-primary-soft" d="M0 130.481C0 110.236 15.1267 93.1822 35.2276 90.7667L783.228 0.880261C807.04 -1.98124 828 16.611 828 40.5945V533.155C828 552.691 813.888 569.369 794.622 572.603L46.6224 698.173C22.2271 702.269 0 683.462 0 658.725V130.481Z" fill="#F5EEFF" />
|
||
</svg>
|
||
</div>
|
||
<div class="text-center mt-6 d-flex flex-wrap justify-content-center align-items-center gap-3">
|
||
<a href="page-services-1" class="btn btn-gradient">
|
||
Explore Now
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</a>
|
||
<a href="page-contact-1" class="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" />
|
||
</svg>
|
||
Contact Us
|
||
</a>
|
||
</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-1"></div>
|
||
<div class="rotate-center-rev ellipse-rotate-primary position-absolute z-1"></div>
|
||
</section>
|
||
|
||
<!--cta 2 -->
|
||
<section class="section-cta-2 bg-3 position-relative section-padding fix">
|
||
<div class="container">
|
||
<div class="text-center mb-8">
|
||
<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 We Are The Best</span>
|
||
</div>
|
||
<h3 class="ds-3 my-3 fw-regular">We provide <span class=" fw-bold">solutions</span> to <br class="d-lg-block d-none"> <span class=" fw-bold">big & small</span> organizations</h3>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-5 pe-lg-0">
|
||
<div class="bg-linear-1 text-center rounded-4 position-relative">
|
||
<img class="rounded-4 border border-2 border-white mb-10 mt-5" src="assets/imgs/cta-2/img-1.png" alt="infinia">
|
||
<div class="position-absolute bottom-0 left-0 mb-3 w-100">
|
||
<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 class="position-absolute top-0 end-0">
|
||
<img class="flickering" src="assets/imgs/cta-2/star-2.png" alt="infinia">
|
||
</div>
|
||
<div class="position-absolute bottom-0 start-0">
|
||
<img class="alltuchtopdown" src="assets/imgs/cta-2/star-1.png" alt="infinia">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 offset-lg-1 ps-lg-0 pe-lg-5 mt-lg-0 mt-6">
|
||
<h5 class="ds-5">Where your financial dreams become reality</h5>
|
||
<p class="fs-5 text-500">Provide your team with top-tier group mentoring programs and exceptional professional benefits.</p>
|
||
<div class="d-md-flex align-items-center mt-4 mb-5">
|
||
<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">
|
||
<span class="ms-2 text-900 fw-medium fs-6">Best For IT Consulting</span>
|
||
</li>
|
||
<li class="d-flex align-items-center mt-3">
|
||
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
|
||
<span class="ms-2 text-900 fw-medium fs-6">Save Money & Time</span>
|
||
</li>
|
||
</ul>
|
||
<ul class="list-unstyled phase-items ms-md-5 mb-0">
|
||
<li class="d-flex align-items-center mt-3">
|
||
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
|
||
<span class="ms-2 text-900 fw-medium fs-6">Innovative Approaches</span>
|
||
</li>
|
||
<li class="d-flex align-items-center mt-3">
|
||
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
|
||
<span class="ms-2 text-900 fw-medium fs-6">100% Satisfaction</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="row position-relative mt-5 mt-md-0">
|
||
<div class="col-md-6 d-flex align-items-center">
|
||
<div class="rounded-circle">
|
||
<img class="rounded-circle border border-5 border-primary-light" src="assets/imgs/cta-2/avatar-1.png" alt="infinia">
|
||
</div>
|
||
<div class="ms-3">
|
||
<img class="filter-invert" src="assets/imgs/cta-2/name-ad.svg" alt="infinia">
|
||
<h6 class="mt-1">Kensei <span class="text-500 fs-6">, CEO</span></h6>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 d-flex align-items-center">
|
||
<span class="line-verticarl border-start h-50 pe-8 position-absolute top-50 start-50 translate-middle d-none d-md-block"></span>
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<h2 class="count ds-2 fw-black text-primary">+<span class="odometer" data-count="12"></span></h2>
|
||
</div>
|
||
</div>
|
||
<p class="ms-3 fs-5">Years’ <br> Experience</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Static 2-->
|
||
<section class="section-static-1 position-relative fix z-0 section-padding">
|
||
<div class="container">
|
||
<div class="inner">
|
||
<div class="row justify-content-between">
|
||
<div class="col-xl-3 col-lg-4 col-sm-6">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<h6>Continuous <br> growth with</h6>
|
||
<span class="h1 count fw-black text-primary my-0">+<span class="odometer" data-count="24"></span><span>k</span></span>
|
||
<p class="fs-5">New accounts</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-sm-6">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<h6>Successfully <br> completed</h6>
|
||
<span class="h1 count fw-black text-primary my-0">+<span class="odometer" data-count="1024"></span></span>
|
||
<p class="fs-5">Finished projects</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-sm-6">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<h6>Recruit more <br> than</h6>
|
||
<span class="h1 count fw-black text-primary my-0">+<span class="odometer" data-count="865"></span></span>
|
||
<p class="fs-5">Skilled experts</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-3 col-lg-4 col-sm-6">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<h6>Increase internet <br> awareness</h6>
|
||
<span class="h1 count fw-black text-primary my-0">+<span class="odometer" data-count="168"></span><span>k</span></span>
|
||
<p class="fs-5">Media posts</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--cta 3 -->
|
||
<section class="section-cta-3 position-relative py-150 section-padding fix">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-auto ms-auto">
|
||
<div class="bg-primary rounded-4">
|
||
<div class="p-7">
|
||
<h3 class="text-white">
|
||
Providing the <br>
|
||
Ultimate Experience <br>
|
||
in Financial Services
|
||
</h3>
|
||
<a href="page-contact-1" class="d-flex align-items-center mt-8 mb-9">
|
||
<img src="assets/imgs/cta-3/icon-contact.svg" alt="infinia">
|
||
<span class="ms-3">
|
||
<span class="text-white mb-0 fs-4">Contact Us</span>
|
||
<span class="text-white fs-4 d-block">+01 (24) 568 900</span>
|
||
</span>
|
||
</a>
|
||
<a href="#" class="fw-bold btn text-start bg-white-keep d-flex align-items-center justify-content-between text-primary hover-up w-100">
|
||
<span>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-primary" 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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Features 6-->
|
||
<section class="section-team-1 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">Why We Are The Best</span>
|
||
</div>
|
||
<h3 class="ds-3 my-3 fw-regular">Proud projects <span class=" fw-bold">that make <br class="d-none d-lg-inline"> us stand</span> out</h3>
|
||
</div>
|
||
<div class="row mt-8">
|
||
<div class="col-lg-6 mt-lg-0 mt-5">
|
||
<div>
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-start mx-auto">
|
||
<h2 class="count ds-2 fw-bold text-primary my-0">+<span class="odometer" data-count="50"></span> k</h2>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p class="fs-5 text-500">Nunc bibendum augue sed mattis porta. Donec pharetra magna tortor, quis bibendum ligula faucibus vitae,</p>
|
||
<div class="accordion">
|
||
<div class="px-0 card p-3 border-0 border-bottom bg-transparent rounded-0">
|
||
<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="#collapseOne">
|
||
<span class="icon-shape icon-xs fs-7 rounded-circle d-none d-md-block me-3 bg-primary text-white">1</span>
|
||
<h6 class="m-0">Offshore Software Development</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseOne" class="collapse show" data-bs-parent=".accordion">
|
||
<p class="px-0 card-body fs-6 text-600">
|
||
Getting started is simple! Download the app from the App Store or Google Play Store, create an account using your email or social media login, and start making video calls instantly.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="px-0 card p-3 border-0 border-bottom bg-transparent rounded-0">
|
||
<div class="px-0 card-header border-0 bg-gradient-1">
|
||
<a class="text-900 fw-bold d-flex align-items-center" data-bs-toggle="collapse" href="#collapseTwo">
|
||
<span class="icon-shape icon-xs fs-7 rounded-circle d-none d-md-block me-3 bg-primary text-white">2</span>
|
||
<h6 class="m-0">Custom Software Development</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseTwo" class="collapse" data-bs-parent=".accordion">
|
||
<p class="px-0 card-body fs-6 text-600">
|
||
Getting started is simple! Download the app from the App Store or Google Play Store, create an account using your email or social media login, and start making video calls instantly.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="px-0 card p-3 border-0 border-bottom bg-transparent rounded-0">
|
||
<div class="px-0 card-header border-0 bg-gradient-1">
|
||
<a class="text-900 fw-bold d-flex align-items-center" data-bs-toggle="collapse" href="#collapseThree">
|
||
<span class="icon-shape icon-xs fs-7 rounded-circle d-none d-md-block me-3 bg-primary text-white">3</span>
|
||
<h6 class="m-0">Software Outsourcing Services</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseThree" class="collapse" data-bs-parent=".accordion">
|
||
<p class="px-0 card-body fs-6 text-600">
|
||
Getting started is simple! Download the app from the App Store or Google Play Store, create an account using your email or social media login, and start making video calls instantly.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="px-0 card p-3 border-0 border-bottom bg-transparent rounded-0">
|
||
<div class="px-0 card-header border-0 bg-gradient-1">
|
||
<a class="text-900 fw-bold d-flex align-items-center" data-bs-toggle="collapse" href="#collapsefour">
|
||
<span class="icon-shape icon-xs fs-7 rounded-circle d-none d-md-block me-3 bg-primary text-white">4</span>
|
||
<h6 class="m-0">Software Product Development</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapsefour" class="collapse" data-bs-parent=".accordion">
|
||
<p class="px-0 card-body fs-6 text-600">
|
||
Getting started is simple! Download the app from the App Store or Google Play Store, create an account using your email or social media login, and start making video calls instantly.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 px-lg-6 mt-lg-0 mt-8">
|
||
<a href="#" class="d-flex flex-column flex-md-row align-items-center mb-6 hover-up">
|
||
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/features-6/img-1.png" alt="infinia">
|
||
<div class="content mt-md-0 mt-4 ms-5">
|
||
<h6 class="mb-2">Cloud Migration Services</h6>
|
||
<p>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 mb-6 hover-up">
|
||
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/features-6/img-2.png" alt="infinia">
|
||
<div class="content mt-md-0 mt-4 ms-5">
|
||
<h6 class="mb-2">Mobile App Development</h6>
|
||
<p>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 mb-6 hover-up">
|
||
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/features-6/img-3.png" alt="infinia">
|
||
<div class="content mt-md-0 mt-4 ms-5">
|
||
<h6 class="mb-2">UI/UX Design Teaching</h6>
|
||
<p>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 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-1"></div>
|
||
<div class="rotate-center-rev ellipse-rotate-primary position-absolute z-1"></div>
|
||
</section>
|
||
<!--Features 7-->
|
||
<section class="section-features-7 bg-neutral-100 section-padding">
|
||
<div class="container">
|
||
<div class="row mb-8 mb-lg-6">
|
||
<div class="col-lg-6">
|
||
<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 us ?</span>
|
||
</div>
|
||
<h3 class="ds-3 mt-3 mb-3">Reach out to <br> the world’s most</h3>
|
||
<p class="fs-5 fw-medium">⚡Here are a few reasons why our customers choose Infinia.</p>
|
||
</div>
|
||
<div class="col-lg-2 col-md-3 col-5 ms-auto align-self-end mb-lg-7">
|
||
<div class="position-relative z-0">
|
||
<div class="swiper-button-prev bg-white ms-lg-7">
|
||
<i class="bi bi-arrow-left"></i>
|
||
</div>
|
||
<div class="swiper-button-next bg-white">
|
||
<i class="bi bi-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="swiper slider-1 pb-3">
|
||
<div class="swiper-wrapper">
|
||
<!-- prettier-ignore -->
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover">
|
||
<img class="rounded-top-3" src="assets/imgs/features-7/img-1.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">business</span>
|
||
</a>
|
||
<div class="card-body bg-white p-6">
|
||
<h6 class="mb-3">Marketing Automation</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
<a href="#" class="fw-bold text-primary d-inline-block pt-3 position-relative z-1">Keep Reading
|
||
<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>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover">
|
||
<img class="rounded-top-3" src="assets/imgs/features-7/img-2.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Research</span>
|
||
</a>
|
||
<div class="card-body bg-white p-6">
|
||
<h6 class="mb-3">Project Management</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
<a href="#" class="fw-bold text-primary d-inline-block pt-3 position-relative z-1">Keep Reading
|
||
<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>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover">
|
||
<img class="rounded-top-3" src="assets/imgs/features-7/img-3.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Social Media</span>
|
||
</a>
|
||
<div class="card-body bg-white p-6">
|
||
<h6 class="mb-3">Social Media Management</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
<a href="#" class="fw-bold text-primary d-inline-block pt-3 position-relative z-1">Keep Reading
|
||
<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>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover">
|
||
<img class="rounded-top-3" src="assets/imgs/features-7/img-1.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">business</span>
|
||
</a>
|
||
<div class="card-body bg-white p-6">
|
||
<h6 class="mb-3">Marketing Automation</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
<a href="#" class="fw-bold text-primary d-inline-block pt-3 position-relative z-1">Keep Reading
|
||
<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>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover">
|
||
<img class="rounded-top-3" src="assets/imgs/features-7/img-2.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Research</span>
|
||
</a>
|
||
<div class="card-body bg-white p-6">
|
||
<h6 class="mb-3">Project Management</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
<a href="#" class="fw-bold text-primary d-inline-block pt-3 position-relative z-1">Keep Reading
|
||
<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>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover">
|
||
<img class="rounded-top-3" src="assets/imgs/features-7/img-3.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Social Media</span>
|
||
</a>
|
||
<div class="card-body bg-white p-6">
|
||
<h6 class="mb-3">Social Media Management</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
<a href="#" class="fw-bold text-primary d-inline-block pt-3 position-relative z-1">Keep Reading
|
||
<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>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Pricing 3-->
|
||
<section class="section-pricing-2 position-relative fix section-padding">
|
||
<div class="container position-relative z-2">
|
||
<div class="text-center mb-8">
|
||
<div class="d-flex align-items-center position-relative z-2 justify-content-center bg-primary-soft d-inline-flex rounded-pill border border-2 border-white px-3 py-1">
|
||
<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 Pricing</span>
|
||
</div>
|
||
<h3 class="ds-3 my-3 fw-bold">
|
||
Straightforward
|
||
<span class=" fw-regular">Pricing <br class="d-none d-lg-inline" />
|
||
Custom</span>
|
||
Integrations
|
||
</h3>
|
||
<p class="fs-5 mb-0">
|
||
Meet the talented and passionate team members who drive our <br class="d-none d-lg-inline" />
|
||
company forward every day.
|
||
</p>
|
||
<div class="d-flex justify-content-center mt-5">
|
||
<ul class="list-unstyled d-flex align-items-center change-price-plan bg-white rounded-pill py-1 shadow-2">
|
||
<li><a href="#" class="active px-6 py-2 text-900 bg-transparent monthly rounded-pill text-white fs-5 fw-bold z-1" data-type="monthly">Monthly</a></li>
|
||
<li><a href="#" class="yearly px-md-6 px-2 py-2 rounded-pill bg-transparent text-900 fs-5 fw-bold" data-type="yearly">Yearly (Save 25%)</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="row justify-content-center align-items-center">
|
||
<div class="col-lg-3 col-md-12 px-lg-0 mb-lg-0 mb-4 ">
|
||
<div class="p-6 bg-white position-relative border rounded-4 z-1 rounded-end-lg-0">
|
||
<h6>Trial Plan</h6>
|
||
<p class="fs-7">Protect for testing</p>
|
||
<h3 class="text-primary mt-3 mb-0">Free</h3>
|
||
<p class="fs-8">30 days trial</p>
|
||
<a href="#" class="btn btn-outline-secondary hover-up w-100 d-flex justify-content-between my-5">
|
||
Get Started
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="fill-dark" d="M17.4177 5.41797L16.3487 6.48705L21.1059 11.2443H0V12.7562H21.1059L16.3487 17.5134L17.4177 18.5825L24 12.0002L17.4177 5.41797Z" fill="#111827" />
|
||
</svg>
|
||
</a>
|
||
<ul class="list-unstyled mb-0">
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2">Single Team Member</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2">Over 1200 UI Blocks</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2">10 GB of Cloud Storage</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-1/check-secondary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2 text-400">Personal Email Account</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center">
|
||
<img src="assets/imgs/pricing-1/check-secondary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2 text-400">Priority Support</h6>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-12 mb-lg-0 mb-4 px-lg-0">
|
||
<div class="p-8 bg-linear-2 position-relative border rounded-4 z-1 border-start-lg-0">
|
||
<div class="position-absolute top-0 end-0 z-0">
|
||
<img src="assets/imgs/pricing-3/bg-line-1.png" alt="infinia" />
|
||
</div>
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">Standard</h6>
|
||
<p class="fs-7 text-white">Great for large teams</p>
|
||
<div class="d-flex">
|
||
<span class="fs-2 me-1 text-white">$</span>
|
||
<h1 class="m-0 text-price-standard fw-black text-white">49</h1>
|
||
<span class="fs-2 text-white ms-1 fw-bold align-self-end text-type-standard">/mon</span>
|
||
</div>
|
||
<p class="text-white opacity-50">No credit card required</p>
|
||
<ul class="list-unstyled mb-0 mt-3">
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-3/check-white.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2 text-white">05 Team Member</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-3/check-white.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2 text-white">All multimedia channels</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-3/check-white.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2 text-white">All advanced CRM features</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-3/check-white.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2 text-white">Up to 15,000 contacts</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center">
|
||
<img src="assets/imgs/pricing-3/check-white.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2 text-white">24/7 Support (Email, Chat)</h6>
|
||
</li>
|
||
</ul>
|
||
<a href="#" class="btn bg-white-keep text-primary hover-up w-100 d-flex justify-content-between mt-5">
|
||
Get Started
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.4177 5.41797L16.3487 6.48705L21.1059 11.2443H0V12.7562H21.1059L16.3487 17.5134L17.4177 18.5825L24 12.0002L17.4177 5.41797Z" fill="#6d4df2" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-12 px-lg-0 mb-lg-0 mb-4">
|
||
<div class="p-6 bg-white position-relative border rounded-4 z-1 border-start-lg-0 rounded-start-lg-0">
|
||
<h6>Enterprise</h6>
|
||
<p class=" fs-7">For big companies</p>
|
||
<div class="d-flex">
|
||
<span class="fs-5 text-600 me-1">$</span>
|
||
<h3 class="text-primary mb-0 text-price-enterprise">99</h3>
|
||
<span class="fs-5 text-600 ms-1 fw-bold align-self-end text-type-enterprise">/mon</span>
|
||
</div>
|
||
<p class="fs-8">No credit card required</p>
|
||
<a href="#" class="btn btn-outline-secondary hover-up w-100 d-flex justify-content-between my-5">
|
||
Get Started
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="fill-dark" d="M17.4177 5.41797L16.3487 6.48705L21.1059 11.2443H0V12.7562H21.1059L16.3487 17.5134L17.4177 18.5825L24 12.0002L17.4177 5.41797Z" fill="#111827" />
|
||
</svg>
|
||
</a>
|
||
<ul class="list-unstyled mb-0">
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2">Customized features</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2">Scalability & security</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2">Account manager</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center mb-4">
|
||
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2">Unlimited chat history</h6>
|
||
</li>
|
||
<li class="d-flex align-items-center">
|
||
<img src="assets/imgs/pricing-1/check-primary.svg" alt="infinia" />
|
||
<h6 class="fs-6 mb-0 ms-2">50 Integrations</h6>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-10">
|
||
<div class="d-flex align-items-center justify-content-lg-cener justify-content-center">
|
||
<a href="#" class="btn btn-gradient">
|
||
Get Free Quote
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<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 text-decoration-underline fw-bold">How We Work</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute bottom-0 start-50 translate-middle-x z-0">
|
||
<img src="assets/imgs/pricing-3/bg-line-2.png" alt="infinia" />
|
||
</div>
|
||
<div class="rotate-center ellipse-rotate-success position-absolute top-50 z-1"></div>
|
||
<div class="rotate-center-rev ellipse-rotate-primary position-absolute top-50 z-1"></div>
|
||
</section>
|
||
|
||
<!-- FAQs 2 -->
|
||
<section class="section-faqs-2 section-padding bg-4 position-relative">
|
||
<div class="container position-relative z-2">
|
||
<div class="text-center mb-8">
|
||
<div class="d-flex align-items-center position-relative z-2 justify-content-center bg-primary-soft d-inline-flex rounded-pill border border-2 border-white px-3 py-1">
|
||
<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">Pricing FAQs</span>
|
||
</div>
|
||
<h3 class="ds-3 my-3 fw-bold">Ask us anything</h3>
|
||
<p class="fs-5 mb-0">Have any questions? We’re here to assist you.</p>
|
||
</div>
|
||
<div class="row align-items-center position-relative z-1">
|
||
<div class="col-lg-6">
|
||
<div class="accordion">
|
||
<div class="mb-3 card p-3 border bg-white rounded-3">
|
||
<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="#collapse01">
|
||
<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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse01" class="collapse show" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapse02">
|
||
<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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse02" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapse03">
|
||
<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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse03" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapse04">
|
||
<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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse04" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapse05">
|
||
<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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapse05" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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 class="col-lg-6 mt-lg-0 mt-2">
|
||
<div class="accordion">
|
||
<div class="mb-3 card p-3 border bg-white rounded-3">
|
||
<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="#collapseSevent">
|
||
<h6 class="m-0">How can you help with identity development?</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseSevent" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapseEight">
|
||
<h6 class="m-0">What is your process for starting a project?</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseEight" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapseNine">
|
||
<h6 class="m-0">How much do your services cost?</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseNine" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapseTen">
|
||
<h6 class="m-0">How long does it take to see results?</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseTen" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapseEleven">
|
||
<h6 class="m-0">Do you offer ongoing support?</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseEleven" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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-3">
|
||
<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="#collapseTwelve">
|
||
<h6 class="m-0">Do you work with businesses in my industry?</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"></path>
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseTwelve" class="collapse" data-bs-parent=".accordion">
|
||
<p class="ps-0 card-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 class="ellipse-center position-absolute top-50 start-50 translate-middle z-0"></div>
|
||
</div>
|
||
</section>
|
||
<!--Blog 3-->
|
||
<section class="section-blog-3 position-relative @@classList section-padding fix">
|
||
<div class="container position-relative z-1">
|
||
<div class="row align-items-end mb-5">
|
||
<div class="col-md-auto col-12 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">Explore the insights and trends shaping our industry</span>
|
||
</div>
|
||
<div class="col-md-auto col-12 pt-md-0 pt-3">
|
||
<a href="#" class="ms-md-5 fw-bold text-primary">See all articles
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none">
|
||
<path class="fill-dark" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="black" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-6 pe-lg-8">
|
||
<a href="#" class="d-flex flex-md-row flex-column align-items-center mb-4 hover-up">
|
||
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/blog-3/img-1.png" alt="infinia">
|
||
<span class="content ms-5 mt-md-0 mt-3">
|
||
<h6 class="mb-2">10 Proven SEO Strategies to Boost Your Website Traffic in 2024</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
</span>
|
||
</a>
|
||
<a href="#" class="d-flex flex-md-row flex-column align-items-center mb-4 hover-up">
|
||
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/blog-3/img-2.png" alt="infinia">
|
||
<span class="content ms-5 mt-md-0 mt-3">
|
||
<h6 class="mb-2">The Power of Branding: How to Create a Memorable Brand Identity</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="col-lg-6 pe-lg-8">
|
||
<a href="#" class="d-flex flex-md-row flex-column align-items-center mb-4 hover-up">
|
||
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/blog-3/img-3.png" alt="infinia">
|
||
<span class="content ms-5 mt-md-0 mt-3">
|
||
<h6 class="mb-2">Why Consistent Brand Identity is Key to Business Success</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
</span>
|
||
</a>
|
||
<a href="#" class="d-flex flex-md-row flex-column align-items-center mb-4 hover-up">
|
||
<img class="rounded-3 w-100 w-md-auto" src="assets/imgs/blog-3/img-4.png" alt="infinia">
|
||
<span class="content ms-5 mt-md-0 mt-3">
|
||
<h6 class="mb-2">Top Trends in Digital Marketing and How They Impact Your Business</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</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>
|
||
<!-- Newsletter 2 -->
|
||
<section class="section-newsletter-2 section-padding bg-primary position-relative">
|
||
<div class="container position-relative fix">
|
||
<div class="row align-items-center text-center position-relative z-1">
|
||
<div class="col-lg-6 mx-auto">
|
||
<div class="px-lg-3 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">Join Our Community</span>
|
||
</div>
|
||
<h4 class="my-5 text-white">
|
||
We are trusted by over 52,000+ clients. <br>
|
||
Join them now and grow your business.
|
||
</h4>
|
||
<p class="fs-6 fw-medium text-white">By clicking the button, you are agreeing with our <a href="#" class="text-decoration-underline link-hover-primary-light text-white">Term & Conditions</a></p>
|
||
<form class="input-group mt-5 position-relative">
|
||
<input type="text" class="ps-5 py-3 form-control bg-neutral-100 rounded-start-pill border-2 border-end-0 border-white" name="name" placeholder="Enter your mail ..">
|
||
<div class="bg-neutral-100 border-2 border border-start-0 border-white rounded-end-pill">
|
||
<button type="submit" class="bg-linear-2 px-3 py-3 m-3 fs-7 fw-bold border-0 text-white rounded-pill">Join Now</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<!-- Footer 3 -->
|
||
<footer>
|
||
<div class="section-footer">
|
||
<div class="container-fluid bg-white">
|
||
<div class=" container position-relative z-2">
|
||
<div class="row py-90">
|
||
<div class="col-lg-4 pe-10">
|
||
<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>
|
||
<p class="text-900 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-900 border border-end-0 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 class="fill-dark" 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="black" />
|
||
</svg>
|
||
</a>
|
||
<a href="https://twitter.com/" class=" text-900 border border-end-0 border-opacity-10 icon-shape icon-md">
|
||
<i class="bi bi-twitter-x"></i>
|
||
</a>
|
||
<a href="https://www.linkedin.com/" class=" text-900 border border-opacity-10 icon-shape icon-md">
|
||
<i class="bi bi-linkedin"></i>
|
||
</a>
|
||
<a href="https://www.behance.net/" class=" text-900 border border-start-0 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-3 col-6">
|
||
<h3 class="text-900 fs-6 fw-black text-uppercase pb-3 pt-5">Company</h3>
|
||
<div class="d-flex flex-column align-items-start">
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Mission & Vision</a>
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Our Team</a>
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Careers</a>
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Press & Media</a>
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Advertising</a>
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Testimonials</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-3 col-6">
|
||
<h3 class="text-900 fs-6 fw-black text-uppercase pb-3 pt-5">Resource</h3>
|
||
<div class="d-flex flex-column align-items-start">
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Knowledge Base</a>
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Documents</a>
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">System Status</a>
|
||
<a class="hover-effect text-900 mb-2 fw-medium fs-6" href="#">Security</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-3">
|
||
<h3 class="text-900 fs-6 fw-black text-uppercase pb-3 pt-5">instagram posts</h3>
|
||
<div class="d-flex">
|
||
<a href="http://instagram.com/username" class="me-2 hover-up">
|
||
<img class="rounded-3" src="assets/imgs/footer-3/img-inst-1.png" alt="infinia" />
|
||
</a>
|
||
<a href="http://instagram.com/username" class="me-2 hover-up">
|
||
<img class="rounded-3" src="assets/imgs/footer-3/img-inst-2.png" alt="infinia" />
|
||
</a>
|
||
<a href="http://instagram.com/username" class="me-2 hover-up">
|
||
<img class="rounded-3" src="assets/imgs/footer-3/img-inst-3.png" alt="infinia" />
|
||
</a>
|
||
</div>
|
||
<div class="d-flex mt-2">
|
||
<a href="http://instagram.com/username" class="me-2 hover-up">
|
||
<img class="rounded-3" src="assets/imgs/footer-3/img-inst-4.png" alt="infinia" />
|
||
</a>
|
||
<a href="http://instagram.com/username" class="me-2 hover-up">
|
||
<img class="rounded-3" src="assets/imgs/footer-3/img-inst-5.png" alt="infinia" />
|
||
</a>
|
||
<a href="http://instagram.com/username" class="me-2 hover-up">
|
||
<img class="rounded-3" src="assets/imgs/footer-3/img-inst-6.png" alt="infinia" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container-fluid bg-primary-soft">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="d-flex flex-column flex-md-row align-items-center justify-content-between gap-3 py-4 border-top border-white border-opacity-10">
|
||
<p class="text-900 opacity-50 mb-0 fs-7">Copyright © 2024 Infinia. All Rights Reserved</p>
|
||
<div class="d-flex">
|
||
<a href="#" class="text-900 me-3"> Privacy policy </a>
|
||
<a href="#" class="text-900 me-3"> Cookies </a>
|
||
<a href="#" class="text-900 me-3"> Terms of service </a>
|
||
</div>
|
||
</div>
|
||
</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-3 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:36:42 GMT -->
|
||
</html> |