Files
brihaspathi/index.html
T
2024-11-21 09:10:28 +05:30

1184 lines
48 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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 todays businesses need more than just
technology they need solutions that are reliable, scalable, and
future-proof. Heres 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 authors credit link/attribution link/backlink. ***/-->
<!--/*** If you'd like to use the template without the below authors 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>