1184 lines
48 KiB
HTML
1184 lines
48 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<title>
|
|||
|
|
Brihaspathi Technologies - Leading IT Solutions & Services Provider
|
|||
|
|
</title>
|
|||
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
|||
|
|
<meta content="" name="keywords" />
|
|||
|
|
<meta content="" name="description" />
|
|||
|
|
|
|||
|
|
<!-- Google Web Fonts -->
|
|||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|||
|
|
<link
|
|||
|
|
href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:slnt,wght@-10..0,100..900&display=swap"
|
|||
|
|
rel="stylesheet" />
|
|||
|
|
|
|||
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|||
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap" rel="stylesheet">
|
|||
|
|
<!-- Icon Font Stylesheet -->
|
|||
|
|
<link
|
|||
|
|
rel="stylesheet"
|
|||
|
|
href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
|
|||
|
|
<link
|
|||
|
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
|
|||
|
|
rel="stylesheet" />
|
|||
|
|
<link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">
|
|||
|
|
|
|||
|
|
<!-- Libraries Stylesheet -->
|
|||
|
|
<link rel="stylesheet" href="lib/animate/animate.min.css" />
|
|||
|
|
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
|
|||
|
|
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
|
|||
|
|
|
|||
|
|
<!-- Customized Bootstrap Stylesheet -->
|
|||
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
|||
|
|
|
|||
|
|
<!-- Template Stylesheet -->
|
|||
|
|
<link href="css/style.css" rel="stylesheet" />
|
|||
|
|
<link href="css/navbar.css" rel="stylesheet" />
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<!-- Spinner Start -->
|
|||
|
|
<div
|
|||
|
|
id="spinner"
|
|||
|
|
class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
|||
|
|
<div
|
|||
|
|
class="spinner-border text-primary"
|
|||
|
|
style="width: 3rem; height: 3rem"
|
|||
|
|
role="status">
|
|||
|
|
<span class="sr-only">Loading...</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Spinner End -->
|
|||
|
|
|
|||
|
|
<!-- Navbar & Hero Start -->
|
|||
|
|
<header class="header" id="header">
|
|||
|
|
|
|||
|
|
</header>
|
|||
|
|
<!-- Navbar & Hero End -->
|
|||
|
|
|
|||
|
|
<!-- Modal Search Start -->
|
|||
|
|
<div
|
|||
|
|
class="modal fade"
|
|||
|
|
id="searchModal"
|
|||
|
|
tabindex="-1"
|
|||
|
|
aria-labelledby="exampleModalLabel"
|
|||
|
|
aria-hidden="true">
|
|||
|
|
<div class="modal-dialog modal-fullscreen">
|
|||
|
|
<div class="modal-content rounded-0">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<h5 class="modal-title" id="exampleModalLabel">
|
|||
|
|
Search by keyword
|
|||
|
|
</h5>
|
|||
|
|
<button
|
|||
|
|
type="button"
|
|||
|
|
class="btn-close"
|
|||
|
|
data-bs-dismiss="modal"
|
|||
|
|
aria-label="Close"></button>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body d-flex align-items-center bg-primary">
|
|||
|
|
<div class="input-group w-75 mx-auto d-flex">
|
|||
|
|
<input
|
|||
|
|
type="search"
|
|||
|
|
class="form-control p-3"
|
|||
|
|
placeholder="keywords"
|
|||
|
|
aria-describedby="search-icon-1" />
|
|||
|
|
<span
|
|||
|
|
id="search-icon-1"
|
|||
|
|
class="btn bg-light border nput-group-text p-3"
|
|||
|
|
><i class="fa fa-search"></i
|
|||
|
|
></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Modal Search End -->
|
|||
|
|
|
|||
|
|
<!-- Carousel Start -->
|
|||
|
|
<div class="header-carousel owl-carousel ">
|
|||
|
|
<div class="header-carousel-item bg-primary">
|
|||
|
|
<div class="carousel-caption">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row g-4 align-items-center" style="padding-top: 40px;">
|
|||
|
|
<div class="col-lg-7 animated fadeInLeft">
|
|||
|
|
<div class="text-sm-center text-md-start">
|
|||
|
|
<h4 class="text-white text-uppercase fw-bold mb-4">
|
|||
|
|
Welcome To Brihaspathi Technologies
|
|||
|
|
</h4>
|
|||
|
|
<h1 class="display-1 text-white mb-4">
|
|||
|
|
Leading IT Solutions & Services Provider
|
|||
|
|
</h1>
|
|||
|
|
<p class="mb-5 fs-5">
|
|||
|
|
Empowering businesses with cutting-edge technology solutions tailored to your needs.
|
|||
|
|
From software development to IT consulting, we deliver excellence that drives success.
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="d-flex justify-content-center justify-content-md-start flex-shrink-0 mb-4">
|
|||
|
|
<a
|
|||
|
|
class="btn btn-light rounded-pill py-3 px-4 px-md-5 me-2"
|
|||
|
|
href="#"
|
|||
|
|
><i class="fas fa-play-circle me-2"></i> Watch Video</a
|
|||
|
|
>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-dark rounded-pill py-3 px-4 px-md-5 ms-2"
|
|||
|
|
href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-5 animated fadeInRight">
|
|||
|
|
<div class="calrousel-img" style="object-fit: cover">
|
|||
|
|
<img
|
|||
|
|
src="img/about.png"
|
|||
|
|
class="img-fluid w-100"
|
|||
|
|
alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="header-carousel-item bg-primary">
|
|||
|
|
<div class="carousel-caption">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row gy-4 gy-lg-0 gx-0 gx-lg-5 align-items-center">
|
|||
|
|
<div class="col-lg-5 animated fadeInLeft">
|
|||
|
|
<div class="calrousel-img">
|
|||
|
|
<img
|
|||
|
|
src="img/carousel-2.png"
|
|||
|
|
class="img-fluid w-100"
|
|||
|
|
alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-7 animated fadeInRight">
|
|||
|
|
<div class="text-sm-center text-md-end">
|
|||
|
|
<h4 class="text-white text-uppercase fw-bold mb-4">
|
|||
|
|
Welcome To LifeSure
|
|||
|
|
</h4>
|
|||
|
|
<h1 class="display-1 text-white mb-4">
|
|||
|
|
Life Insurance Makes You Happy
|
|||
|
|
</h1>
|
|||
|
|
<p class="mb-5 fs-5">
|
|||
|
|
Lorem Ipsum is simply dummy text of the printing and
|
|||
|
|
typesetting industry. Lorem Ipsum has been the industry's
|
|||
|
|
standard dummy...
|
|||
|
|
</p>
|
|||
|
|
<div
|
|||
|
|
class="d-flex justify-content-center justify-content-md-end flex-shrink-0 mb-4">
|
|||
|
|
<a
|
|||
|
|
class="btn btn-light rounded-pill py-3 px-4 px-md-5 me-2"
|
|||
|
|
href="#"
|
|||
|
|
><i class="fas fa-play-circle me-2"></i> Watch Video</a
|
|||
|
|
>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-dark rounded-pill py-3 px-4 px-md-5 ms-2"
|
|||
|
|
href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
<!-- Carousel End -->
|
|||
|
|
|
|||
|
|
<!-- About Start -->
|
|||
|
|
<div class="container-fluid bg-light about pb-5 py-5">
|
|||
|
|
<div class="container pb-5">
|
|||
|
|
<div class="row g-5">
|
|||
|
|
<div
|
|||
|
|
class="text-center mx-auto pb-5 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.2s"
|
|||
|
|
style="max-width: 800px">
|
|||
|
|
<h4 class="text-primary">We are Brihaspathi</h4>
|
|||
|
|
<h1 class="display-6 mb-4">
|
|||
|
|
A trusted leader in IT products and solutions
|
|||
|
|
since 2006
|
|||
|
|
</h1>
|
|||
|
|
<p class="mb-0">
|
|||
|
|
We understand that today’s businesses need more than just
|
|||
|
|
technology – they need solutions that are reliable, scalable, and
|
|||
|
|
future-proof. Here’s why organizations across India choose us as
|
|||
|
|
their technology partner:
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
|
|||
|
|
<div class="about-item-content bg-white rounded p-5 h-100">
|
|||
|
|
<h1 class="display-6 mb-4">About Our Company</h1>
|
|||
|
|
<h4 class="text-primary">
|
|||
|
|
solutions driven company specialized in creating custom
|
|||
|
|
e-security solutions tailored to meet your unique needs.
|
|||
|
|
</h4>
|
|||
|
|
<p
|
|||
|
|
class="max-w570 dsn-up mb-10"
|
|||
|
|
style="opacity: 1; transform: translate(0px, 0px)">
|
|||
|
|
Brihaspathi has been a trusted leader in IT products and
|
|||
|
|
solutions since 2006, headquartered in Hyderabad.
|
|||
|
|
</p>
|
|||
|
|
<p
|
|||
|
|
class="max-w570 dsn-up mb-30"
|
|||
|
|
style="opacity: 1; transform: translate(0px, 0px)">
|
|||
|
|
Driven by visionary leadership and an exceptional team,
|
|||
|
|
Brihaspathi rapidly emerged as a powerhouse in Software
|
|||
|
|
Development, Mobile Applications, E-Communications, E-Security
|
|||
|
|
Systems, and Global Positioning Systems (GPS). Today, we are
|
|||
|
|
recognized for delivering innovative, high-impact solutions that
|
|||
|
|
empower businesses worldwide.
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Expertise in
|
|||
|
|
Technologies
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Nationwide Reach
|
|||
|
|
with a Local Touch
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Customer-Centric
|
|||
|
|
Approach
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark mb-4">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Proven Track Record
|
|||
|
|
of Succes
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<a class="btn btn-primary rounded-pill py-3 px-5" href="#"
|
|||
|
|
>More Information</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xl-6 wow fadeInRight" data-wow-delay="0.2s">
|
|||
|
|
<div class="bg-white rounded p-5 h-100">
|
|||
|
|
<div class="row g-4 justify-content-center">
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="rounded bg-light">
|
|||
|
|
<img
|
|||
|
|
src="img/about-3.png"
|
|||
|
|
class="img-fluid rounded w-100"
|
|||
|
|
alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-6">
|
|||
|
|
<div class="counter-item bg-light rounded p-3 h-100">
|
|||
|
|
<div class="counter-counting">
|
|||
|
|
<span
|
|||
|
|
class="text-primary fs-2 fw-bold"
|
|||
|
|
data-toggle="counter-up"
|
|||
|
|
>500</span
|
|||
|
|
>
|
|||
|
|
<span class="h1 fw-bold text-primary">+</span>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-0 text-dark">Bunesss Partners</h4>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-6">
|
|||
|
|
<div class="counter-item bg-light rounded p-3 h-100">
|
|||
|
|
<div class="counter-counting">
|
|||
|
|
<span
|
|||
|
|
class="text-primary fs-2 fw-bold"
|
|||
|
|
data-toggle="counter-up"
|
|||
|
|
>99</span
|
|||
|
|
>
|
|||
|
|
<span class="h1 fw-bold text-primary">+</span>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-0 text-dark">Awards WON</h4>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-6">
|
|||
|
|
<div class="counter-item bg-light rounded p-3 h-100">
|
|||
|
|
<div class="counter-counting">
|
|||
|
|
<span
|
|||
|
|
class="text-primary fs-2 fw-bold"
|
|||
|
|
data-toggle="counter-up"
|
|||
|
|
>75000</span
|
|||
|
|
>
|
|||
|
|
<span class="h1 fw-bold text-primary">+</span>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-0 text-dark">Customers</h4>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-sm-6">
|
|||
|
|
<div class="counter-item bg-light rounded p-3 h-100">
|
|||
|
|
<div class="counter-counting">
|
|||
|
|
<span
|
|||
|
|
class="text-primary fs-2 fw-bold"
|
|||
|
|
data-toggle="counter-up"
|
|||
|
|
>18</span
|
|||
|
|
>
|
|||
|
|
<span class="h1 fw-bold text-primary">+</span>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-0 text-dark">Year of Experience</h4>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- About End -->
|
|||
|
|
<!-- Feature Start -->
|
|||
|
|
<div class="container-fluid feature bg-light py-5">
|
|||
|
|
<div class="container py-5">
|
|||
|
|
<div
|
|||
|
|
class="text-center mx-auto pb-5 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.2s"
|
|||
|
|
style="max-width: 800px">
|
|||
|
|
<h4 class="text-primary">Our Features</h4>
|
|||
|
|
<h1 class="display-4 mb-4">Innovative Solutions for a Better Future</h1>
|
|||
|
|
<p class="mb-0">
|
|||
|
|
Explore our range of advanced technologies and solutions designed to transform industries, enhance productivity, and drive sustainable growth.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="row g-4">
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.2s">
|
|||
|
|
<div class="feature-item p-4 pt-0">
|
|||
|
|
<div class="feature-icon p-4 mb-4">
|
|||
|
|
<i class="fas fa-video fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-4">Video Analytics</h4>
|
|||
|
|
<p class="mb-4">
|
|||
|
|
Leverage advanced video analytics to enhance security and insights. Real-time monitoring, pattern detection, and actionable intelligence for smarter decision-making.
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn-primary rounded-pill py-2 px-4" href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.4s">
|
|||
|
|
<div class="feature-item p-4 pt-0">
|
|||
|
|
<div class="feature-icon p-4 mb-4">
|
|||
|
|
<i class="fas fa-network-wired fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-4">IoT Technologies</h4>
|
|||
|
|
<p class="mb-4">
|
|||
|
|
Seamlessly connect devices and systems with cutting-edge IoT technologies, creating intelligent environments for automation and real-time data management.
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn-primary rounded-pill py-2 px-4" href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.6s">
|
|||
|
|
<div class="feature-item p-4 pt-0">
|
|||
|
|
<div class="feature-icon p-4 mb-4">
|
|||
|
|
<i class="fas fa-broadcast-tower fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-4">RF Technology</h4>
|
|||
|
|
<p class="mb-4">
|
|||
|
|
Enhance communication systems with robust RF technology, ensuring reliable data transmission and superior performance in all environments.
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn-primary rounded-pill py-2 px-4" href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.8s">
|
|||
|
|
<div class="feature-item p-4 pt-0">
|
|||
|
|
<div class="feature-icon p-4 mb-4">
|
|||
|
|
<i class="fas fa-solar-panel fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-4">Rooftop Solar/Solar Pump</h4>
|
|||
|
|
<p class="mb-4">
|
|||
|
|
Harness the power of the sun with rooftop solar panels and solar pumps, promoting energy efficiency and sustainability for a greener tomorrow.
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn-primary rounded-pill py-2 px-4" href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row g-4 mt-2">
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.2s">
|
|||
|
|
<div class="feature-item p-4 pt-0">
|
|||
|
|
<div class="feature-icon p-4 mb-4">
|
|||
|
|
<i class="fas fa-car fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-4">E-Mobility Services</h4>
|
|||
|
|
<p class="mb-4">
|
|||
|
|
Drive the future of transportation with e-mobility solutions, fostering innovation in electric vehicles and charging infrastructure.
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn-primary rounded-pill py-2 px-4" href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.4s">
|
|||
|
|
<div class="feature-item p-4 pt-0">
|
|||
|
|
<div class="feature-icon p-4 mb-4">
|
|||
|
|
<i class="fas fa-home fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-4">Home Automation</h4>
|
|||
|
|
<p class="mb-4">
|
|||
|
|
Transform your living space into a smart home with advanced automation solutions, offering convenience, efficiency, and security at your fingertips.
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn-primary rounded-pill py-2 px-4" href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.6s">
|
|||
|
|
<div class="feature-item p-4 pt-0">
|
|||
|
|
<div class="feature-icon p-4 mb-4">
|
|||
|
|
<i class="fas fa-satellite-dish fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-4">IT & Telecommunication</h4>
|
|||
|
|
<p class="mb-4">
|
|||
|
|
Stay connected with cutting-edge IT and telecommunication solutions, offering ultra-fast networks and seamless data transmission for businesses and communities.
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn-primary rounded-pill py-2 px-4" href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.8s">
|
|||
|
|
<div class="feature-item p-4 pt-0">
|
|||
|
|
<div class="feature-icon p-4 mb-4">
|
|||
|
|
<i class="fas fa-city fa-3x"></i>
|
|||
|
|
</div>
|
|||
|
|
<h4 class="mb-4">Smart Cities</h4>
|
|||
|
|
<p class="mb-4">
|
|||
|
|
Build smarter urban environments with integrated IoT, AI, and sustainable infrastructure, creating intelligent and connected ecosystems for future cities.
|
|||
|
|
</p>
|
|||
|
|
<a class="btn btn-primary rounded-pill py-2 px-4" href="#"
|
|||
|
|
>Learn More</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- Feature End -->
|
|||
|
|
|
|||
|
|
<!-- Software develppment Start -->
|
|||
|
|
<div class="container-fluid faq-section bg-light py-5">
|
|||
|
|
<div class="container py-5">
|
|||
|
|
<div class="row g-5 align-items-center">
|
|||
|
|
<div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
|
|||
|
|
<div class="h-100">
|
|||
|
|
<div class="mb-5">
|
|||
|
|
<h4 class="text-primary">Software Development</h4>
|
|||
|
|
<h1 class="display-4 mb-0">Small and Medium Businesses</h1>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h4>One application that provides complete business process</h4>
|
|||
|
|
<p>
|
|||
|
|
Flo series offers specially designed plans for Small & Medium
|
|||
|
|
Businesses. You can choose from our handpicked workflows as
|
|||
|
|
per your need offering you the most affordable pricing plans
|
|||
|
|
at the cost of a cloud infrastructure.
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Expertise in
|
|||
|
|
Technologies
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Nationwide Reach
|
|||
|
|
with a Local Touch
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Customer-Centric
|
|||
|
|
Approach
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark mb-4">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Proven Track
|
|||
|
|
Record of Succes
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<a class="btn btn-primary rounded-pill py-3 px-5" href="#"
|
|||
|
|
>More Information</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
|
|||
|
|
<img src="img/software-development.png" class="img-fluid w-100" alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Software develppment End -->
|
|||
|
|
|
|||
|
|
<!-- Video analytics Start -->
|
|||
|
|
<div class="container-fluid faq-section bg-light py-5">
|
|||
|
|
|
|||
|
|
<div class="container py-5">
|
|||
|
|
|
|||
|
|
<div class="row g-5 align-items-center">
|
|||
|
|
<div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
|
|||
|
|
<img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
|
|||
|
|
</div>
|
|||
|
|
<div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
|
|||
|
|
<div class="h-100">
|
|||
|
|
<div class="mb-5">
|
|||
|
|
<h4 class="text-primary">Extensive Experience in
|
|||
|
|
</h4>
|
|||
|
|
<h1 class="display-4 mb-0">Live Streaming with Analytics</h1>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
|
|||
|
|
<p>
|
|||
|
|
Live streaming with analytics combines the power of real-time video broadcasting with advanced analytics like
|
|||
|
|
|
|||
|
|
Motion Detection, Facial Recognition, Object Detection, Crowd Analysis, Cross Line Detection, Counting and Tracking, Abnormal Behavior Detection and Analytics Dashboard and Reporting
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Expertise in
|
|||
|
|
Technologies
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Nationwide Reach
|
|||
|
|
with a Local Touch
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Customer-Centric
|
|||
|
|
Approach
|
|||
|
|
</p>
|
|||
|
|
<p class="text-dark mb-4">
|
|||
|
|
<i class="fa fa-check text-primary me-3"></i>Proven Track
|
|||
|
|
Record of Succes
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<a class="btn btn-primary rounded-pill py-3 px-5" href="#"
|
|||
|
|
>More Information</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Video analytics End -->
|
|||
|
|
|
|||
|
|
<!-- Team Start -->
|
|||
|
|
<div class="container-fluid team pb-5 py-5">
|
|||
|
|
<div class="container pb-5">
|
|||
|
|
<div
|
|||
|
|
class="text-center mx-auto pb-5 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.2s"
|
|||
|
|
style="max-width: 800px">
|
|||
|
|
<h4 class="text-primary">Our Team</h4>
|
|||
|
|
<h1 class="display-4 mb-4">Meet Our Expert Team Members</h1>
|
|||
|
|
<p class="mb-0">
|
|||
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
|
|||
|
|
adipisci facilis cupiditate recusandae aperiam temporibus corporis
|
|||
|
|
itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
|
|||
|
|
obcaecati, ipsam mollitia hic.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="row g-4">
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.2s">
|
|||
|
|
<div class="team-item">
|
|||
|
|
<div class="team-img">
|
|||
|
|
<img
|
|||
|
|
src="img/team-1.jpg"
|
|||
|
|
class="img-fluid rounded-top w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="team-icon">
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-facebook-f"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-twitter"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-linkedin-in"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-0"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-instagram"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="team-title p-4">
|
|||
|
|
<h4 class="mb-0">David James</h4>
|
|||
|
|
<p class="mb-0">Profession</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.4s">
|
|||
|
|
<div class="team-item">
|
|||
|
|
<div class="team-img">
|
|||
|
|
<img
|
|||
|
|
src="img/team-2.jpg"
|
|||
|
|
class="img-fluid rounded-top w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="team-icon">
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-facebook-f"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-twitter"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-linkedin-in"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-0"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-instagram"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="team-title p-4">
|
|||
|
|
<h4 class="mb-0">David James</h4>
|
|||
|
|
<p class="mb-0">Profession</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.6s">
|
|||
|
|
<div class="team-item">
|
|||
|
|
<div class="team-img">
|
|||
|
|
<img
|
|||
|
|
src="img/team-3.jpg"
|
|||
|
|
class="img-fluid rounded-top w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="team-icon">
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-facebook-f"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-twitter"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-linkedin-in"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-0"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-instagram"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="team-title p-4">
|
|||
|
|
<h4 class="mb-0">David James</h4>
|
|||
|
|
<p class="mb-0">Profession</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.8s">
|
|||
|
|
<div class="team-item">
|
|||
|
|
<div class="team-img">
|
|||
|
|
<img
|
|||
|
|
src="img/team-4.jpg"
|
|||
|
|
class="img-fluid rounded-top w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="team-icon">
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-facebook-f"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-twitter"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-2"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-linkedin-in"></i
|
|||
|
|
></a>
|
|||
|
|
<a
|
|||
|
|
class="btn btn-primary btn-sm-square rounded-pill mb-0"
|
|||
|
|
href=""
|
|||
|
|
><i class="fab fa-instagram"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="team-title p-4">
|
|||
|
|
<h4 class="mb-0">David James</h4>
|
|||
|
|
<p class="mb-0">Profession</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Team End -->
|
|||
|
|
|
|||
|
|
<!-- Testimonial Start -->
|
|||
|
|
<div class="container-fluid testimonial pb-5">
|
|||
|
|
<div class="container pb-5">
|
|||
|
|
<div
|
|||
|
|
class="text-center mx-auto pb-5 wow fadeInUp"
|
|||
|
|
data-wow-delay="0.2s"
|
|||
|
|
style="max-width: 800px">
|
|||
|
|
<h4 class="text-primary">Testimonial</h4>
|
|||
|
|
<h1 class="display-4 mb-4">What Our Customers Are Saying</h1>
|
|||
|
|
<p class="mb-0">
|
|||
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
|
|||
|
|
adipisci facilis cupiditate recusandae aperiam temporibus corporis
|
|||
|
|
itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
|
|||
|
|
obcaecati, ipsam mollitia hic.
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="owl-carousel testimonial-carousel wow fadeInUp"
|
|||
|
|
data-wow-delay="0.2s">
|
|||
|
|
<div class="testimonial-item bg-light rounded">
|
|||
|
|
<div class="row g-0">
|
|||
|
|
<div class="col-4 col-lg-4 col-xl-3">
|
|||
|
|
<div class="h-100">
|
|||
|
|
<img
|
|||
|
|
src="img/testimonial-1.jpg"
|
|||
|
|
class="img-fluid h-100 rounded"
|
|||
|
|
style="object-fit: cover"
|
|||
|
|
alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-8 col-lg-8 col-xl-9">
|
|||
|
|
<div class="d-flex flex-column my-auto text-start p-4">
|
|||
|
|
<h4 class="text-dark mb-0">Client Name</h4>
|
|||
|
|
<p class="mb-3">Profession</p>
|
|||
|
|
<div class="d-flex text-primary mb-3">
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
</div>
|
|||
|
|
<p class="mb-0">
|
|||
|
|
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
|
|||
|
|
Enim error molestiae aut modi corrupti fugit eaque rem nulla
|
|||
|
|
incidunt temporibus quisquam,
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="testimonial-item bg-light rounded">
|
|||
|
|
<div class="row g-0">
|
|||
|
|
<div class="col-4 col-lg-4 col-xl-3">
|
|||
|
|
<div class="h-100">
|
|||
|
|
<img
|
|||
|
|
src="img/testimonial-2.jpg"
|
|||
|
|
class="img-fluid h-100 rounded"
|
|||
|
|
style="object-fit: cover"
|
|||
|
|
alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-8 col-lg-8 col-xl-9">
|
|||
|
|
<div class="d-flex flex-column my-auto text-start p-4">
|
|||
|
|
<h4 class="text-dark mb-0">Client Name</h4>
|
|||
|
|
<p class="mb-3">Profession</p>
|
|||
|
|
<div class="d-flex text-primary mb-3">
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star text-body"></i>
|
|||
|
|
</div>
|
|||
|
|
<p class="mb-0">
|
|||
|
|
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
|
|||
|
|
Enim error molestiae aut modi corrupti fugit eaque rem nulla
|
|||
|
|
incidunt temporibus quisquam,
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="testimonial-item bg-light rounded">
|
|||
|
|
<div class="row g-0">
|
|||
|
|
<div class="col-4 col-lg-4 col-xl-3">
|
|||
|
|
<div class="h-100">
|
|||
|
|
<img
|
|||
|
|
src="img/testimonial-3.jpg"
|
|||
|
|
class="img-fluid h-100 rounded"
|
|||
|
|
style="object-fit: cover"
|
|||
|
|
alt="" />
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-8 col-lg-8 col-xl-9">
|
|||
|
|
<div class="d-flex flex-column my-auto text-start p-4">
|
|||
|
|
<h4 class="text-dark mb-0">Client Name</h4>
|
|||
|
|
<p class="mb-3">Profession</p>
|
|||
|
|
<div class="d-flex text-primary mb-3">
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star"></i>
|
|||
|
|
<i class="fas fa-star text-body"></i>
|
|||
|
|
<i class="fas fa-star text-body"></i>
|
|||
|
|
</div>
|
|||
|
|
<p class="mb-0">
|
|||
|
|
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
|
|||
|
|
Enim error molestiae aut modi corrupti fugit eaque rem nulla
|
|||
|
|
incidunt temporibus quisquam,
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Testimonial End -->
|
|||
|
|
|
|||
|
|
<!-- Footer Start -->
|
|||
|
|
<footer>
|
|||
|
|
<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
|
|||
|
|
<div class="container py-5">
|
|||
|
|
<div class="row g-5">
|
|||
|
|
<div class="col-xl-9">
|
|||
|
|
<div class="mb-5">
|
|||
|
|
<div class="row g-4">
|
|||
|
|
<div class="col-md-6 col-lg-6 col-xl-5">
|
|||
|
|
<div class="footer-item">
|
|||
|
|
<a href="index.html" class="p-0">
|
|||
|
|
<h3 class="text-white">
|
|||
|
|
<i class="fab fa-slack me-3"></i> LifeSure
|
|||
|
|
</h3>
|
|||
|
|
<!-- <img src="img/logo.png" alt="Logo"> -->
|
|||
|
|
</a>
|
|||
|
|
<p class="text-white mb-4">
|
|||
|
|
Dolor amet sit justo amet elitr clita ipsum elitr
|
|||
|
|
est.Lorem ipsum dolor sit amet, consectetur adipiscing...
|
|||
|
|
</p>
|
|||
|
|
<div class="footer-btn d-flex">
|
|||
|
|
<a class="btn btn-md-square rounded-circle me-3" href="#"
|
|||
|
|
><i class="fab fa-facebook-f"></i
|
|||
|
|
></a>
|
|||
|
|
<a class="btn btn-md-square rounded-circle me-3" href="#"
|
|||
|
|
><i class="fab fa-twitter"></i
|
|||
|
|
></a>
|
|||
|
|
<a class="btn btn-md-square rounded-circle me-3" href="#"
|
|||
|
|
><i class="fab fa-instagram"></i
|
|||
|
|
></a>
|
|||
|
|
<a class="btn btn-md-square rounded-circle me-0" href="#"
|
|||
|
|
><i class="fab fa-linkedin-in"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-6 col-xl-3">
|
|||
|
|
<div class="footer-item">
|
|||
|
|
<h4 class="text-white mb-4">Useful Links</h4>
|
|||
|
|
<a href="#"
|
|||
|
|
><i class="fas fa-angle-right me-2"></i> About Us</a
|
|||
|
|
>
|
|||
|
|
<a href="#"
|
|||
|
|
><i class="fas fa-angle-right me-2"></i> Features</a
|
|||
|
|
>
|
|||
|
|
<a href="#"
|
|||
|
|
><i class="fas fa-angle-right me-2"></i> Services</a
|
|||
|
|
>
|
|||
|
|
<a href="#"
|
|||
|
|
><i class="fas fa-angle-right me-2"></i> FAQ's</a
|
|||
|
|
>
|
|||
|
|
<a href="#"
|
|||
|
|
><i class="fas fa-angle-right me-2"></i> Blogs</a
|
|||
|
|
>
|
|||
|
|
<a href="#"
|
|||
|
|
><i class="fas fa-angle-right me-2"></i> Contact</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-lg-6 col-xl-4">
|
|||
|
|
<div class="footer-item">
|
|||
|
|
<h4 class="mb-4 text-white">Instagram</h4>
|
|||
|
|
<div class="row g-3">
|
|||
|
|
<div class="col-4">
|
|||
|
|
<div class="footer-instagram rounded">
|
|||
|
|
<img
|
|||
|
|
src="img/instagram-footer-1.jpg"
|
|||
|
|
class="img-fluid w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="footer-search-icon">
|
|||
|
|
<a
|
|||
|
|
href="img/instagram-footer-1.jpg"
|
|||
|
|
data-lightbox="footerInstagram-1"
|
|||
|
|
class="my-auto"
|
|||
|
|
><i class="fas fa-link text-white"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-4">
|
|||
|
|
<div class="footer-instagram rounded">
|
|||
|
|
<img
|
|||
|
|
src="img/instagram-footer-2.jpg"
|
|||
|
|
class="img-fluid w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="footer-search-icon">
|
|||
|
|
<a
|
|||
|
|
href="img/instagram-footer-2.jpg"
|
|||
|
|
data-lightbox="footerInstagram-2"
|
|||
|
|
class="my-auto"
|
|||
|
|
><i class="fas fa-link text-white"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-4">
|
|||
|
|
<div class="footer-instagram rounded">
|
|||
|
|
<img
|
|||
|
|
src="img/instagram-footer-3.jpg"
|
|||
|
|
class="img-fluid w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="footer-search-icon">
|
|||
|
|
<a
|
|||
|
|
href="img/instagram-footer-3.jpg"
|
|||
|
|
data-lightbox="footerInstagram-3"
|
|||
|
|
class="my-auto"
|
|||
|
|
><i class="fas fa-link text-white"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-4">
|
|||
|
|
<div class="footer-instagram rounded">
|
|||
|
|
<img
|
|||
|
|
src="img/instagram-footer-4.jpg"
|
|||
|
|
class="img-fluid w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="footer-search-icon">
|
|||
|
|
<a
|
|||
|
|
href="img/instagram-footer-4.jpg"
|
|||
|
|
data-lightbox="footerInstagram-4"
|
|||
|
|
class="my-auto"
|
|||
|
|
><i class="fas fa-link text-white"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-4">
|
|||
|
|
<div class="footer-instagram rounded">
|
|||
|
|
<img
|
|||
|
|
src="img/instagram-footer-5.jpg"
|
|||
|
|
class="img-fluid w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="footer-search-icon">
|
|||
|
|
<a
|
|||
|
|
href="img/instagram-footer-5.jpg"
|
|||
|
|
data-lightbox="footerInstagram-5"
|
|||
|
|
class="my-auto"
|
|||
|
|
><i class="fas fa-link text-white"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-4">
|
|||
|
|
<div class="footer-instagram rounded">
|
|||
|
|
<img
|
|||
|
|
src="img/instagram-footer-6.jpg"
|
|||
|
|
class="img-fluid w-100"
|
|||
|
|
alt="" />
|
|||
|
|
<div class="footer-search-icon">
|
|||
|
|
<a
|
|||
|
|
href="img/instagram-footer-6.jpg"
|
|||
|
|
data-lightbox="footerInstagram-6"
|
|||
|
|
class="my-auto"
|
|||
|
|
><i class="fas fa-link text-white"></i
|
|||
|
|
></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div
|
|||
|
|
class="pt-5"
|
|||
|
|
style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
|
|||
|
|
<div class="row g-0">
|
|||
|
|
<div class="col-12">
|
|||
|
|
<div class="row g-4">
|
|||
|
|
<div class="col-lg-6 col-xl-4">
|
|||
|
|
<div class="d-flex">
|
|||
|
|
<div
|
|||
|
|
class="btn-xl-square bg-primary text-white rounded p-4 me-4">
|
|||
|
|
<i class="fas fa-map-marker-alt fa-2x"></i>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h4 class="text-white">Address</h4>
|
|||
|
|
<p class="mb-0">123 Street New York.USA</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-xl-4">
|
|||
|
|
<div class="d-flex">
|
|||
|
|
<div
|
|||
|
|
class="btn-xl-square bg-primary text-white rounded p-4 me-4">
|
|||
|
|
<i class="fas fa-envelope fa-2x"></i>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h4 class="text-white">Mail Us</h4>
|
|||
|
|
<p class="mb-0">info@example.com</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-lg-6 col-xl-4">
|
|||
|
|
<div class="d-flex">
|
|||
|
|
<div
|
|||
|
|
class="btn-xl-square bg-primary text-white rounded p-4 me-4">
|
|||
|
|
<i class="fa fa-phone-alt fa-2x"></i>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h4 class="text-white">Telephone</h4>
|
|||
|
|
<p class="mb-0">(+012) 3456 7890</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="col-xl-3">
|
|||
|
|
<div class="footer-item">
|
|||
|
|
<h4 class="text-white mb-4">Newsletter</h4>
|
|||
|
|
<p class="text-white mb-3">
|
|||
|
|
Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem
|
|||
|
|
ipsum dolor sit amet, consectetur adipiscing elit.
|
|||
|
|
</p>
|
|||
|
|
<div class="position-relative rounded-pill mb-4">
|
|||
|
|
<input
|
|||
|
|
class="form-control rounded-pill w-100 py-3 ps-4 pe-5"
|
|||
|
|
type="text"
|
|||
|
|
placeholder="Enter your email" />
|
|||
|
|
<button
|
|||
|
|
type="button"
|
|||
|
|
class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">
|
|||
|
|
SignUp
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="d-flex flex-shrink-0">
|
|||
|
|
<div class="footer-btn">
|
|||
|
|
<a
|
|||
|
|
href="#"
|
|||
|
|
class="btn btn-lg-square rounded-circle position-relative wow tada"
|
|||
|
|
data-wow-delay=".9s">
|
|||
|
|
<i class="fa fa-phone-alt fa-2x"></i>
|
|||
|
|
<div
|
|||
|
|
class="position-absolute"
|
|||
|
|
style="top: 2px; right: 12px">
|
|||
|
|
<span
|
|||
|
|
><i class="fa fa-comment-dots text-secondary"></i
|
|||
|
|
></span>
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="d-flex flex-column ms-3 flex-shrink-0">
|
|||
|
|
<span>Call to Our Experts</span>
|
|||
|
|
<a href="tel:+ 0123 456 7890"
|
|||
|
|
><span class="text-white">Free: + 0123 456 7890</span></a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Footer End -->
|
|||
|
|
|
|||
|
|
<!-- Copyright Start -->
|
|||
|
|
<div class="container-fluid copyright py-4">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="row g-4 align-items-center">
|
|||
|
|
<div class="col-md-6 text-center text-md-end mb-md-0">
|
|||
|
|
<span class="text-body"
|
|||
|
|
><a href="#" class="border-bottom text-white"
|
|||
|
|
><i class="fas fa-copyright text-light me-2"></i>Your Site
|
|||
|
|
Name</a
|
|||
|
|
>, All right reserved.</span
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 text-center text-md-start text-body">
|
|||
|
|
<!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
|
|||
|
|
<!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
|
|||
|
|
<!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
|
|||
|
|
Designed By
|
|||
|
|
<a class="border-bottom text-white" href="https://htmlcodex.com"
|
|||
|
|
>HTML Codex</a
|
|||
|
|
>
|
|||
|
|
Distributed By
|
|||
|
|
<a class="border-bottom text-white" href="https://themewagon.com"
|
|||
|
|
>ThemeWagon</a
|
|||
|
|
>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Copyright End -->
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
<!-- Back to Top -->
|
|||
|
|
<a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
|
|||
|
|
><i class="fa fa-arrow-up"></i
|
|||
|
|
></a>
|
|||
|
|
|
|||
|
|
<!-- JavaScript Libraries -->
|
|||
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
|
|||
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
|
|||
|
|
<script src="lib/wow/wow.min.js"></script>
|
|||
|
|
<script src="lib/easing/easing.min.js"></script>
|
|||
|
|
<script src="lib/waypoints/waypoints.min.js"></script>
|
|||
|
|
<script src="lib/counterup/counterup.min.js"></script>
|
|||
|
|
<script src="lib/lightbox/js/lightbox.min.js"></script>
|
|||
|
|
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
|
|||
|
|
|
|||
|
|
<!-- Template Javascript -->
|
|||
|
|
<script src="js/main.js"></script>
|
|||
|
|
<script src="js/footer.js"></script>
|
|||
|
|
<script src="js/navbar.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|