1514 lines
141 KiB
HTML
1514 lines
141 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
|
|
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/page-features-1 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:38:20 GMT -->
|
|
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Infinia - Multi-purpose Bootstrap 5 Template</title>
|
|
<script src="assets/js/vendors/color-modes.js"></script>
|
|
<!-- Favicon icon-->
|
|
<link rel="shortcut icon" type="image/x-icon" href="assets/imgs/template/favicon.svg">
|
|
<!-- Libs CSS -->
|
|
<link rel="stylesheet" href="assets/css/vendors/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/vendors/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="assets/css/vendors/aos.css">
|
|
<link rel="stylesheet" href="assets/css/vendors/odometer.css">
|
|
<link rel="stylesheet" href="assets/css/vendors/carouselTicker.css">
|
|
<link rel="stylesheet" href="assets/css/vendors/magnific-popup.css">
|
|
<link rel="stylesheet" href="assets/fonts/bootstrap-icons/bootstrap-icons.min.css">
|
|
<link rel="stylesheet" href="assets/fonts/boxicons/boxicons.min.css">
|
|
<link rel="stylesheet" href="assets/fonts/satoshi/satoshi.css">
|
|
<!-- Main CSS -->
|
|
<link rel="stylesheet" href="assets/css/main.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- prettier-ignore -->
|
|
<!--Preloader-->
|
|
<div id="preloader">
|
|
<div id="loader" class="loader">
|
|
<div class="loader-container text-centẻ">
|
|
<div class="loader-icon">
|
|
<img src="assets/imgs/template/favicon.svg" alt="Preloader">
|
|
<p>Loading...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--Preloader-end -->
|
|
<!--top-bar-->
|
|
<div class="top-bar position-relative z-4">
|
|
<div class="container-fluid bg-primary">
|
|
<div class="container-fluid py-2 px-8">
|
|
<div class="d-flex flex-column flex-lg-row justify-content-between align-items-center">
|
|
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
|
|
<a href="mailto:contact@infinia.com" class="pe-4 d-none d-md-flex">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
|
|
<path d="M3.9585 6.95834C3.9585 6.03786 4.70469 5.29167 5.62516 5.29167H14.3752C15.2957 5.29167 16.0418 6.03786 16.0418 6.95834V14.0417C16.0418 14.9622 15.2957 15.7083 14.3752 15.7083H5.62516C4.70469 15.7083 3.9585 14.9622 3.9585 14.0417V6.95834Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M4.5835 5.91667L10.0002 10.7083L15.4168 5.91667" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
<span class="text-white ps-1 fs-7">contact@infinia.com</span>
|
|
</a>
|
|
<div class="location d-flex align-items-center">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
|
|
<path d="M5.62516 16.5418H14.3751C15.2956 16.5418 16.0418 15.7957 16.0418 14.8752V8.6252L10.0001 4.45853L3.9585 8.6252V14.8752C3.9585 15.7957 4.7047 16.5418 5.62516 16.5418Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M8.12476 13.6244C8.12476 12.7039 8.87098 11.9577 9.7914 11.9577H10.2081C11.1286 11.9577 11.8747 12.7039 11.8747 13.6244V16.5411H8.12476V13.6244Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
<span class="text-white ps-1 fs-7">0811 Erdman Prairie, Joaville CA</span>
|
|
</div>
|
|
</div>
|
|
<div class="d-flex d-none d-lg-flex align-items-center justify-content-center justify-content-lg-end">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
|
|
<path d="M10.0002 16.5417C13.3369 16.5417 16.0418 13.8367 16.0418 10.5C16.0418 7.16327 13.3369 4.45833 10.0002 4.45833C6.66344 4.45833 3.9585 7.16327 3.9585 10.5C3.9585 13.8367 6.66344 16.5417 10.0002 16.5417Z" stroke="white" stroke-width="1.5" />
|
|
<path d="M10 7.16667V10.5L11.6667 12.1667" stroke="white" stroke-width="1.5" />
|
|
</svg>
|
|
<span class="text-white pe-3 ps-1 fs-7">Mon-Fri: 10:00am - 09:00pm</span>
|
|
<a href="https://www.facebook.com/" class=" text-white icon-shape icon-md">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="9" height="17" viewBox="0 0 9 17" fill="none">
|
|
<path d="M8.22314 9.20334H5.91602V16.094H2.83984V9.20334H0.317383V6.37326H2.83984V4.18918C2.83984 1.72824 4.31641 0.343964 6.56201 0.343964C7.63867 0.343964 8.77686 0.559296 8.77686 0.559296V2.98947H7.51562C6.28516 2.98947 5.91602 3.72775 5.91602 4.52756V6.37326H8.65381L8.22314 9.20334Z" fill="white" />
|
|
</svg>
|
|
</a>
|
|
<a href="https://twitter.com/" class=" text-white icon-shape icon-md">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none">
|
|
<path d="M11.2163 0.820312H13.3696L8.63232 6.26514L14.231 13.6172H9.86279L6.41748 9.15674L2.51074 13.6172H0.32666L5.40234 7.83398L0.0498047 0.820312H4.54102L7.61719 4.91162L11.2163 0.820312ZM10.4473 12.3252H11.647L3.89502 2.05078H2.60303L10.4473 12.3252Z" fill="white" />
|
|
</svg>
|
|
</a>
|
|
<a href="https://www.linkedin.com/" class=" text-white icon-shape icon-md">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
|
|
<path d="M13.7188 0.328537C14.2417 0.328537 14.7031 0.789963 14.7031 1.34367V13.1254C14.7031 13.6791 14.2417 14.1098 13.7188 14.1098H1.87549C1.35254 14.1098 0.921875 13.6791 0.921875 13.1254V1.34367C0.921875 0.789963 1.35254 0.328537 1.87549 0.328537H13.7188ZM5.07471 12.141V5.58879H3.04443V12.141H5.07471ZM4.05957 4.66594C4.70557 4.66594 5.22852 4.14299 5.22852 3.49699C5.22852 2.851 4.70557 2.29729 4.05957 2.29729C3.38281 2.29729 2.85986 2.851 2.85986 3.49699C2.85986 4.14299 3.38281 4.66594 4.05957 4.66594ZM12.7344 12.141V8.54192C12.7344 6.7885 12.3345 5.40422 10.2734 5.40422C9.28906 5.40422 8.6123 5.95793 8.33545 6.48088H8.30469V5.58879H6.3667V12.141H8.39697V8.91106C8.39697 8.04973 8.55078 7.21916 9.62744 7.21916C10.6733 7.21916 10.6733 8.20354 10.6733 8.94182V12.141H12.7344Z" fill="white" />
|
|
</svg>
|
|
</a>
|
|
<a href="https://www.behance.net/" class=" text-white icon-shape icon-md">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="12" viewBox="0 0 19 12" fill="none">
|
|
<path d="M7.65234 5.66483C8.9751 6.03397 9.62109 7.0491 9.62109 8.40262C9.62109 10.6175 7.77539 11.5711 5.77588 11.5711H0.515625V0.681427H5.65283C7.49854 0.681427 9.12891 1.20438 9.12891 3.38846C9.12891 4.46512 8.60596 5.17264 7.65234 5.66483ZM2.88428 2.52713V5.08035H5.31445C6.17578 5.08035 6.79102 4.71121 6.79102 3.78836C6.79102 2.77322 6.02197 2.52713 5.16064 2.52713H2.88428ZM5.46826 9.72537C6.42188 9.72537 7.22168 9.38699 7.22168 8.27957C7.22168 7.17215 6.57568 6.71072 5.49902 6.71072H2.88428V9.72537H5.46826ZM16.481 2.3118V1.23514H12.082V2.3118H16.481ZM18.2344 7.75662C18.2344 7.87967 18.2036 8.03348 18.2036 8.15652H12.5127C12.5127 9.41776 13.1895 10.156 14.4507 10.156C15.0967 10.156 15.958 9.81766 16.1733 9.1409H18.0806C17.4961 10.9251 16.2656 11.7864 14.3892 11.7864C11.8975 11.7864 10.3286 10.0945 10.3286 7.63358C10.3286 5.26492 11.959 3.44998 14.3892 3.44998C16.8501 3.44998 18.2344 5.41873 18.2344 7.75662ZM12.5127 6.77225H16.0503C15.958 5.72635 15.4043 5.11111 14.2969 5.11111C13.2817 5.11111 12.5742 5.75711 12.5127 6.77225Z" fill="white" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navbar -->
|
|
<header>
|
|
<nav class="navbar navbar-expand-lg navbar-light w-100 border-bottom z-999">
|
|
<div class="container-fluid px-lg-8">
|
|
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
|
|
<img src="assets/imgs/template/favicon.svg" alt="infinia">
|
|
<span>Infinia</span>
|
|
</a>
|
|
<div class="d-none d-lg-flex">
|
|
<ul class="navbar-nav mx-auto gap-4 align-items-lg-center">
|
|
<li class="nav-item dropdown menu-item-has-children">
|
|
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Home
|
|
</a>
|
|
<div class="dropdown-menu fix">
|
|
<ul class="list-unstyled">
|
|
<li class="position-relative z-1 border-bottom">
|
|
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index.html">
|
|
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
|
<path d="M16.1143 9.19978H12.8916V2.14741C12.8916 1.99512 12.7913 1.86072 12.6452 1.81775C12.4977 1.77478 12.3416 1.83287 12.2591 1.96075L5.59417 12.2801C5.52577 12.386 5.52061 12.5204 5.58111 12.6311C5.64127 12.7414 5.75711 12.8102 5.88292 12.8102H9.10558V19.8522C9.10558 20.0045 9.20596 20.1389 9.35205 20.1819C9.38436 20.1912 9.41702 20.196 9.44933 20.196C9.5638 20.196 9.67346 20.1386 9.73808 20.0389L16.403 9.72984C16.4715 9.62397 16.4766 9.48956 16.4161 9.37887C16.356 9.26853 16.2401 9.19978 16.1143 9.19978Z" fill="#A38CFF"></path>
|
|
</svg>
|
|
<span class="ms-2">
|
|
<span class="d-block fw-bold fs-6">Home page v.1</span>
|
|
<span class="text-600 fs-7">Business Startup</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="position-relative z-1 border-bottom">
|
|
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-2">
|
|
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3205 8.75C16.752 8.457 17 7.991 17 7.5C17 7.009 16.752 6.543 16.3205 6.25C15.016 5.365 13.004 4 11.961 3.2915C11.3905 2.9045 10.6095 2.9045 10.039 3.2915C8.996 4 6.984 5.365 5.6795 6.25C5.248 6.543 5 7.009 5 7.5C5 7.991 5.248 8.457 5.6795 8.75C6.984 9.635 8.996 11 10.039 11.7085C10.6095 12.0955 11.3905 12.0955 11.961 11.7085L16.3205 8.75Z" fill="#A38CFF"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.535 9.8605L9.4775 12.5355C10.3815 13.149 11.6185 13.149 12.5225 12.5355L16.465 9.8605C16.807 10.153 17 10.5665 17 11C17 11.491 16.752 11.957 16.3205 12.25C15.016 13.135 13.004 14.5 11.961 15.2085C11.3905 15.5955 10.6095 15.5955 10.039 15.2085C8.996 14.5 6.984 13.135 5.6795 12.25C5.248 11.957 5 11.491 5 11C5 10.5665 5.193 10.153 5.535 9.8605Z" fill="#A38CFF"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.535 13.3605L9.4775 16.0355C10.3815 16.649 11.6185 16.649 12.5225 16.0355L16.465 13.3605C16.807 13.653 17 14.0665 17 14.5C17 14.991 16.752 15.457 16.3205 15.75C15.016 16.635 13.004 18 11.961 18.7085C11.3905 19.0955 10.6095 19.0955 10.039 18.7085C8.996 18 6.984 16.635 5.6795 15.75C5.248 15.457 5 14.991 5 14.5C5 14.0665 5.193 13.653 5.535 13.3605Z" fill="#A38CFF"></path>
|
|
</svg>
|
|
<span class="ms-2">
|
|
<span class="d-block fw-bold fs-6">Home page v.2</span>
|
|
<span class="text-600 fs-7">Application Landing</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="position-relative z-1 border-bottom">
|
|
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-3">
|
|
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
|
<path d="M19.3734 10.5591L16.8746 9.84501C15.7493 9.52775 14.7242 8.92703 13.8975 8.10031C13.0708 7.27359 12.4701 6.24855 12.1528 5.12326L11.4387 2.62442C11.4028 2.537 11.3417 2.46222 11.2632 2.40959C11.1847 2.35697 11.0923 2.32887 10.9978 2.32887C10.9033 2.32887 10.8109 2.35697 10.7324 2.40959C10.6539 2.46222 10.5928 2.537 10.5569 2.62442L9.84283 5.12326C9.52558 6.24855 8.92486 7.27359 8.09814 8.10031C7.27142 8.92703 6.24637 9.52775 5.12108 9.84501L2.62225 10.5591C2.5263 10.5863 2.44186 10.6441 2.38173 10.7237C2.3216 10.8033 2.28906 10.9003 2.28906 11C2.28906 11.0997 2.3216 11.1968 2.38173 11.2763C2.44186 11.3559 2.5263 11.4137 2.62225 11.4409L5.12108 12.155C6.24637 12.4723 7.27142 13.073 8.09814 13.8997C8.92486 14.7264 9.52558 15.7515 9.84283 16.8768L10.5569 19.3756C10.5841 19.4715 10.6419 19.556 10.7215 19.6161C10.8011 19.6762 10.8981 19.7088 10.9978 19.7088C11.0976 19.7088 11.1946 19.6762 11.2742 19.6161C11.3537 19.556 11.4115 19.4715 11.4387 19.3756L12.1528 16.8768C12.4701 15.7515 13.0708 14.7264 13.8975 13.8997C14.7242 13.073 15.7493 12.4723 16.8746 12.155L19.3734 11.4409C19.4694 11.4137 19.5538 11.3559 19.6139 11.2763C19.6741 11.1968 19.7066 11.0997 19.7066 11C19.7066 10.9003 19.6741 10.8033 19.6139 10.7237C19.5538 10.6441 19.4694 10.5863 19.3734 10.5591Z" fill="#A38CFF"></path>
|
|
</svg>
|
|
<span class="ms-2">
|
|
<span class="d-block fw-bold fs-6">Home page v.3</span>
|
|
<span class="text-600 fs-7">Marketing Services</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="position-relative z-1 border-bottom">
|
|
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-4">
|
|
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9965 2.80334L13.3633 4.90828C13.5282 5.05379 14.3915 5.8201 13.8095 6.98412C13.2275 8.14814 10.9965 11.8827 10.9965 11.8827C10.9965 11.8827 8.76543 8.14814 8.18342 6.98412C7.60141 5.8201 8.46472 5.05379 8.62962 4.90828L10.9965 2.80334Z" fill="#A38CFF"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6235 9.05026L18.3624 11.9603C18.2751 12.164 17.8192 13.2213 16.5291 13.0273C15.239 12.8333 11 11.8827 11 11.8827C11 11.8827 13.8519 8.60405 14.7734 7.68253C15.6949 6.76101 16.694 7.34302 16.888 7.45943L19.6235 9.05026Z" fill="#A38CFF"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.375 9.05026L3.63602 11.9603C3.72332 12.164 4.17923 13.2213 5.46936 13.0273C6.75948 12.8333 10.9985 11.8827 10.9985 11.8827C10.9985 11.8827 8.14661 8.59435 7.21539 7.68253C6.29387 6.76101 5.29475 7.34302 5.10075 7.45943L2.375 9.05026Z" fill="#A38CFF"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.62164 19.1966L8.7742 18.9056C8.9973 18.8862 10.1419 18.7795 10.365 17.4991C10.5784 16.209 10.9955 11.8827 10.9955 11.8827C10.9955 11.8827 6.98936 13.5705 5.82534 14.1622C4.66132 14.754 4.90383 15.8792 4.95233 16.1023L5.62164 19.1966Z" fill="#A38CFF"></path>
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3661 19.1966L13.2135 18.9056C12.9904 18.8862 11.8458 18.7795 11.6227 17.4991C11.4093 16.209 10.9922 11.8827 10.9922 11.8827C10.9922 11.8827 14.9984 13.5705 16.1624 14.1622C17.3264 14.754 17.0839 15.8792 17.0354 16.1023L16.3661 19.1966Z" fill="#A38CFF"></path>
|
|
</svg>
|
|
<span class="ms-2">
|
|
<span class="d-block fw-bold fs-6">Home page v.4</span>
|
|
<span class="text-600 fs-7">IT Services</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="position-relative z-1">
|
|
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-5">
|
|
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17" fill="none">
|
|
<path d="M3.25295 4.15876C3.1292 4.13693 3.00309 4.12589 2.87813 4.12589C1.83455 4.12589 0.945478 4.87264 0.764063 5.90149L0.0328612 10.0485C-0.172874 11.2151 0.608946 12.3316 1.77559 12.5374C1.89935 12.5592 2.02546 12.5702 2.15041 12.5702C3.19391 12.5702 4.08307 11.8234 4.26448 10.7946L4.99573 6.64764C5.20138 5.48095 4.4196 4.36449 3.25295 4.15876Z" fill="#A38CFF"></path>
|
|
<path d="M9.24512 2.25455C9.12137 2.23272 8.99525 2.22168 8.8703 2.22168C7.82676 2.22168 6.93764 2.96844 6.75627 3.99728L5.35351 11.9527C5.25386 12.5178 5.38028 13.088 5.70942 13.5581C6.03856 14.0281 6.53111 14.3419 7.09624 14.4416C7.21999 14.4634 7.34611 14.4745 7.47106 14.4745C8.5146 14.4745 9.40372 13.7277 9.58513 12.6989L10.9879 4.74344C11.1936 3.57675 10.4118 2.46029 9.24512 2.25455Z" fill="#A38CFF"></path>
|
|
<path d="M16.6264 0.916441C16.2972 0.446361 15.8047 0.132602 15.2396 0.0329143C15.1158 0.0110861 14.9896 0 14.8646 0C13.8211 0 12.9321 0.746757 12.7507 1.77565L10.5644 14.1742C10.4648 14.7394 10.5912 15.3095 10.9204 15.7796C11.2495 16.2496 11.7421 16.5634 12.3071 16.6631C12.4309 16.685 12.557 16.696 12.682 16.696C13.7256 16.696 14.6147 15.9492 14.7961 14.9204L16.9823 2.5218C17.0819 1.95668 16.9556 1.38652 16.6264 0.916441Z" fill="#A38CFF"></path>
|
|
</svg>
|
|
<span class="ms-2">
|
|
<span class="d-block fw-bold fs-6">Home page v.5</span>
|
|
<span class="text-600 fs-7">Consulting Services</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
|
<div class="ellipse-rotate-primary-sm position-absolute top-50 z-0"></div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown has-mega-menu">
|
|
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Pages
|
|
</a>
|
|
<div class="mega-menu fix start-50 translate-middle-x">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="mega-menu-content">
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<div class="mega-menu-list">
|
|
<p class="text-primary fw-bold mb-1 fs-7">ABOUT US</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-about">About us v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-about-2">About us v.2</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-about-3">About us v.3</a></li>
|
|
</ul>
|
|
<p class="text-primary fw-bold mb-1 fs-7 mt-4">SERVICES</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-services-1">Services v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-services-2">Services v.2</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-services-3">Services v.3</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-services-details-1">Services details v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-services-details-2">Services details v.2</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="mega-menu-list">
|
|
<p class="text-primary fw-bold mb-1 fs-7">OUR TEAM</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-team-1">Our team v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-team-2">Our team v.2</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-team-3">Our team v.3</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-team-4">Our team v.4</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-team-5">Our team v.5</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-team-6">Our team v.6</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-team-detail-1">Team detail v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-team-detail-2">Team detail v.2</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="mega-menu-list">
|
|
<p class="text-primary fw-bold mb-1 fs-7">FEATURES</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-features-1">Features v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-features-2">Features v.2</a></li>
|
|
</ul>
|
|
<p class="text-primary fw-bold mb-1 fs-7 mt-4">PRICING</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-pricing-01">Pricing v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-pricing-02">Pricing v.2</a></li>
|
|
</ul>
|
|
<p class="text-primary fw-bold mb-1 fs-7 mt-4">CONTACT</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-contact-1">Contact v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-contact-2">Contact v.2</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-contact-3">Contact v.3</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="mega-menu-list">
|
|
<p class="text-primary fw-bold mb-1 fs-7">BLOG</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-blog-1">Blog v.1</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-blog-2">Blog v.2</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-blog-details">Blog details</a></li>
|
|
</ul>
|
|
<p class="text-primary fw-bold mb-1 fs-7 mt-4">CASE STUDY</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-case-study">Case Study</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-case-study-details">Case study details</a></li>
|
|
</ul>
|
|
<p class="text-primary fw-bold mb-1 fs-7 mt-4">AUTHENTICATION</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-register">Register</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-login">Sign in</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="mega-menu-list">
|
|
<p class="text-primary fw-bold mb-1 fs-7">UTILITIES</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-work-process">Work Process</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-book-a-demo">Book a demo</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-integration">Integration</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-changelog">Change log</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-privacy-policy">Privacy policy</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-terms-conditions">Terms conditions</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-comming-soon">Comming soon</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-404">Error 404</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="mega-menu-list">
|
|
<p class="text-primary fw-bold mb-1 fs-7">STYLE GUIDE</p>
|
|
<ul class="list-unstyled">
|
|
<li><a class="dropdown-item position-relative z-1" href="page-style-guide">Color & Typography</a></li>
|
|
<li><a class="dropdown-item position-relative z-1" href="page-elements">Basic elements</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="position-relative bg-4 rounded-3 mt-5">
|
|
<img class="rounded-3" src="assets/imgs/template/bg-card.png" alt="">
|
|
<div class="position-absolute top-50 start-50 translate-middle z-0">
|
|
<img class="ms-3" src="assets/imgs/logo/logo-dark.svg" alt="infinia">
|
|
<p class="fs-7 fw-bold text-900 text-center my-3 text-nowrap">Multi-layout SaaS & <br> Startup Website <br> Template</p>
|
|
<div class="d-flex mt-3 ms-3">
|
|
<img src="assets/imgs/other/avatar-1.png" alt="infinia">
|
|
<img class="avt-hero" src="assets/imgs/other/avatar-2.png" alt="infinia">
|
|
<img class="avt-hero " src="assets/imgs/other/avatar-3.png" alt="infinia">
|
|
</div>
|
|
<a href="#" class="btn btn-md btn-gradient fs-8 mt-3 text-nowrap">
|
|
Get this now
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
|
<path d="M12.5477 11.3147V5.30603H6.53906" stroke="white" stroke-width="1.06034" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path d="M12.3707 5.48276L5.125 12.7284" stroke="white" stroke-width="1.06034" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
|
|
<img src="assets/imgs/team-1/bg-line.png" alt="infinia">
|
|
</div>
|
|
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
|
<div class="ellipse-rotate-primary-sm position-absolute top-0 end-0 translate-middle-y z-0"></div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown has-mega-menu-2">
|
|
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Sections
|
|
</a>
|
|
<div class="mega-menu fix">
|
|
<div class="d-flex flex-wrap gap-2 position-relative z-1">
|
|
<a href="section-navigation" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Navigation
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
09
|
|
</span>
|
|
</a>
|
|
<a href="section-hero" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Hero
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
05
|
|
</span>
|
|
</a>
|
|
<a href="section-logo-cloud" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Logo cloud
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
05
|
|
</span>
|
|
</a>
|
|
<a href="section-cta" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Call to action
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
15
|
|
</span>
|
|
</a>
|
|
<a href="section-how-it-work" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
How it work
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
02
|
|
</span>
|
|
</a>
|
|
<a href="section-services" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Services
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
04
|
|
</span>
|
|
</a>
|
|
<a href="section-team" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Team
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
07
|
|
</span>
|
|
</a>
|
|
<a href="section-pricing" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Pricing
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
05
|
|
</span>
|
|
</a>
|
|
<a href="section-faqs" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
FAQS
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
03
|
|
</span>
|
|
</a>
|
|
<a href="section-testimonial" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Testimonials
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
04
|
|
</span>
|
|
</a>
|
|
<a href="section-blog" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Blog
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
05
|
|
</span>
|
|
</a>
|
|
<a href="section-newsletter" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Newsletter
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
03
|
|
</span>
|
|
</a>
|
|
<a href="section-footer" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Footer
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
05
|
|
</span>
|
|
</a>
|
|
<a href="section-features" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Features
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
13
|
|
</span>
|
|
</a>
|
|
<a href="section-projects" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Projects
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
02
|
|
</span>
|
|
</a>
|
|
<a href="section-contact" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Contact
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
06
|
|
</span>
|
|
</a>
|
|
<a href="section-static" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
|
Static
|
|
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
|
03
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="position-absolute bottom-0 end-0 z-0">
|
|
<img src="assets/imgs/other/bg-line.png" alt="infinia">
|
|
</div>
|
|
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown menu-item-has-children">
|
|
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Style Guide
|
|
</a>
|
|
<div class="dropdown-menu p-4 fix">
|
|
<ul class="list-unstyled">
|
|
<li class="position-relative border-bottom z-1">
|
|
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="page-style-guide">
|
|
Style guide
|
|
</a>
|
|
</li>
|
|
<li class="position-relative z-1">
|
|
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="page-elements">
|
|
Elements
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
|
<div class="ellipse-rotate-primary-sm position-absolute bottom-0 end-0 translate-middle z-0"></div>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fw-bold d-flex align-items-center" href="page-contact-1">Contact</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="d-flex align-items-center pe-5 pe-lg-0 me-5 me-lg-0">
|
|
<div class="d-lg-flex align-items-center pe-8 d-none">
|
|
<a href="telto:+1234567890" class="icon-shape icon-lg bg-linear-2 rounded-circle mx-3">
|
|
<svg class="d-block" xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none">
|
|
<path class="stroke-white" d="M9.39286 5.25H6.56818C5.84017 5.25 5.25 5.84017 5.25 6.56818C5.25 13.8483 11.1517 19.75 18.4318 19.75C19.1598 19.75 19.75 19.1598 19.75 18.4318V15.6071L16.6429 13.5357L15.0317 15.1468C14.7519 15.4267 14.3337 15.5137 13.9821 15.3321C13.3858 15.024 12.4181 14.4452 11.4643 13.5357C10.4877 12.6045 9.91548 11.6011 9.62829 10.994C9.46734 10.6537 9.56052 10.2609 9.82669 9.99474L11.4643 8.35714L9.39286 5.25Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</a>
|
|
<div>
|
|
<p class="mb-0 text-500 fs-8">Have Any Questions?</p>
|
|
<p class="mb-0 text-900 fw-bold">+01 567 890 68</p>
|
|
</div>
|
|
</div>
|
|
<a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target=".offcanvasTop">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</a>
|
|
<div class="dark-light-switcher d-flex justify-content-center align-items-center icon-shape icon-md border bg-white rounded-3 ms-3 me-md-3 me-0">
|
|
<i class="bi theme-icon bi-sun-fill"></i>
|
|
<i class="bi theme-icon bi-moon-stars-fill"></i>
|
|
</div>
|
|
<a href="#" class="btn btn-gradient d-none d-md-block">
|
|
Get a Quote
|
|
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
|
<g clip-path="url(#clip0_474_2370)">
|
|
<path class="fill-white" d="M13.5633 4.06331L12.7615 4.86512L16.3294 8.43305H0.5V9.56699H16.3294L12.7615 13.1349L13.5633 13.9367L18.5 8.99998L13.5633 4.06331Z" fill="white" />
|
|
</g>
|
|
<defs>
|
|
<clipPath>
|
|
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
</a>
|
|
<div class="burger-icon burger-icon-white border rounded-3">
|
|
<span class="burger-icon-top"></span>
|
|
<span class="burger-icon-mid"></span>
|
|
<span class="burger-icon-bottom"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- offCanvas-menu -->
|
|
<div class="offCanvas__info">
|
|
<div class="offCanvas__close-icon menu-close">
|
|
<button><i class="far fa-window-close"></i></button>
|
|
</div>
|
|
<div class="offCanvas__logo mb-30">
|
|
<a href="index.html"><img src="assets/imgs/logo/logo-dark.svg" alt="Logo" /></a>
|
|
</div>
|
|
<div class="offCanvas__side-info mb-30">
|
|
<div class="contact-list mb-30">
|
|
<h4>Chat with us</h4>
|
|
<p class="mb-3">
|
|
The support team is always<br />
|
|
available 24/7
|
|
</p>
|
|
<div class="d-flex mb-2">
|
|
<img src="assets/imgs/contact-2/icon-1.svg" alt="infinia" />
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Whatsapp</a>
|
|
</div>
|
|
<div class="d-flex mb-2">
|
|
<img src="assets/imgs/contact-2/icon-2.svg" alt="infinia" />
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Viber</a>
|
|
</div>
|
|
<div class="d-flex mb-2 mb-5">
|
|
<img src="assets/imgs/contact-2/icon-3.svg" alt="infinia" />
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Messager</a>
|
|
</div>
|
|
</div>
|
|
<div class="contact-list mb-30">
|
|
<h4>Office Address</h4>
|
|
<p>
|
|
123/A, Miranda City Likaoli <br />
|
|
Prikano, Dope
|
|
</p>
|
|
</div>
|
|
<div class="contact-list mb-30">
|
|
<h4>Phone Number</h4>
|
|
<p>(+01) 234 567 89</p>
|
|
<p>(+01) 456 789 21</p>
|
|
</div>
|
|
<div class="contact-list mb-30">
|
|
<h4>Business Emails</h4>
|
|
<p><a href="mailto:contact@alithemes.com">contact@alithemes.com</a></p>
|
|
<p><a href="mailto:sale@alithemes.com ">sale@alithemes.com </a></p>
|
|
</div>
|
|
<div class="contact-list mb-30">
|
|
<h4>Help & support</h4>
|
|
<p>Email <a href="mailto:support@alithemes.com">support@alithemes.com</a> For help with a current product or service or refer to FAQs and developer tools.</p>
|
|
</div>
|
|
</div>
|
|
<div class="offCanvas__social-icon mt-30">
|
|
<a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="javascript:void(0)"><i class="fab fa-twitter"></i></a>
|
|
<a href="javascript:void(0)"><i class="fab fa-google-plus-g"></i></a>
|
|
<a href="javascript:void(0)"><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="offCanvas__overly"></div>
|
|
<!-- Offcanvas search -->
|
|
<div class="offcanvas offcanvas-top offcanvasTop h-50" tabindex="-1">
|
|
<div class="offcanvas-header">
|
|
<button class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
|
</div>
|
|
<div class="offcanvas-body">
|
|
<div class="container">
|
|
<div class="row py-md-5 py-2">
|
|
<div class="col-12 col-lg-8 mx-auto">
|
|
<h4 class="mb-2 fs-sm-5">What are you looking for?</h4>
|
|
<p class="text-500 fs-6 mb-5">Explore our services and discover how we can help you achieve your goals</p>
|
|
<div class="input-group" data-aos="zoom-in">
|
|
<input type="text" class="form-control ps-5 rounded-start-pill" name="name" placeholder="Enter Your Keywords" />
|
|
<button class="btn btn-primary rounded-end-pill">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="d-flex flex-column flex-lg-row mt-5">
|
|
<h6 class="d-inline me-2">Suggest:</h6>
|
|
<div class="d-flex flex-wrap gap-2">
|
|
<a href="#">Startup</a>
|
|
<a href="#">Agency</a>
|
|
<a href="#">Creative</a>
|
|
<a href="#">Consulting</a>
|
|
<a href="#">IT services</a>
|
|
<a href="#">Pricing</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Offcanvas search -->
|
|
|
|
<div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar button-bg-2">
|
|
<div class="mobile-header-wrapper-inner">
|
|
<div class="mobile-header-logo">
|
|
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
|
|
<img src="assets/imgs/template/favicon.svg" alt="infinia">
|
|
<span>Infinia</span>
|
|
</a>
|
|
<div class="burger-icon burger-icon-white border rounded-3">
|
|
<span class="burger-icon-top"></span>
|
|
<span class="burger-icon-mid"></span>
|
|
<span class="burger-icon-bottom"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-header-content-area">
|
|
<div class="perfect-scroll">
|
|
<div class="mobile-menu-wrap mobile-header-border">
|
|
<nav>
|
|
<ul class="mobile-menu font-heading ps-0">
|
|
<li class="has-children">
|
|
<a class="active" href="#">Homepages</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="index.html">Home 1 - Business Startup</a></li>
|
|
<li><a href="index-2">Home 2 - Application Landing</a></li>
|
|
<li><a href="index-3">Home 3 - Marketing Services</a></li>
|
|
<li><a href="index-4">Home 4 - IT Services</a></li>
|
|
<li><a href="index-5">Home 5 - Consulting Services</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="has-children">
|
|
<a href="#">About Us</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-about">About us v.1</a></li>
|
|
<li><a href="page-about-2">About us v.2</a></li>
|
|
<li><a href="page-about-3">About us v.3</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Our Services</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-services-1">Services v.1</a></li>
|
|
<li><a href="page-services-2">Services v.2</a></li>
|
|
<li><a href="page-services-3">Services v.3</a></li>
|
|
<li><a href="page-services-details-1">Services details v.1</a></li>
|
|
<li><a href="page-services-details-2">Services details v.2</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Our Team</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-team-1">Our team v.1</a></li>
|
|
<li><a href="page-team-2">Our team v.2</a></li>
|
|
<li><a href="page-team-3">Our team v.3</a></li>
|
|
<li><a href="page-team-4">Our team v.4</a></li>
|
|
<li><a href="page-team-5">Our team v.5</a></li>
|
|
<li><a href="page-team-6">Our team v.6</a></li>
|
|
<li><a href="page-team-detail-1">Team detail v.1</a></li>
|
|
<li><a href="page-team-detail-2">Team detail v.2</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Features</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-features-1">Features v.1</a></li>
|
|
<li><a href="page-features-2">Features v.2</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Pricing</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-pricing-01">Pricing v.1</a></li>
|
|
<li><a href="page-pricing-02">Pricing v.2</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Contact Us</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-contact-1">Contact v.1</a></li>
|
|
<li><a href="page-contact-2">Contact v.2</a></li>
|
|
<li><a href="page-contact-3">Contact v.3</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Blog & News</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-blog-1">Blog v.1</a></li>
|
|
<li><a href="page-blog-2">Blog v.2</a></li>
|
|
<li><a href="page-blog-details">Blog details</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Case Study</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-case-study">Case Study</a></li>
|
|
<li><a href="page-case-study-details">Case study details</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Authentication</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-register">Register</a></li>
|
|
<li><a href="page-login">Sign in</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Utilities</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-work-process">Work Process</a></li>
|
|
<li><a href="page-book-a-demo">Book a demo</a></li>
|
|
<li><a href="page-integration">Integration</a></li>
|
|
<li><a href="page-changelog">Change log</a></li>
|
|
<li><a href="page-privacy-policy">Privacy policy</a></li>
|
|
<li><a href="page-terms-conditions">Terms conditions</a></li>
|
|
<li><a href="page-comming-soon">Comming soon</a></li>
|
|
<li><a href="page-404">Error 404</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">Style Guide</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="page-style-guide">Color & Typography</a></li>
|
|
<li><a href="page-elements">Basic elements</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="has-children">
|
|
<a href="#">All Sections</a>
|
|
<ul class="sub-menu">
|
|
<li><a href="section-navigation"> Navigation </a></li>
|
|
<li><a href="section-hero"> Hero </a></li>
|
|
<li><a href="section-logo-cloud"> Logo cloud </a></li>
|
|
<li><a href="section-cta"> Call to action </a></li>
|
|
<li><a href="section-how-it-work"> How it work </a></li>
|
|
<li><a href="section-services"> Services </a></li>
|
|
<li><a href="section-team"> Team </a></li>
|
|
<li><a href="section-pricing"> Pricing </a></li>
|
|
<li><a href="section-faqs"> FAQS </a></li>
|
|
<li><a href="section-testimonial"> Testimonials </a></li>
|
|
<li><a href="section-blog"> Blog </a></li>
|
|
<li><a href="section-newsletter"> Newsletter </a></li>
|
|
<li><a href="section-footer"> Footer </a></li>
|
|
<li><a href="section-features"> Features </a></li>
|
|
<li><a href="section-projects"> Projects </a></li>
|
|
<li><a href="section-contact"> Contact </a></li>
|
|
<li><a href="section-static"> Static </a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</header>
|
|
<main>
|
|
<!-- prettier-ignore -->
|
|
<!--Features 1-->
|
|
<section class="features-1 section-padding">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="d-flex align-items-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
|
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
|
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Our Features</span>
|
|
</div>
|
|
<h2 class="fw-medium mt-4 lh-sm">Together, we are creating a
|
|
<span class="fw-black">Bright Future.</span>
|
|
<span class="text-primary fst-italic" data-aos="fade-zoom-in" data-aos-delay="400">Join us.</span>
|
|
</h2>
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<div class="d-flex flex-md-row flex-column align-items-center position-relative ps-lg-8 pt-lg-0 pt-10">
|
|
<div class="pe-md-3 pb-3 pb-md-0 position-relative z-1" data-aos="fade-zoom-in" data-aos-delay="100">
|
|
<img class="rounded-3 border border-3 border-white" src="assets/imgs/features-1/img-1.png" alt="infinia">
|
|
</div>
|
|
<div class="pe-md-3 pb-3 pb-md-0 position-relative z-1" data-aos="fade-zoom-in" data-aos-delay="200">
|
|
<img class="rounded-3 border border-3 border-white" src="assets/imgs/features-1/img-2.png" alt="infinia">
|
|
</div>
|
|
<div class="pe-md-3 pb-3 pb-md-0 position-relative z-1" data-aos="fade-zoom-in" data-aos-delay="300">
|
|
<img class="rounded-3 border border-3 border-white" src="assets/imgs/features-1/img-3.png" alt="infinia">
|
|
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter px-3 py-2 popup-video hover-up position-absolute bottom-0 mb-4 start-50 translate-middle-x">
|
|
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
|
<path d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</span>
|
|
<span class="fw-bold fs-7 text-900">
|
|
How It Work ?
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<img class="position-absolute top-50 start-0 translate-middle-y z-0" src="assets/imgs/features-1/bg-ellipse.png" alt="infinia">
|
|
<img class="position-absolute z-2 star-lg" src="assets/imgs/features-1/star-lg.png" alt="infinia">
|
|
<img class="position-absolute z-2 star-md" src="assets/imgs/features-1/star-md.png" alt="infinia">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row mt-10">
|
|
<!-- prettier-ignore -->
|
|
<div class="col-lg-3 col-md-6" data-aos="fade-zoom-in" data-aos-delay="50">
|
|
<div class="feature-item mb-5 mb-lg-0">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/features-1/icon-1.svg" alt="infinia">
|
|
</div>
|
|
</div>
|
|
<h6>Work organization</h6>
|
|
<p>A business consultant provides expert advice and guidance to businesses on various aspects.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6" data-aos="fade-zoom-in" data-aos-delay="100">
|
|
<div class="feature-item mb-5 mb-lg-0">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/features-1/icon-2.svg" alt="infinia">
|
|
</div>
|
|
</div>
|
|
<h6>Strategy Development</h6>
|
|
<p>Business consultants play a crucial role by offering expert advice and guidance to companies</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6" data-aos="fade-zoom-in" data-aos-delay="200">
|
|
<div class="feature-item mb-5 mb-lg-0">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/features-1/icon-3.svg" alt="infinia">
|
|
</div>
|
|
</div>
|
|
<h6>Data analytics</h6>
|
|
<p>Consultants provide invaluable expertise to businesses, assisting them with strategic advice</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6" data-aos="fade-zoom-in" data-aos-delay="300">
|
|
<div class="feature-item mb-5 mb-lg-0">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/features-1/icon-4.svg" alt="infinia">
|
|
</div>
|
|
</div>
|
|
<h6>Business Intelligence </h6>
|
|
<p>Through their deep understanding of industry trends and best practices, consultants empower organizations</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--Features 3-->
|
|
<section>
|
|
<div class="container-fluid position-relative bg-neutral-100 section-padding bg-neutral-100">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-6 text-lg-end text-center">
|
|
<div class="position-relative d-inline-block mb-lg-0 mb-8">
|
|
<img class="rounded-4" src="assets/imgs/features-3/img-1.png" alt="infinia" data-aos="fade-zoom-in" data-aos-delay="200" />
|
|
<div class="position-absolute bottom-0 start-0 translate-middle-md-x mb-md-8 backdrop-filter rounded-3 p-md-4 p-3 text-center">
|
|
<h6>Rate For Us</h6>
|
|
<div class="d-flex align-items-center justify-content-center py-4">
|
|
<img src="assets/imgs/features-3/avatar-1.png" alt="infinia" />
|
|
<img class="avt-hero z-1" src="assets/imgs/features-3/avatar-2.png" alt="infinia" />
|
|
<img class="avt-hero z-0" src="assets/imgs/features-3/avatar-3.png" alt="infinia" />
|
|
</div>
|
|
<div class="d-flex align-items-center justify-content-center">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
|
|
</svg>
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none">
|
|
<path d="M10.8881 5.26869C11.4269 3.61033 13.7731 3.61033 14.3119 5.26869L15.0248 7.46262C15.2657 8.20426 15.9568 8.70639 16.7367 8.70639H19.0435C20.7872 8.70639 21.5122 10.9377 20.1015 11.9626L18.2352 13.3185C17.6044 13.7769 17.3404 14.5894 17.5813 15.331L18.2942 17.5249C18.833 19.1833 16.935 20.5623 15.5243 19.5374L13.658 18.1815C13.0271 17.7231 12.1729 17.7231 11.542 18.1815L9.67572 19.5374C8.26504 20.5623 6.36697 19.1833 6.90581 17.5249L7.61866 15.331C7.85963 14.5894 7.59565 13.7769 6.96477 13.3185L5.0985 11.9626C3.68782 10.9377 4.41282 8.70639 6.15652 8.70639H8.46335C9.24316 8.70639 9.93428 8.20426 10.1752 7.46262L10.8881 5.26869Z" fill="#F28833" />
|
|
</svg>
|
|
</div>
|
|
<p class="pt-2">
|
|
Loved by over 4k <br />
|
|
happy clients
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="ps-lg-5">
|
|
<h6 data-aos="fade-zoom-in" data-aos-delay="100">Company's vision</h6>
|
|
<h3 class="ds-3 mt-2 mb-5" data-aos="fade-zoom-in" data-aos-delay="200">Powerful agency for corporate business.</h3>
|
|
<p class="mb-5" data-aos="fade-zoom-in" data-aos-delay="300">Provide your team with top-tier group mentoring programs and exceptional professional benefits.</p>
|
|
<div class="d-flex align-items-center pb-7 border-bottom">
|
|
<a href="#" class="btn btn-gradient" data-aos="fade-zoom-in" data-aos-delay="0">
|
|
Get Free Quote
|
|
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="ms-5 text-decoration-underline fw-bold" data-aos="fade-zoom-in" data-aos-delay="300">How We Work</a>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-md-6 d-flex align-items-center justify-content-center border-end mt-5">
|
|
<h2 class="odometer" data-count="99"></h2>
|
|
<span class="fs-4 fw-medium align-self-start">%</span>
|
|
<p class="ms-3" data-aos="fade-zoom-in" data-aos-delay="200">
|
|
Genuine repeated <br />
|
|
happy customers.
|
|
</p>
|
|
</div>
|
|
<div class="col-12 col-md-6 d-flex align-items-center justify-content-center mt-5">
|
|
<h2 class="odometer" data-count="98"></h2>
|
|
<span class="fs-4 fw-medium align-self-start">%</span>
|
|
<p class="ms-3" data-aos="fade-zoom-in" data-aos-delay="300">
|
|
Trusted by <br />
|
|
companies
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--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 5-->
|
|
<section class="section-feature-5">
|
|
<div class="container-fluid position-relative section-padding bg-1">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-5">
|
|
<div class="photo-description position-relative rounded-4">
|
|
<img class="rounded-4 border border-2 border-white position-relative z-1" src="assets/imgs/features-5/img-1.png" alt="infinia">
|
|
<div class="box-gradient-1 ms-lg-8 position-absolute bottom-0 start-0 bg-linear-1 rounded-4 z-0"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 offset-lg-1 mt-lg-0 mt-5">
|
|
<h4 class="ds-4 fw-regular">All that's necessary <br> for <span class="fw-bold" data-aos="fade-zoom-in" data-aos-delay="200">effective team <br class="d-none d-lg-inline"> effort.</span></h4>
|
|
<p class="fs-5">Provide your team with top-tier group mentoring programs and exceptional professional benefits.</p>
|
|
<a href="#" class="btn btn-outline-secondary hover-up bg-transparent mt-5" data-aos="fade-zoom-in" data-aos-delay="200">
|
|
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-dark" d="M17.25 15.25V6.75H8.75" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path class="stroke-dark" d="M17 7L6.75 17.25" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row py-90">
|
|
<div class="col-lg-10 px-lg-0 mx-lg-auto d-lg-flex justify-content-lg-between">
|
|
<a href="#" class="px-4 py-3 bg-white hover-up rounded-pill text-500 fs-5 text-nowrap d-inline-block mb-lg-0 mb-3" data-aos="fade-zoom-in" data-aos-delay="0">Team Messaging</a>
|
|
<a href="#" class="px-4 py-3 bg-white hover-up rounded-pill text-500 fs-5 text-nowrap d-inline-block mb-lg-0 mb-3" data-aos="fade-zoom-in" data-aos-delay="100">4K Video</a>
|
|
<a href="#" class="px-4 py-3 bg-white hover-up rounded-pill text-500 fs-5 text-nowrap d-inline-block mb-lg-0 mb-3" data-aos="fade-zoom-in" data-aos-delay="200">Ultimate Collaboration</a>
|
|
<a href="#" class="px-4 py-3 bg-white hover-up rounded-pill text-500 fs-5 text-nowrap d-inline-block mb-lg-0 mb-3" data-aos="fade-zoom-in" data-aos-delay="300">Unified Communications</a>
|
|
<a href="#" class="px-4 py-3 bg-white hover-up rounded-pill text-500 fs-5 text-nowrap d-inline-block mb-lg-0 mb-3" data-aos="fade-zoom-in" data-aos-delay="400">Advanced Meeting</a>
|
|
</div>
|
|
</div>
|
|
<div class="row align-items-start pb-5 pt-lg-5 pt-0">
|
|
<div class="col-lg-5 order-2 order-lg-1 mt-lg-0 mt-10 pt-lg-0 pt-5">
|
|
<h4 class="ds-4 fw-regular">Experience the <br> <span class="fw-bold" data-aos="fade-zoom-in" data-aos-delay="200">cutting-edge <br></span>capabilities</h4>
|
|
<p class="fs-5">Provide your team with top-tier group mentoring programs and exceptional professional benefits.</p>
|
|
<a href="#" class="btn btn-outline-secondary hover-up bg-transparent mt-5" data-aos="fade-zoom-in" data-aos-delay="300">
|
|
Explore Now
|
|
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M17.25 15.25V6.75H8.75" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
<path class="stroke-dark" d="M17 7L6.75 17.25" stroke="#000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-6 offset-lg-1 order-1 order-lg-2 mt-5 text-lg-end text-center">
|
|
<div class="photo-description position-relative rounded-4 d-inline-block">
|
|
<img class="rounded-4 border border-2 border-white position-relative z-1" src="assets/imgs/features-5/img-2.png" alt="infinia">
|
|
<div class="position-absolute top-50 start-50 translate-middle z-0">
|
|
<div class="box-gradient-2 position-relative bg-linear-1 rounded-4 z-0">
|
|
</div>
|
|
</div>
|
|
<img class="position-absolute top-100 start-0 d-none d-md-block translate-middle rounded-4 border border-2 border-white position-relative z-1" src="assets/imgs/features-5/img-3.png" alt="infinia" data-aos="zoom-in" data-aos-delay="100">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row pt-lg-150 pt-8 text-center d-none d-md-block">
|
|
<div class="col-lg-10 col mx-lg-auto">
|
|
<p class="text-500">Compatible with all operating systems and browsers in the world</p>
|
|
<div class="compatible-group bg-white p-5 mt-5 rounded-4 d-md-flex justify-content-between">
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-1.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">MacOs</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-2.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">Windows</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-3.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">Linux</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-4.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">Android</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-5.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">iOS</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-6.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">Firefox</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-7.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">Chrome</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-8.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">Safari</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-9.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">Opera</p>
|
|
</div>
|
|
<div class="compatible hover-up">
|
|
<img src="assets/imgs/features-5/icon-10.png" alt="infinia">
|
|
<p class="text-900 mt-3 mb-0">Opera</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Contact 3-->
|
|
<section class="section-contact-3 position-relative section-padding fix">
|
|
<div class="container position-relative z-1">
|
|
<div class="text-center">
|
|
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2" data-aos="zoom-in" data-aos-delay="100">
|
|
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
|
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Get in Tourch</span>
|
|
</div>
|
|
<h3 class="ds-3 mt-3 mb-3">Contact Our Team</h3>
|
|
<p class="fs-5">
|
|
We are a comprehensive service agency with specialists prepared to assist. <br>
|
|
We will contact you within 24 hours.
|
|
</p>
|
|
</div>
|
|
<div class="row mt-8">
|
|
<div class="col-lg-10 mx-lg-auto">
|
|
<div class="row">
|
|
<div class="col-lg-6 ps-lg-0 pb-5 pb-lg-0">
|
|
<h4>Leave a message</h4>
|
|
<form action="#">
|
|
<div class="row mt-5">
|
|
<div class="col-md-6">
|
|
<div class="input-group d-flex align-items-center">
|
|
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M12 11.25C13.7949 11.25 15.25 9.79493 15.25 8C15.25 6.20507 13.7949 4.75 12 4.75C10.2051 4.75 8.75 6.20507 8.75 8C8.75 9.79493 10.2051 11.25 12 11.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-dark" d="M6.84723 19.25H17.1522C18.2941 19.25 19.1737 18.2681 18.6405 17.2584C17.856 15.7731 16.0677 14 11.9997 14C7.93174 14 6.1434 15.7731 5.35897 17.2584C4.8257 18.2681 5.70531 19.25 6.84723 19.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Your name *" aria-label="username">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="input-group d-flex align-items-center mt-4 mt-md-0">
|
|
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path 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="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="info@" aria-label="email">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="input-group d-flex align-items-center mt-4">
|
|
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M4.75 7.75C4.75 6.64543 5.64543 5.75 6.75 5.75H17.25C18.3546 5.75 19.25 6.64543 19.25 7.75V16.25C19.25 17.3546 18.3546 18.25 17.25 18.25H6.75C5.64543 18.25 4.75 17.3546 4.75 16.25V7.75Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-dark" d="M5.5 6.5L12 12.25L18.5 6.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Phone" aria-label="phone">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="input-group d-flex align-items-center mt-4">
|
|
<div class="icon-input border border-end-0 rounded-2 rounded-end-0 ps-3">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-dark" d="M6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25V9.75001L12 4.75L4.75 9.75001V17.25C4.75 18.3546 5.64544 19.25 6.75 19.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-dark" d="M9.75 15.749C9.75 14.6444 10.6455 13.749 11.75 13.749H12.25C13.3546 13.749 14.25 14.6444 14.25 15.749V19.249H9.75V15.749Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</div>
|
|
<input type="text" class="form-control ms-0 border rounded-2 rounded-start-0 border-start-0" name="name" placeholder="Subject" aria-label="subject">
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="input-group d-flex mt-4">
|
|
<div class="icon-input pt-2 ps-3 align-items-start border border-end-0 rounded-1 rounded-end-0">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
|
<path class="stroke-dark" d="M5.5 2.14844H3C1.89543 2.14844 1 3.04387 1 4.14844V14.6484C1 15.753 1.89543 16.6484 3 16.6484H13.5C14.6046 16.6484 15.5 15.753 15.5 14.6484V12.1484" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-dark" d="M17.3285 1.20344L16.4448 0.319749C16.0185 -0.106583 15.3248 -0.106583 14.8984 0.319749L7.82915 7.38907C7.76373 7.45449 7.71914 7.53782 7.70096 7.62854L7.2591 9.83772C7.22839 9.99137 7.27647 10.1502 7.38729 10.261C7.47605 10.3498 7.59561 10.3983 7.71864 10.3983C7.74923 10.3983 7.77997 10.3953 7.81053 10.3892L10.0197 9.94732C10.1104 9.92917 10.1938 9.88455 10.2592 9.81913L17.3285 2.74984C17.3285 2.74984 17.3286 2.74984 17.3286 2.74981C17.7549 2.32351 17.7549 1.6298 17.3285 1.20344ZM9.69678 9.05607L8.31606 9.33225L8.59224 7.95153L14.3461 2.19754L15.4507 3.30214L9.69678 9.05607ZM16.6658 2.0871L16.1135 2.6394L15.0089 1.53479L15.5612 0.982524C15.6221 0.921601 15.7212 0.92157 15.7821 0.982493L16.6658 1.86618C16.7267 1.92707 16.7267 2.0262 16.6658 2.0871Z" fill="black" />
|
|
</svg>
|
|
</div>
|
|
<textarea class="form-control border border-start-0 ms-0 rounded-start-0 rounded-1 pb-10" name="name" placeholder="Describe Your Project in Short" aria-label="With textarea"></textarea>
|
|
</div>
|
|
</div>
|
|
<h6 class="mt-4 mb-4">Services</h6>
|
|
<div class="d-flex align-items-center">
|
|
<div>
|
|
<div class="form-check mb-2">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckChecked" checked>
|
|
<label class="form-check-label text-900 fw-bold" for="flexCheckChecked"> Research planning </label>
|
|
</div>
|
|
<div class="form-check mb-2 me-3">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault1">
|
|
<label class="form-check-label text-900 fw-bold" for="flexCheckDefault1"> Finance Advisory </label>
|
|
</div>
|
|
<div class="form-check mb-2 me-3">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault2">
|
|
<label class="form-check-label text-900 fw-bold" for="flexCheckDefault2"> Business promotion </label>
|
|
</div>
|
|
</div>
|
|
<div class="ms-8">
|
|
<div class="form-check mb-2 me-3">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault3">
|
|
<label class="form-check-label text-900 fw-bold" for="flexCheckDefault3"> Business Consultancy </label>
|
|
</div>
|
|
<div class="form-check mb-2">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault4" checked>
|
|
<label class="form-check-label text-900 fw-bold" for="flexCheckDefault4"> Finance Advisory </label>
|
|
</div>
|
|
<div class="form-check mb-2 me-3">
|
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault5">
|
|
<label class="form-check-label text-900 fw-bold" for="flexCheckDefault5"> Business promotion </label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<button type="submit" class="btn bg-primary text-white hover-up mt-4">
|
|
Send Message
|
|
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-white" d="M21.1059 12.2562H0.5V11.7443H21.1059H22.313L21.4594 10.8907L17.0558 6.48705L17.4177 6.12508L23.2929 12.0002L17.4177 17.8754L17.0558 17.5134L21.4594 13.1098L22.313 12.2562H21.1059Z" fill="black" stroke="white" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="ps-lg-6">
|
|
<h6>Chat with us</h6>
|
|
<p class="text-500">The support team is always available 24/7</p>
|
|
<div class="d-flex mb-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
<g clip-path="url(#clip0_602_10655)">
|
|
<path d="M15.0051 12.0403L13.9452 10.9803C13.656 10.6912 13.2563 10.5462 12.8494 10.5828C12.4421 10.6194 12.0749 10.833 11.8418 11.1689L11.4726 11.701C10.9704 11.6115 9.99908 11.3584 9.3201 10.6793C8.64084 10 8.38771 9.02824 8.29842 8.52687L8.8306 8.15761C9.16654 7.92449 9.38017 7.55719 9.41662 7.14992C9.45314 6.74265 9.30822 6.34328 9.01912 6.05422L7.9592 4.99429C7.53326 4.5684 6.89127 4.46675 6.36158 4.74121C5.43283 5.22238 4.82275 6.12433 4.64353 7.2809C4.35162 9.16523 5.22275 11.3883 6.91693 13.0825C8.39451 14.56 10.2742 15.4115 11.9808 15.4115C12.231 15.4115 12.4776 15.3932 12.7185 15.3559C13.8751 15.1768 14.777 14.5666 15.2582 13.6379C15.5326 13.1081 15.431 12.4661 15.0051 12.0403ZM14.1797 13.0791C13.7974 13.8172 13.0729 14.0719 12.5326 14.1556C11.0468 14.3857 9.17963 13.6274 7.77576 12.2236C6.37197 10.8198 5.61361 8.95265 5.84377 7.46683C5.92744 6.92644 6.1822 6.20207 6.92025 5.81965C6.94025 5.80933 6.96236 5.80429 6.98478 5.80429C7.02603 5.80429 7.06838 5.82129 7.10025 5.85312L8.16021 6.91308C8.20424 6.95719 8.20986 7.00726 8.20677 7.04152C8.20369 7.07582 8.18931 7.1241 8.13806 7.15965L7.30084 7.74058C7.12576 7.86207 7.02713 8.06652 7.04107 8.27918C7.04634 8.35949 7.18447 10.2614 8.46119 11.5381C9.73791 12.8148 11.6398 12.953 11.7201 12.9582C11.9326 12.9719 12.1372 12.8736 12.2587 12.6984L12.8397 11.8612C12.8752 11.81 12.9235 11.7956 12.9578 11.7925C12.9921 11.7894 13.0421 11.7951 13.0863 11.8391L14.1462 12.899C14.1954 12.9482 14.2092 13.0223 14.1797 13.0791Z" fill="#6B7280" />
|
|
<path d="M17.0709 2.92906C15.1821 1.0402 12.6708 0 9.99959 0C7.32834 0 4.81709 1.0402 2.92826 2.92902C1.32291 4.53438 0.303771 6.65902 0.0584589 8.9116C-0.173455 11.0411 0.289357 13.2086 1.36311 15.046L0.320998 18.9352C0.264826 19.1447 0.324748 19.3684 0.478225 19.5218C0.631623 19.6752 0.855334 19.7351 1.06479 19.679L4.95393 18.6369C6.48143 19.5296 8.23725 20 10.0096 20C10.369 20 10.7292 19.9807 11.0883 19.9415C13.3409 19.6962 15.4656 18.6771 17.0709 17.0717C18.9598 15.1829 20 12.6716 20 10.0004C20 7.32922 18.9597 4.81789 17.0709 2.92906ZM16.2121 16.2128C13.3085 19.1164 8.84877 19.6323 5.36686 17.4677C5.26967 17.4073 5.15846 17.3761 5.04615 17.3761C4.99358 17.3761 4.94076 17.383 4.88901 17.3968L1.76647 18.2335L2.60319 15.111C2.64662 14.9488 2.62096 14.7758 2.53233 14.6332C0.3676 11.1511 0.883615 6.69141 3.78709 3.78789C7.21272 0.362344 12.7865 0.362344 16.2121 3.78789C19.6376 7.21344 19.6376 12.7873 16.2121 16.2128Z" fill="#6B7280" />
|
|
</g>
|
|
<defs>
|
|
<clipPath>
|
|
<rect width="20" height="20" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Whatsapp</a>
|
|
</div>
|
|
<div class="d-flex mb-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
<g clip-path="url(#clip0_602_10664)">
|
|
<path d="M13.0462 10.4449C12.692 10.0905 12.2195 9.89537 11.7159 9.89537C11.2122 9.89537 10.7397 10.0906 10.3854 10.445L10.1182 10.7122C10.054 10.7765 9.96759 10.8118 9.87497 10.8118C9.78239 10.8118 9.69607 10.7765 9.63189 10.7123L7.79083 8.87127C7.65903 8.73943 7.65903 8.5167 7.79068 8.38506L8.05833 8.1176C8.79185 7.38396 8.79181 6.19037 8.05829 5.45682L7.52341 4.92205C7.16907 4.56768 6.69657 4.37256 6.19302 4.37256C5.68946 4.37256 5.217 4.56772 4.86294 4.92186L4.78997 4.99475C3.94462 5.84025 3.63767 7.09893 3.92571 8.539C4.1965 9.89299 4.97044 11.2635 6.10497 12.3983C7.53482 13.8279 9.35622 14.6815 10.9772 14.6816H10.9776C11.9999 14.6816 12.8752 14.3468 13.5092 13.7128L13.5813 13.6406C14.3147 12.9071 14.3148 11.7135 13.5812 10.9799L13.0462 10.4449ZM12.7521 12.8123L12.6801 12.8845C12.2711 13.2935 11.6824 13.5097 10.9775 13.5097C10.9775 13.5097 10.9773 13.5097 10.9773 13.5097C9.66017 13.5096 8.14849 12.7843 6.93357 11.5696C5.96083 10.5967 5.30071 9.43877 5.07478 8.30916C4.86607 7.26561 5.05923 6.38279 5.61841 5.82354L5.69138 5.75064C5.82435 5.61764 6.00251 5.54439 6.19302 5.54439C6.38357 5.54439 6.56173 5.61764 6.69478 5.75068L7.22966 6.28545C7.5063 6.56209 7.5063 7.01225 7.22978 7.28885L6.96212 7.55635C6.3713 8.14729 6.3713 9.10889 6.9622 9.6999L8.80325 11.5409C9.08876 11.8265 9.46939 11.9837 9.87505 11.9837C10.2806 11.9837 10.6613 11.8265 10.947 11.5408L11.2142 11.2735C11.3472 11.1405 11.5254 11.0672 11.7159 11.0672C11.9065 11.0672 12.0846 11.1405 12.2176 11.2735L12.7526 11.8085C13.0292 12.0851 13.0292 12.5353 12.7521 12.8123Z" fill="#6B7280" />
|
|
<path d="M9.77246 8.15234C10.0912 8.15234 10.3505 8.4116 10.3505 8.73027C10.3505 9.05387 10.6128 9.31621 10.9364 9.31621C11.26 9.31621 11.5223 9.05387 11.5223 8.73027C11.5223 7.76543 10.7373 6.98047 9.77246 6.98047C9.44887 6.98047 9.18652 7.24281 9.18652 7.56641C9.18652 7.89 9.44883 8.15234 9.77246 8.15234Z" fill="#6B7280" />
|
|
<path d="M9.77246 5.82426C10.5486 5.82426 11.2783 6.12652 11.8271 6.67535C12.3759 7.22422 12.6782 7.95395 12.6781 8.73012C12.6781 9.05371 12.9404 9.31605 13.264 9.31605C13.5876 9.31605 13.85 9.05371 13.85 8.73012C13.85 7.64094 13.4259 6.61687 12.6557 5.84672C11.8856 5.07652 10.8616 4.65234 9.77246 4.65234C9.44887 4.65234 9.18652 4.91469 9.18652 5.23828C9.18652 5.56188 9.44883 5.82426 9.77246 5.82426Z" fill="#6B7280" />
|
|
<path d="M9.77246 2.32471C9.44887 2.32471 9.18652 2.58705 9.18652 2.91064C9.18652 3.23424 9.44887 3.49658 9.77246 3.49658C12.6582 3.49658 15.006 5.84439 15.006 8.73018C15.006 9.05377 15.2684 9.31611 15.592 9.31611C15.9155 9.31611 16.1779 9.05377 16.1779 8.73018C16.1779 5.19818 13.3044 2.32471 9.77246 2.32471Z" fill="#6B7280" />
|
|
<path d="M17.2174 1.99879C15.9284 0.709844 14.2211 0 12.4099 0H7.58953C5.7784 0 4.07105 0.709844 2.78207 1.99879C1.49305 3.28777 0.783203 4.99504 0.783203 6.80617V10.2C0.783203 11.5888 1.2034 12.9271 1.99836 14.0704C2.6966 15.0744 3.63684 15.865 4.73434 16.375V18.6055C4.73434 19.9328 5.57172 20 5.73957 20C6.10824 20 6.47406 19.7891 6.82688 19.3732L8.83422 17.0062H12.41C14.2212 17.0062 15.9285 16.2963 17.2174 15.0074C18.5064 13.7184 19.2162 12.0112 19.2162 10.2V6.80621C19.2162 4.99504 18.5064 3.28773 17.2174 1.99879ZM18.0443 10.2C18.0443 13.3067 15.5167 15.8343 12.4099 15.8343H8.56281C8.39066 15.8343 8.22727 15.91 8.11594 16.0412L5.93316 18.6152C5.9241 18.6259 5.91523 18.6361 5.90664 18.6458C5.90637 18.6329 5.90621 18.6195 5.90621 18.6055V15.9892C5.90621 15.7487 5.75926 15.5326 5.53555 15.4442C3.39395 14.5982 1.95508 12.4907 1.95508 10.1999V6.80613C1.95508 3.69941 4.48266 1.17188 7.58953 1.17188H12.4099C15.5167 1.17188 18.0443 3.69941 18.0443 6.80617V10.2Z" fill="#6B7280" />
|
|
</g>
|
|
<defs>
|
|
<clipPath>
|
|
<rect width="20" height="20" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<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">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 1.4585C14.962 1.4585 18.9587 5.1185 18.9587 9.5835C18.9587 14.0485 14.962 17.7085 10.0003 17.7085C8.83533 17.7085 7.72199 17.506 6.70199 17.1393L4.02949 18.476C3.82199 18.5793 3.57449 18.5602 3.38533 18.4243C3.19699 18.2893 3.09949 18.0602 3.13116 17.8302L3.50283 15.176C1.97449 13.716 1.04199 11.746 1.04199 9.5835C1.04199 5.1185 5.03866 1.4585 10.0003 1.4585ZM10.0003 2.7085C5.76283 2.7085 2.29199 5.77016 2.29199 9.5835C2.29199 11.4977 3.17199 13.226 4.58033 14.4693C4.73783 14.6077 4.81533 14.816 4.78616 15.0243L4.53366 16.826L6.38783 15.8993C6.54616 15.8202 6.73116 15.8118 6.89616 15.8768C7.84699 16.251 8.89699 16.4585 10.0003 16.4585C14.2378 16.4585 17.7087 13.3968 17.7087 9.5835C17.7087 5.77016 14.2378 2.7085 10.0003 2.7085Z" fill="#6B7280" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.15499 12.227C6.05915 12.302 5.92249 12.2961 5.83332 12.2145C5.74332 12.132 5.72582 11.997 5.79165 11.8945C6.54999 10.7136 7.66999 8.97195 8.29165 8.00445C8.41249 7.81695 8.60415 7.68529 8.82249 7.63945C9.04165 7.59362 9.26915 7.63779 9.45499 7.76195C9.89749 8.05695 10.4525 8.42695 10.8275 8.67695C11.0867 8.84945 11.4217 8.86362 11.6942 8.71195C12.2842 8.38445 13.3392 7.79779 14.0983 7.37612C14.1992 7.32029 14.3258 7.34029 14.4042 7.42529C14.4817 7.51029 14.4917 7.63695 14.4283 7.73362C13.7667 8.72529 12.6933 10.3353 12.0983 11.2278C11.855 11.5928 11.3717 11.707 10.9917 11.4895C10.4542 11.182 9.71415 10.7595 9.23415 10.4853C8.94165 10.3178 8.57582 10.3436 8.30915 10.5511C7.78332 10.9603 6.88415 11.6603 6.15499 12.227Z" fill="#6B7280" />
|
|
</svg>
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Messager</a>
|
|
</div>
|
|
<h6>Send us an email</h6>
|
|
<p class="text-500">Our team will respond promptly to your inquiries</p>
|
|
<div class="d-flex mb-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
<path d="M18.2422 2.96875H1.75781C0.786602 2.96875 0 3.76023 0 4.72656V15.2734C0 16.2455 0.792383 17.0312 1.75781 17.0312H18.2422C19.2053 17.0312 20 16.2488 20 15.2734V4.72656C20 3.76195 19.2165 2.96875 18.2422 2.96875ZM17.996 4.14062C17.6369 4.49785 11.4564 10.6458 11.243 10.8581C10.9109 11.1901 10.4695 11.3729 10 11.3729C9.53047 11.3729 9.08906 11.1901 8.75594 10.857C8.61242 10.7142 2.50012 4.63414 2.00398 4.14062H17.996ZM1.17188 15.0349V4.96582L6.23586 10.0031L1.17188 15.0349ZM2.00473 15.8594L7.06672 10.8296L7.9284 11.6867C8.48176 12.2401 9.21746 12.5448 10 12.5448C10.7825 12.5448 11.5182 12.2401 12.0705 11.6878L12.9333 10.8296L17.9953 15.8594H2.00473ZM18.8281 15.0349L13.7641 10.0031L18.8281 4.96582V15.0349Z" fill="#6B7280" />
|
|
</svg>
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">support@infinia.com</a>
|
|
</div>
|
|
<div class="d-flex mb-2 mb-5">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
<path d="M18.2422 2.96875H1.75781C0.786602 2.96875 0 3.76023 0 4.72656V15.2734C0 16.2455 0.792383 17.0312 1.75781 17.0312H18.2422C19.2053 17.0312 20 16.2488 20 15.2734V4.72656C20 3.76195 19.2165 2.96875 18.2422 2.96875ZM17.996 4.14062C17.6369 4.49785 11.4564 10.6458 11.243 10.8581C10.9109 11.1901 10.4695 11.3729 10 11.3729C9.53047 11.3729 9.08906 11.1901 8.75594 10.857C8.61242 10.7142 2.50012 4.63414 2.00398 4.14062H17.996ZM1.17188 15.0349V4.96582L6.23586 10.0031L1.17188 15.0349ZM2.00473 15.8594L7.06672 10.8296L7.9284 11.6867C8.48176 12.2401 9.21746 12.5448 10 12.5448C10.7825 12.5448 11.5182 12.2401 12.0705 11.6878L12.9333 10.8296L17.9953 15.8594H2.00473ZM18.8281 15.0349L13.7641 10.0031L18.8281 4.96582V15.0349Z" fill="#6B7280" />
|
|
</svg>
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">sale@infinia.com</a>
|
|
</div>
|
|
<h6>For more inquiry</h6>
|
|
<p class="text-500">Reach out for immediate assistance</p>
|
|
<div class="d-flex mb-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
|
|
<g clip-path="url(#clip0_602_10701)">
|
|
<path d="M15.8064 12.3892C15.397 11.9628 14.9031 11.7349 14.3797 11.7349C13.8605 11.7349 13.3624 11.9586 12.936 12.385L11.6022 13.7146C11.4924 13.6555 11.3827 13.6006 11.2771 13.5458C11.1252 13.4698 10.9816 13.398 10.8592 13.3221C9.60978 12.5285 8.47429 11.4943 7.38524 10.1562C6.8576 9.48926 6.50302 8.92785 6.24553 8.358C6.59166 8.04141 6.91247 7.71216 7.22484 7.39558C7.34303 7.27739 7.46122 7.15497 7.57941 7.03678C8.46585 6.15034 8.46585 5.00219 7.57941 4.11576L6.42704 2.96338C6.29619 2.83253 6.16111 2.69745 6.03447 2.56238C5.78121 2.30067 5.51527 2.03051 5.2409 1.77725C4.83145 1.37202 4.3418 1.15674 3.82682 1.15674C3.31184 1.15674 2.81375 1.37202 2.39163 1.77725C2.38741 1.78147 2.38741 1.78147 2.38319 1.78569L0.948004 3.23354C0.407699 3.77384 0.099556 4.43234 0.0320178 5.19637C-0.0692895 6.42894 0.293728 7.57709 0.572323 8.32845C1.25615 10.1731 2.27766 11.8826 3.80149 13.7146C5.65035 15.9223 7.87489 17.6656 10.416 18.894C11.3869 19.3541 12.6828 19.8986 14.1306 19.9914C14.2193 19.9957 14.3121 19.9999 14.3965 19.9999C15.3716 19.9999 16.1905 19.6495 16.8321 18.9531C16.8364 18.9446 16.8448 18.9404 16.849 18.9319C17.0685 18.666 17.3218 18.4254 17.5877 18.1679C17.7692 17.9949 17.955 17.8133 18.1365 17.6234C18.5544 17.1886 18.7739 16.6821 18.7739 16.1629C18.7739 15.6395 18.5501 15.1371 18.1238 14.715L15.8064 12.3892ZM17.3176 16.834C17.3134 16.834 17.3134 16.8383 17.3176 16.834C17.153 17.0113 16.9841 17.1717 16.8026 17.349C16.5282 17.6107 16.2496 17.8851 15.9879 18.1932C15.5616 18.6491 15.0593 18.8644 14.4008 18.8644C14.3375 18.8644 14.2699 18.8644 14.2066 18.8602C12.9529 18.78 11.7879 18.2903 10.9141 17.8724C8.52495 16.7158 6.42704 15.0738 4.68371 12.9928C3.2443 11.2579 2.28188 9.65389 1.64449 7.93166C1.25193 6.8806 1.10841 6.0617 1.17172 5.28923C1.21394 4.79536 1.40389 4.38591 1.75424 4.03555L3.19365 2.59615C3.40049 2.40197 3.61998 2.29645 3.83526 2.29645C4.10119 2.29645 4.31647 2.45685 4.45155 2.59192C4.45577 2.59615 4.45999 2.60037 4.46421 2.60459C4.7217 2.84519 4.96653 3.09424 5.22402 3.36017C5.35487 3.49525 5.48995 3.63032 5.62502 3.76962L6.77739 4.92199C7.22483 5.36943 7.22483 5.7831 6.77739 6.23055C6.65498 6.35296 6.53679 6.47537 6.41438 6.59356C6.0598 6.95658 5.72211 7.29427 5.35487 7.62352C5.34643 7.63196 5.33799 7.63618 5.33377 7.64463C4.97075 8.00764 5.03829 8.36222 5.11427 8.60282C5.11849 8.61549 5.12271 8.62815 5.12693 8.64081C5.42663 9.36685 5.84874 10.0507 6.49036 10.8654L6.49458 10.8696C7.65961 12.3048 8.88796 13.4234 10.2429 14.2803C10.416 14.39 10.5933 14.4786 10.7621 14.5631C10.9141 14.639 11.0576 14.7108 11.18 14.7868C11.1969 14.7952 11.2138 14.8079 11.2307 14.8163C11.3742 14.8881 11.5093 14.9219 11.6486 14.9219C11.9989 14.9219 12.2184 14.7024 12.2902 14.6306L13.7338 13.187C13.8773 13.0435 14.1053 12.8704 14.3712 12.8704C14.6329 12.8704 14.8482 13.035 14.9791 13.1785C14.9833 13.1828 14.9833 13.1828 14.9875 13.187L17.3134 15.5128C17.7481 15.9434 17.7481 16.3866 17.3176 16.834Z" fill="#6B7280" />
|
|
<path d="M10.8089 4.7574C11.9148 4.94313 12.9195 5.46656 13.7215 6.26857C14.5235 7.07059 15.0427 8.07522 15.2327 9.18116C15.2791 9.45975 15.5197 9.65392 15.7941 9.65392C15.8278 9.65392 15.8574 9.6497 15.8912 9.64548C16.2035 9.59483 16.4104 9.29935 16.3597 8.98698C16.1318 7.64888 15.4986 6.42898 14.5319 5.46233C13.5653 4.49569 12.3454 3.86252 11.0073 3.63458C10.6949 3.58393 10.4037 3.79076 10.3488 4.09891C10.2939 4.40705 10.4965 4.70675 10.8089 4.7574Z" fill="#6B7280" />
|
|
<path d="M19.9766 8.82242C19.6009 6.61899 18.5625 4.61395 16.9669 3.01836C15.3714 1.42277 13.3663 0.384369 11.1629 0.00868772C10.8547 -0.0461871 10.5635 0.16487 10.5086 0.473013C10.4579 0.785377 10.6648 1.07664 10.9771 1.13151C12.9442 1.46498 14.7382 2.39785 16.1649 3.82037C17.5917 5.24712 18.5203 7.0411 18.8538 9.00815C18.9002 9.28675 19.1408 9.48092 19.4152 9.48092C19.449 9.48092 19.4785 9.4767 19.5123 9.47248C19.8204 9.42604 20.0315 9.13056 19.9766 8.82242Z" fill="#6B7280" />
|
|
</g>
|
|
<defs>
|
|
<clipPath>
|
|
<rect width="20" height="20" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">+01 (24) 568 900</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rotate-center ellipse-rotate-success position-absolute z-0"></div>
|
|
<div class="rotate-center-rev ellipse-rotate-primary position-absolute z-0"></div>
|
|
<div class="rotate-center-rev ellipse-rotate-info position-absolute z-0"></div>
|
|
</section>
|
|
</main>
|
|
<!-- prettier-ignore -->
|
|
<!-- Footer 5 -->
|
|
<footer>
|
|
<div class=" position-relative d-none d-md-flex">
|
|
<div class="col-6 bg-primary py-md-6"></div>
|
|
<div class="col-6 bg-primary-dark py-md-6"></div>
|
|
<div class="container position-absolute top-50 start-50 translate-middle">
|
|
<div class="row">
|
|
<div class="col-6 d-lg-flex gap-5">
|
|
<a href="#" class="d-flex mb-lg-0 mb-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M4.75 6.75L9.25 4.75V17.25L4.75 19.25V6.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M14.75 6.75L19.25 4.75V17.25L14.75 19.25V6.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M14.75 6.75L9.25 4.75V17.25L14.75 19.25V6.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
<p class="text-white mb-0 ms-2">0811 Erdman Prairie, Joaville CA</p>
|
|
</a>
|
|
<a href="#" class="d-flex">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M8.89286 4.75H6.06818C5.34017 4.75 4.75 5.34017 4.75 6.06818C4.75 13.3483 10.6517 19.25 17.9318 19.25C18.6598 19.25 19.25 18.6598 19.25 17.9318V15.1071L16.1429 13.0357L14.5317 14.6468C14.2519 14.9267 13.8337 15.0137 13.4821 14.8321C12.8858 14.524 11.9181 13.9452 10.9643 13.0357C9.98768 12.1045 9.41548 11.1011 9.12829 10.494C8.96734 10.1537 9.06052 9.76091 9.32669 9.49474L10.9643 7.85714L8.89286 4.75Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
<p class="text-white mb-0 ms-2">+01 (24) 568 900</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="d-flex ms-md-5">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M13 16H12V12H11M12 8H12.01M21 12C21 13.1819 20.7672 14.3522 20.3149 15.4442C19.8626 16.5361 19.1997 17.5282 18.364 18.364C17.5282 19.1997 16.5361 19.8626 15.4442 20.3149C14.3522 20.7672 13.1819 21 12 21C10.8181 21 9.64778 20.7672 8.55585 20.3149C7.46392 19.8626 6.47177 19.1997 5.63604 18.364C4.80031 17.5282 4.13738 16.5361 3.68508 15.4442C3.23279 14.3522 3 13.1819 3 12C3 9.61305 3.94821 7.32387 5.63604 5.63604C7.32387 3.94821 9.61305 3 12 3C14.3869 3 16.6761 3.94821 18.364 5.63604C20.0518 7.32387 21 9.61305 21 12Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
<p class="text-white mb-0 ms-2">Our website uses cookies to improve your experience.</p>
|
|
<a href="#" class="text-white ms-2 link-hover-primary-light"> Learn more </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section-footer">
|
|
<div class="container-fluid bg-6">
|
|
<div class="container position-relative z-2">
|
|
<div class="row py-90">
|
|
<div class="col-lg-4 pe-10">
|
|
<a href="index.html"><img src="assets/imgs/logo/logo-white.svg" alt="infinia"></a>
|
|
<p class="text-white fw-medium mt-3 mb-6 opacity-50">You may also realize cost savings from your energy efficient choices in your custom home. Federal tax credits for some green materials can allow you to deduct as much.</p>
|
|
<div class="d-flex social-icons">
|
|
<a href="https://www.facebook.com/" class=" text-white border border-end-0 border-light border-opacity-10 icon-shape icon-md">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="17" viewBox="0 0 10 17" fill="none">
|
|
<path d="M8.84863 9.20312H6.5415V16.0938H3.46533V9.20312H0.942871V6.37305H3.46533V4.18896C3.46533 1.72803 4.94189 0.34375 7.1875 0.34375C8.26416 0.34375 9.40234 0.559082 9.40234 0.559082V2.98926H8.14111C6.91064 2.98926 6.5415 3.72754 6.5415 4.52734V6.37305H9.2793L8.84863 9.20312Z" fill="white" />
|
|
</svg>
|
|
</a>
|
|
<a href="https://twitter.com/" class=" text-white border border-end-0 border-light border-opacity-10 icon-shape icon-md">
|
|
<i class="bi bi-twitter-x"></i>
|
|
</a>
|
|
<a href="https://www.linkedin.com/" class=" text-white border border-light border-opacity-10 icon-shape icon-md">
|
|
<i class="bi bi-linkedin"></i>
|
|
</a>
|
|
<a href="https://www.behance.net/" class=" text-white border border-start-0 border-light border-opacity-10 icon-shape icon-md">
|
|
<i class="bi bi-behance"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 col-6">
|
|
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5 pt-lg-0">Services</h3>
|
|
<div class="d-flex flex-column align-items-start">
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Project software</a>
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Resource software</a>
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Workflow</a>
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Gantt chart makers</a>
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Project dashboards</a>
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Task software</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-6">
|
|
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5 pt-lg-0">Resource</h3>
|
|
<div class="d-flex flex-column align-items-start">
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Knowledge Base</a>
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Documents</a>
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">System Status</a>
|
|
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Security</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 pt-5 pt-lg-0">
|
|
<p class="text-white fw-black opacity-50 text-uppercase">App & Payment</p>
|
|
<p class="text-white fw-medium mt-3 mb-4 opacity-50">Download our Apps and get
|
|
extra 15% discount on your first order…!</p>
|
|
<div class="d-flex gap-2">
|
|
<a href="#">
|
|
<img class="mb-2" src="assets/imgs/footer-4/app-payment-1.png" alt="App Store">
|
|
</a>
|
|
<a href="#">
|
|
<img class="mb-2" src="assets/imgs/footer-4/app-payment-2.png" alt="Google Play">
|
|
</a>
|
|
</div>
|
|
<div class="d-flex gap-2">
|
|
<a href="#">
|
|
<img class="mb-2" src="assets/imgs/footer-4/app-payment-3.png" alt="Microsoft">
|
|
</a>
|
|
<a href="#">
|
|
<img class="mb-2" src="assets/imgs/footer-4/app-payment-4.png" alt="Amazon">
|
|
</a>
|
|
</div>
|
|
<div class="col-1"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center py-4 border-top border-white border-opacity-10">
|
|
<span class="text-white opacity-50">Copyright © 2024 Infinia. All Rights Reserved</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- Scroll top -->
|
|
<div class="btn-scroll-top">
|
|
<svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
|
|
<path d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z" />
|
|
</svg>
|
|
</div>
|
|
<!-- Libs JS -->
|
|
<script src="assets/js/vendors/jquery-3.7.1.min.js"></script>
|
|
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/vendors/swiper-bundle.min.js"></script>
|
|
<script src="assets/js/vendors/aos.js"></script>
|
|
<script src="assets/js/vendors/wow.min.js"></script>
|
|
<script src="assets/js/vendors/headhesive.min.js"></script>
|
|
<script src="assets/js/vendors/smart-stick-nav.js"></script>
|
|
<script src="assets/js/vendors/jquery.magnific-popup.min.js"></script>
|
|
<script src="assets/js/vendors/gsap.min.js"></script>
|
|
<script src="assets/js/vendors/imagesloaded.pkgd.min.js"></script>
|
|
<script src="assets/js/vendors/isotope.pkgd.min.js"></script>
|
|
<script src="assets/js/vendors/ScrollToPlugin.min.js"></script>
|
|
<script src="assets/js/vendors/ScrollTrigger.min.js"></script>
|
|
<script src="assets/js/vendors/jquery.carouselTicker.min.js"></script>
|
|
<script src="assets/js/vendors/jquery.odometer.min.js"></script>
|
|
<script src="assets/js/vendors/jquery.appear.js"></script>
|
|
<script src="assets/js/vendors/gsap-custom.js"></script>
|
|
<script src="assets/js/vendors/bouncing-blob.js"></script>
|
|
<!-- Theme JS -->
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
<!-- Other scripts -->
|
|
</body>
|
|
|
|
|
|
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/page-features-1 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:38:20 GMT -->
|
|
</html> |