1366 lines
67 KiB
HTML
1366 lines
67 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:35:13 GMT -->
|
|
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
|
|
<head>
|
|
<!-- prettier-ignore -->
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<title>Infinia - Multi-purpose Bootstrap 5 Template</title>
|
|
<!-- Favicon icon-->
|
|
<link rel="shortcut icon" type="image/x-icon" href="assets/imgs/template/favicon.svg" />
|
|
<!-- Libs CSS -->
|
|
<link rel="stylesheet" href="assets/css/vendors/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="assets/css/vendors/swiper-bundle.min.css" />
|
|
<link rel="stylesheet" href="assets/css/vendors/aos.css" />
|
|
<link rel="stylesheet" href="assets/css/vendors/odometer.css" />
|
|
<link rel="stylesheet" href="assets/css/vendors/carouselTicker.css" />
|
|
<link rel="stylesheet" href="assets/css/vendors/magnific-popup.css" />
|
|
<link rel="stylesheet" href="assets/fonts/bootstrap-icons/bootstrap-icons.min.css" />
|
|
<link rel="stylesheet" href="assets/fonts/boxicons/boxicons.min.css" />
|
|
<link rel="stylesheet" href="assets/fonts/satoshi/satoshi.css" />
|
|
<!-- Main CSS -->
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<!-- prettier-ignore -->
|
|
<!--Preloader-->
|
|
<div id="preloader">
|
|
<div id="loader" class="loader">
|
|
<div class="loader-container text-centẻ">
|
|
<div class="loader-icon">
|
|
<img src="assets/imgs/template/favicon.svg" alt="Preloader" />
|
|
<p>Loading...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--Preloader-end -->
|
|
<!-- Navbar -->
|
|
<header>
|
|
<div class="position-absolute top-0 start-50 translate-middle-x w-100 z-5">
|
|
<nav class="navbar navbar-expand-lg navbar-light w-100 z-999">
|
|
<div class="container">
|
|
<a class="navbar-brand d-flex main-logo align-items-center" href="index.html">
|
|
<img src="assets/imgs/template/favicon.svg" alt="infinia" />
|
|
<span>Infinia</span>
|
|
</a>
|
|
<div class="d-none d-lg-flex">
|
|
<ul class="navbar-nav mx-auto gap-4 align-items-lg-center">
|
|
<li class="nav-item">
|
|
<a class="nav-link fw-bold d-flex align-items-center" href="#demo">Demos</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link fw-bold d-flex align-items-center" href="#features">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a target="_blank" class="nav-link fw-bold d-flex align-items-center" href="https://infinia-bootstrap-document.vercel.app/">Documentation</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="d-flex align-items-center pe-5 pe-lg-0 me-5 me-lg-0">
|
|
<a target="_blank" href="https://themeforest.net/item/infinia-multipurpose-business-startup-html-bootstrap-5-template/53940196" class="btn btn-gradient d-none d-md-block"> Get This Template </a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- prettier-ignore -->
|
|
<!--landding section 1-->
|
|
<section class="landing-section1 position-relative overflow-hidden section-padding">
|
|
<div class="container">
|
|
<div class="row content align-items-center">
|
|
<div class="col-lg-12 col-md-12 mb-lg-0 mb-5">
|
|
<div class="text-center">
|
|
<a href="https://themeforest.net/user/alithemes" target="_blank" class="d-flex align-items-center bg-linear-3 border border-white d-inline-flex rounded-pill px-4 py-2">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="20" viewBox="0 0 14 20" fill="none">
|
|
<g clip-path="url(#clip0_1141_34340)">
|
|
<path d="M7.84989 19.1511C8.30307 19.1511 8.66854 18.7856 8.66854 18.3324C8.66854 17.8792 8.30307 17.5138 7.84989 17.5138C7.39672 17.5138 7.03125 17.8792 7.03125 18.3324C7.03125 18.7856 7.39672 19.1511 7.84989 19.1511Z" fill="#87E64B" />
|
|
<path
|
|
d="M12.5484 12.758L7.93869 13.2501C7.85585 13.2599 7.81199 13.1527 7.88021 13.0991L12.3925 9.58573C12.6849 9.34696 12.87 8.97174 12.7921 8.57217C12.7141 7.95818 12.2073 7.55861 11.569 7.64145L6.66687 8.35776C6.57915 8.37238 6.5353 8.2603 6.60352 8.2067L11.4618 4.49357C12.4217 3.74801 12.4997 2.28128 11.6226 1.42852C10.8234 0.629371 9.54674 0.653735 8.74758 1.45289L0.907119 9.42979C0.614747 9.7514 0.483179 10.1753 0.561145 10.6285C0.692713 11.3497 1.4139 11.8273 2.13509 11.6957L6.355 10.8332C6.44759 10.8137 6.49631 10.9355 6.41835 10.9891L1.73551 13.9859C1.15076 14.3611 0.882755 15.0239 1.06792 15.6914C1.25309 16.5686 2.13509 17.0753 2.98784 16.8658L9.99017 15.1408C10.0681 15.1213 10.1266 15.2139 10.0779 15.2773L8.98636 16.627C8.69398 17.0023 9.17153 17.5042 9.5711 17.2118L13.1673 14.2539C13.8056 13.7228 13.3817 12.68 12.5533 12.7628L12.5484 12.758Z"
|
|
fill="#87E64B"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
<span class="fs-6 fw-medium text-primary mx-2">Created by Envato Power Elite Author</span>
|
|
</a>
|
|
<h3 class="ds-3 mt-4 mb-5" data-aos="fade-zoom-in" data-aos-delay="0">
|
|
Multi-purpose Business Startup <br />
|
|
HTML Bootstrap 5 Template
|
|
</h3>
|
|
<p class="mb-5 text-900" data-aos="fade-zoom-in" data-aos-delay="200">Build and launch your business website swiftly with the perfect template.</p>
|
|
<a target="_blank" href="https://themeforest.net/item/infinia-multipurpose-business-startup-html-bootstrap-5-template/53940196" class="btn btn-gradient" data-aos="fade-zoom-in" data-aos-delay="300">
|
|
Get This Template
|
|
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path class="stroke-white" d="M17.25 15.25V6.75H8.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path class="stroke-white" d="M17 7L6.75 17.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</a>
|
|
<a href="index-1" class="ms-md-3 mt-3 mt-md-0 btn btn-outline-secondary hover-up" data-aos="fade-zoom-in" data-aos-delay="500">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
<path d="M9.25 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V17.25C4.75 18.3546 5.64543 19.25 6.75 19.25H17.25C18.3546 19.25 19.25 18.3546 19.25 17.25V14.75" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M19.25 9.25V4.75H14.75" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M19 5L11.75 12.25" stroke="#111827" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
Explore Demos
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid mt-110 mask-image">
|
|
<div class="px-8">
|
|
<div class="d-flex flex-column justify-content-start align-items-start">
|
|
<!-- Carausel Scroll -->
|
|
<div class="carouselTicker carouselTicker-left my-7 position-relative z-1">
|
|
<ul class="carouselTicker__list">
|
|
<li class="carouselTicker__item">
|
|
<div class="position-relative rounded-4 overflow-hidden border border-3 border-white">
|
|
<img class="w-100" src="assets/imgs/landing/home-1.png" alt="Infinia" />
|
|
<div class="position-absolute bottom-0 start-50 translate-middle-x z-1 w-100">
|
|
<div class="bg-primary-overlay bg-opacity-75 rounded-4 px-5 py-4 w-100">
|
|
<div class="d-flex align-items-end">
|
|
<div class="d-flex flex-column justify-content-start align-items-start">
|
|
<a href="index-1">
|
|
<h6 class="text-white mb-0">Home Page v.1</h6>
|
|
</a>
|
|
<p class="text-white mb-0">Business Startup</p>
|
|
</div>
|
|
<div class="ms-auto">
|
|
<a href="page-services-1" class="icon-shape icon-md bg-white rounded-circle hover-up">
|
|
<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>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="carouselTicker__item">
|
|
<div class="position-relative rounded-4 overflow-hidden border border-3 border-white">
|
|
<img class="w-100" src="assets/imgs/landing/home-2.png" alt="Infinia" />
|
|
<div class="position-absolute bottom-0 start-50 translate-middle-x z-1 w-100">
|
|
<div class="bg-primary-overlay bg-opacity-75 rounded-4 px-5 py-4 w-100">
|
|
<div class="d-flex align-items-end">
|
|
<div class="d-flex flex-column justify-content-start align-items-start">
|
|
<a href="index-1">
|
|
<h6 class="text-white mb-0">Home Page v.2</h6>
|
|
</a>
|
|
<p class="text-white mb-0">Application Landing</p>
|
|
</div>
|
|
<div class="ms-auto">
|
|
<a href="page-services-1" class="icon-shape icon-md bg-white rounded-circle hover-up">
|
|
<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>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="carouselTicker__item">
|
|
<div class="position-relative rounded-4 overflow-hidden border border-3 border-white">
|
|
<img class="w-100" src="assets/imgs/landing/home-3.png" alt="Infinia" />
|
|
<div class="position-absolute bottom-0 start-50 translate-middle-x z-1 w-100">
|
|
<div class="bg-primary-overlay bg-opacity-75 rounded-4 px-5 py-4 w-100">
|
|
<div class="d-flex align-items-end">
|
|
<div class="d-flex flex-column justify-content-start align-items-start">
|
|
<a href="index-1">
|
|
<h6 class="text-white mb-0">Home Page v.3</h6>
|
|
</a>
|
|
<p class="text-white mb-0">Marketing Services</p>
|
|
</div>
|
|
<div class="ms-auto">
|
|
<a href="page-services-1" class="icon-shape icon-md bg-white rounded-circle hover-up">
|
|
<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>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="carouselTicker__item">
|
|
<div class="position-relative rounded-4 overflow-hidden border border-3 border-white">
|
|
<img class="w-100" src="assets/imgs/landing/home-4.png" alt="Infinia" />
|
|
<div class="position-absolute bottom-0 start-50 translate-middle-x z-1 w-100">
|
|
<div class="bg-primary-overlay bg-opacity-75 rounded-4 px-5 py-4 w-100">
|
|
<div class="d-flex align-items-end">
|
|
<div class="d-flex flex-column justify-content-start align-items-start">
|
|
<a href="index-1">
|
|
<h6 class="text-white mb-0">Home Page v.4</h6>
|
|
</a>
|
|
<p class="text-white mb-0">IT Services</p>
|
|
</div>
|
|
<div class="ms-auto">
|
|
<a href="page-services-1" class="icon-shape icon-md bg-white rounded-circle hover-up">
|
|
<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>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="carouselTicker__item">
|
|
<div class="position-relative rounded-4 overflow-hidden border border-3 border-white">
|
|
<img class="w-100" src="assets/imgs/landing/home-5.png" alt="Infinia" />
|
|
<div class="position-absolute bottom-0 start-50 translate-middle-x z-1 w-100">
|
|
<div class="bg-primary-overlay bg-opacity-75 rounded-4 px-5 py-4 w-100">
|
|
<div class="d-flex align-items-end">
|
|
<div class="d-flex flex-column justify-content-start align-items-start">
|
|
<a href="index-1">
|
|
<h6 class="text-white mb-0">Home Page v.5</h6>
|
|
</a>
|
|
<p class="text-white mb-0">Consulting Services</p>
|
|
</div>
|
|
<div class="ms-auto">
|
|
<a href="page-services-1" class="icon-shape icon-md bg-white rounded-circle hover-up">
|
|
<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>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="carouselTicker__item">
|
|
<div class="position-relative rounded-4 overflow-hidden border border-3 border-white">
|
|
<img class="w-100" src="assets/imgs/landing/home-3.png" alt="Infinia" />
|
|
<div class="position-absolute bottom-0 start-50 translate-middle-x z-1 w-100">
|
|
<div class="bg-primary-overlay bg-opacity-75 rounded-4 px-5 py-4 w-100">
|
|
<div class="d-flex align-items-end">
|
|
<div class="d-flex flex-column justify-content-start align-items-start">
|
|
<a href="index-1">
|
|
<h6 class="text-white mb-0">Home Page v.3</h6>
|
|
</a>
|
|
<p class="text-white mb-0">Marketing Services</p>
|
|
</div>
|
|
<div class="ms-auto">
|
|
<a href="page-services-1" class="icon-shape icon-md bg-white rounded-circle hover-up">
|
|
<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>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--Features 10-->
|
|
<section class="landing-section2 features-10 py-9 position-relative overflow-hidden border-bottom">
|
|
<div class="container position-relative z-2">
|
|
<div class="row align-self-stretch">
|
|
<!-- prettier-ignore -->
|
|
<div class="col-lg-3 col-md-6 h-100" data-aos="fade-up" data-aos-delay="0">
|
|
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-4 rounded-4 hover-up shadow-1">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/landing/icon-1.svg" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
<h6>Modern Design</h6>
|
|
<p>Combines a minimalist design with contemporary elements, ensuring a visually appealing layout that aligns with modern web trends.</p>
|
|
<div class="position-absolute end-0 top-0">
|
|
<img src="assets/imgs/feature-10/bg-line.png" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 h-100" data-aos="fade-up" data-aos-delay="50">
|
|
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-4 rounded-4 hover-up shadow-1">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/landing/icon-2.svg" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
<h6>Easy Customization</h6>
|
|
<p>Features a well-organized codebase and well documentation, ensuring easy customization and adaptation to your needs.</p>
|
|
<div class="position-absolute end-0 top-0">
|
|
<img src="assets/imgs/feature-10/bg-line.png" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 h-100" data-aos="fade-up" data-aos-delay="100">
|
|
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-4 rounded-4 hover-up shadow-1">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/landing/icon-3.svg" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
<h6>SEO Optimized</h6>
|
|
<p>Built with clean and structured code that enhances search engine visibility and improves your website's ranking.</p>
|
|
<div class="position-absolute end-0 top-0">
|
|
<img src="assets/imgs/feature-10/bg-line.png" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 h-100" data-aos="fade-up" data-aos-delay="150">
|
|
<div class="feature-item mb-5 position-relative mb-lg-0 bg-white p-4 rounded-4 hover-up shadow-1">
|
|
<div class="bg-primary-soft icon-flip position-relative icon-shape icon-xxl rounded-3 mb-4">
|
|
<div class="icon">
|
|
<img src="assets/imgs/landing/icon-4.svg" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
<h6>Quick Support</h6>
|
|
<p>Provides quick and reliable support to assist with any issues or questions via email, support help desk, ticket system.</p>
|
|
<div class="position-absolute end-0 top-0">
|
|
<img src="assets/imgs/feature-10/bg-line.png" alt="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rotate-center ellipse-rotate-success position-absolute z-0"></div>
|
|
<div class="rotate-center-rev ellipse-rotate-primary position-absolute z-0"></div>
|
|
</section>
|
|
|
|
<section id="demo" class="landing-section3 section-padding">
|
|
<div class="container">
|
|
<div class="text-center mb-80">
|
|
<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 aos-init aos-animate" 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">Multi Home page layouts</span>
|
|
</div>
|
|
<h3 class="ds-3 my-3" data-aos="fade-zoom-in" data-aos-delay="200">Stunning Demos</h3>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="card-home p-5 pb-4">
|
|
<div class="layout-image position-relative z-1">
|
|
<a target="_blank" href="index-1" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="index-1" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/01_Home_1_Business.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 position-relative z-1">
|
|
<a target="_blank" href="index-1">
|
|
<h6>Home Page v.1</h6>
|
|
</a>
|
|
<p class="text-900 mb-0">Business Startup</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="card-home p-5 pb-4">
|
|
<div class="layout-image position-relative z-1">
|
|
<a target="_blank" href="index-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="index-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/02_Home_2_Video_App.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 position-relative z-1">
|
|
<a target="_blank" href="index-2">
|
|
<h6>Home Page v.2</h6>
|
|
</a>
|
|
<p class="text-900 mb-0">Application Landing</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="card-home p-5 pb-4">
|
|
<div class="layout-image position-relative z-1">
|
|
<a target="_blank" href="index-3" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="index-3" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/03_Home_3_Marketing.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 position-relative z-1">
|
|
<a target="_blank" href="index-3">
|
|
<h6>Home Page v.3</h6>
|
|
</a>
|
|
<p class="text-900 mb-0">Marketing Services</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="card-home p-5 pb-4">
|
|
<div class="layout-image position-relative z-1">
|
|
<a target="_blank" href="index-4" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="index-4" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/04_Home_4_IT_Services.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 position-relative z-1">
|
|
<a target="_blank" href="index-4">
|
|
<h6>Home Page v.4</h6>
|
|
</a>
|
|
<p class="text-900 mb-0">IT Services</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="card-home p-5 pb-4">
|
|
<div class="layout-image position-relative z-1">
|
|
<a target="_blank" href="index-5" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="index-5" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/05_Home_5_Consulting.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 position-relative z-1">
|
|
<a target="_blank" href="index-5">
|
|
<h6>Home Page v.5</h6>
|
|
</a>
|
|
<p class="text-900 mb-0">Consulting Services</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="card-home p-5 pb-4">
|
|
<div class="layout-image position-relative z-1">
|
|
<a href="#" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/coming-soon-bg.png')"></span>
|
|
</a>
|
|
<div class="position-absolute bottom-0 start-50 w-100 translate-middle-x">
|
|
<img class="img-fluid w-100" src="assets/imgs/landing/coming-soon.png" alt="" />
|
|
</div>
|
|
</div>
|
|
<div class="card-title text-center pt-4 position-relative z-1">
|
|
<h6 target="_blank">Coming soon!</h6>
|
|
<p class="text-900 mb-0">We are working...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--Services 2-->
|
|
<section class="landing-section4 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">Inner pages</span>
|
|
</div>
|
|
<h3 class="ds-3 my-3">Ready to Use Essential Pages</h3>
|
|
</div>
|
|
<div class="text-center mt-6">
|
|
<div class="button-group filter-button-group filter-menu-active">
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2 active" data-filter="*">All pages</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".about">About</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".pricing">Pricing</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".services">Services</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".team">Team</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".features">Features</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".contact">Contact</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".blog">Blog</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".case_study">Case Study</button>
|
|
<button class="btn btn-md btn-filter rounded-pill border-0 mb-2 me-2" data-filter=".other">Other</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-6 col-lg-4 about">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-about" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-about" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/06_Page_About_1.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-about">
|
|
<h6>About Us v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 about">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-about-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-about-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/07_Page_About_2.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-about-2">
|
|
<h6>About Us v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 about">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-about-3" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-about-3" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/08_Page_About_3.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-about-3">
|
|
<h6>About Us v3</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 pricing">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-pricing-01" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-pricing-01" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/09_Page_Pricing_01.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-pricing-01">
|
|
<h6>Pricing v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 pricing">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-pricing-02" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-pricing-02" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/10_Page_Pricing_02.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-pricing-02">
|
|
<h6>Pricing v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 pricing">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-pricing-03" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-pricing-03" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/26_Page_Pricing_03.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-pricing-03">
|
|
<h6>Pricing v3</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 services">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-services-1" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-services-1" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/11_Page_Services_1.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-services-1">
|
|
<h6>Services v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 services">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-services-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-services-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/12_Page_Services_2.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-services-2">
|
|
<h6>Services v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 services">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-services-3" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-services-3" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/13_Page_Services_3.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-services-3">
|
|
<h6>Services v3</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 services">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-services-details-1" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-services-details-1" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/14_Page_Services_Details_1.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-services-details-1">
|
|
<h6>Service Details v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 services">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-services-details-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-services-details-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/15_Page_Services_Details_2.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-services-details-2">
|
|
<h6>Service Details v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 team">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-team-1" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-team-1" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/16_Page_Team_1.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-team-1">
|
|
<h6>Team v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 team">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-team-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-team-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/17_Page_Team_2.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-team-2">
|
|
<h6>Team v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 team">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-team-3" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-team-3" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/18_Page_Team_3.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-team-3">
|
|
<h6>Team v3</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 team">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-team-4" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-team-4" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/19_Page_Team_4.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-team-4">
|
|
<h6>Team v4</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 team">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-team-5" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-team-5" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/20_Page_Team_5.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-team-5">
|
|
<h6>Team v5</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 team">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-team-6" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-team-6" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/21_Page_Team_6.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-team-6">
|
|
<h6>Team v6</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 team">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-team-detail-1" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-team-detail-1" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/22_Page_Team_Detail_1.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-team-detail-1">
|
|
<h6>Team Details v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 team">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-team-detail-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-team-detail-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/23_Page_Team_Detail_2.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-team-detail-2">
|
|
<h6>Team Details v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 features">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-features-1" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-features-1" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/24_Page_Features_1.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-features-1">
|
|
<h6>Features v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 features">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-features-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-features-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/25_Page_Features_2.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-features-2">
|
|
<h6>Features v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 contact">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-contact-1" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-contact-1" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/27_Page_Contact_01.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-contact-1">
|
|
<h6>Contact v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 contact">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-contact-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-contact-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/29_Page_Contact_02.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-contact-2">
|
|
<h6>Contact v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 contact">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-contact-3" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-contact-3" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/28_Page_Contact_03.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-contact-3">
|
|
<h6>Contact v3</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 blog">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-blog-1" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-blog-1" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/30_Page_Blog_01.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-blog-1">
|
|
<h6>Blog v1</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 blog">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-blog-2" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-blog-2" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/31_Page_Blog_02.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-blog-2">
|
|
<h6>Blog v2</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 blog">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-blog-details" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-blog-details" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/32_Page_Blog_Details.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-blog-details">
|
|
<h6>Blog Details</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 case_study">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-case-study" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-case-study" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/33_Page_Case_Study.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-case-study">
|
|
<h6>Page Case study</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 case_study">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-case-study-details" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-case-study-details" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/34_Page_Case_Study_Details.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-case-study-details">
|
|
<h6>Page Case study details</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-work-process" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-work-process" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/35_Page_Work_Process.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-work-process">
|
|
<h6>Page Work process</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-register" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-register" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/36_Page_Register.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-register">
|
|
<h6>Page Register</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-login" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-login" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/37_Page_Login.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-login">
|
|
<h6>Page Login</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-book-a-demo" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-book-a-demo" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/38_Page_Book_A_Demo.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-book-a-demo">
|
|
<h6>Page Book a demo</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-integration" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-integration" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/39_Page_Integration.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-integration">
|
|
<h6>Page Integration</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-changelog" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-changelog" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/40_Page_Changelog.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-changelog">
|
|
<h6>Page Change logs</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-privacy-policy" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-privacy-policy" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/41_Page_Privacy_Policy.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-privacy-policy">
|
|
<h6>Page Privacy policy</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-terms-conditions" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-terms-conditions" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/42_Page_Terms_Conditions.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-terms-conditions">
|
|
<h6>Page terms conditions</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-comming-soon" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-comming-soon" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/44_Page_Comming_Soon.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-comming-soon">
|
|
<h6>Page Coming soon</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-404" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-404" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/43_Page_404.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-404">
|
|
<h6>Page 404</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-style-guide" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-style-guide" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/45_Page_Style_Guide.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-style-guide">
|
|
<h6>Page Style guide</h6>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="filter-item col-12 col-md-6 col-lg-4 other">
|
|
<div class="project-item card-home p-5">
|
|
<div class="layout-image z-1">
|
|
<a target="_blank" href="page-elements" class="theme-preview-btn">Live Demo</a>
|
|
<a target="_blank" href="page-elements" class="btn-preview">
|
|
<span class="img-responsive" style="background-image: url('assets/imgs/landing/page/46_Page_Elements.png')"></span>
|
|
</a>
|
|
</div>
|
|
<div class="card-title text-center pt-4 z-2 position-relative">
|
|
<a target="_blank" href="page-elements">
|
|
<h6>Page Elements</h6>
|
|
</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="46"></span><span>k</span></span>
|
|
<p>Social followers</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="12"></span></span>
|
|
<p>Happy Clients</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="120"></span></span>
|
|
<p>Project Done</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="13"></span><span>k</span></span>
|
|
<p>Years Experience</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>
|
|
|
|
<section id="features" class="landing-section6 section-padding position-relative">
|
|
<div class="position-absolute star-01 ribbonRotate d-none d-lg-block">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="39" viewBox="0 0 40 39" fill="none">
|
|
<path d="M0.324057 16.7498C13.9463 21.6371 16.1124 24.3507 17.4794 38.239C22.1805 25.2041 24.9336 23.1823 39.2793 22.2284C25.6571 17.3411 23.4909 14.6276 22.124 0.739252C17.4223 13.7741 14.6697 15.7959 0.324057 16.7498Z" fill="white" />
|
|
</svg>
|
|
</div>
|
|
<div class="position-absolute star-02 alltuchtopdown d-none d-lg-block">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="121" viewBox="0 0 128 121" fill="none">
|
|
<path
|
|
d="M31.845 63.687C33.052 51.872 34.16 44.824 37.304 40.399C39.884 41.628 42.813 43.695 46.551 46.603C46.832 46.822 47.192 46.453 46.966 46.177C44.002 42.557 41.876 39.706 40.578 37.18C45.013 34.13 52.029 33.034 63.687 31.843C51.872 30.636 44.824 29.528 40.399 26.383C41.628 23.803 43.695 20.874 46.603 17.136C46.822 16.855 46.453 16.495 46.177 16.721C42.557 19.685 39.705 21.811 37.18 23.109C34.13 18.674 33.034 11.658 31.843 0C30.636 11.815 29.528 18.863 26.383 23.288C23.803 22.059 20.874 19.992 17.136 17.084C16.855 16.865 16.495 17.234 16.721 17.51C19.685 21.13 21.811 23.981 23.109 26.507C18.674 29.557 11.658 30.653 0 31.844C11.815 33.051 18.863 34.159 23.288 37.304C22.059 39.884 19.992 42.813 17.084 46.551C16.865 46.832 17.234 47.192 17.51 46.966C21.13 44.002 23.981 41.876 26.507 40.578C29.559 45.014 30.655 52.029 31.845 63.687Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M100.991 65.5319C106.099 62.0189 114.179 60.7569 127.606 59.3859C113.999 57.9959 105.882 56.7199 100.785 53.0979C102.2 50.1269 104.581 46.7529 107.93 42.4479C108.182 42.1239 107.757 41.7099 107.44 41.9699C103.271 45.3829 99.9868 47.8319 97.0778 49.3269C93.5648 44.2189 92.3028 36.1389 90.9318 22.7119C89.5418 36.3189 88.2658 44.4359 84.6438 49.5329C81.6728 48.1179 78.2988 45.7369 73.9938 42.3879C73.6698 42.1359 73.2558 42.5609 73.5158 42.8779C76.9298 47.0469 79.3778 50.3309 80.8728 53.2399C75.7648 56.7529 67.6848 58.0149 54.2578 59.3859C67.8648 60.7759 75.9818 62.0519 81.0788 65.6739C79.6638 68.6449 77.2828 72.0189 73.9338 76.3239C73.6818 76.6479 74.1068 77.0619 74.4238 76.8019C78.5928 73.3889 81.8768 70.9399 84.7858 69.4449C88.2988 74.5529 89.5608 82.6329 90.9318 96.0599C92.3218 82.4529 93.5978 74.3359 97.2198 69.2389C100.191 70.6539 103.565 73.0349 107.87 76.3839C108.194 76.6359 108.608 76.2109 108.348 75.8939C104.934 71.7249 102.485 68.4409 100.991 65.5319Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M54.6828 99.0693C55.3768 97.6083 56.5328 95.9553 58.1808 93.8373C58.3048 93.6783 58.0958 93.4754 57.9408 93.6024C55.8888 95.2824 54.2808 96.4694 52.8498 97.2024C51.1308 94.6954 50.5118 90.7323 49.8398 84.1523C49.1588 90.8213 48.5328 94.8034 46.7608 97.3044C45.2998 96.6104 43.6467 95.4543 41.5287 93.8063C41.3697 93.6823 41.1668 93.8914 41.2938 94.0474C42.9738 96.0994 44.1608 97.7074 44.8938 99.1374C42.3868 100.856 38.4237 101.475 31.8438 102.147C38.5128 102.828 42.4948 103.454 44.9958 105.226C44.3018 106.687 43.1458 108.339 41.4978 110.458C41.3738 110.617 41.5828 110.82 41.7388 110.692C43.7908 109.012 45.3988 107.825 46.8288 107.092C48.5478 109.599 49.1667 113.562 49.8387 120.142C50.5197 113.473 51.1458 109.491 52.9178 106.99C54.3788 107.684 56.0318 108.84 58.1498 110.488C58.3088 110.612 58.5118 110.403 58.3848 110.247C56.7048 108.196 55.5178 106.587 54.7848 105.157C57.2918 103.438 61.2538 102.819 67.8348 102.147C61.1658 101.467 57.1838 100.842 54.6828 99.0693Z"
|
|
fill="white"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<div class="container">
|
|
<div class="text-center">
|
|
<h5 class="ds-5 mb-25 wow text-white">
|
|
Access Premium and Exclusive <br />
|
|
Features for Free
|
|
</h5>
|
|
<p class="text-lg-bold wow text-white">
|
|
Boost your website's adaptability and strength with these powerful features. <br />
|
|
Experience premium-grade functionalities at no extra cost
|
|
</p>
|
|
</div>
|
|
<div class="list-unlocks mt-80">
|
|
<div class="row">
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".0s">
|
|
<div class="card-image"><img src="assets/imgs/landing/logo2.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Gulp Task</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".2s">
|
|
<div class="card-image"><img src="assets/imgs/landing/pugjs.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Pugjs</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".4s">
|
|
<div class="card-image"><img src="assets/imgs/landing/sass.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Sass</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".6s">
|
|
<div class="card-image"><img src="assets/imgs/landing/bootstrap-5.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Bootstrap 5</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".8s">
|
|
<div class="card-image"><img src="assets/imgs/landing/swiper.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Swiper Slider</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay="1s">
|
|
<div class="card-image"><img src="assets/imgs/landing/google-font.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Google Fonts</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".1s">
|
|
<div class="card-image"><img src="assets/imgs/landing/es6.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">ECMAScript 6</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".3s">
|
|
<div class="card-image"><img src="assets/imgs/landing/browser.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Browsersync</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".5s">
|
|
<div class="card-image"><img src="assets/imgs/landing/babel.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Babel 7</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".7s">
|
|
<div class="card-image"><img src="assets/imgs/landing/auto.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">Autoprefixer</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay=".9s">
|
|
<div class="card-image"><img src="assets/imgs/landing/html5.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">HTML 5</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-6">
|
|
<div class="card-unlock wow flipInY" data-wow-delay="1.1s">
|
|
<div class="card-image"><img src="assets/imgs/landing/css3.png" alt="Travila" /></div>
|
|
<div class="card-info">
|
|
<p class="text-lg-bold">CSS 3</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<!-- prettier-ignore -->
|
|
<!-- Footer 1 -->
|
|
<footer>
|
|
<div class="section-footer position-relative">
|
|
<div class="container-fluid bgft-1">
|
|
<div class="container position-relative z-2">
|
|
<div class="row py-90">
|
|
<div class="col-12">
|
|
<div class="text-center">
|
|
<a href="index.html"><img src="assets/imgs/landing/logo.svg" alt="infinia" /></a>
|
|
<h4 class="ds-4 text-white mt-5">Get Started With <span class="text-primary">Infinia</span> Template</h4>
|
|
<p class="fs-5 text-white">
|
|
Awesome design. Powerful features. Easy customization. <br />
|
|
Fast Loading. Lifetime Update. Support 24/7.
|
|
</p>
|
|
<a target="_blank" href="https://themeforest.net/item/infinia-multipurpose-business-startup-html-bootstrap-5-template/53940196" class="btn btn-gradient mt-5 px-6 rounded-pill hover-up">
|
|
<h5 class="text-white">Purchase Now</h5>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row text-center py-4 border-top border-white border-opacity-25">
|
|
<span class="text-white opacity-50" data-aos="fade-zoom-in" data-aos-delay="200">Copyright © 2024 Infinia. All Rights Reserved</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="position-absolute top-0 start-50 translate-middle-x z-0">
|
|
<img src="assets/imgs/footer-1/line-bg.png" alt="infinia" />
|
|
</div>
|
|
<div class="position-absolute top-0 start-0 z-0">
|
|
<img src="assets/imgs/footer-1/ellipse-left.png" alt="infinia" />
|
|
</div>
|
|
<div class="position-absolute top-0 end-0 z-0">
|
|
<img src="assets/imgs/footer-1/ellipse-right.png" alt="infinia" />
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scroll top -->
|
|
<div class="btn-scroll-top">
|
|
<svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
|
|
<path d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z" />
|
|
</svg>
|
|
</div>
|
|
<!-- Libs JS -->
|
|
<script src="assets/js/vendors/jquery-3.7.1.min.js"></script>
|
|
<script src="assets/js/vendors/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/js/vendors/swiper-bundle.min.js"></script>
|
|
<script src="assets/js/vendors/aos.js"></script>
|
|
<script src="assets/js/vendors/wow.min.js"></script>
|
|
<script src="assets/js/vendors/headhesive.min.js"></script>
|
|
<script src="assets/js/vendors/smart-stick-nav.js"></script>
|
|
<script src="assets/js/vendors/jquery.magnific-popup.min.js"></script>
|
|
<script src="assets/js/vendors/gsap.min.js"></script>
|
|
<script src="assets/js/vendors/imagesloaded.pkgd.min.js"></script>
|
|
<script src="assets/js/vendors/isotope.pkgd.min.js"></script>
|
|
<script src="assets/js/vendors/ScrollToPlugin.min.js"></script>
|
|
<script src="assets/js/vendors/ScrollTrigger.min.js"></script>
|
|
<script src="assets/js/vendors/jquery.carouselTicker.min.js"></script>
|
|
<script src="assets/js/vendors/jquery.odometer.min.js"></script>
|
|
<script src="assets/js/vendors/jquery.appear.js"></script>
|
|
<script src="assets/js/vendors/gsap-custom.js"></script>
|
|
<script src="assets/js/vendors/bouncing-blob.js"></script>
|
|
<!-- Theme JS -->
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
<!-- Other scripts -->
|
|
</body>
|
|
|
|
<!-- Mirrored from infinia-bootstrap-demo.vercel.app/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 03 Aug 2025 11:35:48 GMT -->
|
|
</html>
|