2419 lines
192 KiB
HTML
2419 lines
192 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
|
||
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/index-4 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:36:43 GMT -->
|
||
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||
<title>Infinia - Multi-purpose Bootstrap 5 Template</title>
|
||
<script src="assets/js/vendors/color-modes.js"></script>
|
||
<!-- Favicon icon-->
|
||
<link rel="shortcut icon" type="image/x-icon" href="assets/imgs/template/favicon.svg">
|
||
<!-- Libs CSS -->
|
||
<link rel="stylesheet" href="assets/css/vendors/bootstrap.min.css">
|
||
<link rel="stylesheet" href="assets/css/vendors/swiper-bundle.min.css">
|
||
<link rel="stylesheet" href="assets/css/vendors/aos.css">
|
||
<link rel="stylesheet" href="assets/css/vendors/odometer.css">
|
||
<link rel="stylesheet" href="assets/css/vendors/carouselTicker.css">
|
||
<link rel="stylesheet" href="assets/css/vendors/magnific-popup.css">
|
||
<link rel="stylesheet" href="assets/fonts/bootstrap-icons/bootstrap-icons.min.css">
|
||
<link rel="stylesheet" href="assets/fonts/boxicons/boxicons.min.css">
|
||
<link rel="stylesheet" href="assets/fonts/satoshi/satoshi.css">
|
||
<!-- Main CSS -->
|
||
<link rel="stylesheet" href="assets/css/main.css">
|
||
</head>
|
||
|
||
<body>
|
||
<!--Preloader-->
|
||
<div id="preloader">
|
||
<div id="loader" class="loader">
|
||
<div class="loader-container text-centẻ">
|
||
<div class="loader-icon">
|
||
<img src="assets/imgs/template/favicon.svg" alt="Preloader">
|
||
<p>Loading...</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--Preloader-end -->
|
||
<!-- Navbar -->
|
||
<header>
|
||
<nav class="navbar navbar-expand-lg navbar-light w-100 z-999 header-4">
|
||
<div class="container">
|
||
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
|
||
<img src="assets/imgs/template/favicon.svg" alt="infinia">
|
||
<span>Infinia</span>
|
||
</a>
|
||
<div class="d-none d-lg-flex">
|
||
<ul class="navbar-nav mx-auto gap-4 align-items-lg-center">
|
||
<li class="nav-item dropdown menu-item-has-children">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Home
|
||
</a>
|
||
<div class="dropdown-menu fix">
|
||
<ul class="list-unstyled">
|
||
<li class="position-relative z-1 border-bottom">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index.html">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
||
<path d="M16.1143 9.19978H12.8916V2.14741C12.8916 1.99512 12.7913 1.86072 12.6452 1.81775C12.4977 1.77478 12.3416 1.83287 12.2591 1.96075L5.59417 12.2801C5.52577 12.386 5.52061 12.5204 5.58111 12.6311C5.64127 12.7414 5.75711 12.8102 5.88292 12.8102H9.10558V19.8522C9.10558 20.0045 9.20596 20.1389 9.35205 20.1819C9.38436 20.1912 9.41702 20.196 9.44933 20.196C9.5638 20.196 9.67346 20.1386 9.73808 20.0389L16.403 9.72984C16.4715 9.62397 16.4766 9.48956 16.4161 9.37887C16.356 9.26853 16.2401 9.19978 16.1143 9.19978Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.1</span>
|
||
<span class="text-600 fs-7">Business Startup</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1 border-bottom">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-2">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3205 8.75C16.752 8.457 17 7.991 17 7.5C17 7.009 16.752 6.543 16.3205 6.25C15.016 5.365 13.004 4 11.961 3.2915C11.3905 2.9045 10.6095 2.9045 10.039 3.2915C8.996 4 6.984 5.365 5.6795 6.25C5.248 6.543 5 7.009 5 7.5C5 7.991 5.248 8.457 5.6795 8.75C6.984 9.635 8.996 11 10.039 11.7085C10.6095 12.0955 11.3905 12.0955 11.961 11.7085L16.3205 8.75Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.535 9.8605L9.4775 12.5355C10.3815 13.149 11.6185 13.149 12.5225 12.5355L16.465 9.8605C16.807 10.153 17 10.5665 17 11C17 11.491 16.752 11.957 16.3205 12.25C15.016 13.135 13.004 14.5 11.961 15.2085C11.3905 15.5955 10.6095 15.5955 10.039 15.2085C8.996 14.5 6.984 13.135 5.6795 12.25C5.248 11.957 5 11.491 5 11C5 10.5665 5.193 10.153 5.535 9.8605Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.535 13.3605L9.4775 16.0355C10.3815 16.649 11.6185 16.649 12.5225 16.0355L16.465 13.3605C16.807 13.653 17 14.0665 17 14.5C17 14.991 16.752 15.457 16.3205 15.75C15.016 16.635 13.004 18 11.961 18.7085C11.3905 19.0955 10.6095 19.0955 10.039 18.7085C8.996 18 6.984 16.635 5.6795 15.75C5.248 15.457 5 14.991 5 14.5C5 14.0665 5.193 13.653 5.535 13.3605Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.2</span>
|
||
<span class="text-600 fs-7">Application Landing</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1 border-bottom">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-3">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
||
<path d="M19.3734 10.5591L16.8746 9.84501C15.7493 9.52775 14.7242 8.92703 13.8975 8.10031C13.0708 7.27359 12.4701 6.24855 12.1528 5.12326L11.4387 2.62442C11.4028 2.537 11.3417 2.46222 11.2632 2.40959C11.1847 2.35697 11.0923 2.32887 10.9978 2.32887C10.9033 2.32887 10.8109 2.35697 10.7324 2.40959C10.6539 2.46222 10.5928 2.537 10.5569 2.62442L9.84283 5.12326C9.52558 6.24855 8.92486 7.27359 8.09814 8.10031C7.27142 8.92703 6.24637 9.52775 5.12108 9.84501L2.62225 10.5591C2.5263 10.5863 2.44186 10.6441 2.38173 10.7237C2.3216 10.8033 2.28906 10.9003 2.28906 11C2.28906 11.0997 2.3216 11.1968 2.38173 11.2763C2.44186 11.3559 2.5263 11.4137 2.62225 11.4409L5.12108 12.155C6.24637 12.4723 7.27142 13.073 8.09814 13.8997C8.92486 14.7264 9.52558 15.7515 9.84283 16.8768L10.5569 19.3756C10.5841 19.4715 10.6419 19.556 10.7215 19.6161C10.8011 19.6762 10.8981 19.7088 10.9978 19.7088C11.0976 19.7088 11.1946 19.6762 11.2742 19.6161C11.3537 19.556 11.4115 19.4715 11.4387 19.3756L12.1528 16.8768C12.4701 15.7515 13.0708 14.7264 13.8975 13.8997C14.7242 13.073 15.7493 12.4723 16.8746 12.155L19.3734 11.4409C19.4694 11.4137 19.5538 11.3559 19.6139 11.2763C19.6741 11.1968 19.7066 11.0997 19.7066 11C19.7066 10.9003 19.6741 10.8033 19.6139 10.7237C19.5538 10.6441 19.4694 10.5863 19.3734 10.5591Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.3</span>
|
||
<span class="text-600 fs-7">Marketing Services</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1 border-bottom">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-4">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.9965 2.80334L13.3633 4.90828C13.5282 5.05379 14.3915 5.8201 13.8095 6.98412C13.2275 8.14814 10.9965 11.8827 10.9965 11.8827C10.9965 11.8827 8.76543 8.14814 8.18342 6.98412C7.60141 5.8201 8.46472 5.05379 8.62962 4.90828L10.9965 2.80334Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6235 9.05026L18.3624 11.9603C18.2751 12.164 17.8192 13.2213 16.5291 13.0273C15.239 12.8333 11 11.8827 11 11.8827C11 11.8827 13.8519 8.60405 14.7734 7.68253C15.6949 6.76101 16.694 7.34302 16.888 7.45943L19.6235 9.05026Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.375 9.05026L3.63602 11.9603C3.72332 12.164 4.17923 13.2213 5.46936 13.0273C6.75948 12.8333 10.9985 11.8827 10.9985 11.8827C10.9985 11.8827 8.14661 8.59435 7.21539 7.68253C6.29387 6.76101 5.29475 7.34302 5.10075 7.45943L2.375 9.05026Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.62164 19.1966L8.7742 18.9056C8.9973 18.8862 10.1419 18.7795 10.365 17.4991C10.5784 16.209 10.9955 11.8827 10.9955 11.8827C10.9955 11.8827 6.98936 13.5705 5.82534 14.1622C4.66132 14.754 4.90383 15.8792 4.95233 16.1023L5.62164 19.1966Z" fill="#A38CFF"></path>
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.3661 19.1966L13.2135 18.9056C12.9904 18.8862 11.8458 18.7795 11.6227 17.4991C11.4093 16.209 10.9922 11.8827 10.9922 11.8827C10.9922 11.8827 14.9984 13.5705 16.1624 14.1622C17.3264 14.754 17.0839 15.8792 17.0354 16.1023L16.3661 19.1966Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.4</span>
|
||
<span class="text-600 fs-7">IT Services</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="index-5">
|
||
<svg class="mt-1" xmlns="http://www.w3.org/2000/svg" width="18" height="17" viewBox="0 0 18 17" fill="none">
|
||
<path d="M3.25295 4.15876C3.1292 4.13693 3.00309 4.12589 2.87813 4.12589C1.83455 4.12589 0.945478 4.87264 0.764063 5.90149L0.0328612 10.0485C-0.172874 11.2151 0.608946 12.3316 1.77559 12.5374C1.89935 12.5592 2.02546 12.5702 2.15041 12.5702C3.19391 12.5702 4.08307 11.8234 4.26448 10.7946L4.99573 6.64764C5.20138 5.48095 4.4196 4.36449 3.25295 4.15876Z" fill="#A38CFF"></path>
|
||
<path d="M9.24512 2.25455C9.12137 2.23272 8.99525 2.22168 8.8703 2.22168C7.82676 2.22168 6.93764 2.96844 6.75627 3.99728L5.35351 11.9527C5.25386 12.5178 5.38028 13.088 5.70942 13.5581C6.03856 14.0281 6.53111 14.3419 7.09624 14.4416C7.21999 14.4634 7.34611 14.4745 7.47106 14.4745C8.5146 14.4745 9.40372 13.7277 9.58513 12.6989L10.9879 4.74344C11.1936 3.57675 10.4118 2.46029 9.24512 2.25455Z" fill="#A38CFF"></path>
|
||
<path d="M16.6264 0.916441C16.2972 0.446361 15.8047 0.132602 15.2396 0.0329143C15.1158 0.0110861 14.9896 0 14.8646 0C13.8211 0 12.9321 0.746757 12.7507 1.77565L10.5644 14.1742C10.4648 14.7394 10.5912 15.3095 10.9204 15.7796C11.2495 16.2496 11.7421 16.5634 12.3071 16.6631C12.4309 16.685 12.557 16.696 12.682 16.696C13.7256 16.696 14.6147 15.9492 14.7961 14.9204L16.9823 2.5218C17.0819 1.95668 16.9556 1.38652 16.6264 0.916441Z" fill="#A38CFF"></path>
|
||
</svg>
|
||
<span class="ms-2">
|
||
<span class="d-block fw-bold fs-6">Home page v.5</span>
|
||
<span class="text-600 fs-7">Consulting Services</span>
|
||
</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
||
<div class="ellipse-rotate-primary-sm position-absolute top-50 z-0"></div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item dropdown has-mega-menu">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Pages
|
||
</a>
|
||
<div class="mega-menu fix start-50 translate-middle-x">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<div class="mega-menu-content">
|
||
<div class="row">
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">ABOUT US</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-about">About us v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-about-2">About us v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-about-3">About us v.3</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">SERVICES</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-1">Services v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-2">Services v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-3">Services v.3</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-details-1">Services details v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-services-details-2">Services details v.2</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">OUR TEAM</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-1">Our team v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-2">Our team v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-3">Our team v.3</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-4">Our team v.4</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-5">Our team v.5</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-6">Our team v.6</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-detail-1">Team detail v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-team-detail-2">Team detail v.2</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">FEATURES</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-features-1">Features v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-features-2">Features v.2</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">PRICING</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-pricing-01">Pricing v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-pricing-02">Pricing v.2</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">CONTACT</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-contact-1">Contact v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-contact-2">Contact v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-contact-3">Contact v.3</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">BLOG</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-blog-1">Blog v.1</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-blog-2">Blog v.2</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-blog-details">Blog details</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">CASE STUDY</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-case-study">Case Study</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-case-study-details">Case study details</a></li>
|
||
</ul>
|
||
<p class="text-primary fw-bold mb-1 fs-7 mt-4">AUTHENTICATION</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-register">Register</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-login">Sign in</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">UTILITIES</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-work-process">Work Process</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-book-a-demo">Book a demo</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-integration">Integration</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-changelog">Change log</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-privacy-policy">Privacy policy</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-terms-conditions">Terms conditions</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-comming-soon">Comming soon</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-404">Error 404</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mega-menu-list">
|
||
<p class="text-primary fw-bold mb-1 fs-7">STYLE GUIDE</p>
|
||
<ul class="list-unstyled">
|
||
<li><a class="dropdown-item position-relative z-1" href="page-style-guide">Color & Typography</a></li>
|
||
<li><a class="dropdown-item position-relative z-1" href="page-elements">Basic elements</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="position-relative bg-4 rounded-3 mt-5">
|
||
<img class="rounded-3" src="assets/imgs/template/bg-card.png" alt="">
|
||
<div class="position-absolute top-50 start-50 translate-middle z-0">
|
||
<img class="ms-3" src="assets/imgs/logo/logo-dark.svg" alt="infinia">
|
||
<p class="fs-7 fw-bold text-900 text-center my-3 text-nowrap">Multi-layout SaaS & <br> Startup Website <br> Template</p>
|
||
<div class="d-flex mt-3 ms-3">
|
||
<img src="assets/imgs/other/avatar-1.png" alt="infinia">
|
||
<img class="avt-hero" src="assets/imgs/other/avatar-2.png" alt="infinia">
|
||
<img class="avt-hero " src="assets/imgs/other/avatar-3.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="btn btn-md btn-gradient fs-8 mt-3 text-nowrap">
|
||
Get this now
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
|
||
<path d="M12.5477 11.3147V5.30603H6.53906" stroke="white" stroke-width="1.06034" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path d="M12.3707 5.48276L5.125 12.7284" stroke="white" stroke-width="1.06034" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
|
||
<img src="assets/imgs/team-1/bg-line.png" alt="infinia">
|
||
</div>
|
||
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
||
<div class="ellipse-rotate-primary-sm position-absolute top-0 end-0 translate-middle-y z-0"></div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item dropdown has-mega-menu-2">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Sections
|
||
</a>
|
||
<div class="mega-menu fix">
|
||
<div class="d-flex flex-wrap gap-2 position-relative z-1">
|
||
<a href="section-navigation" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Navigation
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
09
|
||
</span>
|
||
</a>
|
||
<a href="section-hero" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Hero
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-logo-cloud" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Logo cloud
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-cta" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Call to action
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
15
|
||
</span>
|
||
</a>
|
||
<a href="section-how-it-work" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
How it work
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
02
|
||
</span>
|
||
</a>
|
||
<a href="section-services" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Services
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
04
|
||
</span>
|
||
</a>
|
||
<a href="section-team" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Team
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
07
|
||
</span>
|
||
</a>
|
||
<a href="section-pricing" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Pricing
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-faqs" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
FAQS
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
03
|
||
</span>
|
||
</a>
|
||
<a href="section-testimonial" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Testimonials
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
04
|
||
</span>
|
||
</a>
|
||
<a href="section-blog" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Blog
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-newsletter" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Newsletter
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
03
|
||
</span>
|
||
</a>
|
||
<a href="section-footer" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Footer
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
05
|
||
</span>
|
||
</a>
|
||
<a href="section-features" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Features
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
13
|
||
</span>
|
||
</a>
|
||
<a href="section-projects" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Projects
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
02
|
||
</span>
|
||
</a>
|
||
<a href="section-contact" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Contact
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
06
|
||
</span>
|
||
</a>
|
||
<a href="section-static" class="btn btn-md btn-filter mb-2 me-2 rounded-pill py-2 d-inline-flex">
|
||
Static
|
||
<span class="rounded-pill ms-2 fs-9 bg-primary-soft text-dark px-2 py-1">
|
||
03
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="position-absolute bottom-0 end-0 z-0">
|
||
<img src="assets/imgs/other/bg-line.png" alt="infinia">
|
||
</div>
|
||
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item dropdown menu-item-has-children">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||
Style Guide
|
||
</a>
|
||
<div class="dropdown-menu p-4 fix">
|
||
<ul class="list-unstyled">
|
||
<li class="position-relative border-bottom z-1">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="page-style-guide">
|
||
Style guide
|
||
</a>
|
||
</li>
|
||
<li class="position-relative z-1">
|
||
<a class="dropdown-item position-relative z-1 d-flex align-items-start" href="page-elements">
|
||
Elements
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<div class="ellipse-rotate-success-sm position-absolute top-0 start-0 translate-middle z-0"></div>
|
||
<div class="ellipse-rotate-primary-sm position-absolute bottom-0 end-0 translate-middle z-0"></div>
|
||
</div>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link fw-bold d-flex align-items-center" href="page-contact-1">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="d-flex align-items-center pe-5 pe-lg-0 me-5 me-lg-0">
|
||
<a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target=".offcanvasTop">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-dark" d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</a>
|
||
<div class="dark-light-switcher d-flex justify-content-center align-items-center icon-shape icon-md border bg-white rounded-3 ms-3 me-md-3 me-0">
|
||
<i class="bi theme-icon bi-sun-fill"></i>
|
||
<i class="bi theme-icon bi-moon-stars-fill"></i>
|
||
</div>
|
||
<a href="javascript:void(0)" class="menu-tigger bg-primary icon-shape icon-md rounded-2 d-none d-md-flex">
|
||
<img src="assets/imgs/logo/icon-menu.svg" alt="infinia">
|
||
</a>
|
||
<div class="burger-icon burger-icon-white border rounded-3">
|
||
<span class="burger-icon-top"></span>
|
||
<span class="burger-icon-mid"></span>
|
||
<span class="burger-icon-bottom"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- offCanvas-menu -->
|
||
<div class="offCanvas__info">
|
||
<div class="offCanvas__close-icon menu-close">
|
||
<button><i class="far fa-window-close"></i></button>
|
||
</div>
|
||
<div class="offCanvas__logo mb-30">
|
||
<a href="index.html"><img src="assets/imgs/logo/logo-dark.svg" alt="Logo" /></a>
|
||
</div>
|
||
<div class="offCanvas__side-info mb-30">
|
||
<div class="contact-list mb-30">
|
||
<h4>Chat with us</h4>
|
||
<p class="mb-3">
|
||
The support team is always<br />
|
||
available 24/7
|
||
</p>
|
||
<div class="d-flex mb-2">
|
||
<img src="assets/imgs/contact-2/icon-1.svg" alt="infinia" />
|
||
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Whatsapp</a>
|
||
</div>
|
||
<div class="d-flex mb-2">
|
||
<img src="assets/imgs/contact-2/icon-2.svg" alt="infinia" />
|
||
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Viber</a>
|
||
</div>
|
||
<div class="d-flex mb-2 mb-5">
|
||
<img src="assets/imgs/contact-2/icon-3.svg" alt="infinia" />
|
||
<a class="ms-2 text-decoration-underline text-900 fs-7" href="#">Chat via Messager</a>
|
||
</div>
|
||
</div>
|
||
<div class="contact-list mb-30">
|
||
<h4>Office Address</h4>
|
||
<p>
|
||
123/A, Miranda City Likaoli <br />
|
||
Prikano, Dope
|
||
</p>
|
||
</div>
|
||
<div class="contact-list mb-30">
|
||
<h4>Phone Number</h4>
|
||
<p>(+01) 234 567 89</p>
|
||
<p>(+01) 456 789 21</p>
|
||
</div>
|
||
<div class="contact-list mb-30">
|
||
<h4>Business Emails</h4>
|
||
<p><a href="mailto:contact@alithemes.com">contact@alithemes.com</a></p>
|
||
<p><a href="mailto:sale@alithemes.com ">sale@alithemes.com </a></p>
|
||
</div>
|
||
<div class="contact-list mb-30">
|
||
<h4>Help & support</h4>
|
||
<p>Email <a href="mailto:support@alithemes.com">support@alithemes.com</a> For help with a current product or service or refer to FAQs and developer tools.</p>
|
||
</div>
|
||
</div>
|
||
<div class="offCanvas__social-icon mt-30">
|
||
<a href="javascript:void(0)"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="javascript:void(0)"><i class="fab fa-twitter"></i></a>
|
||
<a href="javascript:void(0)"><i class="fab fa-google-plus-g"></i></a>
|
||
<a href="javascript:void(0)"><i class="fab fa-instagram"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="offCanvas__overly"></div>
|
||
<!-- Offcanvas search -->
|
||
<div class="offcanvas offcanvas-top offcanvasTop h-50" tabindex="-1">
|
||
<div class="offcanvas-header">
|
||
<button class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||
</div>
|
||
<div class="offcanvas-body">
|
||
<div class="container">
|
||
<div class="row py-md-5 py-2">
|
||
<div class="col-12 col-lg-8 mx-auto">
|
||
<h4 class="mb-2 fs-sm-5">What are you looking for?</h4>
|
||
<p class="text-500 fs-6 mb-5">Explore our services and discover how we can help you achieve your goals</p>
|
||
<div class="input-group" data-aos="zoom-in">
|
||
<input type="text" class="form-control ps-5 rounded-start-pill" name="name" placeholder="Enter Your Keywords" />
|
||
<button class="btn btn-primary rounded-end-pill">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M19.25 19.25L15.5 15.5M4.75 11C4.75 7.54822 7.54822 4.75 11 4.75C14.4518 4.75 17.25 7.54822 17.25 11C17.25 14.4518 14.4518 17.25 11 17.25C7.54822 17.25 4.75 14.4518 4.75 11Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
<div class="d-flex flex-column flex-lg-row mt-5">
|
||
<h6 class="d-inline me-2">Suggest:</h6>
|
||
<div class="d-flex flex-wrap gap-2">
|
||
<a href="#">Startup</a>
|
||
<a href="#">Agency</a>
|
||
<a href="#">Creative</a>
|
||
<a href="#">Consulting</a>
|
||
<a href="#">IT services</a>
|
||
<a href="#">Pricing</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Offcanvas search -->
|
||
|
||
<div class="mobile-header-active mobile-header-wrapper-style perfect-scrollbar button-bg-2">
|
||
<div class="mobile-header-wrapper-inner">
|
||
<div class="mobile-header-logo">
|
||
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
|
||
<img src="assets/imgs/template/favicon.svg" alt="infinia">
|
||
<span>Infinia</span>
|
||
</a>
|
||
<div class="burger-icon burger-icon-white border rounded-3">
|
||
<span class="burger-icon-top"></span>
|
||
<span class="burger-icon-mid"></span>
|
||
<span class="burger-icon-bottom"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mobile-header-content-area">
|
||
<div class="perfect-scroll">
|
||
<div class="mobile-menu-wrap mobile-header-border">
|
||
<nav>
|
||
<ul class="mobile-menu font-heading ps-0">
|
||
<li class="has-children">
|
||
<a class="active" href="#">Homepages</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="index.html">Home 1 - Business Startup</a></li>
|
||
<li><a href="index-2">Home 2 - Application Landing</a></li>
|
||
<li><a href="index-3">Home 3 - Marketing Services</a></li>
|
||
<li><a href="index-4">Home 4 - IT Services</a></li>
|
||
<li><a href="index-5">Home 5 - Consulting Services</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="has-children">
|
||
<a href="#">About Us</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-about">About us v.1</a></li>
|
||
<li><a href="page-about-2">About us v.2</a></li>
|
||
<li><a href="page-about-3">About us v.3</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Our Services</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-services-1">Services v.1</a></li>
|
||
<li><a href="page-services-2">Services v.2</a></li>
|
||
<li><a href="page-services-3">Services v.3</a></li>
|
||
<li><a href="page-services-details-1">Services details v.1</a></li>
|
||
<li><a href="page-services-details-2">Services details v.2</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Our Team</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-team-1">Our team v.1</a></li>
|
||
<li><a href="page-team-2">Our team v.2</a></li>
|
||
<li><a href="page-team-3">Our team v.3</a></li>
|
||
<li><a href="page-team-4">Our team v.4</a></li>
|
||
<li><a href="page-team-5">Our team v.5</a></li>
|
||
<li><a href="page-team-6">Our team v.6</a></li>
|
||
<li><a href="page-team-detail-1">Team detail v.1</a></li>
|
||
<li><a href="page-team-detail-2">Team detail v.2</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Features</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-features-1">Features v.1</a></li>
|
||
<li><a href="page-features-2">Features v.2</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Pricing</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-pricing-01">Pricing v.1</a></li>
|
||
<li><a href="page-pricing-02">Pricing v.2</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Contact Us</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-contact-1">Contact v.1</a></li>
|
||
<li><a href="page-contact-2">Contact v.2</a></li>
|
||
<li><a href="page-contact-3">Contact v.3</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Blog & News</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-blog-1">Blog v.1</a></li>
|
||
<li><a href="page-blog-2">Blog v.2</a></li>
|
||
<li><a href="page-blog-details">Blog details</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Case Study</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-case-study">Case Study</a></li>
|
||
<li><a href="page-case-study-details">Case study details</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Authentication</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-register">Register</a></li>
|
||
<li><a href="page-login">Sign in</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Utilities</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-work-process">Work Process</a></li>
|
||
<li><a href="page-book-a-demo">Book a demo</a></li>
|
||
<li><a href="page-integration">Integration</a></li>
|
||
<li><a href="page-changelog">Change log</a></li>
|
||
<li><a href="page-privacy-policy">Privacy policy</a></li>
|
||
<li><a href="page-terms-conditions">Terms conditions</a></li>
|
||
<li><a href="page-comming-soon">Comming soon</a></li>
|
||
<li><a href="page-404">Error 404</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">Style Guide</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="page-style-guide">Color & Typography</a></li>
|
||
<li><a href="page-elements">Basic elements</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
<li class="has-children">
|
||
<a href="#">All Sections</a>
|
||
<ul class="sub-menu">
|
||
<li><a href="section-navigation"> Navigation </a></li>
|
||
<li><a href="section-hero"> Hero </a></li>
|
||
<li><a href="section-logo-cloud"> Logo cloud </a></li>
|
||
<li><a href="section-cta"> Call to action </a></li>
|
||
<li><a href="section-how-it-work"> How it work </a></li>
|
||
<li><a href="section-services"> Services </a></li>
|
||
<li><a href="section-team"> Team </a></li>
|
||
<li><a href="section-pricing"> Pricing </a></li>
|
||
<li><a href="section-faqs"> FAQS </a></li>
|
||
<li><a href="section-testimonial"> Testimonials </a></li>
|
||
<li><a href="section-blog"> Blog </a></li>
|
||
<li><a href="section-newsletter"> Newsletter </a></li>
|
||
<li><a href="section-footer"> Footer </a></li>
|
||
<li><a href="section-features"> Features </a></li>
|
||
<li><a href="section-projects"> Projects </a></li>
|
||
<li><a href="section-contact"> Contact </a></li>
|
||
<li><a href="section-static"> Static </a></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
<main>
|
||
<!--Hero 4-->
|
||
<section class="section-hero-4 position-relative fix pt-150">
|
||
<div class="container">
|
||
<div class="row position-relative z-1">
|
||
<div class="col-lg-6 text-center text-lg-start">
|
||
<div class="position-relative d-inline-block">
|
||
<img class="rounded-5 border border-5 border-white" src="assets/imgs/hero-4/img-1.png" alt="infinia" />
|
||
<div class="alltuchtopdown backdrop-filter rounded-4 text-center d-inline-block px-6 py-4 m-5 position-absolute bottom-0 end-0">
|
||
<h2 class="count text-900 fw-black">+<span class="odometer" data-count="23"></span><span>k</span></h2>
|
||
<h6 class="text-500">Professionals</h6>
|
||
<p class="text-500 fs-7">Love Our System</p>
|
||
<a href="#" class="shadow-sm d-flex align-items-center bg-white d-inline-flex rounded-pill px-2 py-1 mb-3">
|
||
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
|
||
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
|
||
</a>
|
||
</div>
|
||
<div class="position-absolute start-0 bottom-50 translate-middle-x">
|
||
<div class="alltuchtopdown">
|
||
<img src="assets/imgs/hero-4/vector-1.svg" alt="infinia" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="position-relative align-self-end mt-10">
|
||
<h3 class="ds-3 fw-regular">
|
||
Complex
|
||
<span class=" fw-bold">IT <br />Solution</span>
|
||
For <span class=" fw-bold">Grow <br /></span> Your <span class=" fw-bold">Business</span>
|
||
</h3>
|
||
<p class="fs-5 text-500 py-3">Provide your team with top-tier group mentoring programs and exceptional professional benefits.</p>
|
||
<a href="#" class="fw-bold btn bg-neutral-100 d-inline-flex align-items-center text-900 hover-up">
|
||
<span class="me-10">Get 15 Days Free Trial</span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="fill-dark" d="M17.4177 5.41776L16.3487 6.48684L21.1059 11.2441H0V12.756H21.1059L16.3487 17.5132L17.4177 18.5823L24 12L17.4177 5.41776Z" fill="black" />
|
||
</svg>
|
||
</a>
|
||
<p class="text-500 fs-8 pt-3 pb-8">No Card Required. Cancel Anytime.</p>
|
||
<div class="row">
|
||
<div class="row position-relative align-items-center justify-content-between">
|
||
<div class="col d-flex align-items-center">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<h2 class="count fw-black text-900 text-nowrap"><span class="odometer" data-count="12"></span>M+</h2>
|
||
</div>
|
||
</div>
|
||
<p class="ms-3 fs-5">
|
||
Transaction
|
||
<br />
|
||
Completed
|
||
</p>
|
||
</div>
|
||
<div class="col d-flex align-items-center pe-lg-8 ">
|
||
<span class="line-verticarl border-start h-50 ms-4 position-absolute top-50 start-50 translate-middle d-none d-md-block"></span>
|
||
<div class="counter-item-cover counter-item ms-md-auto">
|
||
<div class="content ">
|
||
<h2 class="count fw-black text-900"><span class="odometer" data-count="25"></span>k+</h2>
|
||
</div>
|
||
</div>
|
||
<p class="ms-3 fs-5">
|
||
Happy <br />
|
||
Clients
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-8 mb-10">
|
||
<div class="swiper slider-two pb-5 mt-lg-0 mt-5">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="d-flex">
|
||
<div class="img align-self-start">
|
||
<img class="rounded-circle" src="assets/imgs/hero-4/avatar-1.png" alt="infinia" />
|
||
</div>
|
||
<div class="content ms-3">
|
||
<div class="d-flex">
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
</div>
|
||
<p class="text-500 mt-2">
|
||
Access the same project through five different dynamic <br class="d-md-block d-none" />
|
||
views: a kanban board, Gantt chart, spreadsheet, calendar <br />
|
||
or simple task list.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="d-flex">
|
||
<div class="img align-self-start">
|
||
<img class="rounded-circle" src="assets/imgs/hero-4/avatar-1.png" alt="infinia" />
|
||
</div>
|
||
<div class="content ms-3">
|
||
<div class="d-flex">
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
</div>
|
||
<p class="text-500 mt-2">
|
||
Access the same project through five different dynamic <br class="d-md-block d-none" />
|
||
views: a kanban board, Gantt chart, spreadsheet, calendar <br />
|
||
or simple task list.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="d-flex">
|
||
<div class="img align-self-start">
|
||
<img class="rounded-circle" src="assets/imgs/hero-4/avatar-1.png" alt="infinia" />
|
||
</div>
|
||
<div class="content ms-3">
|
||
<div class="d-flex">
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
</div>
|
||
<p class="text-500 mt-2">
|
||
Access the same project through five different dynamic <br class="d-md-block d-none" />
|
||
views: a kanban board, Gantt chart, spreadsheet, calendar <br />
|
||
or simple task list.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="d-flex">
|
||
<div class="img align-self-start">
|
||
<img class="rounded-circle" src="assets/imgs/hero-4/avatar-1.png" alt="infinia" />
|
||
</div>
|
||
<div class="content ms-3">
|
||
<div class="d-flex">
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
<img src="assets/imgs/hero-4/star-yellow.svg" alt="infinia" />
|
||
</div>
|
||
<p class="text-500 mt-2">
|
||
Access the same project through five different dynamic <br class="d-md-block d-none" />
|
||
views: a kanban board, Gantt chart, spreadsheet, calendar <br />
|
||
or simple task list.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-0 end-0 z-1 flickering pt-9 pe-4">
|
||
<img src="assets/imgs/hero-4/star-1.svg" alt="infinia" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-0 start-0 bottom-0 mb-5 bg-2 rounded-4 fix">
|
||
<img class="h-100" src="assets/imgs/hero-4/line-bg.png" alt="infinia" />
|
||
</div>
|
||
<div class="position-absolute bg-rotate d-none d-lg-block pb-10 ps-9 mb-8 z-0">
|
||
<img src="assets/imgs/hero-4/favicon.svg" alt="infinia" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!--Logo cloud 4-->
|
||
<div class="container-fluid mt-8 mt-lg-0 bg-4">
|
||
<div class="container">
|
||
<div class="row">
|
||
<!-- Carausel Scroll -->
|
||
<div class="carouselTicker carouselTicker-right my-7 position-relative z-1">
|
||
<ul class="carouselTicker__list">
|
||
<li class="carouselTicker__item">
|
||
<img src="assets/imgs/logo-cloud-4/logo-1.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item">
|
||
<img src="assets/imgs/logo-cloud-4/logo-2.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item">
|
||
<img src="assets/imgs/logo-cloud-4/logo-3.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item">
|
||
<img src="assets/imgs/logo-cloud-4/logo-4.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item">
|
||
<img src="assets/imgs/logo-cloud-4/logo-5.svg" alt="infinia">
|
||
</li>
|
||
<li class="carouselTicker__item">
|
||
<img src="assets/imgs/logo-cloud-4/logo-6.svg" alt="infinia">
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--Services 3-->
|
||
<section class="section-services-3 section-padding">
|
||
<div class="container position-relative z-2">
|
||
<div class="text-center">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2" data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">What we offers</span>
|
||
</div>
|
||
<h3 class="ds-3 my-3 fw-regular">The Leading <span class=" fw-bold">IT Solutions <br class="d-lg-block d-none"> Company</span> For You</h3>
|
||
</div>
|
||
<div class="row mt-6 position-relative">
|
||
<div class="swiper slider-2 px-1">
|
||
<div class="swiper-wrapper">
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">IT Consulting</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Network Design</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Software Dev</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-4.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">IT Training</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">IT Consulting</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Network Design</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Software Dev</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card-service-4 position-relative bg-white p-6 border rounded-3 text-center shadow-1 hover-up mt-2">
|
||
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 me-5">
|
||
<div class="icon">
|
||
<img src="assets/imgs/service-3/icon-4.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">IT Training</h5>
|
||
<p class="mb-6">Beauis utter enim amet lacus ornare ullamcorper Praesent
|
||
neque purus rhoncus.</p>
|
||
<a href="#" class="text-primary fs-7 fw-bold">
|
||
Learm More
|
||
<svg class=" ms-2 " xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none">
|
||
<g clip-path="url(#clip0_399_9647)">
|
||
<path d="M13.5633 4.06348L12.7615 4.86529L16.3294 8.43321H0.5V9.56716H16.3294L12.7615 13.135L13.5633 13.9369L18.5 9.00015L13.5633 4.06348Z" fill="#111827" />
|
||
</g>
|
||
<defs>
|
||
<clipPath>
|
||
<rect width="18" height="18" fill="white" transform="translate(0.5)" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
<div class="rectangle position-absolute bottom-0 start-50 translate-middle-x"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-button-prev d-none d-lg-flex shadow-2 position-absolute top-50 translate-middle-y bg-white ms-lg-7">
|
||
<i class="bi bi-arrow-left"></i>
|
||
</div>
|
||
<div class="swiper-button-next d-none d-lg-flex shadow-2 position-absolute top-50 translate-middle-y bg-white">
|
||
<i class="bi bi-arrow-right"></i>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--cta 4 -->
|
||
<section class="section-cta-4 pb-110 @@classList">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-6 text-center">
|
||
<div class="text-center rounded-4 position-relative d-inline-flex">
|
||
<div class="zoom-img rounded-4 position-relative z-1">
|
||
<img class="rounded-4" src="assets/imgs/cta-4/img-1.png" alt="infinia">
|
||
<div class="position-absolute top-50 start-50 translate-middle z-2">
|
||
<a href="https://www.youtube.com/watch?v=gXFATcwrO-U" class="d-inline-flex align-items-center rounded-4 text-nowrap backdrop-filter px-3 py-2 popup-video hover-up me-3 shadow-1">
|
||
<span class="backdrop-filter me-2 icon-shape icon-md rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||
<path class="stroke-dark" d="M5.0978 3.31244L12.0958 6.80342C13.077 7.29449 13.0767 8.69249 12.0954 9.18316L5.09734 12.6927C4.21074 13.136 3.16687 12.4925 3.16687 11.5027L3.16687 4.50219C3.16687 3.51217 4.2112 2.86872 5.0978 3.31244Z" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</span>
|
||
<span class="fw-bold fs-7 text-900">
|
||
Video Guide
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-100 start-0 translate-middle z-0 pt-5">
|
||
<img class="alltuchtopdown" src="assets/imgs/cta-4/vector.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 mt-lg-0 mt-8">
|
||
<h6 class="text-primary">What We Do</h6>
|
||
<h5 class="ds-5 my-3">Custom Services For <br>
|
||
Your Business</h5>
|
||
<p class="fs-5 text-500">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
|
||
<div class="d-md-flex align-items-center mt-4 mb-5">
|
||
<ul class="list-unstyled phase-items mb-0">
|
||
<li class="d-flex align-items-center mt-3">
|
||
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
|
||
<span class="ms-2 text-900">Creative Ideas</span>
|
||
</li>
|
||
<li class="d-flex align-items-center mt-3">
|
||
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
|
||
<span class="ms-2 text-900">Web Development</span>
|
||
</li>
|
||
</ul>
|
||
<ul class="list-unstyled phase-items ms-md-5 mb-0">
|
||
<li class="d-flex align-items-center mt-3">
|
||
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
|
||
<span class="ms-2 text-900">Digital Marketing</span>
|
||
</li>
|
||
<li class="d-flex align-items-center mt-3">
|
||
<img src="assets/imgs/cta-2/check.svg" alt="infinia">
|
||
<span class="ms-2 text-900">App Development</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="row mt-8">
|
||
<div class="d-flex align-items-center">
|
||
<a href="#" class="btn btn-gradient">
|
||
Get Free Quote
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="ms-5 text-decoration-underline fw-bold">How We Work</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Static 2-->
|
||
<section class="section-static-1 position-relative fix z-0 py-8">
|
||
<div class="container">
|
||
<div class="inner">
|
||
<div class="row align-items-center justify-content-between">
|
||
<div class="col-lg-auto col-md-12 text-center text-lg-start mb-5 mb-lg-0">
|
||
<h4 class="mb-0">
|
||
See why we are <br> trusted the world over
|
||
</h4>
|
||
</div>
|
||
<div class="col-lg-auto col-md-6">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<span class="h1 count fw-black text-primary my-0"><span class="odometer" data-count="469"></span><span>k</span></span>
|
||
<p>New accounts</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-auto col-md-6">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<span class="h1 count fw-black text-primary my-0">+<span class="odometer" data-count="92"></span></span>
|
||
<p>Finished projects</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-auto col-md-6">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<span class="h1 count fw-black text-primary my-0">+<span class="odometer" data-count="756"></span></span>
|
||
<p>Skilled experts</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-auto col-md-6">
|
||
<div class="counter-item-cover counter-item">
|
||
<div class="content text-center mx-auto">
|
||
<span class="h1 count fw-black text-primary my-0">+<span class="odometer" data-count="25"></span><span>k</span></span>
|
||
<p>Media posts</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bouncing-blobs-container">
|
||
<div class="bouncing-blobs-glass fix"></div>
|
||
<div class="bouncing-blobs">
|
||
<div class="bouncing-blob bouncing-blob--green"></div>
|
||
<div class="bouncing-blob bouncing-blob--primary"></div>
|
||
<div class="bouncing-blob bouncing-blob--infor bouncing-blob--infor-2"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Team 3-->
|
||
<section class="section-team-3 section-padding overflow-hidden">
|
||
<div class="container">
|
||
<div class="row position-relative z-1">
|
||
<div class="text-center">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2" data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">OUR TEAM MEMBERS</span>
|
||
</div>
|
||
<h3 class="ds-3 my-3">Meet Our Team</h3>
|
||
<p>Meet the talented and passionate team members who drive our company forward every day. <br> company forward every day.</p>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-6">
|
||
<div class="swiper slider-2 px-1">
|
||
<div class="swiper-wrapper">
|
||
<!-- prettier-ignore -->
|
||
<div class="swiper-slide">
|
||
<div class="position-relative z-1">
|
||
<div class="zoom-img rounded-4">
|
||
<img class="img-fluid w-100" src="assets/imgs/team-3/portrait-1.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="card-team text-start rounded-4 position-absolute bottom-0 start-0 end-0 z-1 p-4">
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">Michael Anderson</h6>
|
||
<div class="d-flex">
|
||
<span class="fs-7 text-white me-auto">Co-Founder</span>
|
||
<div class="arrow-icon bg-white-keep icon-shape icon-sm rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.25 15.25V6.75H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7L6.75 17.25" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="bg-primary opacity-75 position-absolute bottom-0 start-0 end-0 top-0 z-0 rounded-4"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="position-relative z-1">
|
||
<div class="zoom-img rounded-4">
|
||
<img class="img-fluid w-100" src="assets/imgs/team-3/portrait-2.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="card-team text-start rounded-4 position-absolute bottom-0 start-0 end-0 z-1 p-4">
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">Strategy Development</h6>
|
||
<div class="d-flex">
|
||
<span class="fs-7 text-white me-auto">Software Engineer</span>
|
||
<div class="arrow-icon bg-white-keep icon-shape icon-sm rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.25 15.25V6.75H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7L6.75 17.25" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="bg-primary opacity-75 position-absolute bottom-0 start-0 end-0 top-0 z-0 rounded-4"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="position-relative z-1">
|
||
<div class="zoom-img rounded-4">
|
||
<img class="img-fluid w-100" src="assets/imgs/team-3/portrait-3.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="card-team text-start rounded-4 position-absolute bottom-0 start-0 end-0 z-1 p-4">
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">Sarah Brown</h6>
|
||
<div class="d-flex">
|
||
<span class="fs-7 text-white me-auto">Product Manager</span>
|
||
<div class="arrow-icon bg-white-keep icon-shape icon-sm rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.25 15.25V6.75H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7L6.75 17.25" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="bg-primary opacity-75 position-absolute bottom-0 start-0 end-0 top-0 z-0 rounded-4"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="position-relative z-1">
|
||
<div class="zoom-img rounded-4">
|
||
<img class="img-fluid w-100" src="assets/imgs/team-3/portrait-4.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="card-team text-start rounded-4 position-absolute bottom-0 start-0 end-0 z-1 p-4">
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">David Clark </h6>
|
||
<div class="d-flex">
|
||
<span class="fs-7 text-white me-auto">UX/UI Designer</span>
|
||
<div class="arrow-icon bg-white-keep icon-shape icon-sm rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.25 15.25V6.75H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7L6.75 17.25" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="bg-primary opacity-75 position-absolute bottom-0 start-0 end-0 top-0 z-0 rounded-4"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="position-relative z-1">
|
||
<div class="zoom-img rounded-4">
|
||
<img class="img-fluid w-100" src="assets/imgs/team-3/portrait-1.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="card-team text-start rounded-4 position-absolute bottom-0 start-0 end-0 z-1 p-4">
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">Jessica Carter</h6>
|
||
<div class="d-flex">
|
||
<span class="fs-7 text-white me-auto">DevOps Engineer</span>
|
||
<div class="arrow-icon bg-white-keep icon-shape icon-sm rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.25 15.25V6.75H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7L6.75 17.25" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="bg-primary opacity-75 position-absolute bottom-0 start-0 end-0 top-0 z-0 rounded-4"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="position-relative z-1">
|
||
<div class="zoom-img rounded-4">
|
||
<img class="img-fluid w-100" src="assets/imgs/team-3/portrait-2.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="card-team text-start rounded-4 position-absolute bottom-0 start-0 end-0 z-1 p-4">
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">Lauren Graham</h6>
|
||
<div class="d-flex">
|
||
<span class="fs-7 text-white me-auto">Data Analyst</span>
|
||
<div class="arrow-icon bg-white-keep icon-shape icon-sm rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.25 15.25V6.75H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7L6.75 17.25" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="bg-primary opacity-75 position-absolute bottom-0 start-0 end-0 top-0 z-0 rounded-4"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="position-relative z-1">
|
||
<div class="zoom-img rounded-4">
|
||
<img class="img-fluid w-100" src="assets/imgs/team-3/portrait-3.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="card-team text-start rounded-4 position-absolute bottom-0 start-0 end-0 z-1 p-4">
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">James Bennett</h6>
|
||
<div class="d-flex">
|
||
<span class="fs-7 text-white me-auto">Sales Executive</span>
|
||
<div class="arrow-icon bg-white-keep icon-shape icon-sm rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.25 15.25V6.75H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7L6.75 17.25" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="bg-primary opacity-75 position-absolute bottom-0 start-0 end-0 top-0 z-0 rounded-4"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="position-relative z-1">
|
||
<div class="zoom-img rounded-4">
|
||
<img class="img-fluid w-100" src="assets/imgs/team-3/portrait-4.png" alt="infinia">
|
||
</div>
|
||
<a href="#" class="card-team text-start rounded-4 position-absolute bottom-0 start-0 end-0 z-1 p-4">
|
||
<div class="position-relative z-1">
|
||
<h6 class="text-white">William Foster</h6>
|
||
<div class="d-flex">
|
||
<span class="fs-7 text-white me-auto">Marketing Specialist</span>
|
||
<div class="arrow-icon bg-white-keep icon-shape icon-sm rounded-circle">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path d="M17.25 15.25V6.75H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7L6.75 17.25" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<span class="bg-primary opacity-75 position-absolute bottom-0 start-0 end-0 top-0 z-0 rounded-4"></span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Services 2-->
|
||
<section class="section-team-1 position-relative fix section-padding">
|
||
<div class="container position-relative z-2">
|
||
<div class="text-center">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2" data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia" />
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">What we offers</span>
|
||
</div>
|
||
<h3 class="ds-3 my-3">Explore Our Projects</h3>
|
||
<p class="fs-5">
|
||
It is a long established fact that a reader will be distracted by <br class="d-none d-lg-block" />
|
||
the readable content of a page when looking at its layout.
|
||
</p>
|
||
</div>
|
||
<div class="text-center mt-6">
|
||
<div class="button-group filter-button-group filter-menu-active">
|
||
<button class="btn btn-md btn-filter mb-2 me-2 active" data-filter="*">All Projects</button>
|
||
<button class="btn btn-md btn-filter mb-2 me-2 " data-filter=".seo">SEO Services</button>
|
||
<button class="btn btn-md btn-filter mb-2 me-2 " data-filter=".webdesign">Web Design</button>
|
||
<button class="btn btn-md btn-filter mb-2 me-2 " data-filter=".social">Social</button>
|
||
<button class="btn btn-md btn-filter mb-2 me-2 " data-filter=".marketing">Marketing</button>
|
||
<button class="btn btn-md btn-filter mb-2 me-2 " data-filter=".app">APP</button>
|
||
<button class="btn btn-md btn-filter mb-2 me-2 " data-filter=".dataanalysis">Data Analysis</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container mt-6">
|
||
<div class="masonary-active justify-content-between row">
|
||
<div class="grid-sizer"></div>
|
||
<div class="filter-item col-12 col-md-4 seo marketing">
|
||
<div class="project-item zoom-img rounded-2 fix position-relative">
|
||
<img class="rounded-2" src="assets/imgs/project-1/img-1.png" alt="infinia" />
|
||
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 ">
|
||
<span class="shadow-sm d-flex align-items-center bg-white-keep d-inline-flex rounded-pill px-2 py-1 mb-3">
|
||
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
|
||
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
|
||
<path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path d="M14.25 9.5H3.5625" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</span>
|
||
<h5 class="text-700">Financial analysis software 4.0 for JiCo JSC</h5>
|
||
<p class="fs-7 mb-0">Achieve Your a of Business</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="filter-item col-12 col-md-4 webdesign dataanalysis seo">
|
||
<div class="project-item zoom-img rounded-2 fix position-relative">
|
||
<img class="rounded-2" src="assets/imgs/project-1/img-2.png" alt="infinia" />
|
||
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 ">
|
||
<span class="shadow-sm d-flex align-items-center bg-white-keep d-inline-flex rounded-pill px-2 py-1 mb-3">
|
||
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
|
||
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
|
||
<path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path d="M14.25 9.5H3.5625" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</span>
|
||
<h5 class="text-700">Financial analysis software 4.0 for JiCo JSC</h5>
|
||
<p class="fs-7 mb-0">Achieve Your a of Business</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="filter-item col-12 col-md-4 social marketing">
|
||
<div class="project-item zoom-img rounded-2 fix position-relative">
|
||
<img class="rounded-2" src="assets/imgs/project-1/img-3.png" alt="infinia" />
|
||
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 ">
|
||
<span class="shadow-sm d-flex align-items-center bg-white-keep d-inline-flex rounded-pill px-2 py-1 mb-3">
|
||
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
|
||
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
|
||
<path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path d="M14.25 9.5H3.5625" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</span>
|
||
<h5 class="text-700">Financial analysis software 4.0 for JiCo JSC</h5>
|
||
<p class="fs-7 mb-0">Achieve Your a of Business</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="filter-item col-12 col-md-4 marketing app dataanalysis seo">
|
||
<div class="project-item zoom-img rounded-2 fix position-relative">
|
||
<img class="rounded-2" src="assets/imgs/project-1/img-4.png" alt="infinia" />
|
||
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 ">
|
||
<span class="shadow-sm d-flex align-items-center bg-white-keep d-inline-flex rounded-pill px-2 py-1 mb-3">
|
||
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
|
||
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
|
||
<path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path d="M14.25 9.5H3.5625" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</span>
|
||
<h5 class="text-700">Financial analysis software 4.0 for JiCo JSC</h5>
|
||
<p class="fs-7 mb-0">Achieve Your a of Business</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="filter-item col-12 col-md-4 grid-item--height2 app dataanalysis">
|
||
<div class="project-item zoom-img rounded-2 fix position-relative">
|
||
<img class="rounded-2" src="assets/imgs/project-1/img-5.png" alt="infinia" />
|
||
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 ">
|
||
<span class="shadow-sm d-flex align-items-center bg-white-keep d-inline-flex rounded-pill px-2 py-1 mb-3">
|
||
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
|
||
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
|
||
<path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path d="M14.25 9.5H3.5625" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</span>
|
||
<h5 class="text-700">Financial analysis software 4.0 for JiCo JSC</h5>
|
||
<p class="fs-7 mb-0">Achieve Your a of Business</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="filter-item col-12 col-md-4 social grid-item--width2">
|
||
<div class="project-item zoom-img rounded-2 fix position-relative">
|
||
<img class="rounded-2" src="assets/imgs/project-1/img-6.png" alt="infinia" />
|
||
<a href="#" class="card-team text-start rounded-3 position-absolute bottom-0 start-0 end-0 z-1 backdrop-filter w-auto p-4 m-3 ">
|
||
<span class="shadow-sm d-flex align-items-center bg-white-keep d-inline-flex rounded-pill px-2 py-1 mb-3">
|
||
<span class="bg-primary fs-9 fw-bold rounded-pill px-2 py-1 text-white">Get</span>
|
||
<span class="fs-7 fw-medium text-primary mx-2">Free Update</span>
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
|
||
<path d="M10.3125 5.5625L14.4375 9.5L10.3125 13.4375" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path d="M14.25 9.5H3.5625" stroke="#6D4DF2" stroke-width="1.125" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</span>
|
||
<h5 class="text-700">Financial analysis software 4.0 for JiCo JSC</h5>
|
||
<p class="fs-7 mb-0">Achieve Your a of Business</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="row mt-6">
|
||
<div class="col-lg-7">
|
||
<div class="d-flex align-items-center justify-content-lg-end justify-content-center">
|
||
<a href="#" class="btn btn-gradient">
|
||
Get Free Quote
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="ms-5 text-decoration-underline fw-bold">How We Work</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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 8-->
|
||
<section>
|
||
<div class="container-fluid position-relative bg-primary-light section-padding">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-4 col-md-6 mb-lg-0 mb-8 pe-5 pe-lg-10 position-relative z-1">
|
||
<img src="assets/imgs/features-8/icon-star.svg" alt="infinia" />
|
||
<h2 class="text-white mt-3 mb-4 fw-black">Core values</h2>
|
||
<p class="text-white">We break down barriers so teams can focus on what matters – working together to create products their customers love.</p>
|
||
<div class="col d-flex align-items-center mt-5 min-w-">
|
||
<span class="h2 count fw-black text-white min-w-70"><span class="odometer" data-count="98"></span></span><span class="fw-medium text-white fs-4 align-self-start">%</span>
|
||
<p class="ms-3 text-white">
|
||
Genuine repeated <br />
|
||
happy customers.
|
||
</p>
|
||
</div>
|
||
<div class="col d-flex align-items-center mt-5">
|
||
<span class="h2 count fw-black text-white min-w-70"><span class="odometer" data-count="98"></span></span><span class="fs-4 fw-medium text-white align-self-start">%</span>
|
||
<p class="ms-3 text-white">
|
||
Genuine repeated <br />
|
||
happy customers.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 mb-lg-0 mb-8 pe-lg-8">
|
||
<ul class="list-unstyled ">
|
||
<li>
|
||
<a href="#" class="d-flex align-items-start mb-6">
|
||
<img class="mt-2" src="assets/imgs/features-2/tick.svg" alt="infinia" />
|
||
<div class="ms-3 pb-4 border-bottom">
|
||
<h5 class="text-white mb-2">Customers First</h5>
|
||
<p class="text-white mb-0">Our company exists to help merchants sell more. We make every decision and measure every outcome based on how well it serves our customers.</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="d-flex align-items-start mb-6">
|
||
<img class="mt-2" src="assets/imgs/features-2/tick.svg" alt="infinia" />
|
||
<div class="ms-3 pb-4 border-bottom">
|
||
<h5 class="text-white mb-2">Think Big</h5>
|
||
<p class="text-white mb-0">Our company exists to help merchants sell more. We make every decision and measure every outcome based on how well it serves our customers.</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="d-flex align-items-start mb-6">
|
||
<img class="mt-2" src="assets/imgs/features-2/tick.svg" alt="infinia" />
|
||
<div class="ms-3 pb-4 border-bottom">
|
||
<h5 class="text-white mb-2">Make a Difference</h5>
|
||
<p class="text-white mb-0">Our company exists to help merchants sell more. We make every decision and measure every outcome based on how well it serves our customers.</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-4 mb-lg-0 mb-8 pe-lg-8">
|
||
<ul class="list-unstyled ">
|
||
<li>
|
||
<a href="#" class="d-flex align-items-start mb-6">
|
||
<img class="mt-2" src="assets/imgs/features-2/tick.svg" alt="infinia" />
|
||
<div class="ms-3 pb-4 border-bottom">
|
||
<h5 class="text-white mb-2">Act With Integrity</h5>
|
||
<p class="text-white mb-0">Our company exists to help merchants sell more. We make every decision and measure every outcome based on how well it serves our customers.</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="d-flex align-items-start mb-6">
|
||
<img class="mt-2" src="assets/imgs/features-2/tick.svg" alt="infinia" />
|
||
<div class="ms-3 pb-4 border-bottom">
|
||
<h5 class="text-white mb-2">Do the right thing</h5>
|
||
<p class="text-white mb-0">Our company exists to help merchants sell more. We make every decision and measure every outcome based on how well it serves our customers.</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="d-flex align-items-start mb-6">
|
||
<img class="mt-2" src="assets/imgs/features-2/tick.svg" alt="infinia" />
|
||
<div class="ms-3 pb-4 border-bottom">
|
||
<h5 class="text-white mb-2">Stronger united</h5>
|
||
<p class="text-white mb-0">Our company exists to help merchants sell more. We make every decision and measure every outcome based on how well it serves our customers.</p>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute bottom-0 start-0 bg-rotate z-0">
|
||
<img class="rotate-center" src="assets/imgs/features-8/bg-img-favicon.png" alt="infinia" />
|
||
</div>
|
||
<div class="position-absolute top-0 end-0 z-1 p-8">
|
||
<div class="bloom"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!--Features 9-->
|
||
<section class="section-features-9 position-relative">
|
||
<div class="container-fluid position-relative fix section-padding">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-4 col-md-6 mb-lg-0 mb-8 position-relative z-1">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft d-inline-flex rounded-pill border-white border 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">Download Mobile App</span>
|
||
</div>
|
||
<h2 class=" mt-3 mb-4 fw-black">Manage all from anywhere</h2>
|
||
<p class="mb-6">⚡Don't miss any contact. Stay connected.</p>
|
||
<ul class="list-unstyled phase-items">
|
||
<li>
|
||
<a href="#" class="phase-item d-flex align-items-center mb-3">
|
||
<img src="assets/imgs/features-9/tick.svg" alt="infinia" />
|
||
<p class=" mb-0 ms-2 fs-5 text-900">Beautiful awesome interface</p>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="phase-item d-flex align-items-center mb-3">
|
||
<img src="assets/imgs/features-9/tick.svg" alt="infinia" />
|
||
<p class=" mb-0 ms-2 fs-5 text-900">Online collaborative anytime</p>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#" class="phase-item d-flex align-items-center mb-3">
|
||
<img src="assets/imgs/features-9/tick.svg" alt="infinia" />
|
||
<p class=" mb-0 ms-2 fs-5 text-900">Real-time updates</p>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-4 col-md-6 mb-lg-0 mb-8">
|
||
<div class="position-relative d-inline-block z-2">
|
||
<img class="rounded-4 border border-3 border-white" src="assets/imgs/features-9/img-1.png" alt="infinia" />
|
||
<div class="position-absolute bottom-0 start-0 end-0 mb-3 mx-3 backdrop-filter rounded-3 text-start p-3">
|
||
<a href="page-contact-1" class="d-flex align-items-center">
|
||
<img src="assets/imgs/cta-3/icon-contact.svg" alt="infinia" />
|
||
<span class="ms-3">
|
||
<span class="text-white text-uppercase mb-0 fs-7">Contact Us</span>
|
||
<span class="fs-4 d-block">+01 (24) 568 900</span>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 mb-lg-0 mb-8">
|
||
<div class="px-lg-8">
|
||
<div class="d-flex align-items-center border-bottom pb-5 mt-5">
|
||
<span class="h2 count fw-black "><span class="odometer" data-count="99"></span></span>
|
||
<span class="fw-medium fs-4 align-self-start">%</span>
|
||
<p class="ms-3">
|
||
Genuine <br />
|
||
happy customers.
|
||
</p>
|
||
</div>
|
||
<div class="d-flex align-items-center border-bottom pb-5 mt-5">
|
||
<span class="h2 count fw-black "><span class="odometer" data-count="92"></span></span>
|
||
<span class="fw-medium fs-4 align-self-start">k</span>
|
||
<p class="ms-3">
|
||
Happy <br />
|
||
Customers
|
||
</p>
|
||
</div>
|
||
<div class="d-flex align-items-center border-bottom pb-5 mt-5">
|
||
<span class="h2 count fw-black "><span class="odometer" data-count="25"></span></span>
|
||
<span class="fw-medium fs-4 align-self-start">k</span>
|
||
<p class="ms-3">
|
||
Consultation <br />
|
||
Completed
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bouncing-blobs-container rounded-4 fix">
|
||
<div class="bouncing-blobs-glass rounded-4"></div>
|
||
<div class="bouncing-blobs">
|
||
<div class="bouncing-blob bouncing-blob--green"></div>
|
||
<div class="bouncing-blob bouncing-blob--primary"></div>
|
||
<div class="bouncing-blob bouncing-blob--infor bouncing-blob--infor-2"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!--CTA 5-->
|
||
<section>
|
||
<div class="container-fluid position-relative section-padding">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6 text-lg-start text-center">
|
||
<div class="position-relative z-1 d-inline-block mb-lg-0 mb-8">
|
||
<img class="rounded-4 position-relative z-1" src="assets/imgs/cta-5/img-1.png" alt="infinia">
|
||
<div class="position-absolute bottom-0 start-md-100 start-0 translate-middle-md-x mb-md-8 backdrop-filter rounded-4 px-7 py-4 text-center z-1">
|
||
<p class="pt-2">Loved by over 4k <br> happy clients</p>
|
||
<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>
|
||
</div>
|
||
<div class="position-absolute top-0 start-0 translate-middle z-0 pt-5">
|
||
<img class="alltuchtopdown" src="assets/imgs/cta-4/vector.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 mt-lg-0 mt-5">
|
||
<h5 class="ds-5">We Provide Best IT Services For Your Need
|
||
</h5>
|
||
<p class="fs-5 my-4">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</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">Digital product engineering</h6>
|
||
<span class="ms-auto arrow me-2">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="8" viewBox="0 0 13 8" fill="none">
|
||
<path class="stroke-dark" d="M11.5 1L6.25 6.5L1 1" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="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="collapsed 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">Crafting SaaS 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" />
|
||
</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="collapsed 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">AI app 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" />
|
||
</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="collapsed 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">E-commerce 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" />
|
||
</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 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="#collapseFive">
|
||
<span class="icon-shape icon-xs fs-7 rounded-circle d-none d-md-block me-3 bg-primary text-white">5</span>
|
||
<h6 class="m-0">Web Development 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" />
|
||
</svg>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div id="collapseFive" 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>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--How It Work 2-->
|
||
<section class="howitwork-2 section-padding position-relative fix">
|
||
<div class="container position-relative z-1">
|
||
<div class="text-center mb-8">
|
||
<div class="d-flex align-items-center position-relative z-2 justify-content-center bg-primary-soft d-inline-flex rounded-pill border border-2 border-white px-3 py-1">
|
||
<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">working process</span>
|
||
</div>
|
||
<h3 class="ds-3 my-3 fw-black">How It Works</h3>
|
||
<p class="fs-5 mb-0">Comprehensive Suite of Cutting-Edge IT Services.</p>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
|
||
<img src="assets/imgs/howitwork-2/img-bg-line.png" alt="infinia">
|
||
</div>
|
||
<div class="container">
|
||
<div class="row position-relative justify-content-center">
|
||
<div class="col-lg-4 text-center px-md-10">
|
||
<div class="card-service-4 text-center mt-2">
|
||
<div class="bg-white icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets/imgs/howitwork-2/icon-1.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Choose Services</h5>
|
||
<p class="mb-6">It is a long established fact that a reader will be distracted by the readable content of a page.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 text-center px-md-10">
|
||
<div class="card-service-4 text-center mt-2">
|
||
<div class="bg-white icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets/imgs/howitwork-2/icon-2.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Project Analysis</h5>
|
||
<p class="mb-6">It is a long established fact that a reader will be distracted by the readable content of a page.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 text-center px-md-10">
|
||
<div class="card-service-4 text-center mt-2">
|
||
<div class="bg-white icon-flip position-relative icon-shape icon-xxl rounded-3">
|
||
<div class="icon">
|
||
<img src="assets/imgs/howitwork-2/icon-3.svg" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<h5 class="my-3">Got Final Result</h5>
|
||
<p class="mb-6">It is a long established fact that a reader will be distracted by the readable content of a page.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="navigation-arrow-1 d-none d-lg-block position-absolute top-50">
|
||
<img src="assets/imgs/howitwork-2/arrow-1.png" alt="infinia">
|
||
</div>
|
||
<div class="navigation-arrow-2 d-none d-lg-block position-absolute">
|
||
<img src="assets/imgs/howitwork-2/arrow-2.png" alt="infinia">
|
||
</div>
|
||
<div class="row">
|
||
<div class="text-center mt-6">
|
||
<p class="text-900 fw-bold"> Need more help? Go to our <a href=" #" class="text-primary text-decoration-underline">Support Center</a></p>
|
||
</div>
|
||
</div>
|
||
<div class="bouncing-blobs-container">
|
||
<div class="bouncing-blobs-glass"></div>
|
||
<div class="bouncing-blobs">
|
||
<div class="bouncing-blob bouncing-blob--green"></div>
|
||
<div class="bouncing-blob bouncing-blob--primary"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- CTA 6 -->
|
||
<section class="section-cta-6 position-relative section-padding fix">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-6 pe-lg-0">
|
||
<div class="zoom-img rounded-end-lg-0 rounded-4">
|
||
<img class="rounded-end-lg-0 rounded-4" src="assets/imgs/cta-6/img-1.png" alt="infinia">
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-lg-6 ps-lg-0 align-self-stretch">
|
||
<div class="bg-white p-md-8 p-5 rounded-start-lg-0 h-100 rounded-4 mt-lg-0 mt-5 border border-start-lg-0 shadow-1">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill mb-2 px-4 py-2">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">What we offers</span>
|
||
</div>
|
||
<h1 class="fs-1">Looking to speak with a marketing specialist?</h1>
|
||
<p class="mb-9">Our seasoned marketing specialists are here to help! Whether you need insights on digital campaigns, social media tactics, or overall branding, our experts offer tailored advice to meet your specific needs.</p>
|
||
<div class="d-flex flex-md-row flex-column align-items-center justify-content-start">
|
||
<a href="#" class="btn btn-gradient">
|
||
Get Free Quote
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
||
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="ms-md-5 mt-md-0 mt-5 text-decoration-underline fw-bold">How We Work</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!--Blog 4-->
|
||
<section class="section-blog-4 pb-120 @@classList">
|
||
<div class="container">
|
||
<div class="row align-items-end">
|
||
<div class="col-12 col-md-4 me-auto">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2" data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia" />
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">From Blog</span>
|
||
</div>
|
||
<h3 class="ds-3 mt-3 mb-3">Our Latest Articles</h3>
|
||
<span class="fs-5 fw-medium">Explore the insights and trends shaping our industry</span>
|
||
</div>
|
||
<div class="col-12 col-md-4 col-auto mt-5 mt-md-0">
|
||
<a href="#" class="ms-md-5 fw-bold text-primary">See all articles
|
||
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="14" viewBox="0 0 24 14" fill="none">
|
||
<path class="fill-dark" d="M17.4177 0.417969L16.3487 1.48705L21.1059 6.24429H0V7.75621H21.1059L16.3487 12.5134L17.4177 13.5825L24 7.0002L17.4177 0.417969Z" fill="black" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-8">
|
||
<div class="swiper slider-1 pt-2 pb-3">
|
||
<div class="swiper-wrapper">
|
||
<!-- prettier-ignore -->
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover shadow-2">
|
||
<img class="rounded-top-3" src="assets/imgs/blog-4/card-img-1.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Business</span>
|
||
</a>
|
||
<div class="card-body bg-white border border-top-0 rounded-bottom-3 p-6">
|
||
<h6 class="mb-3">The Future of SaaS: Emerging Trends to Watch</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
<div class="d-flex align-items-center justify-content-between mt-5 pt-5 border-top ">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-shape rounded-circle border border-2 border-white">
|
||
<img class="rounded-circle" src="assets/imgs/blog-4/avatar-1.png" alt="infinia">
|
||
</div>
|
||
<div class="ms-3">
|
||
<h6 class="fs-7 m-0 mb-1">Evara Rose</h6>
|
||
<p class="mb-0 fs-8">17 May 2024</p>
|
||
</div>
|
||
</div>
|
||
<div class="icon-shape icon-md bg-white rounded-circle border">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
|
||
<path d="M17.25 15.5322V7.03223H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7.28223L6.75 17.5322" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover shadow-2">
|
||
<img class="rounded-top-3" src="assets/imgs/blog-4/card-img-2.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">SEO</span>
|
||
</a>
|
||
<div class="card-body bg-white border border-top-0 rounded-bottom-3 p-6">
|
||
<h6 class="mb-3">Choosing the Right SaaS Solution for Your Business</h6>
|
||
<p>Selecting the right SaaS solution can be a daunting task with so many options available. This guide breaks down the key...</p>
|
||
<div class="d-flex align-items-center justify-content-between mt-5 pt-5 border-top ">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-shape rounded-circle border border-2 border-white">
|
||
<img class="rounded-circle" src="assets/imgs/blog-4/avatar-2.png" alt="infinia">
|
||
</div>
|
||
<div class="ms-3">
|
||
<h6 class="fs-7 m-0 mb-1">Olivia Smith</h6>
|
||
<p class="mb-0 fs-8">21 June 2024</p>
|
||
</div>
|
||
</div>
|
||
<div class="icon-shape icon-md bg-white rounded-circle border">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
|
||
<path d="M17.25 15.5322V7.03223H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7.28223L6.75 17.5322" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover shadow-2">
|
||
<img class="rounded-top-3" src="assets/imgs/blog-4/card-img-3.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Marketing</span>
|
||
</a>
|
||
<div class="card-body bg-white border border-top-0 rounded-bottom-3 p-6">
|
||
<h6 class="mb-3">The Importance of Data Security in Your SaaS Projects</h6>
|
||
<p>Data security is a top priority for businesses adopting SaaS solutions. With increasing cyber threats, it's essential to understand...</p>
|
||
<div class="d-flex align-items-center justify-content-between mt-5 pt-5 border-top ">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-shape rounded-circle border border-2 border-white">
|
||
<img class="rounded-circle" src="assets/imgs/blog-4/avatar-3.png" alt="infinia">
|
||
</div>
|
||
<div class="ms-3">
|
||
<h6 class="fs-7 m-0 mb-1">Sophia Martinez</h6>
|
||
<p class="mb-0 fs-8">29 June 2024</p>
|
||
</div>
|
||
</div>
|
||
<div class="icon-shape icon-md bg-white rounded-circle border">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
|
||
<path d="M17.25 15.5322V7.03223H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7.28223L6.75 17.5322" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover shadow-2">
|
||
<img class="rounded-top-3" src="assets/imgs/blog-4/card-img-1.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Business</span>
|
||
</a>
|
||
<div class="card-body bg-white border border-top-0 rounded-bottom-3 p-6">
|
||
<h6 class="mb-3">The Future of SaaS: Emerging Trends to Watch</h6>
|
||
<p>As the SaaS industry continues to evolve, new trends are shaping the future of software delivery and consumption...</p>
|
||
<div class="d-flex align-items-center justify-content-between mt-5 pt-5 border-top ">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-shape rounded-circle border border-2 border-white">
|
||
<img class="rounded-circle" src="assets/imgs/blog-4/avatar-1.png" alt="infinia">
|
||
</div>
|
||
<div class="ms-3">
|
||
<h6 class="fs-7 m-0 mb-1">Evara Rose</h6>
|
||
<p class="mb-0 fs-8">17 May 2024</p>
|
||
</div>
|
||
</div>
|
||
<div class="icon-shape icon-md bg-white rounded-circle border">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
|
||
<path d="M17.25 15.5322V7.03223H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7.28223L6.75 17.5322" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover shadow-2">
|
||
<img class="rounded-top-3" src="assets/imgs/blog-4/card-img-2.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">SEO</span>
|
||
</a>
|
||
<div class="card-body bg-white border border-top-0 rounded-bottom-3 p-6">
|
||
<h6 class="mb-3">Choosing the Right SaaS Solution for Your Business</h6>
|
||
<p>Selecting the right SaaS solution can be a daunting task with so many options available. This guide breaks down the key...</p>
|
||
<div class="d-flex align-items-center justify-content-between mt-5 pt-5 border-top ">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-shape rounded-circle border border-2 border-white">
|
||
<img class="rounded-circle" src="assets/imgs/blog-4/avatar-2.png" alt="infinia">
|
||
</div>
|
||
<div class="ms-3">
|
||
<h6 class="fs-7 m-0 mb-1">Olivia Smith</h6>
|
||
<p class="mb-0 fs-8">21 June 2024</p>
|
||
</div>
|
||
</div>
|
||
<div class="icon-shape icon-md bg-white rounded-circle border">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
|
||
<path d="M17.25 15.5322V7.03223H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7.28223L6.75 17.5322" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
<div class="swiper-slide">
|
||
<div class="card border-0 position-relative rounded-3 d-inline-flex card-hover shadow-2">
|
||
<img class="rounded-top-3" src="assets/imgs/blog-4/card-img-3.png" alt="infinia">
|
||
<a href="#" class="position-absolute z-1 m-3 bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-3 py-1">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Marketing</span>
|
||
</a>
|
||
<div class="card-body bg-white border border-top-0 rounded-bottom-3 p-6">
|
||
<h6 class="mb-3">The Importance of Data Security in Your SaaS Projects</h6>
|
||
<p>Data security is a top priority for businesses adopting SaaS solutions. With increasing cyber threats, it's essential to understand...</p>
|
||
<div class="d-flex align-items-center justify-content-between mt-5 pt-5 border-top ">
|
||
<div class="d-flex align-items-center">
|
||
<div class="icon-shape rounded-circle border border-2 border-white">
|
||
<img class="rounded-circle" src="assets/imgs/blog-4/avatar-3.png" alt="infinia">
|
||
</div>
|
||
<div class="ms-3">
|
||
<h6 class="fs-7 m-0 mb-1">Sophia Martinez</h6>
|
||
<p class="mb-0 fs-8">29 June 2024</p>
|
||
</div>
|
||
</div>
|
||
<div class="icon-shape icon-md bg-white rounded-circle border">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
|
||
<path d="M17.25 15.5322V7.03223H8.75" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
<path d="M17 7.28223L6.75 17.5322" stroke="#6D4DF2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="position-absolute bottom-0 start-0 end-0 top-0 z-0"></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Newsletter 3 -->
|
||
<section class="section-newsletter-3 position-relative pb-120">
|
||
<div class="container">
|
||
<div class="pt-120 pb-120 bg-4 rounded-5 position-relative">
|
||
<div class="row align-items-center text-center position-relative z-1">
|
||
<div class="col-lg-6 mx-auto">
|
||
<div class="px-lg-3 text-center">
|
||
<div class="d-flex align-items-center justify-content-center bg-primary-soft border border-2 border-white d-inline-flex rounded-pill px-4 py-2" data-aos="zoom-in" data-aos-delay="100">
|
||
<img src="assets/imgs/features-1/dots.png" alt="infinia">
|
||
<span class="tag-spacing fs-7 fw-bold text-linear-2 ms-2 text-uppercase">Let’s work together</span>
|
||
</div>
|
||
<h4 class="my-5">We are trusted by over <span class="text-primary">52,000+ clients.</span> <br class="d-none d-lg-block"> Join them now and grow your business.</h4>
|
||
<p class="fs-6 fw-medium text-900">By clicking the button, you are agreeing with our <a href="#" class="text-decoration-underline link-hover-primary-light">Term & Conditions</a></p>
|
||
<form class="input-group mt-5 position-relative px-2">
|
||
<input type="text" class="ps-5 py-3 form-control bg-white rounded-start-pill border-2 border-end-0 border-white" name="name" placeholder="Enter your mail ..">
|
||
<div class="bg-white border-2 border border-start-0 border-white rounded-end-pill">
|
||
<button type="submit" class="bg-linear-2 px-3 py-3 m-3 fs-7 fw-bold border-0 text-white rounded-pill">Join Now</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="position-absolute bottom-0 start-0 m-10 pb-5 ps-4">
|
||
<img class=" " src="assets/imgs/newsletter-3/icon-1.png" alt="infinia">
|
||
</div>
|
||
<div class="position-absolute top-0 end-0 m-10 pb-5 ps-4">
|
||
<img class=" " src="assets/imgs/newsletter-3/icon-2.png" alt="infinia">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
<!-- Footer 4 -->
|
||
<footer>
|
||
<div class="section-footer">
|
||
<div class="container-fluid bgft-1">
|
||
<div class=" container position-relative z-2">
|
||
<div class="d-flex py-4 border-bottom border-white border-opacity-10 justify-content-between align-items-center">
|
||
<div>
|
||
<a href="index.html"><img src="assets/imgs/logo/logo-white.svg" alt="infinia"></a>
|
||
</div>
|
||
<div>
|
||
<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>
|
||
<div class="row py-90">
|
||
<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">Company</h3>
|
||
<div class="d-flex flex-column align-items-start">
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Mission & Vision</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Our Team</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Careers</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Press & Media</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Advertising</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Testimonials</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-4 col-6">
|
||
<h3 class="text-white opacity-50 fs-6 fw-black text-uppercase pb-3 pt-5 pt-lg-0">Guides</h3>
|
||
<div class="d-flex flex-column align-items-start">
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Our Journeys</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Solutions</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Customers</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">News & Events</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Project management</a>
|
||
<a class="hover-effect text-white mb-2 fw-medium fs-6" href="#">Help Center</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-4 col-6">
|
||
<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>
|
||
</div>
|
||
<div class="col-lg-3 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 class="row">
|
||
<div class="d-flex flex-md-row flex-column align-items-center justify-content-between bg-transparent py-4 border-top border-opacity-10">
|
||
<span class="text-white opacity-50 mb-3 mb-md-0">Copyright © 2024 Infinia. All Rights Reserved</span>
|
||
<div class="d-flex">
|
||
<a href="#" class="link-hover-primary-light text-white me-3">
|
||
Privacy policy
|
||
</a>
|
||
<a href="#" class="link-hover-primary-light text-white me-3">
|
||
Cookies
|
||
</a>
|
||
<a href="#" class="link-hover-primary-light text-white me-3">
|
||
Terms of service
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<!-- Scroll top -->
|
||
<div class="btn-scroll-top">
|
||
<svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
|
||
<path d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z" />
|
||
</svg>
|
||
</div>
|
||
<!-- Libs JS -->
|
||
<script src="assets/js/vendors/jquery-3.7.1.min.js"></script>
|
||
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/js/vendors/swiper-bundle.min.js"></script>
|
||
<script src="assets/js/vendors/aos.js"></script>
|
||
<script src="assets/js/vendors/wow.min.js"></script>
|
||
<script src="assets/js/vendors/headhesive.min.js"></script>
|
||
<script src="assets/js/vendors/smart-stick-nav.js"></script>
|
||
<script src="assets/js/vendors/jquery.magnific-popup.min.js"></script>
|
||
<script src="assets/js/vendors/gsap.min.js"></script>
|
||
<script src="assets/js/vendors/imagesloaded.pkgd.min.js"></script>
|
||
<script src="assets/js/vendors/isotope.pkgd.min.js"></script>
|
||
<script src="assets/js/vendors/ScrollToPlugin.min.js"></script>
|
||
<script src="assets/js/vendors/ScrollTrigger.min.js"></script>
|
||
<script src="assets/js/vendors/jquery.carouselTicker.min.js"></script>
|
||
<script src="assets/js/vendors/jquery.odometer.min.js"></script>
|
||
<script src="assets/js/vendors/jquery.appear.js"></script>
|
||
<script src="assets/js/vendors/gsap-custom.js"></script>
|
||
<script src="assets/js/vendors/bouncing-blob.js"></script>
|
||
<!-- Theme JS -->
|
||
|
||
<script src="assets/js/main.js"></script>
|
||
<!-- Other scripts -->
|
||
</body>
|
||
|
||
|
||
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/index-4 by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:37:09 GMT -->
|
||
</html> |