first commit
이 커밋은 다음에 포함됨:
@@ -0,0 +1,389 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LifeSure - Life Insurance Website Template</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">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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">
|
||||
</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 -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
|
||||
<div class="container">
|
||||
<div class="row gx-0 align-items-center">
|
||||
<div class="col-lg-8 text-center text-lg-start mb-lg-0">
|
||||
<div class="d-flex flex-wrap">
|
||||
<div class="border-end border-primary pe-3">
|
||||
<a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
|
||||
</div>
|
||||
<div class="ps-3">
|
||||
<a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center text-lg-end">
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="d-flex border-end border-primary pe-3">
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
<div class="dropdown ms-3">
|
||||
<a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
|
||||
<div class="dropdown-menu rounded">
|
||||
<a href="#" class="dropdown-item">English</a>
|
||||
<a href="#" class="dropdown-item">Bangla</a>
|
||||
<a href="#" class="dropdown-item">French</a>
|
||||
<a href="#" class="dropdown-item">Spanish</a>
|
||||
<a href="#" class="dropdown-item">Arabic</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar & Hero Start -->
|
||||
<div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a href="#" class="navbar-brand p-0">
|
||||
<h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
|
||||
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="fa fa-bars"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav mx-0 mx-lg-auto">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About</a>
|
||||
<a href="service.html" class="nav-item nav-link">Services</a>
|
||||
<a href="blog.html" class="nav-item nav-link">Blog</a>
|
||||
<div class="nav-item dropdown active">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Pages</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="feature.html" class="dropdown-item">Our Features</a>
|
||||
<a href="team.html" class="dropdown-item">Our team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="FAQ.html" class="dropdown-item">FAQs</a>
|
||||
<a href="404.html" class="dropdown-item active">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||
<div class="nav-btn px-3">
|
||||
<button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||
<a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-xl-flex flex-shrink-0 ps-4">
|
||||
<a href="#" class="btn btn-light 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: 7px; right: 12px;">
|
||||
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span>Call to Our Experts</span>
|
||||
<a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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 -->
|
||||
|
||||
|
||||
<!-- Header Start -->
|
||||
<div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">404 Pages</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">404 Page</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header End -->
|
||||
|
||||
|
||||
<!-- 404 Start -->
|
||||
<div class="container-fluid bg-light py-5">
|
||||
<div class="container py-5 text-center">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
|
||||
<i class="far fa-frown-open display-1 text-primary mb-4" style="width: 80px; height: 80px;"></i>
|
||||
<h1 class="display-1">404</h1>
|
||||
<h1 class="mb-4">Page Not Found</h1>
|
||||
<p class="mb-4">We’re sorry, the page you have looked for does not exist in our website! Maybe go to our home page or try to use a search?</p>
|
||||
<a class="btn btn-primary rounded-pill py-3 px-5" href="index.html">Go Back To Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 404 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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,431 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LifeSure - Life Insurance Website Template</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">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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">
|
||||
</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 -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
|
||||
<div class="container">
|
||||
<div class="row gx-0 align-items-center">
|
||||
<div class="col-lg-8 text-center text-lg-start mb-lg-0">
|
||||
<div class="d-flex flex-wrap">
|
||||
<div class="border-end border-primary pe-3">
|
||||
<a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
|
||||
</div>
|
||||
<div class="ps-3">
|
||||
<a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center text-lg-end">
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="d-flex border-end border-primary pe-3">
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
<div class="dropdown ms-3">
|
||||
<a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
|
||||
<div class="dropdown-menu rounded">
|
||||
<a href="#" class="dropdown-item">English</a>
|
||||
<a href="#" class="dropdown-item">Bangla</a>
|
||||
<a href="#" class="dropdown-item">French</a>
|
||||
<a href="#" class="dropdown-item">Spanish</a>
|
||||
<a href="#" class="dropdown-item">Arabic</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar & Hero Start -->
|
||||
<div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a href="#" class="navbar-brand p-0">
|
||||
<h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
|
||||
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="fa fa-bars"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav mx-0 mx-lg-auto">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About</a>
|
||||
<a href="service.html" class="nav-item nav-link">Services</a>
|
||||
<a href="blog.html" class="nav-item nav-link">Blog</a>
|
||||
<div class="nav-item dropdown active">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Pages</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="feature.html" class="dropdown-item">Our Features</a>
|
||||
<a href="team.html" class="dropdown-item">Our team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="FAQ.html" class="dropdown-item active">FAQs</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||
<div class="nav-btn px-3">
|
||||
<button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||
<a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-xl-flex flex-shrink-0 ps-4">
|
||||
<a href="#" class="btn btn-light 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: 7px; right: 12px;">
|
||||
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span>Call to Our Experts</span>
|
||||
<a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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 -->
|
||||
|
||||
|
||||
<!-- Header Start -->
|
||||
<div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Frequently Asked Questions</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">FAQs</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header End -->
|
||||
|
||||
|
||||
<!-- FAQs 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">Some Important FAQ's</h4>
|
||||
<h1 class="display-4 mb-0">Common Frequently Asked Questions</h1>
|
||||
</div>
|
||||
<div class="accordion" id="accordionExample">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button border-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
Q: What happens during Freshers' Week?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show active" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body rounded">
|
||||
A: Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
Q: What is the transfer application process?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
A: Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
Q: Why should I attend community college?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
A: Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
|
||||
<img src="img/carousel-2.png" class="img-fluid w-100" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQs 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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">About us</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+723
@@ -0,0 +1,723 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LifeSure - Life Insurance Website Template</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">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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">
|
||||
</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 -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
|
||||
<div class="container">
|
||||
<div class="row gx-0 align-items-center">
|
||||
<div class="col-lg-8 text-center text-lg-start mb-lg-0">
|
||||
<div class="d-flex flex-wrap">
|
||||
<div class="border-end border-primary pe-3">
|
||||
<a href="#" class="text-muted small"><i
|
||||
class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
|
||||
</div>
|
||||
<div class="ps-3">
|
||||
<a href="mailto:example@gmail.com" class="text-muted small"><i
|
||||
class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center text-lg-end">
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="d-flex border-end border-primary pe-3">
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
<div class="dropdown ms-3">
|
||||
<a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i
|
||||
class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
|
||||
<div class="dropdown-menu rounded">
|
||||
<a href="#" class="dropdown-item">English</a>
|
||||
<a href="#" class="dropdown-item">Bangla</a>
|
||||
<a href="#" class="dropdown-item">French</a>
|
||||
<a href="#" class="dropdown-item">Spanish</a>
|
||||
<a href="#" class="dropdown-item">Arabic</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar & Hero Start -->
|
||||
<div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a href="#" class="navbar-brand p-0">
|
||||
<h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
|
||||
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="fa fa-bars"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav mx-0 mx-lg-auto">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link active">About</a>
|
||||
<a href="service.html" class="nav-item nav-link">Services</a>
|
||||
<a href="blog.html" class="nav-item nav-link">Blog</a>
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Pages</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="feature.html" class="dropdown-item">Our Features</a>
|
||||
<a href="team.html" class="dropdown-item">Our team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="FAQ.html" class="dropdown-item">FAQs</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||
<div class="nav-btn px-3">
|
||||
<button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0"
|
||||
data-bs-toggle="modal" data-bs-target="#searchModal"><i
|
||||
class="fas fa-search"></i></button>
|
||||
<a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a
|
||||
Quote</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-xl-flex flex-shrink-0 ps-4">
|
||||
<a href="#" class="btn btn-light 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: 7px; right: 12px;">
|
||||
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span>Call to Our Experts</span>
|
||||
<a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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 -->
|
||||
|
||||
|
||||
<!-- Header Start -->
|
||||
<div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">About Us</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">About</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header End -->
|
||||
|
||||
|
||||
<!-- About Start -->
|
||||
<div class="container-fluid bg-light about py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row g-5">
|
||||
<div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
|
||||
<div class="about-item-content bg-white rounded p-5 h-100">
|
||||
<h4 class="text-primary">About Our Company</h4>
|
||||
<h1 class="display-4 mb-4">High Range of Exploring Protection</h1>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sunt debitis sint tempora. Corporis
|
||||
consequatur illo blanditiis voluptates aperiam quos aliquam totam aliquid rem explicabo,
|
||||
</p>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae praesentium recusandae
|
||||
eligendi modi hic
|
||||
</p>
|
||||
<p class="text-dark"><i class="fa fa-check text-primary me-3"></i>We can save your money.</p>
|
||||
<p class="text-dark"><i class="fa fa-check text-primary me-3"></i>Production or trading of good
|
||||
</p>
|
||||
<p class="text-dark mb-4"><i class="fa fa-check text-primary me-3"></i>Our life insurance is
|
||||
flexible</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-1.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">129</span>
|
||||
<span class="h1 fw-bold text-primary">+</span>
|
||||
</div>
|
||||
<h4 class="mb-0 text-dark">Insurance Policies</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">556</span>
|
||||
<span class="h1 fw-bold text-primary">+</span>
|
||||
</div>
|
||||
<h4 class="mb-0 text-dark">Skilled Agents</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">967</span>
|
||||
<span class="h1 fw-bold text-primary">+</span>
|
||||
</div>
|
||||
<h4 class="mb-0 text-dark">Team Members</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- About End -->
|
||||
|
||||
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light 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">Our Features</h4>
|
||||
<h1 class="display-4 mb-4">Insurance Provide you a Better Future</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="feature-item p-4 pt-0">
|
||||
<div class="feature-icon p-4 mb-4">
|
||||
<i class="far fa-handshake fa-3x"></i>
|
||||
</div>
|
||||
<h4 class="mb-4">Trusted Company</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit
|
||||
pariatur...
|
||||
</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="fa fa-dollar-sign fa-3x"></i>
|
||||
</div>
|
||||
<h4 class="mb-4">Anytime Money Back</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit
|
||||
pariatur...
|
||||
</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="fa fa-bullseye fa-3x"></i>
|
||||
</div>
|
||||
<h4 class="mb-4">Flexible Plans</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit
|
||||
pariatur...
|
||||
</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="fa fa-headphones fa-3x"></i>
|
||||
</div>
|
||||
<h4 class="mb-4">24/7 Fast Support</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit
|
||||
pariatur...
|
||||
</p>
|
||||
<a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- FAQs Start -->
|
||||
<div class="container-fluid faq-section bg-light pb-5">
|
||||
<div class="container pb-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">Some Important FAQ's</h4>
|
||||
<h1 class="display-4 mb-0">Common Frequently Asked Questions</h1>
|
||||
</div>
|
||||
<div class="accordion" id="accordionExample">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingOne">
|
||||
<button class="accordion-button border-0" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
Q: What happens during Freshers' Week?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseOne" class="accordion-collapse collapse show active"
|
||||
aria-labelledby="headingOne" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body rounded">
|
||||
A: Leverage agile frameworks to provide a robust synopsis for high level
|
||||
overviews. Iterative approaches to corporate strategy foster collaborative
|
||||
thinking to further the overall value proposition. Organically grow the holistic
|
||||
world view of disruptive innovation via workplace diversity and empowerment.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingTwo">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
Q: What is the transfer application process?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
|
||||
data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
A: Leverage agile frameworks to provide a robust synopsis for high level
|
||||
overviews. Iterative approaches to corporate strategy foster collaborative
|
||||
thinking to further the overall value proposition. Organically grow the holistic
|
||||
world view of disruptive innovation via workplace diversity and empowerment.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="headingThree">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
|
||||
data-bs-target="#collapseThree" aria-expanded="false"
|
||||
aria-controls="collapseThree">
|
||||
Q: Why should I attend community college?
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapseThree" class="accordion-collapse collapse"
|
||||
aria-labelledby="headingThree" data-bs-parent="#accordionExample">
|
||||
<div class="accordion-body">
|
||||
A: Leverage agile frameworks to provide a robust synopsis for high level
|
||||
overviews. Iterative approaches to corporate strategy foster collaborative
|
||||
thinking to further the overall value proposition. Organically grow the holistic
|
||||
world view of disruptive innovation via workplace diversity and empowerment.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
|
||||
<img src="img/carousel-2.png" class="img-fluid w-100" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- FAQs End -->
|
||||
|
||||
|
||||
<!-- Team Start -->
|
||||
<div class="container-fluid team 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 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 -->
|
||||
|
||||
|
||||
<!-- 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">
|
||||
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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">AI IVR</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Block Chain Enabled</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
@@ -0,0 +1,448 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LifeSure - Life Insurance Website Template</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">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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">
|
||||
</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 -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
|
||||
<div class="container">
|
||||
<div class="row gx-0 align-items-center">
|
||||
<div class="col-lg-8 text-center text-lg-start mb-lg-0">
|
||||
<div class="d-flex flex-wrap">
|
||||
<div class="border-end border-primary pe-3">
|
||||
<a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
|
||||
</div>
|
||||
<div class="ps-3">
|
||||
<a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center text-lg-end">
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="d-flex border-end border-primary pe-3">
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
<div class="dropdown ms-3">
|
||||
<a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
|
||||
<div class="dropdown-menu rounded">
|
||||
<a href="#" class="dropdown-item">English</a>
|
||||
<a href="#" class="dropdown-item">Bangla</a>
|
||||
<a href="#" class="dropdown-item">French</a>
|
||||
<a href="#" class="dropdown-item">Spanish</a>
|
||||
<a href="#" class="dropdown-item">Arabic</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar & Hero Start -->
|
||||
<div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a href="#" class="navbar-brand p-0">
|
||||
<h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
|
||||
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="fa fa-bars"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav mx-0 mx-lg-auto">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About</a>
|
||||
<a href="service.html" class="nav-item nav-link">Services</a>
|
||||
<a href="blog.html" class="nav-item nav-link active">Blog</a>
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Pages</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="feature.html" class="dropdown-item">Our Features</a>
|
||||
<a href="team.html" class="dropdown-item">Our team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="FAQ.html" class="dropdown-item">FAQs</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||
<div class="nav-btn px-3">
|
||||
<button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||
<a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-xl-flex flex-shrink-0 ps-4">
|
||||
<a href="#" class="btn btn-light 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: 7px; right: 12px;">
|
||||
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span>Call to Our Experts</span>
|
||||
<a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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 -->
|
||||
|
||||
|
||||
<!-- Header Start -->
|
||||
<div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Blog</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Blog</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header End -->
|
||||
|
||||
|
||||
<!-- Blog Start -->
|
||||
<div class="container-fluid blog 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">From Blog</h4>
|
||||
<h1 class="display-4 mb-4">News And Updates</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 justify-content-center">
|
||||
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="blog-item">
|
||||
<div class="blog-img">
|
||||
<img src="img/blog-1.png" class="img-fluid rounded-top w-100" alt="">
|
||||
<div class="blog-categiry py-2 px-4">
|
||||
<span>Business</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-content p-4">
|
||||
<div class="blog-comment d-flex justify-content-between mb-3">
|
||||
<div class="small"><span class="fa fa-user text-primary"></span> Martin.C</div>
|
||||
<div class="small"><span class="fa fa-calendar text-primary"></span> 30 Dec 2025</div>
|
||||
<div class="small"><span class="fa fa-comment-alt text-primary"></span> 6 Comments</div>
|
||||
</div>
|
||||
<a href="#" class="h4 d-inline-block mb-3">Which allows you to pay down insurance bills</a>
|
||||
<p class="mb-3">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius libero soluta impedit eligendi? Quibusdam, laudantium.</p>
|
||||
<a href="#" class="btn p-0">Read More <i class="fa fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="blog-item">
|
||||
<div class="blog-img">
|
||||
<img src="img/blog-2.png" class="img-fluid rounded-top w-100" alt="">
|
||||
<div class="blog-categiry py-2 px-4">
|
||||
<span>Business</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-content p-4">
|
||||
<div class="blog-comment d-flex justify-content-between mb-3">
|
||||
<div class="small"><span class="fa fa-user text-primary"></span> Martin.C</div>
|
||||
<div class="small"><span class="fa fa-calendar text-primary"></span> 30 Dec 2025</div>
|
||||
<div class="small"><span class="fa fa-comment-alt text-primary"></span> 6 Comments</div>
|
||||
</div>
|
||||
<a href="#" class="h4 d-inline-block mb-3">Leverage agile frameworks to provide</a>
|
||||
<p class="mb-3">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius libero soluta impedit eligendi? Quibusdam, laudantium.</p>
|
||||
<a href="#" class="btn p-0">Read More <i class="fa fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="blog-item">
|
||||
<div class="blog-img">
|
||||
<img src="img/blog-3.png" class="img-fluid rounded-top w-100" alt="">
|
||||
<div class="blog-categiry py-2 px-4">
|
||||
<span>Business</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-content p-4">
|
||||
<div class="blog-comment d-flex justify-content-between mb-3">
|
||||
<div class="small"><span class="fa fa-user text-primary"></span> Martin.C</div>
|
||||
<div class="small"><span class="fa fa-calendar text-primary"></span> 30 Dec 2025</div>
|
||||
<div class="small"><span class="fa fa-comment-alt text-primary"></span> 6 Comments</div>
|
||||
</div>
|
||||
<a href="#" class="h4 d-inline-block mb-3">Leverage agile frameworks to provide</a>
|
||||
<p class="mb-3">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius libero soluta impedit eligendi? Quibusdam, laudantium.</p>
|
||||
<a href="#" class="btn p-0">Read More <i class="fa fa-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Blog 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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Cameras</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Central Command Centre</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+499
@@ -0,0 +1,499 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
|
||||
|
||||
<!-- Contact Start -->
|
||||
<div class="container-fluid contact bg-light py-5 mt-5">
|
||||
<div class="container py-5 mt-5">
|
||||
<div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
|
||||
<h4 class="text-primary">Contact Us</h4>
|
||||
<h1 class="display-4 mb-4">
|
||||
Please fill the details so that our experts will get back to you.</h1>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
|
||||
<div class="contact-img d-flex justify-content-center" >
|
||||
<div class="contact-img-inner">
|
||||
<img src="img/contact-img.png" class="img-fluid w-100" alt="Image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
|
||||
<div>
|
||||
<h4 class="text-primary">Send Your Message</h4>
|
||||
<form>
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control border-0" id="name" placeholder="Your Name">
|
||||
<label for="name">Your Name</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="form-floating">
|
||||
<input type="email" class="form-control border-0" id="email" placeholder="Your Email">
|
||||
<label for="email">Your Email</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="form-floating">
|
||||
<input type="phone" class="form-control border-0" id="phone" placeholder="Phone">
|
||||
<label for="phone">Your Phone</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control border-0" id="project" placeholder="Project">
|
||||
<label for="project">Your Project</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control border-0" id="subject" placeholder="Subject">
|
||||
<label for="subject">Subject</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-floating">
|
||||
<textarea class="form-control border-0" placeholder="Leave a message here" id="message" style="height: 120px"></textarea>
|
||||
<label for="message">Message</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button class="btn btn-primary w-100 py-3">Send Message</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="contact-add-item">
|
||||
<div class="contact-icon text-primary mb-4">
|
||||
<i class="fas fa-map-marker-alt fa-2x"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Address</h4>
|
||||
<p class="mb-0">123 Street New York.USA</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="contact-add-item">
|
||||
<div class="contact-icon text-primary mb-4">
|
||||
<i class="fas fa-envelope fa-2x"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mail Us</h4>
|
||||
<p class="mb-0">info@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="contact-add-item">
|
||||
<div class="contact-icon text-primary mb-4">
|
||||
<i class="fa fa-phone-alt fa-2x"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Telephone</h4>
|
||||
<p class="mb-0">(+012) 3456 7890</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div class="contact-add-item">
|
||||
<div class="contact-icon text-primary mb-4">
|
||||
<i class="fab fa-firefox-browser fa-2x"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Yoursite@ex.com</h4>
|
||||
<p class="mb-0">(+012) 3456 7890</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="rounded">
|
||||
<iframe class="rounded w-100"
|
||||
style="height: 400px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387191.33750346623!2d-73.97968099999999!3d40.6974881!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1694259649153!5m2!1sen!2sbd"
|
||||
loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+500
@@ -0,0 +1,500 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LifeSure - Life Insurance Website Template</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">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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">
|
||||
</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 -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
|
||||
<div class="container">
|
||||
<div class="row gx-0 align-items-center">
|
||||
<div class="col-lg-8 text-center text-lg-start mb-lg-0">
|
||||
<div class="d-flex flex-wrap">
|
||||
<div class="border-end border-primary pe-3">
|
||||
<a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
|
||||
</div>
|
||||
<div class="ps-3">
|
||||
<a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center text-lg-end">
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="d-flex border-end border-primary pe-3">
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
<div class="dropdown ms-3">
|
||||
<a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
|
||||
<div class="dropdown-menu rounded">
|
||||
<a href="#" class="dropdown-item">English</a>
|
||||
<a href="#" class="dropdown-item">Bangla</a>
|
||||
<a href="#" class="dropdown-item">French</a>
|
||||
<a href="#" class="dropdown-item">Spanish</a>
|
||||
<a href="#" class="dropdown-item">Arabic</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar & Hero Start -->
|
||||
<div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a href="#" class="navbar-brand p-0">
|
||||
<h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
|
||||
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="fa fa-bars"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav mx-0 mx-lg-auto">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About</a>
|
||||
<a href="service.html" class="nav-item nav-link">Services</a>
|
||||
<a href="blog.html" class="nav-item nav-link">Blog</a>
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Pages</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="feature.html" class="dropdown-item">Our Features</a>
|
||||
<a href="team.html" class="dropdown-item">Our team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="FAQ.html" class="dropdown-item">FAQs</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link active">Contact</a>
|
||||
<div class="nav-btn px-3">
|
||||
<button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||
<a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-xl-flex flex-shrink-0 ps-4">
|
||||
<a href="#" class="btn btn-light 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: 7px; right: 12px;">
|
||||
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span>Call to Our Experts</span>
|
||||
<a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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 -->
|
||||
|
||||
|
||||
<!-- Header Start -->
|
||||
<div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Contact Us</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Contact</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header End -->
|
||||
|
||||
|
||||
<!-- Contact Start -->
|
||||
<div class="container-fluid contact 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">Contact Us</h4>
|
||||
<h1 class="display-4 mb-4">If you have any comments please apply now</h1>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
|
||||
<div class="contact-img d-flex justify-content-center" >
|
||||
<div class="contact-img-inner">
|
||||
<img src="img/contact-img.png" class="img-fluid w-100" alt="Image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
|
||||
<div>
|
||||
<h4 class="text-primary">Send Your Message</h4>
|
||||
<p class="mb-4">The contact form is currently inactive. Get a functional and working contact form with Ajax & PHP in a few minutes. Just copy and paste the files, add a little code and you're done. <a class="text-primary fw-bold" href="https://htmlcodex.com/contact-form">Download Now</a>.</p>
|
||||
<form>
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control border-0" id="name" placeholder="Your Name">
|
||||
<label for="name">Your Name</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="form-floating">
|
||||
<input type="email" class="form-control border-0" id="email" placeholder="Your Email">
|
||||
<label for="email">Your Email</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="form-floating">
|
||||
<input type="phone" class="form-control border-0" id="phone" placeholder="Phone">
|
||||
<label for="phone">Your Phone</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 col-xl-6">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control border-0" id="project" placeholder="Project">
|
||||
<label for="project">Your Project</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control border-0" id="subject" placeholder="Subject">
|
||||
<label for="subject">Subject</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="form-floating">
|
||||
<textarea class="form-control border-0" placeholder="Leave a message here" id="message" style="height: 120px"></textarea>
|
||||
<label for="message">Message</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<button class="btn btn-primary w-100 py-3">Send Message</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div>
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="contact-add-item">
|
||||
<div class="contact-icon text-primary mb-4">
|
||||
<i class="fas fa-map-marker-alt fa-2x"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Address</h4>
|
||||
<p class="mb-0">123 Street New York.USA</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="contact-add-item">
|
||||
<div class="contact-icon text-primary mb-4">
|
||||
<i class="fas fa-envelope fa-2x"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Mail Us</h4>
|
||||
<p class="mb-0">info@example.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="contact-add-item">
|
||||
<div class="contact-icon text-primary mb-4">
|
||||
<i class="fa fa-phone-alt fa-2x"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Telephone</h4>
|
||||
<p class="mb-0">(+012) 3456 7890</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div class="contact-add-item">
|
||||
<div class="contact-icon text-primary mb-4">
|
||||
<i class="fab fa-firefox-browser fa-2x"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4>Yoursite@ex.com</h4>
|
||||
<p class="mb-0">(+012) 3456 7890</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="rounded">
|
||||
<iframe class="rounded w-100"
|
||||
style="height: 400px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387191.33750346623!2d-73.97968099999999!3d40.6974881!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1694259649153!5m2!1sen!2sbd"
|
||||
loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Contact 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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
벤더링 됨
+6
하나 이상의 라인이 너무 길어 파일 Diff가 표시되지 않음
+632
@@ -0,0 +1,632 @@
|
||||
:root {
|
||||
--shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
||||
0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
||||
--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
|
||||
0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
||||
--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
||||
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
--color: #063f6f;
|
||||
--color2: #161d27;
|
||||
--color2-dark: #0f131a;
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
list-style: none;
|
||||
list-style-type: none;
|
||||
text-decoration: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
height: -webkit-fill-available;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Inter", sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
transition: 0.35s;
|
||||
}
|
||||
body.darkmode {
|
||||
color: #fff;
|
||||
background-color: var(--color2-dark);
|
||||
}
|
||||
|
||||
main {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a,
|
||||
button {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
img,
|
||||
video {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
img {
|
||||
image-rendering: -webkit-optimize-contrast;
|
||||
image-rendering: -moz-crisp-edges;
|
||||
image-rendering: crisp-edges;
|
||||
}
|
||||
|
||||
@-webkit-keyframes slideLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slideLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes slideRight {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
@keyframes slideRight {
|
||||
0% {
|
||||
opacity: 1;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateX(100%);
|
||||
}
|
||||
}
|
||||
.section {
|
||||
margin: 0 auto;
|
||||
padding: 6rem 0 2rem;
|
||||
}
|
||||
|
||||
.container {
|
||||
/* max-width: 75rem; */
|
||||
height: auto;
|
||||
margin-inline: auto;
|
||||
padding-inline: 1.5rem;
|
||||
}
|
||||
|
||||
.centered {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
z-index: 100;
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
box-shadow: var(--shadow-medium);
|
||||
}
|
||||
.darkmode .header {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.navbar .navbar__left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex: 0 0 17%;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.navbar .navbar__left {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
}
|
||||
.navbar .navbar__center {
|
||||
display: flex;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.navbar .navbar__center {
|
||||
flex: 0 0 100%;
|
||||
order: 3;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.navbar .navbar__right {
|
||||
display: flex;
|
||||
flex: 0 0 17%;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
-moz-column-gap: 1.5rem;
|
||||
column-gap: 1.5rem;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.navbar .navbar__right {
|
||||
flex: 0 0 auto;
|
||||
align-items: center;
|
||||
}
|
||||
.brand img {
|
||||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.brand {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
order: 1;
|
||||
}
|
||||
.brand svg {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 766px) {
|
||||
.menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 350px;
|
||||
max-width: 85%;
|
||||
height: 100%;
|
||||
z-index: 100;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
transform: translate(-100%);
|
||||
transition: all 0.4s ease-in-out;
|
||||
}
|
||||
.menu.is-active {
|
||||
transform: translate(0%);
|
||||
}
|
||||
.darkmode .menu {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
}
|
||||
.menu .menu__header {
|
||||
display: none;
|
||||
box-shadow: var(--shadow-medium);
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.menu .menu__header {
|
||||
position: relative;
|
||||
top: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
height: 4rem;
|
||||
z-index: 110;
|
||||
visibility: hidden;
|
||||
background: transparent;
|
||||
}
|
||||
.menu .menu__header.is-active {
|
||||
visibility: visible;
|
||||
background-color: #fff;
|
||||
}
|
||||
.menu .menu__header.is-active > .menu__arrow {
|
||||
display: flex;
|
||||
}
|
||||
.darkmode .menu .menu__header.is-active {
|
||||
background-color: var(--color2);
|
||||
}
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.menu .menu__header .menu__arrow {
|
||||
display: none;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
width: 3rem;
|
||||
}
|
||||
.menu .menu__header .menu__arrow:hover i {
|
||||
color: var(--color);
|
||||
}
|
||||
.menu .menu__header .menu__arrow > i {
|
||||
font-size: 1.5rem;
|
||||
color: #000;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
.darkmode .menu .menu__header .menu__arrow > i {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.menu .menu__header .menu__title {
|
||||
cursor: pointer;
|
||||
font-weight: 500;
|
||||
text-transform: capitalize;
|
||||
color: #000;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
.menu .menu__header .menu__title:hover {
|
||||
color: var(--color);
|
||||
}
|
||||
.darkmode .menu .menu__header .menu__title {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.menu .menu__inner {
|
||||
height: 100%;
|
||||
margin-top: -3rem;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
}
|
||||
.menu .menu__inner .menu__item {
|
||||
position: static;
|
||||
display: inline-block;
|
||||
padding-right: 20px;
|
||||
padding: 15px 25px 15px 0;
|
||||
}
|
||||
.menu .menu__inner .menu__item:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
.menu .menu__inner .menu__item:hover > .menu__link {
|
||||
color: var(--color);
|
||||
}
|
||||
.darkmode .menu .menu__inner .menu__item:hover > .menu__link {
|
||||
color: var(--color);
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.menu .menu__inner .menu__item {
|
||||
display: block;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@media (min-width: 767px) {
|
||||
.menu .menu__inner .menu__item:hover > .menu__link i {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
}
|
||||
@media (min-width: 767px) {
|
||||
.menu .menu__inner .menu__item.menu__dropdown:hover > .submenu {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
top: 95%;
|
||||
}
|
||||
}
|
||||
.menu .menu__inner .menu__item .menu__link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #000;
|
||||
text-transform: capitalize;
|
||||
transition: all 0.25s ease;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.menu .menu__inner .menu__item .menu__link {
|
||||
justify-content: space-between;
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
.menu .menu__inner .menu__item .menu__link > i {
|
||||
margin-left: 5px;
|
||||
font-size: 1.35rem;
|
||||
transform: rotate(90deg);
|
||||
transition: 0.35s;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.menu .menu__inner .menu__item .menu__link > i {
|
||||
margin-left: 10px;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
.darkmode .menu .menu__inner .menu__item .menu__link {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.submenu {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
top: 110%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 20px 15px;
|
||||
border-radius: 0.25rem;
|
||||
border-top: 2px solid var(--color);
|
||||
background-color: #fff;
|
||||
box-shadow: var(--shadow-medium);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: all 0.35s ease-in-out;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.darkmode .submenu {
|
||||
border-top: 2px solid var(--color);
|
||||
background-color: var(--color2);
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.submenu {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
max-width: none;
|
||||
min-width: auto;
|
||||
margin: 0;
|
||||
padding: 100px 15px 0 15px;
|
||||
border-radius: 0;
|
||||
border-top: 0;
|
||||
box-shadow: none;
|
||||
opacity: 1;
|
||||
overflow-y: auto;
|
||||
visibility: visible;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
.submenu.is-active {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media (min-width: 767px) {
|
||||
.submenu {
|
||||
-webkit-animation: none !important;
|
||||
animation: none !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 767px) {
|
||||
.submenu.megamenu__normal {
|
||||
left: 65%;
|
||||
max-width: 250px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.submenu.megamenu__normal.process {
|
||||
left: 48%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 767px) {
|
||||
.submenu.megamenu__text, .submenu.megamenu__image {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
max-width: 95%;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
@media (min-width: 975px) {
|
||||
.submenu.megamenu__text, .submenu.megamenu__image {
|
||||
max-width: 992px;
|
||||
}
|
||||
}
|
||||
.submenu.megamenu__image .submenu__inner a {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
align-items: center;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.submenu.megamenu__image .submenu__inner a {
|
||||
flex-flow: row;
|
||||
align-items: center;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.submenu.megamenu__image .submenu__inner a img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 150px;
|
||||
margin-bottom: 15px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
border-radius: 10px;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.submenu.megamenu__image .submenu__inner a img {
|
||||
width: 30%;
|
||||
height: 80px;
|
||||
margin-bottom: 0;
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
.submenu .submenu__inner {
|
||||
/* width: 25%; */
|
||||
padding: 0 15px;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.submenu .submenu__inner {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.submenu .submenu__inner .submenu__title {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: var(--color);
|
||||
text-transform: uppercase;
|
||||
margin-left: 30px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.darkmode .submenu .submenu__inner .submenu__title {
|
||||
color: var(--color);
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.submenu .submenu__list {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
.submenu .submenu__list li {
|
||||
display: block;
|
||||
line-height: 1;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.submenu .submenu__list li a {
|
||||
display: inline-block;
|
||||
padding: 10px 0;
|
||||
line-height: 1.4;
|
||||
text-transform: capitalize;
|
||||
color: #000;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
.submenu .submenu__list li a:hover {
|
||||
color: var(--color);
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.submenu .submenu__list li a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.darkmode .submenu .submenu__list li a {
|
||||
color: #fff;
|
||||
}
|
||||
.darkmode .submenu .submenu__list li a:hover {
|
||||
color: var(--color);
|
||||
}
|
||||
|
||||
.switch {
|
||||
position: relative;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.switch .switch__light,
|
||||
.switch .switch__dark {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform-origin: center;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: all 0.3s ease-in;
|
||||
}
|
||||
.switch .switch__light {
|
||||
font-size: 20px;
|
||||
visibility: visible;
|
||||
color: #000;
|
||||
}
|
||||
.darkmode .switch .switch__light {
|
||||
font-size: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.switch .switch__dark {
|
||||
font-size: 0;
|
||||
visibility: hidden;
|
||||
color: #fff;
|
||||
}
|
||||
.darkmode .switch .switch__dark {
|
||||
font-size: 20px;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: fixed;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 9;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
transition: all 0.45s ease-in-out;
|
||||
pointer-events: none;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.overlay {
|
||||
cursor: url("https://i.imgur.com/cPh9Zm5.png"), zoom-out;
|
||||
pointer-events: visible;
|
||||
}
|
||||
.overlay.is-active {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.burger {
|
||||
position: relative;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
width: 25px;
|
||||
height: 15px;
|
||||
margin-right: 15px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
background: transparent;
|
||||
}
|
||||
@media (max-width: 766px) {
|
||||
.burger {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
.burger .burger-line {
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
opacity: 1;
|
||||
border-radius: 15px;
|
||||
background: #000;
|
||||
}
|
||||
.darkmode .burger .burger-line {
|
||||
background: #fff;
|
||||
}
|
||||
.burger .burger-line:nth-child(1) {
|
||||
top: 0px;
|
||||
}
|
||||
.burger .burger-line:nth-child(2) {
|
||||
top: 8px;
|
||||
width: 70%;
|
||||
}
|
||||
.burger .burger-line:nth-child(3) {
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
|
||||
+926
@@ -0,0 +1,926 @@
|
||||
|
||||
/*** Spinner Start ***/
|
||||
#spinner {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity .5s ease-out, visibility 0s linear .5s;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
#spinner.show {
|
||||
transition: opacity .5s ease-out, visibility 0s linear 0s;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
/*** Spinner End ***/
|
||||
|
||||
.back-to-top {
|
||||
position: fixed;
|
||||
right: 30px;
|
||||
bottom: 30px;
|
||||
transition: 0.5s;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
|
||||
/*** Button Start ***/
|
||||
.btn {
|
||||
font-weight: 600;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.btn-square {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.btn-sm-square {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.btn-md-square {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.btn-lg-square {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.btn-xl-square {
|
||||
width: 66px;
|
||||
height: 66px;
|
||||
}
|
||||
|
||||
.btn-square,
|
||||
.btn-sm-square,
|
||||
.btn-md-square,
|
||||
.btn-lg-square,
|
||||
.btn-xl-square {
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.btn.btn-primary {
|
||||
color: var(--bs-white);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn.btn-primary:hover {
|
||||
background: var(--bs-dark);
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
.btn.btn-light {
|
||||
color: var(--bs-primary);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn.btn-light:hover {
|
||||
color: var(--bs-white);
|
||||
background: var(--bs-dark);
|
||||
}
|
||||
|
||||
.btn.btn-dark {
|
||||
color: var(--bs-white);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.btn.btn-dark:hover {
|
||||
color: var(--bs-primary);
|
||||
background: var(--bs-light);
|
||||
}
|
||||
|
||||
|
||||
/*** Topbar Start ***/
|
||||
.topbar .dropdown-toggle::after {
|
||||
border: none;
|
||||
content: "\f107";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 600;
|
||||
vertical-align: middle;
|
||||
margin-left: 8px;
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
.topbar .dropdown .dropdown-menu a:hover {
|
||||
background: var(--bs-primary);
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
.topbar .dropdown .dropdown-menu {
|
||||
transform: rotateX(0deg);
|
||||
visibility: visible;
|
||||
background: var(--bs-light);
|
||||
padding-top: 10px;
|
||||
border: 0;
|
||||
transition: .5s;
|
||||
opacity: 1;
|
||||
}
|
||||
/*** Topbar End ***/
|
||||
|
||||
|
||||
/*** Navbar Start ***/
|
||||
.nav-bar {
|
||||
background: var(--bs-white);
|
||||
transition: 1s;
|
||||
}
|
||||
|
||||
.navbar-light .navbar-brand img {
|
||||
max-height: 60px;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.nav-bar .navbar-light .navbar-brand img {
|
||||
max-height: 50px;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item .nav-link {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-item:hover,
|
||||
.navbar-light .navbar-nav .nav-item.active,
|
||||
.navbar-light .navbar-nav .nav-item:hover .nav-link,
|
||||
.navbar-light .navbar-nav .nav-item.active .nav-link {
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.navbar {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-link {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-item {
|
||||
display: flex;
|
||||
padding: 20px;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-btn {
|
||||
display: flex;
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
background: var(--bs-light);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.navbar.navbar-expand-lg .navbar-toggler {
|
||||
padding: 8px 15px;
|
||||
border: 1px solid var(--bs-primary);
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.navbar .dropdown-toggle::after {
|
||||
border: none;
|
||||
content: "\f107";
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-weight: 600;
|
||||
vertical-align: middle;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.dropdown .dropdown-menu .dropdown-item:hover {
|
||||
background: var(--bs-primary);
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.navbar {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.navbar .nav-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: end;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content:end;
|
||||
align-items: center;
|
||||
/* background: var(--bs-light); */
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.navbar .navbar-nav .nav-btn {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.navbar .nav-item .dropdown-menu {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
top: 100%;
|
||||
transform: rotateX(-75deg);
|
||||
transform-origin: 0% 0%;
|
||||
border: 0;
|
||||
border-radius: 10px;
|
||||
transition: .5s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.navbar .nav-item:hover .dropdown-menu {
|
||||
transform: rotateX(0deg);
|
||||
visibility: visible;
|
||||
margin-top: 20px;
|
||||
background: var(--bs-light);
|
||||
transition: .5s;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
/*** Navbar End ***/
|
||||
|
||||
|
||||
/*** Carousel Hero Header Start ***/
|
||||
.header-carousel .header-carousel-item {
|
||||
height: 700px;
|
||||
}
|
||||
|
||||
.header-carousel .owl-nav .owl-prev,
|
||||
.header-carousel .owl-nav .owl-next {
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 60px;
|
||||
background: var(--bs-light);
|
||||
color: var(--bs-primary);
|
||||
font-size: 26px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.header-carousel .owl-nav .owl-prev {
|
||||
bottom: 30px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
margin-left: 30px;
|
||||
}
|
||||
.header-carousel .owl-nav .owl-next {
|
||||
bottom: 30px;
|
||||
right: 50%;
|
||||
transform: translateX(-50%);
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.header-carousel .owl-nav .owl-prev:hover,
|
||||
.header-carousel .owl-nav .owl-next:hover {
|
||||
box-shadow: inset 0 0 100px 0 var(--bs-secondary);
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
.header-carousel .header-carousel-item .carousel-caption {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0, 0, 0, .2);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.header-carousel .header-carousel-item .carousel-caption {
|
||||
padding-top: 45px;
|
||||
}
|
||||
|
||||
.header-carousel .header-carousel-item {
|
||||
height: 1300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.header-carousel .header-carousel-item {
|
||||
height: 950px;
|
||||
}
|
||||
|
||||
.header-carousel .owl-nav .owl-prev {
|
||||
bottom: -30px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
margin-left: -45px;
|
||||
}
|
||||
|
||||
.header-carousel .owl-nav .owl-next {
|
||||
bottom: -30px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
margin-left: 45px;
|
||||
}
|
||||
}
|
||||
/*** Carousel Hero Header End ***/
|
||||
|
||||
|
||||
/*** Single Page Hero Header Start ***/
|
||||
.bg-breadcrumb {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(rgba(1, 95, 201, 0.9), rgba(0, 0, 0, 0.2)), url(../img/bg-breadcrumb.jpg);
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
padding: 60px 0 60px 0;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.bg-breadcrumb .breadcrumb {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.bg-breadcrumb .breadcrumb .breadcrumb-item a {
|
||||
color: var(--bs-white);
|
||||
}
|
||||
/*** Single Page Hero Header End ***/
|
||||
|
||||
|
||||
/*** Feature Start ***/
|
||||
.feature .feature-item {
|
||||
border-radius: 10px;
|
||||
background: var(--bs-white);
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.feature .feature-item:hover {
|
||||
background: var(--bs-primary);
|
||||
}
|
||||
|
||||
.feature .feature-item .feature-icon {
|
||||
position: relative;
|
||||
width: 100px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background: var(--bs-light);
|
||||
}
|
||||
|
||||
.feature .feature-item:hover .feature-icon i {
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.feature .feature-item .feature-icon::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background: var(--bs-dark);
|
||||
transition: 0.5s;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.feature .feature-item:hover .feature-icon::after {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.feature .feature-item .feature-icon {
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
.feature .feature-item .feature-icon,
|
||||
.feature .feature-item h4,
|
||||
.feature .feature-item p {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.feature .feature-item:hover .feature-icon {
|
||||
color: var(--bs-white);
|
||||
}
|
||||
.feature .feature-item:hover h4,
|
||||
.feature .feature-item:hover p {
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
.feature .feature-item:hover a.btn {
|
||||
background: var(--bs-white);
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
.feature .feature-item:hover a.btn:hover {
|
||||
background: var(--bs-dark);
|
||||
color: var(--bs-white);
|
||||
}
|
||||
/*** Feature End ***/
|
||||
|
||||
|
||||
/*** Service Start ***/
|
||||
.service .service-item {
|
||||
border-radius: 10px;
|
||||
}
|
||||
.service .service-item .service-img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.service .service-item .service-img img {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-img img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.service .service-item .service-img::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
background: rgba(1, 95, 201, .2);
|
||||
transition: 0.5s;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-img::after {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.service .service-item .service-img .service-icon {
|
||||
position: absolute;
|
||||
width: 70px;
|
||||
bottom: 0;
|
||||
right: 25px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
background: var(--bs-light);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: 0.5s;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.service .service-item .service-img .service-icon i {
|
||||
color: var(--bs-primary);
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-img .service-icon i {
|
||||
transform: rotateX(360deg);
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-img .service-icon {
|
||||
bottom: 0;
|
||||
color: var(--bs-white);
|
||||
background: var(--bs-primary);
|
||||
}
|
||||
|
||||
.service .service-content {
|
||||
position: relative;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background: var(--bs-light);
|
||||
}
|
||||
|
||||
.service .service-item .service-content .service-content-inner {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.service .service-item .service-content .service-content-inner .h4,
|
||||
.service .service-item .service-content .service-content-inner p {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-content .service-content-inner .h4,
|
||||
.service .service-item:hover .service-content .service-content-inner p {
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-content .service-content-inner .btn.btn-primary {
|
||||
color: var(--bs-primary);
|
||||
background: var(--bs-white);
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-content .service-content-inner .btn.btn-primary:hover {
|
||||
color: var(--bs-white);
|
||||
background: var(--bs-dark);
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-content .service-content-inner .h4:hover {
|
||||
color: var(--bs-dark);
|
||||
}
|
||||
|
||||
.service .service-item .service-content::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background: var(--bs-primary);
|
||||
transition: 0.5s;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.service .service-item:hover .service-content::after {
|
||||
height: 100%;
|
||||
}
|
||||
/*** Service End ***/
|
||||
|
||||
|
||||
/*** FAQs Start ***/
|
||||
.faq-section .accordion .accordion-item .accordion-header .accordion-button {
|
||||
color: var(--bs-white);
|
||||
background: rgba(1, 95, 201, .8);
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
|
||||
color: var(--bs-primary);
|
||||
background: var(--bs-light);
|
||||
}
|
||||
/*** FAQs End ***/
|
||||
|
||||
|
||||
/*** Blog Start ***/
|
||||
.blog .blog-item {
|
||||
border-radius: 10px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.blog .blog-item:hover {
|
||||
box-shadow: 0 0 45px rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
.blog .blog-item:hover .blog-content {
|
||||
background: var(--bs-white);
|
||||
}
|
||||
|
||||
.blog .blog-item .blog-img {
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.blog .blog-item .blog-img img {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.blog .blog-item:hover .blog-img img {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.blog .blog-item .blog-img::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
background: rgba(1, 95, 201, .2);
|
||||
transition: 0.5s;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.blog .blog-item:hover .blog-img::after {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.blog .blog-item .blog-img .blog-categiry {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-top-left-radius: 10px;
|
||||
display: inline-flex;
|
||||
color: var(--bs-white);
|
||||
background: var(--bs-primary);
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.blog .blog-item .blog-content {
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
background: var(--bs-light);
|
||||
}
|
||||
|
||||
.blog .blog-item .blog-content a.btn {
|
||||
color: var(--bs-dark);
|
||||
}
|
||||
|
||||
.blog .blog-item:hover .blog-content a.btn:hover {
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
/*** Blog End ***/
|
||||
|
||||
|
||||
/*** Team Start ***/
|
||||
.team .team-item .team-img {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
}
|
||||
|
||||
.team .team-item .team-img img {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.team .team-item:hover .team-img img {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.team .team-item .team-img::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.team .team-item:hover .team-img::after {
|
||||
height: 100%;
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.team .team-item .team-img .team-icon {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
right: 20px;
|
||||
margin-bottom: -100%;
|
||||
transition: 0.5s;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.team .team-item:hover .team-img .team-icon {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.team .team-item .team-title {
|
||||
color: var(--bs-white);
|
||||
background: var(--bs-primary);
|
||||
border-bottom-left-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.team .team-item .team-title h4 {
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
.team .team-item:hover .team-title {
|
||||
background: var(--bs-dark);
|
||||
}
|
||||
/*** Team End ***/
|
||||
|
||||
|
||||
/*** Testimonial Start ***/
|
||||
.testimonial-carousel .owl-stage-outer {
|
||||
margin-top: 58px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.testimonial .owl-nav .owl-prev {
|
||||
position: absolute;
|
||||
top: -58px;
|
||||
left: 0;
|
||||
background: var(--bs-primary);
|
||||
color: var(--bs-white);
|
||||
padding: 5px 30px;
|
||||
border-radius: 30px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.testimonial .owl-nav .owl-prev:hover {
|
||||
background: var(--bs-dark);
|
||||
color: var(--bs-white);
|
||||
}
|
||||
|
||||
.testimonial .owl-nav .owl-next {
|
||||
position: absolute;
|
||||
top: -58px;
|
||||
right: 0;
|
||||
background: var(--bs-primary);
|
||||
color: var(--bs-white);
|
||||
padding: 5px 30px;
|
||||
border-radius: 30px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.testimonial .owl-nav .owl-next:hover {
|
||||
background: var(--bs-dark);
|
||||
color: var(--bs-white);
|
||||
}
|
||||
/*** Testimonial End ***/
|
||||
|
||||
|
||||
/*** Contact Start ***/
|
||||
.contact .contact-img {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.contact .contact-img::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
z-index: 1;
|
||||
animation-name: image-efects;
|
||||
animation-duration: 10s;
|
||||
animation-delay: 1s;
|
||||
animation-iteration-count: infinite;
|
||||
animation-direction: alternate;
|
||||
transition: 0.5s
|
||||
}
|
||||
|
||||
@keyframes image-efects {
|
||||
0% {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}
|
||||
|
||||
25% {border-radius: 35% 65% 27% 73% / 71% 25% 75% 29%;}
|
||||
|
||||
50% {border-radius: 41% 59% 45% 55% / 32% 21% 79% 68%;}
|
||||
|
||||
75% {border-radius: 69% 31% 39% 61% / 70% 83% 17% 30%;}
|
||||
|
||||
100% {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}
|
||||
}
|
||||
|
||||
.contact .contact-img .contact-img-inner {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
/*** Contact End ***/
|
||||
|
||||
|
||||
/*** Footer Start ***/
|
||||
.footer {
|
||||
background: var(--bs-dark);
|
||||
}
|
||||
|
||||
.footer .footer-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.footer .footer-item a {
|
||||
line-height: 35px;
|
||||
/* color: var(--bs-body); */
|
||||
color: #fff;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.footer .footer-item p {
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.footer .footer-item a:hover {
|
||||
/* color: var(--bs-primary); */
|
||||
color: #008cff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-btn a,
|
||||
.footer .footer-item .footer-btn a i {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-btn a:hover {
|
||||
background: var(--bs-white);
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-btn a:hover i {
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
|
||||
.footer .footer-item .footer-instagram {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-instagram img {
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-instagram:hover img {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-instagram .footer-search-icon {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
transition: 0.5s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-instagram:hover .footer-search-icon {
|
||||
opacity: 1;
|
||||
background: rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-btn a {
|
||||
background: var(--bs-light);
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-btn a:hover {
|
||||
background: var(--bs-primary);
|
||||
}
|
||||
|
||||
.footer .footer-item .footer-btn a:hover i {
|
||||
color: var(--bs-white);
|
||||
}
|
||||
/*** Footer End ***/
|
||||
|
||||
|
||||
/*** copyright Start ***/
|
||||
.copyright {
|
||||
background: var(--bs-dark);
|
||||
border-top: 1px solid rgba(255, 255, 255, .08);
|
||||
}
|
||||
/*** copyright end ***/
|
||||
|
||||
|
||||
.mega-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
padding: 20px;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-item.dropdown:hover .mega-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.mega-menu .row {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.mega-menu .col-lg-4 {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.dropdown-header {
|
||||
font-size: 1.2rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
padding: 5px 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Dealer Automation</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">E Governence</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Enterprise</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Event Streaming</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+432
@@ -0,0 +1,432 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>LifeSure - Life Insurance Website Template</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">
|
||||
|
||||
<!-- 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">
|
||||
|
||||
<!-- 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">
|
||||
</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 -->
|
||||
|
||||
<!-- Topbar Start -->
|
||||
<div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
|
||||
<div class="container">
|
||||
<div class="row gx-0 align-items-center">
|
||||
<div class="col-lg-8 text-center text-lg-start mb-lg-0">
|
||||
<div class="d-flex flex-wrap">
|
||||
<div class="border-end border-primary pe-3">
|
||||
<a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
|
||||
</div>
|
||||
<div class="ps-3">
|
||||
<a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center text-lg-end">
|
||||
<div class="d-flex justify-content-end">
|
||||
<div class="d-flex border-end border-primary pe-3">
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
|
||||
<a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
|
||||
<a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
<div class="dropdown ms-3">
|
||||
<a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
|
||||
<div class="dropdown-menu rounded">
|
||||
<a href="#" class="dropdown-item">English</a>
|
||||
<a href="#" class="dropdown-item">Bangla</a>
|
||||
<a href="#" class="dropdown-item">French</a>
|
||||
<a href="#" class="dropdown-item">Spanish</a>
|
||||
<a href="#" class="dropdown-item">Arabic</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Topbar End -->
|
||||
|
||||
<!-- Navbar & Hero Start -->
|
||||
<div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a href="#" class="navbar-brand p-0">
|
||||
<h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
|
||||
<!-- <img src="img/logo.png" alt="Logo"> -->
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="fa fa-bars"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav mx-0 mx-lg-auto">
|
||||
<a href="index.html" class="nav-item nav-link">Home</a>
|
||||
<a href="about.html" class="nav-item nav-link">About</a>
|
||||
<a href="service.html" class="nav-item nav-link">Services</a>
|
||||
<a href="blog.html" class="nav-item nav-link">Blog</a>
|
||||
<div class="nav-item dropdown active">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Pages</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="feature.html" class="dropdown-item active">Our Features</a>
|
||||
<a href="team.html" class="dropdown-item">Our team</a>
|
||||
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
|
||||
<a href="FAQ.html" class="dropdown-item">FAQs</a>
|
||||
<a href="404.html" class="dropdown-item">404 Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact</a>
|
||||
<div class="nav-btn px-3">
|
||||
<button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
|
||||
<a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-xl-flex flex-shrink-0 ps-4">
|
||||
<a href="#" class="btn btn-light 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: 7px; right: 12px;">
|
||||
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="d-flex flex-column ms-3">
|
||||
<span>Call to Our Experts</span>
|
||||
<a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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 -->
|
||||
|
||||
|
||||
<!-- Header Start -->
|
||||
<div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Header 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">Insurance Provide you a Better Future</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="feature-item p-4 pt-0">
|
||||
<div class="feature-icon p-4 mb-4">
|
||||
<i class="far fa-handshake fa-3x"></i>
|
||||
</div>
|
||||
<h4 class="mb-4">Trusted Company</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit pariatur...
|
||||
</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="fa fa-dollar-sign fa-3x"></i>
|
||||
</div>
|
||||
<h4 class="mb-4">Anytime Money Back</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit pariatur...
|
||||
</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="fa fa-bullseye fa-3x"></i>
|
||||
</div>
|
||||
<h4 class="mb-4">Flexible Plans</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit pariatur...
|
||||
</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="fa fa-headphones fa-3x"></i>
|
||||
</div>
|
||||
<h4 class="mb-4">24/7 Fast Support</h4>
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit pariatur...
|
||||
</p>
|
||||
<a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Feature 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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Governments</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
BIN
바이너리 파일은 표시되지 않음.
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 37 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 44 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 31 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 157 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 17 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 227 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 58 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 74 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 31 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 24 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 26 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 50 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 37 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 62 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 30 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 25 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 20 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 12 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 17 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 11 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 283 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 23 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 24 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 18 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 23 KiB |
BIN
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 14 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 30 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 26 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 30 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 20 KiB |
+855
@@ -0,0 +1,855 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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" />
|
||||
</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 -->
|
||||
<div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
|
||||
<div class="container">
|
||||
<nav class="navbar navbar-expand-lg navbar-light">
|
||||
<a href="#" class="navbar-brand p-0">
|
||||
<img src="img/logo-dark.png" alt="Logo" />
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
||||
<span class="fa fa-bars"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||||
<div class="navbar-nav mx-0 mx-lg-auto">
|
||||
<a href="about.html" class="nav-item nav-link">About Us</a>
|
||||
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Process Automation</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="enterprises.html" class="dropdown-item">Enterprises</a>
|
||||
<a href="governments.html" class="dropdown-item">Governments</a>
|
||||
<a href="small-business.html" class="dropdown-item">Small Business</a>
|
||||
<a href="supply-chain-solutions.html" class="dropdown-item">Supply Chain Solutions</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Solutions</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="dealer-automation.html" class="dropdown-item">Dealer Automation</a>
|
||||
<a href="secondary-sales.html" class="dropdown-item">Secondary Sales</a>
|
||||
<a href="e-governance.html" class="dropdown-item">E-Governance</a>
|
||||
<a href="loyalty-solutions.html" class="dropdown-item">Loyalty Solutions</a>
|
||||
<a href="block-chain.html" class="dropdown-item">Block Chain Enabled</a>
|
||||
<a href="track-and-trace.html" class="dropdown-item">Track and Trace</a>
|
||||
<a href="video-analytics.html" class="dropdown-item">Video Analytics</a>
|
||||
<a href="integrated-video.html" class="dropdown-item">Integrated Video Solutions</a>
|
||||
<a href="video-storage.html" class="dropdown-item">Video Storage Solutions</a>
|
||||
<a href="command-center.html" class="dropdown-item">Central Command Center</a>
|
||||
<a href="event-streaming.html" class="dropdown-item">Event Streaming</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link" data-bs-toggle="dropdown">
|
||||
<span class="dropdown-toggle">Products</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a href="cameras.html" class="dropdown-item">Cameras</a>
|
||||
<a href="storage-systems.html" class="dropdown-item">Storage Systems</a>
|
||||
<a href="ai-nvr.html" class="dropdown-item">AI NVR (Coming Soon)</a>
|
||||
<a href="racks.html" class="dropdown-item">Racks</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="investors.html" class="nav-item nav-link">Investors</a>
|
||||
<a href="resources.html" class="nav-item nav-link">Resources</a>
|
||||
<a href="contact.html" class="nav-item nav-link">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-none d-xl-flex flex-shrink-0 ps-4 d-none">
|
||||
<a href="#" class="btn btn-light btn-lg-square rounded-circle position-relative wow tada"
|
||||
data-wow-delay=".9s">
|
||||
<i class="fa fa-phone-alt fa-2x d-none"></i>
|
||||
<div class="position-absolute" style="top: 7px; right: 12px">
|
||||
<span><i class="fa fa-comment-dots text-secondary"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
<div class="d-flex flex-column ms-3 d-none">
|
||||
<span>Call to Our Experts</span>
|
||||
<a href="tel:+01234567890"><span class="text-dark">Free: +0123 456 7890</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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">
|
||||
<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">Renewable Energy Solutions</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-comment 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">
|
||||
About
|
||||
</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="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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Address</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="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="text-white text-center"><i
|
||||
class="fas fa-copyright text-light me-2"></i>2024 Brihaspathi Limited</a>, All right reserved.</span>
|
||||
</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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+1183
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
Diff 로드
+1497
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
Diff 로드
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Integrated Video Solutions</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Investors</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+98
@@ -0,0 +1,98 @@
|
||||
const footerhtml = `<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">
|
||||
About
|
||||
</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="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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Address</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="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>
|
||||
<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="text-white text-center"><i
|
||||
class="fas fa-copyright text-light me-2"></i>2024 Brihaspathi Limited</a>, All right reserved.</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
|
||||
$(function () {
|
||||
$('footer').html(footerhtml);
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
+104
@@ -0,0 +1,104 @@
|
||||
(function ($) {
|
||||
"use strict";
|
||||
|
||||
// Spinner
|
||||
var spinner = function () {
|
||||
setTimeout(function () {
|
||||
if ($('#spinner').length > 0) {
|
||||
$('#spinner').removeClass('show');
|
||||
}
|
||||
}, 1);
|
||||
};
|
||||
spinner(0);
|
||||
|
||||
|
||||
// Initiate the wowjs
|
||||
new WOW().init();
|
||||
|
||||
|
||||
// Sticky Navbar
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 45) {
|
||||
$('.nav-bar').addClass('sticky-top shadow-sm').css('top', '0px');
|
||||
} else {
|
||||
$('.nav-bar').removeClass('sticky-top shadow-sm').css('top', '-100px');
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Header carousel
|
||||
$(".header-carousel").owlCarousel({
|
||||
animateOut: 'fadeOut',
|
||||
items: 1,
|
||||
margin: 0,
|
||||
stagePadding: 0,
|
||||
autoplay: true,
|
||||
smartSpeed: 500,
|
||||
dots: true,
|
||||
loop: true,
|
||||
nav : true,
|
||||
navText : [
|
||||
'<i class="bi bi-arrow-left"></i>',
|
||||
'<i class="bi bi-arrow-right"></i>'
|
||||
],
|
||||
});
|
||||
|
||||
|
||||
|
||||
// testimonial carousel
|
||||
$(".testimonial-carousel").owlCarousel({
|
||||
autoplay: true,
|
||||
smartSpeed: 1500,
|
||||
center: false,
|
||||
dots: false,
|
||||
loop: true,
|
||||
margin: 25,
|
||||
nav : true,
|
||||
navText : [
|
||||
'<i class="fa fa-arrow-right"></i>',
|
||||
'<i class="fa fa-arrow-left"></i>'
|
||||
],
|
||||
responsiveClass: true,
|
||||
responsive: {
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
576:{
|
||||
items:1
|
||||
},
|
||||
768:{
|
||||
items:2
|
||||
},
|
||||
992:{
|
||||
items:2
|
||||
},
|
||||
1200:{
|
||||
items:2
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// Facts counter
|
||||
$('[data-toggle="counter-up"]').counterUp({
|
||||
delay: 5,
|
||||
time: 2000
|
||||
});
|
||||
|
||||
|
||||
// Back to top button
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > 300) {
|
||||
$('.back-to-top').fadeIn('slow');
|
||||
} else {
|
||||
$('.back-to-top').fadeOut('slow');
|
||||
}
|
||||
});
|
||||
$('.back-to-top').click(function () {
|
||||
$('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
+218
@@ -0,0 +1,218 @@
|
||||
const headerhtml = `<nav class="navbar">
|
||||
<section class="navbar__left">
|
||||
<a href="#" class="brand">
|
||||
<img src="img/logo-dark.png" class="w-75" alt="">
|
||||
</a>
|
||||
<div class="burger" id="burger">
|
||||
<span class="burger-line"></span>
|
||||
<span class="burger-line"></span>
|
||||
<span class="burger-line"></span>
|
||||
</div>
|
||||
</section>
|
||||
<section class="navbar__center">
|
||||
<span class="overlay"></span>
|
||||
<div class="menu" id="menu">
|
||||
<div class="menu__header">
|
||||
<span class="menu__arrow"><i class="bx bx-chevron-left"></i></span>
|
||||
<span class="menu__title"></span>
|
||||
</div>
|
||||
<ul class="menu__inner mb-0">
|
||||
<li class="menu__item"><a href="index.html" class="menu__link">Home</a></li>
|
||||
<li class="menu__item"><a href="about-us.html" class="menu__link">About Us</a></li>
|
||||
|
||||
<li class="menu__item menu__dropdown">
|
||||
<a href="#" class="menu__link">
|
||||
Solutions
|
||||
<i class="bx bx-chevron-right"></i>
|
||||
</a>
|
||||
<div class="submenu megamenu__text">
|
||||
<div class="submenu__inner">
|
||||
<h4 class="submenu__title">Supply Chain Solutions</h4>
|
||||
<ul class="submenu__list">
|
||||
<li><a href="dealer-automation.html">Dealer Automation</a></li>
|
||||
<li><a href="secondary-sales.html">Secodary Sales </a></li>
|
||||
<li><a href="e-governance.html">E-Governance </a></li>
|
||||
<li><a href="loyalty-solutions.html">Loyalty Solutions</a></li>
|
||||
<li><a href="block-chain-enabled.html">Block Chain Enabled</a></li>
|
||||
<li><a href="track-and-trace.html">Track and Trace </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="submenu__inner">
|
||||
<h4 class="submenu__title">Process Automation</h4>
|
||||
<ul class="submenu__list">
|
||||
<li><a href="enterprises.html">Enterprises</a></li>
|
||||
<li><a href="govermnets.html">Governments</a></li>
|
||||
<li><a href="small-businesses.html">Small Businesses</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="submenu__inner">
|
||||
<h4 class="submenu__title">VMS</h4>
|
||||
<ul class="submenu__list">
|
||||
<li><a href="integrated-video-solutions.html">Integrated Video Solutions</a></li>
|
||||
<li><a href="video-storage-solutions.html">Video Storage Solutions</a></li>
|
||||
<li><a href="central-command-center.html">Central Command Center</a></li>
|
||||
<li><a href="event-streaming.html">Event Streaming</a></li>
|
||||
<li><a href="video-analytics.html">Video Analytics</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menu__item menu__dropdown">
|
||||
<a href="#" class="menu__link">
|
||||
Products
|
||||
<i class="bx bx-chevron-right"></i>
|
||||
</a>
|
||||
<div class="submenu megamenu__normal">
|
||||
<ul class="submenu__list">
|
||||
<li><a href="cameras.html">Cameras</a></li>
|
||||
<li><a href="storage-systems.html">Storage Systems</a></li>
|
||||
<li><a href="ai-nvr.html">AI NVR (Coming Soon)</a></li>
|
||||
<li><a href="racks.html">Racks</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menu__item menu__dropdown">
|
||||
<a href="#" class="menu__link">
|
||||
Services
|
||||
<i class="bx bx-chevron-right"></i>
|
||||
</a>
|
||||
<div class="submenu megamenu__text">
|
||||
<div class="submenu__inner">
|
||||
<ul class="submenu__list">
|
||||
<li><a href="iot-technologies.html">IoT Technologies</a></li>
|
||||
<li><a href="video-analytics.html">Video Analytics</a></li>
|
||||
<li><a href="rf=technlogy.html">RF Technology </a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="submenu__inner">
|
||||
<ul class="submenu__list">
|
||||
<li><a href="rooftop-solar.html">Rooftop Solar/Solar Pump</a></li>
|
||||
<li><a href="software-development">Software Development</a></li>
|
||||
<li><a href="home-automation.html">Home Automation</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="submenu__inner">
|
||||
<ul class="submenu__list">
|
||||
<li><a href="it-telecommunications.html">IT & Telecommunication</a></li>
|
||||
<li><a href="smart-city.html">Smart Cities</a></li>
|
||||
<li><a href="e-mobility-services.html">E-Mobility Services</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="menu__item"><a href="investors.html" class="menu__link">Investors</a></li>
|
||||
<li class="menu__item"><a href="resouces.html" class="menu__link">Resources</a></li>
|
||||
<li class="menu__item"><a href="contact-us.html" class="menu__link">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<section class="navbar__right d-none">
|
||||
<button class="switch" id="switch">
|
||||
<span class="switch__light"><i class="bx bx-sun"></i></span>
|
||||
<span class="switch__dark"><i class="bx bx-moon"></i></span>
|
||||
</button>
|
||||
</section>
|
||||
</nav>`;
|
||||
|
||||
$(function () {
|
||||
$('header').html(headerhtml);
|
||||
const menu = document.querySelector(".menu");
|
||||
const menuInner = menu.querySelector(".menu__inner");
|
||||
const menuArrow = menu.querySelector(".menu__arrow");
|
||||
const menuTitle = menu.querySelector(".menu__title");
|
||||
const burger = document.querySelector(".burger");
|
||||
const overlay = document.querySelector(".overlay");
|
||||
|
||||
// Navbar Menu Toggle Function
|
||||
function toggleMenu() {
|
||||
menu.classList.toggle("is-active");
|
||||
overlay.classList.toggle("is-active");
|
||||
}
|
||||
|
||||
// Show Mobile Submenu Function
|
||||
function showSubMenu(children) {
|
||||
subMenu = children.querySelector(".submenu");
|
||||
subMenu.classList.add("is-active");
|
||||
subMenu.style.animation = "slideLeft 0.35s ease forwards";
|
||||
const menuTitle = children.querySelector("i").parentNode.childNodes[0]
|
||||
.textContent;
|
||||
menu.querySelector(".menu__title").textContent = menuTitle;
|
||||
menu.querySelector(".menu__header").classList.add("is-active");
|
||||
}
|
||||
|
||||
// Hide Mobile Submenu Function
|
||||
function hideSubMenu() {
|
||||
subMenu.style.animation = "slideRight 0.35s ease forwards";
|
||||
setTimeout(() => {
|
||||
subMenu.classList.remove("is-active");
|
||||
}, 300);
|
||||
|
||||
menu.querySelector(".menu__title").textContent = "";
|
||||
menu.querySelector(".menu__header").classList.remove("is-active");
|
||||
}
|
||||
|
||||
// Toggle Mobile Submenu Function
|
||||
function toggleSubMenu(e) {
|
||||
if (!menu.classList.contains("is-active")) {
|
||||
return;
|
||||
}
|
||||
if (e.target.closest(".menu__dropdown")) {
|
||||
const children = e.target.closest(".menu__dropdown");
|
||||
showSubMenu(children);
|
||||
}
|
||||
}
|
||||
|
||||
// Fixed Navbar Menu on Window Resize
|
||||
window.addEventListener("resize", () => {
|
||||
if (window.innerWidth >= 768) {
|
||||
if (menu.classList.contains("is-active")) {
|
||||
toggleMenu();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Dark and Light Mode with localStorage
|
||||
(function () {
|
||||
let darkMode = localStorage.getItem("darkMode");
|
||||
const darkSwitch = document.getElementById("switch");
|
||||
|
||||
// Enable and Disable Darkmode
|
||||
const enableDarkMode = () => {
|
||||
document.body.classList.add("darkmode");
|
||||
localStorage.setItem("darkMode", "enabled");
|
||||
};
|
||||
|
||||
const disableDarkMode = () => {
|
||||
document.body.classList.remove("darkmode");
|
||||
localStorage.setItem("darkMode", null);
|
||||
};
|
||||
|
||||
// User Already Enable Darkmode
|
||||
if (darkMode === "enabled") {
|
||||
enableDarkMode();
|
||||
}
|
||||
|
||||
// User Clicks the Darkmode Toggle
|
||||
darkSwitch.addEventListener("click", () => {
|
||||
darkMode = localStorage.getItem("darkMode");
|
||||
if (darkMode !== "enabled") {
|
||||
enableDarkMode();
|
||||
} else {
|
||||
disableDarkMode();
|
||||
}
|
||||
});
|
||||
})();
|
||||
|
||||
// Initialize All Event Listeners
|
||||
burger.addEventListener("click", toggleMenu);
|
||||
overlay.addEventListener("click", toggleMenu);
|
||||
menuArrow.addEventListener("click", hideSubMenu);
|
||||
menuTitle.addEventListener("click", hideSubMenu);
|
||||
menuInner.addEventListener("click", toggleSubMenu);
|
||||
})
|
||||
|
||||
|
||||
|
||||
|
||||
벤더링 됨
+1579
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
Diff 로드
+11
하나 이상의 라인이 너무 길어 파일 Diff가 표시되지 않음
+11
@@ -0,0 +1,11 @@
|
||||
/*!
|
||||
* jquery.counterup.js 2.1.0
|
||||
*
|
||||
* Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
|
||||
* Released under the GPL v2 License
|
||||
*
|
||||
* Amended by Jeremy Paris, Ciro Mattia Gonano and others
|
||||
*
|
||||
* Date: Feb 24, 2017
|
||||
*/
|
||||
(function($){"use strict";$.fn.counterUp=function(options){var settings=$.extend({time:400,delay:10,offset:100,beginAt:0,formatter:false,context:"window",callback:function(){}},options),s;return this.each(function(){var $this=$(this),counter={time:$(this).data("counterup-time")||settings.time,delay:$(this).data("counterup-delay")||settings.delay,offset:$(this).data("counterup-offset")||settings.offset,beginAt:$(this).data("counterup-beginat")||settings.beginAt,context:$(this).data("counterup-context")||settings.context};var counterUpper=function(){var nums=[];var divisions=counter.time/counter.delay;var num=$(this).attr("data-num")?$(this).attr("data-num"):$this.text();var isComma=/[0-9]+,[0-9]+/.test(num);num=num.replace(/,/g,"");var decimalPlaces=(num.split(".")[1]||[]).length;if(counter.beginAt>num)counter.beginAt=num;var isTime=/[0-9]+:[0-9]+:[0-9]+/.test(num);if(isTime){var times=num.split(":"),m=1;s=0;while(times.length>0){s+=m*parseInt(times.pop(),10);m*=60}}for(var i=divisions;i>=counter.beginAt/num*divisions;i--){var newNum=parseFloat(num/divisions*i).toFixed(decimalPlaces);if(isTime){newNum=parseInt(s/divisions*i);var hours=parseInt(newNum/3600)%24;var minutes=parseInt(newNum/60)%60;var seconds=parseInt(newNum%60,10);newNum=(hours<10?"0"+hours:hours)+":"+(minutes<10?"0"+minutes:minutes)+":"+(seconds<10?"0"+seconds:seconds)}if(isComma){while(/(\d+)(\d{3})/.test(newNum.toString())){newNum=newNum.toString().replace(/(\d+)(\d{3})/,"$1"+","+"$2")}}if(settings.formatter){newNum=settings.formatter.call(this,newNum)}nums.unshift(newNum)}$this.data("counterup-nums",nums);$this.text(counter.beginAt);var f=function(){if(!$this.data("counterup-nums")){settings.callback.call(this);return}$this.html($this.data("counterup-nums").shift());if($this.data("counterup-nums").length){setTimeout($this.data("counterup-func"),counter.delay)}else{$this.data("counterup-nums",null);$this.data("counterup-func",null);settings.callback.call(this)}};$this.data("counterup-func",f);setTimeout($this.data("counterup-func"),counter.delay)};$this.waypoint(function(direction){counterUpper();this.destroy()},{offset:counter.offset+"%",context:counter.context})})}})(jQuery);
|
||||
@@ -0,0 +1,168 @@
|
||||
/*
|
||||
* jQuery Easing v1.4.1 - http://gsgd.co.uk/sandbox/jquery/easing/
|
||||
* Open source under the BSD License.
|
||||
* Copyright © 2008 George McGinley Smith
|
||||
* All rights reserved.
|
||||
* https://raw.github.com/gdsmith/jquery-easing/master/LICENSE
|
||||
*/
|
||||
|
||||
(function (factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define(['jquery'], function ($) {
|
||||
return factory($);
|
||||
});
|
||||
} else if (typeof module === "object" && typeof module.exports === "object") {
|
||||
exports = factory(require('jquery'));
|
||||
} else {
|
||||
factory(jQuery);
|
||||
}
|
||||
})(function($){
|
||||
|
||||
// Preserve the original jQuery "swing" easing as "jswing"
|
||||
if (typeof $.easing !== 'undefined') {
|
||||
$.easing['jswing'] = $.easing['swing'];
|
||||
}
|
||||
|
||||
var pow = Math.pow,
|
||||
sqrt = Math.sqrt,
|
||||
sin = Math.sin,
|
||||
cos = Math.cos,
|
||||
PI = Math.PI,
|
||||
c1 = 1.70158,
|
||||
c2 = c1 * 1.525,
|
||||
c3 = c1 + 1,
|
||||
c4 = ( 2 * PI ) / 3,
|
||||
c5 = ( 2 * PI ) / 4.5;
|
||||
|
||||
// x is the fraction of animation progress, in the range 0..1
|
||||
function bounceOut(x) {
|
||||
var n1 = 7.5625,
|
||||
d1 = 2.75;
|
||||
if ( x < 1/d1 ) {
|
||||
return n1*x*x;
|
||||
} else if ( x < 2/d1 ) {
|
||||
return n1*(x-=(1.5/d1))*x + .75;
|
||||
} else if ( x < 2.5/d1 ) {
|
||||
return n1*(x-=(2.25/d1))*x + .9375;
|
||||
} else {
|
||||
return n1*(x-=(2.625/d1))*x + .984375;
|
||||
}
|
||||
}
|
||||
|
||||
$.extend( $.easing,
|
||||
{
|
||||
def: 'easeOutQuad',
|
||||
swing: function (x) {
|
||||
return $.easing[$.easing.def](x);
|
||||
},
|
||||
easeInQuad: function (x) {
|
||||
return x * x;
|
||||
},
|
||||
easeOutQuad: function (x) {
|
||||
return 1 - ( 1 - x ) * ( 1 - x );
|
||||
},
|
||||
easeInOutQuad: function (x) {
|
||||
return x < 0.5 ?
|
||||
2 * x * x :
|
||||
1 - pow( -2 * x + 2, 2 ) / 2;
|
||||
},
|
||||
easeInCubic: function (x) {
|
||||
return x * x * x;
|
||||
},
|
||||
easeOutCubic: function (x) {
|
||||
return 1 - pow( 1 - x, 3 );
|
||||
},
|
||||
easeInOutCubic: function (x) {
|
||||
return x < 0.5 ?
|
||||
4 * x * x * x :
|
||||
1 - pow( -2 * x + 2, 3 ) / 2;
|
||||
},
|
||||
easeInQuart: function (x) {
|
||||
return x * x * x * x;
|
||||
},
|
||||
easeOutQuart: function (x) {
|
||||
return 1 - pow( 1 - x, 4 );
|
||||
},
|
||||
easeInOutQuart: function (x) {
|
||||
return x < 0.5 ?
|
||||
8 * x * x * x * x :
|
||||
1 - pow( -2 * x + 2, 4 ) / 2;
|
||||
},
|
||||
easeInQuint: function (x) {
|
||||
return x * x * x * x * x;
|
||||
},
|
||||
easeOutQuint: function (x) {
|
||||
return 1 - pow( 1 - x, 5 );
|
||||
},
|
||||
easeInOutQuint: function (x) {
|
||||
return x < 0.5 ?
|
||||
16 * x * x * x * x * x :
|
||||
1 - pow( -2 * x + 2, 5 ) / 2;
|
||||
},
|
||||
easeInSine: function (x) {
|
||||
return 1 - cos( x * PI/2 );
|
||||
},
|
||||
easeOutSine: function (x) {
|
||||
return sin( x * PI/2 );
|
||||
},
|
||||
easeInOutSine: function (x) {
|
||||
return -( cos( PI * x ) - 1 ) / 2;
|
||||
},
|
||||
easeInExpo: function (x) {
|
||||
return x === 0 ? 0 : pow( 2, 10 * x - 10 );
|
||||
},
|
||||
easeOutExpo: function (x) {
|
||||
return x === 1 ? 1 : 1 - pow( 2, -10 * x );
|
||||
},
|
||||
easeInOutExpo: function (x) {
|
||||
return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ?
|
||||
pow( 2, 20 * x - 10 ) / 2 :
|
||||
( 2 - pow( 2, -20 * x + 10 ) ) / 2;
|
||||
},
|
||||
easeInCirc: function (x) {
|
||||
return 1 - sqrt( 1 - pow( x, 2 ) );
|
||||
},
|
||||
easeOutCirc: function (x) {
|
||||
return sqrt( 1 - pow( x - 1, 2 ) );
|
||||
},
|
||||
easeInOutCirc: function (x) {
|
||||
return x < 0.5 ?
|
||||
( 1 - sqrt( 1 - pow( 2 * x, 2 ) ) ) / 2 :
|
||||
( sqrt( 1 - pow( -2 * x + 2, 2 ) ) + 1 ) / 2;
|
||||
},
|
||||
easeInElastic: function (x) {
|
||||
return x === 0 ? 0 : x === 1 ? 1 :
|
||||
-pow( 2, 10 * x - 10 ) * sin( ( x * 10 - 10.75 ) * c4 );
|
||||
},
|
||||
easeOutElastic: function (x) {
|
||||
return x === 0 ? 0 : x === 1 ? 1 :
|
||||
pow( 2, -10 * x ) * sin( ( x * 10 - 0.75 ) * c4 ) + 1;
|
||||
},
|
||||
easeInOutElastic: function (x) {
|
||||
return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ?
|
||||
-( pow( 2, 20 * x - 10 ) * sin( ( 20 * x - 11.125 ) * c5 )) / 2 :
|
||||
pow( 2, -20 * x + 10 ) * sin( ( 20 * x - 11.125 ) * c5 ) / 2 + 1;
|
||||
},
|
||||
easeInBack: function (x) {
|
||||
return c3 * x * x * x - c1 * x * x;
|
||||
},
|
||||
easeOutBack: function (x) {
|
||||
return 1 + c3 * pow( x - 1, 3 ) + c1 * pow( x - 1, 2 );
|
||||
},
|
||||
easeInOutBack: function (x) {
|
||||
return x < 0.5 ?
|
||||
( pow( 2 * x, 2 ) * ( ( c2 + 1 ) * 2 * x - c2 ) ) / 2 :
|
||||
( pow( 2 * x - 2, 2 ) *( ( c2 + 1 ) * ( x * 2 - 2 ) + c2 ) + 2 ) / 2;
|
||||
},
|
||||
easeInBounce: function (x) {
|
||||
return 1 - bounceOut( 1 - x );
|
||||
},
|
||||
easeOutBounce: bounceOut,
|
||||
easeInOutBounce: function (x) {
|
||||
return x < 0.5 ?
|
||||
( 1 - bounceOut( 1 - 2 * x ) ) / 2 :
|
||||
( 1 + bounceOut( 2 * x - 1 ) ) / 2;
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
벤더링 됨
+1
@@ -0,0 +1 @@
|
||||
!function(n){"function"==typeof define&&define.amd?define(["jquery"],function(e){return n(e)}):"object"==typeof module&&"object"==typeof module.exports?exports=n(require("jquery")):n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n<1/t?e*n*n:n<2/t?e*(n-=1.5/t)*n+.75:n<2.5/t?e*(n-=2.25/t)*n+.9375:e*(n-=2.625/t)*n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,c=1.70158,o=1.525*c,s=2*a/3,f=2*a/4.5;n.extend(n.easing,{def:"easeOutQuad",swing:function(e){return n.easing[n.easing.def](e)},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return 1-(1-n)*(1-n)},easeInOutQuad:function(n){return n<.5?2*n*n:1-t(-2*n+2,2)/2},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return 1-t(1-n,3)},easeInOutCubic:function(n){return n<.5?4*n*n*n:1-t(-2*n+2,3)/2},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1-t(1-n,4)},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-t(-2*n+2,4)/2},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1-t(1-n,5)},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1-t(-2*n+2,5)/2},easeInSine:function(n){return 1-i(n*a/2)},easeOutSine:function(n){return r(n*a/2)},easeInOutSine:function(n){return-(i(a*n)-1)/2},easeInExpo:function(n){return 0===n?0:t(2,10*n-10)},easeOutExpo:function(n){return 1===n?1:1-t(2,-10*n)},easeInOutExpo:function(n){return 0===n?0:1===n?1:n<.5?t(2,20*n-10)/2:(2-t(2,-20*n+10))/2},easeInCirc:function(n){return 1-u(1-t(n,2))},easeOutCirc:function(n){return u(1-t(n-1,2))},easeInOutCirc:function(n){return n<.5?(1-u(1-t(2*n,2)))/2:(u(1-t(-2*n+2,2))+1)/2},easeInElastic:function(n){return 0===n?0:1===n?1:-t(2,10*n-10)*r((10*n-10.75)*s)},easeOutElastic:function(n){return 0===n?0:1===n?1:t(2,-10*n)*r((10*n-.75)*s)+1},easeInOutElastic:function(n){return 0===n?0:1===n?1:n<.5?-(t(2,20*n-10)*r((20*n-11.125)*f))/2:t(2,-20*n+10)*r((20*n-11.125)*f)/2+1},easeInBack:function(n){return(c+1)*n*n*n-c*n*n},easeOutBack:function(n){return 1+(c+1)*t(n-1,3)+c*t(n-1,2)},easeInOutBack:function(n){return n<.5?t(2*n,2)*(7.189819*n-o)/2:(t(2*n-2,2)*((o+1)*(2*n-2)+o)+2)/2},easeInBounce:function(n){return 1-e(1-n)},easeOutBounce:e,easeInOutBounce:function(n){return n<.5?(1-e(1-2*n))/2:(1+e(2*n-1))/2}})});
|
||||
+1
@@ -0,0 +1 @@
|
||||
.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
|
||||
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 280 B |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 8.3 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 1.3 KiB |
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 1.3 KiB |
+15
하나 이상의 라인이 너무 길어 파일 Diff가 표시되지 않음
@@ -0,0 +1,23 @@
|
||||
Copyright (c) 2014 Owl
|
||||
Modified work Copyright 2016 David Deutsch
|
||||
|
||||
Permission is hereby granted, free of charge, to any person
|
||||
obtaining a copy of this software and associated documentation
|
||||
files (the "Software"), to deal in the Software without
|
||||
restriction, including without limitation the rights to use,
|
||||
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the
|
||||
Software is furnished to do so, subject to the following
|
||||
conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
OTHER DEALINGS IN THE SOFTWARE.
|
||||
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 3.1 KiB |
@@ -0,0 +1,170 @@
|
||||
/**
|
||||
* Owl Carousel v2.2.1
|
||||
* Copyright 2013-2017 David Deutsch
|
||||
* Licensed under ()
|
||||
*/
|
||||
/*
|
||||
* Owl Carousel - Core
|
||||
*/
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
/* position relative and z-index fix webkit rendering fonts issue */
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
.owl-carousel .owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
-moz-backface-visibility: hidden;
|
||||
/* fix firefox animation glitch */ }
|
||||
.owl-carousel .owl-stage:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0; }
|
||||
.owl-carousel .owl-stage-outer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
/* fix for flashing background */
|
||||
-webkit-transform: translate3d(0px, 0px, 0px); }
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0); }
|
||||
.owl-carousel .owl-item {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none; }
|
||||
.owl-carousel .owl-item img {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.owl-carousel .owl-nav.disabled,
|
||||
.owl-carousel .owl-dots.disabled {
|
||||
display: none; }
|
||||
.owl-carousel .owl-nav .owl-prev,
|
||||
.owl-carousel .owl-nav .owl-next,
|
||||
.owl-carousel .owl-dot {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
.owl-carousel.owl-loaded {
|
||||
display: block; }
|
||||
.owl-carousel.owl-loading {
|
||||
opacity: 0;
|
||||
display: block; }
|
||||
.owl-carousel.owl-hidden {
|
||||
opacity: 0; }
|
||||
.owl-carousel.owl-refresh .owl-item {
|
||||
visibility: hidden; }
|
||||
.owl-carousel.owl-drag .owl-item {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
.owl-carousel.owl-grab {
|
||||
cursor: move;
|
||||
cursor: grab; }
|
||||
.owl-carousel.owl-rtl {
|
||||
direction: rtl; }
|
||||
.owl-carousel.owl-rtl .owl-item {
|
||||
float: right; }
|
||||
|
||||
/* No Js */
|
||||
.no-js .owl-carousel {
|
||||
display: block; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Animate Plugin
|
||||
*/
|
||||
.owl-carousel .animated {
|
||||
animation-duration: 1000ms;
|
||||
animation-fill-mode: both; }
|
||||
|
||||
.owl-carousel .owl-animated-in {
|
||||
z-index: 0; }
|
||||
|
||||
.owl-carousel .owl-animated-out {
|
||||
z-index: 1; }
|
||||
|
||||
.owl-carousel .fadeOut {
|
||||
animation-name: fadeOut; }
|
||||
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1; }
|
||||
100% {
|
||||
opacity: 0; } }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Auto Height Plugin
|
||||
*/
|
||||
.owl-height {
|
||||
transition: height 500ms ease-in-out; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Lazy Load Plugin
|
||||
*/
|
||||
.owl-carousel .owl-item .owl-lazy {
|
||||
opacity: 0;
|
||||
transition: opacity 400ms ease; }
|
||||
|
||||
.owl-carousel .owl-item img.owl-lazy {
|
||||
transform-style: preserve-3d; }
|
||||
|
||||
/*
|
||||
* Owl Carousel - Video Plugin
|
||||
*/
|
||||
.owl-carousel .owl-video-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background: #000; }
|
||||
|
||||
.owl-carousel .owl-video-play-icon {
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
background: url("owl.video.play.png") no-repeat;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transition: transform 100ms ease; }
|
||||
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-ms-transform: scale(1.3, 1.3);
|
||||
transform: scale(1.3, 1.3); }
|
||||
|
||||
.owl-carousel .owl-video-playing .owl-video-tn,
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon {
|
||||
display: none; }
|
||||
|
||||
.owl-carousel .owl-video-tn {
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
transition: opacity 400ms ease; }
|
||||
|
||||
.owl-carousel .owl-video-frame {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
width: 100%; }
|
||||
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.2.1
|
||||
* Copyright 2013-2017 David Deutsch
|
||||
* Licensed under ()
|
||||
*/
|
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
@@ -0,0 +1,50 @@
|
||||
/**
|
||||
* Owl Carousel v2.2.1
|
||||
* Copyright 2013-2017 David Deutsch
|
||||
* Licensed under ()
|
||||
*/
|
||||
/*
|
||||
* Default theme - Owl Carousel CSS File
|
||||
*/
|
||||
.owl-theme .owl-nav {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.owl-theme .owl-nav [class*='owl-'] {
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
margin: 5px;
|
||||
padding: 4px 7px;
|
||||
background: #D6D6D6;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border-radius: 3px; }
|
||||
.owl-theme .owl-nav [class*='owl-']:hover {
|
||||
background: #869791;
|
||||
color: #FFF;
|
||||
text-decoration: none; }
|
||||
.owl-theme .owl-nav .disabled {
|
||||
opacity: 0.5;
|
||||
cursor: default; }
|
||||
|
||||
.owl-theme .owl-nav.disabled + .owl-dots {
|
||||
margin-top: 10px; }
|
||||
|
||||
.owl-theme .owl-dots {
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.owl-theme .owl-dots .owl-dot {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline; }
|
||||
.owl-theme .owl-dots .owl-dot span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 7px;
|
||||
background: #D6D6D6;
|
||||
display: block;
|
||||
-webkit-backface-visibility: visible;
|
||||
transition: opacity 200ms ease;
|
||||
border-radius: 30px; }
|
||||
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
|
||||
background: #869791; }
|
||||
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.2.1
|
||||
* Copyright 2013-2017 David Deutsch
|
||||
* Licensed under ()
|
||||
*/
|
||||
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
|
||||
@@ -0,0 +1,50 @@
|
||||
/**
|
||||
* Owl Carousel v2.2.1
|
||||
* Copyright 2013-2017 David Deutsch
|
||||
* Licensed under ()
|
||||
*/
|
||||
/*
|
||||
* Green theme - Owl Carousel CSS File
|
||||
*/
|
||||
.owl-theme .owl-nav {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.owl-theme .owl-nav [class*='owl-'] {
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
margin: 5px;
|
||||
padding: 4px 7px;
|
||||
background: #D6D6D6;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
border-radius: 3px; }
|
||||
.owl-theme .owl-nav [class*='owl-']:hover {
|
||||
background: #4DC7A0;
|
||||
color: #FFF;
|
||||
text-decoration: none; }
|
||||
.owl-theme .owl-nav .disabled {
|
||||
opacity: 0.5;
|
||||
cursor: default; }
|
||||
|
||||
.owl-theme .owl-nav.disabled + .owl-dots {
|
||||
margin-top: 10px; }
|
||||
|
||||
.owl-theme .owl-dots {
|
||||
text-align: center;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.owl-theme .owl-dots .owl-dot {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline; }
|
||||
.owl-theme .owl-dots .owl-dot span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 7px;
|
||||
background: #D6D6D6;
|
||||
display: block;
|
||||
-webkit-backface-visibility: visible;
|
||||
transition: opacity 200ms ease;
|
||||
border-radius: 30px; }
|
||||
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
|
||||
background: #4DC7A0; }
|
||||
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.2.1
|
||||
* Copyright 2013-2017 David Deutsch
|
||||
* Licensed under ()
|
||||
*/
|
||||
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}
|
||||
바이너리 파일은 표시되지 않음.
|
이후 너비: | 높이: | 크기: 4.9 KiB |
파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
Diff 로드
+7
하나 이상의 라인이 너무 길어 파일 Diff가 표시되지 않음
@@ -0,0 +1,5 @@
|
||||
<?php
|
||||
$links = array(
|
||||
'js' => 'lib/waypoints/waypoints.min.js'
|
||||
);
|
||||
?>
|
||||
+7
하나 이상의 라인이 너무 길어 파일 Diff가 표시되지 않음
+542
@@ -0,0 +1,542 @@
|
||||
/*
|
||||
* WOW wow.js - v1.3.0 - 2016-10-04
|
||||
* https://wowjs.uk
|
||||
* Copyright (c) 2016 Thomas Grainger; Licensed MIT
|
||||
*/
|
||||
|
||||
(function (global, factory) {
|
||||
if (typeof define === "function" && define.amd) {
|
||||
define(['module', 'exports'], factory);
|
||||
} else if (typeof exports !== "undefined") {
|
||||
factory(module, exports);
|
||||
} else {
|
||||
var mod = {
|
||||
exports: {}
|
||||
};
|
||||
factory(mod, mod.exports);
|
||||
global.WOW = mod.exports;
|
||||
}
|
||||
})(this, function (module, exports) {
|
||||
'use strict';
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
|
||||
var _class, _temp;
|
||||
|
||||
function _classCallCheck(instance, Constructor) {
|
||||
if (!(instance instanceof Constructor)) {
|
||||
throw new TypeError("Cannot call a class as a function");
|
||||
}
|
||||
}
|
||||
|
||||
var _createClass = function () {
|
||||
function defineProperties(target, props) {
|
||||
for (var i = 0; i < props.length; i++) {
|
||||
var descriptor = props[i];
|
||||
descriptor.enumerable = descriptor.enumerable || false;
|
||||
descriptor.configurable = true;
|
||||
if ("value" in descriptor) descriptor.writable = true;
|
||||
Object.defineProperty(target, descriptor.key, descriptor);
|
||||
}
|
||||
}
|
||||
|
||||
return function (Constructor, protoProps, staticProps) {
|
||||
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
||||
if (staticProps) defineProperties(Constructor, staticProps);
|
||||
return Constructor;
|
||||
};
|
||||
}();
|
||||
|
||||
function isIn(needle, haystack) {
|
||||
return haystack.indexOf(needle) >= 0;
|
||||
}
|
||||
|
||||
function extend(custom, defaults) {
|
||||
for (var key in defaults) {
|
||||
if (custom[key] == null) {
|
||||
var value = defaults[key];
|
||||
custom[key] = value;
|
||||
}
|
||||
}
|
||||
return custom;
|
||||
}
|
||||
|
||||
function isMobile(agent) {
|
||||
return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent)
|
||||
);
|
||||
}
|
||||
|
||||
function createEvent(event) {
|
||||
var bubble = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
|
||||
var cancel = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2];
|
||||
var detail = arguments.length <= 3 || arguments[3] === undefined ? null : arguments[3];
|
||||
|
||||
var customEvent = void 0;
|
||||
if (document.createEvent != null) {
|
||||
// W3C DOM
|
||||
customEvent = document.createEvent('CustomEvent');
|
||||
customEvent.initCustomEvent(event, bubble, cancel, detail);
|
||||
} else if (document.createEventObject != null) {
|
||||
// IE DOM < 9
|
||||
customEvent = document.createEventObject();
|
||||
customEvent.eventType = event;
|
||||
} else {
|
||||
customEvent.eventName = event;
|
||||
}
|
||||
|
||||
return customEvent;
|
||||
}
|
||||
|
||||
function emitEvent(elem, event) {
|
||||
if (elem.dispatchEvent != null) {
|
||||
// W3C DOM
|
||||
elem.dispatchEvent(event);
|
||||
} else if (event in (elem != null)) {
|
||||
elem[event]();
|
||||
} else if ('on' + event in (elem != null)) {
|
||||
elem['on' + event]();
|
||||
}
|
||||
}
|
||||
|
||||
function addEvent(elem, event, fn) {
|
||||
if (elem.addEventListener != null) {
|
||||
// W3C DOM
|
||||
elem.addEventListener(event, fn, false);
|
||||
} else if (elem.attachEvent != null) {
|
||||
// IE DOM
|
||||
elem.attachEvent('on' + event, fn);
|
||||
} else {
|
||||
// fallback
|
||||
elem[event] = fn;
|
||||
}
|
||||
}
|
||||
|
||||
function removeEvent(elem, event, fn) {
|
||||
if (elem.removeEventListener != null) {
|
||||
// W3C DOM
|
||||
elem.removeEventListener(event, fn, false);
|
||||
} else if (elem.detachEvent != null) {
|
||||
// IE DOM
|
||||
elem.detachEvent('on' + event, fn);
|
||||
} else {
|
||||
// fallback
|
||||
delete elem[event];
|
||||
}
|
||||
}
|
||||
|
||||
function getInnerHeight() {
|
||||
if ('innerHeight' in window) {
|
||||
return window.innerHeight;
|
||||
}
|
||||
|
||||
return document.documentElement.clientHeight;
|
||||
}
|
||||
|
||||
// Minimalistic WeakMap shim, just in case.
|
||||
var WeakMap = window.WeakMap || window.MozWeakMap || function () {
|
||||
function WeakMap() {
|
||||
_classCallCheck(this, WeakMap);
|
||||
|
||||
this.keys = [];
|
||||
this.values = [];
|
||||
}
|
||||
|
||||
_createClass(WeakMap, [{
|
||||
key: 'get',
|
||||
value: function get(key) {
|
||||
for (var i = 0; i < this.keys.length; i++) {
|
||||
var item = this.keys[i];
|
||||
if (item === key) {
|
||||
return this.values[i];
|
||||
}
|
||||
}
|
||||
return undefined;
|
||||
}
|
||||
}, {
|
||||
key: 'set',
|
||||
value: function set(key, value) {
|
||||
for (var i = 0; i < this.keys.length; i++) {
|
||||
var item = this.keys[i];
|
||||
if (item === key) {
|
||||
this.values[i] = value;
|
||||
return this;
|
||||
}
|
||||
}
|
||||
this.keys.push(key);
|
||||
this.values.push(value);
|
||||
return this;
|
||||
}
|
||||
}]);
|
||||
|
||||
return WeakMap;
|
||||
}();
|
||||
|
||||
// Dummy MutationObserver, to avoid raising exceptions.
|
||||
var MutationObserver = window.MutationObserver || window.WebkitMutationObserver || window.MozMutationObserver || (_temp = _class = function () {
|
||||
function MutationObserver() {
|
||||
_classCallCheck(this, MutationObserver);
|
||||
|
||||
if (typeof console !== 'undefined' && console !== null) {
|
||||
console.warn('MutationObserver is not supported by your browser.');
|
||||
console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.');
|
||||
}
|
||||
}
|
||||
|
||||
_createClass(MutationObserver, [{
|
||||
key: 'observe',
|
||||
value: function observe() {}
|
||||
}]);
|
||||
|
||||
return MutationObserver;
|
||||
}(), _class.notSupported = true, _temp);
|
||||
|
||||
// getComputedStyle shim, from http://stackoverflow.com/a/21797294
|
||||
var getComputedStyle = window.getComputedStyle || function getComputedStyle(el) {
|
||||
var getComputedStyleRX = /(\-([a-z]){1})/g;
|
||||
return {
|
||||
getPropertyValue: function getPropertyValue(prop) {
|
||||
if (prop === 'float') {
|
||||
prop = 'styleFloat';
|
||||
}
|
||||
if (getComputedStyleRX.test(prop)) {
|
||||
prop.replace(getComputedStyleRX, function (_, _char) {
|
||||
return _char.toUpperCase();
|
||||
});
|
||||
}
|
||||
var currentStyle = el.currentStyle;
|
||||
|
||||
return (currentStyle != null ? currentStyle[prop] : void 0) || null;
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
var WOW = function () {
|
||||
function WOW() {
|
||||
var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
|
||||
|
||||
_classCallCheck(this, WOW);
|
||||
|
||||
this.defaults = {
|
||||
boxClass: 'wow',
|
||||
animateClass: 'animated',
|
||||
offset: 0,
|
||||
mobile: true,
|
||||
live: true,
|
||||
callback: null,
|
||||
scrollContainer: null,
|
||||
resetAnimation: true
|
||||
};
|
||||
|
||||
this.animate = function animateFactory() {
|
||||
if ('requestAnimationFrame' in window) {
|
||||
return function (callback) {
|
||||
return window.requestAnimationFrame(callback);
|
||||
};
|
||||
}
|
||||
return function (callback) {
|
||||
return callback();
|
||||
};
|
||||
}();
|
||||
|
||||
this.vendors = ['moz', 'webkit'];
|
||||
|
||||
this.start = this.start.bind(this);
|
||||
this.resetAnimation = this.resetAnimation.bind(this);
|
||||
this.scrollHandler = this.scrollHandler.bind(this);
|
||||
this.scrollCallback = this.scrollCallback.bind(this);
|
||||
this.scrolled = true;
|
||||
this.config = extend(options, this.defaults);
|
||||
if (options.scrollContainer != null) {
|
||||
this.config.scrollContainer = document.querySelector(options.scrollContainer);
|
||||
}
|
||||
// Map of elements to animation names:
|
||||
this.animationNameCache = new WeakMap();
|
||||
this.wowEvent = createEvent(this.config.boxClass);
|
||||
}
|
||||
|
||||
_createClass(WOW, [{
|
||||
key: 'init',
|
||||
value: function init() {
|
||||
this.element = window.document.documentElement;
|
||||
if (isIn(document.readyState, ['interactive', 'complete'])) {
|
||||
this.start();
|
||||
} else {
|
||||
addEvent(document, 'DOMContentLoaded', this.start);
|
||||
}
|
||||
this.finished = [];
|
||||
}
|
||||
}, {
|
||||
key: 'start',
|
||||
value: function start() {
|
||||
var _this = this;
|
||||
|
||||
this.stopped = false;
|
||||
this.boxes = [].slice.call(this.element.querySelectorAll('.' + this.config.boxClass));
|
||||
this.all = this.boxes.slice(0);
|
||||
if (this.boxes.length) {
|
||||
if (this.disabled()) {
|
||||
this.resetStyle();
|
||||
} else {
|
||||
for (var i = 0; i < this.boxes.length; i++) {
|
||||
var box = this.boxes[i];
|
||||
this.applyStyle(box, true);
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!this.disabled()) {
|
||||
addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
|
||||
addEvent(window, 'resize', this.scrollHandler);
|
||||
this.interval = setInterval(this.scrollCallback, 50);
|
||||
}
|
||||
if (this.config.live) {
|
||||
var mut = new MutationObserver(function (records) {
|
||||
for (var j = 0; j < records.length; j++) {
|
||||
var record = records[j];
|
||||
for (var k = 0; k < record.addedNodes.length; k++) {
|
||||
var node = record.addedNodes[k];
|
||||
_this.doSync(node);
|
||||
}
|
||||
}
|
||||
return undefined;
|
||||
});
|
||||
mut.observe(document.body, {
|
||||
childList: true,
|
||||
subtree: true
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'stop',
|
||||
value: function stop() {
|
||||
this.stopped = true;
|
||||
removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
|
||||
removeEvent(window, 'resize', this.scrollHandler);
|
||||
if (this.interval != null) {
|
||||
clearInterval(this.interval);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'sync',
|
||||
value: function sync() {
|
||||
if (MutationObserver.notSupported) {
|
||||
this.doSync(this.element);
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'doSync',
|
||||
value: function doSync(element) {
|
||||
if (typeof element === 'undefined' || element === null) {
|
||||
element = this.element;
|
||||
}
|
||||
if (element.nodeType !== 1) {
|
||||
return;
|
||||
}
|
||||
element = element.parentNode || element;
|
||||
var iterable = element.querySelectorAll('.' + this.config.boxClass);
|
||||
for (var i = 0; i < iterable.length; i++) {
|
||||
var box = iterable[i];
|
||||
if (!isIn(box, this.all)) {
|
||||
this.boxes.push(box);
|
||||
this.all.push(box);
|
||||
if (this.stopped || this.disabled()) {
|
||||
this.resetStyle();
|
||||
} else {
|
||||
this.applyStyle(box, true);
|
||||
}
|
||||
this.scrolled = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'show',
|
||||
value: function show(box) {
|
||||
this.applyStyle(box);
|
||||
box.className = box.className + ' ' + this.config.animateClass;
|
||||
if (this.config.callback != null) {
|
||||
this.config.callback(box);
|
||||
}
|
||||
emitEvent(box, this.wowEvent);
|
||||
|
||||
if (this.config.resetAnimation) {
|
||||
addEvent(box, 'animationend', this.resetAnimation);
|
||||
addEvent(box, 'oanimationend', this.resetAnimation);
|
||||
addEvent(box, 'webkitAnimationEnd', this.resetAnimation);
|
||||
addEvent(box, 'MSAnimationEnd', this.resetAnimation);
|
||||
}
|
||||
|
||||
return box;
|
||||
}
|
||||
}, {
|
||||
key: 'applyStyle',
|
||||
value: function applyStyle(box, hidden) {
|
||||
var _this2 = this;
|
||||
|
||||
var duration = box.getAttribute('data-wow-duration');
|
||||
var delay = box.getAttribute('data-wow-delay');
|
||||
var iteration = box.getAttribute('data-wow-iteration');
|
||||
|
||||
return this.animate(function () {
|
||||
return _this2.customStyle(box, hidden, duration, delay, iteration);
|
||||
});
|
||||
}
|
||||
}, {
|
||||
key: 'resetStyle',
|
||||
value: function resetStyle() {
|
||||
for (var i = 0; i < this.boxes.length; i++) {
|
||||
var box = this.boxes[i];
|
||||
box.style.visibility = 'visible';
|
||||
}
|
||||
return undefined;
|
||||
}
|
||||
}, {
|
||||
key: 'resetAnimation',
|
||||
value: function resetAnimation(event) {
|
||||
if (event.type.toLowerCase().indexOf('animationend') >= 0) {
|
||||
var target = event.target || event.srcElement;
|
||||
target.className = target.className.replace(this.config.animateClass, '').trim();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'customStyle',
|
||||
value: function customStyle(box, hidden, duration, delay, iteration) {
|
||||
if (hidden) {
|
||||
this.cacheAnimationName(box);
|
||||
}
|
||||
box.style.visibility = hidden ? 'hidden' : 'visible';
|
||||
|
||||
if (duration) {
|
||||
this.vendorSet(box.style, { animationDuration: duration });
|
||||
}
|
||||
if (delay) {
|
||||
this.vendorSet(box.style, { animationDelay: delay });
|
||||
}
|
||||
if (iteration) {
|
||||
this.vendorSet(box.style, { animationIterationCount: iteration });
|
||||
}
|
||||
this.vendorSet(box.style, { animationName: hidden ? 'none' : this.cachedAnimationName(box) });
|
||||
|
||||
return box;
|
||||
}
|
||||
}, {
|
||||
key: 'vendorSet',
|
||||
value: function vendorSet(elem, properties) {
|
||||
for (var name in properties) {
|
||||
if (properties.hasOwnProperty(name)) {
|
||||
var value = properties[name];
|
||||
elem['' + name] = value;
|
||||
for (var i = 0; i < this.vendors.length; i++) {
|
||||
var vendor = this.vendors[i];
|
||||
elem['' + vendor + name.charAt(0).toUpperCase() + name.substr(1)] = value;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'vendorCSS',
|
||||
value: function vendorCSS(elem, property) {
|
||||
var style = getComputedStyle(elem);
|
||||
var result = style.getPropertyCSSValue(property);
|
||||
for (var i = 0; i < this.vendors.length; i++) {
|
||||
var vendor = this.vendors[i];
|
||||
result = result || style.getPropertyCSSValue('-' + vendor + '-' + property);
|
||||
}
|
||||
return result;
|
||||
}
|
||||
}, {
|
||||
key: 'animationName',
|
||||
value: function animationName(box) {
|
||||
var aName = void 0;
|
||||
try {
|
||||
aName = this.vendorCSS(box, 'animation-name').cssText;
|
||||
} catch (error) {
|
||||
// Opera, fall back to plain property value
|
||||
aName = getComputedStyle(box).getPropertyValue('animation-name');
|
||||
}
|
||||
|
||||
if (aName === 'none') {
|
||||
return ''; // SVG/Firefox, unable to get animation name?
|
||||
}
|
||||
|
||||
return aName;
|
||||
}
|
||||
}, {
|
||||
key: 'cacheAnimationName',
|
||||
value: function cacheAnimationName(box) {
|
||||
// https://bugzilla.mozilla.org/show_bug.cgi?id=921834
|
||||
// box.dataset is not supported for SVG elements in Firefox
|
||||
return this.animationNameCache.set(box, this.animationName(box));
|
||||
}
|
||||
}, {
|
||||
key: 'cachedAnimationName',
|
||||
value: function cachedAnimationName(box) {
|
||||
return this.animationNameCache.get(box);
|
||||
}
|
||||
}, {
|
||||
key: 'scrollHandler',
|
||||
value: function scrollHandler() {
|
||||
this.scrolled = true;
|
||||
}
|
||||
}, {
|
||||
key: 'scrollCallback',
|
||||
value: function scrollCallback() {
|
||||
if (this.scrolled) {
|
||||
this.scrolled = false;
|
||||
var results = [];
|
||||
for (var i = 0; i < this.boxes.length; i++) {
|
||||
var box = this.boxes[i];
|
||||
if (box) {
|
||||
if (this.isVisible(box)) {
|
||||
this.show(box);
|
||||
continue;
|
||||
}
|
||||
results.push(box);
|
||||
}
|
||||
}
|
||||
this.boxes = results;
|
||||
if (!this.boxes.length && !this.config.live) {
|
||||
this.stop();
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: 'offsetTop',
|
||||
value: function offsetTop(element) {
|
||||
// SVG elements don't have an offsetTop in Firefox.
|
||||
// This will use their nearest parent that has an offsetTop.
|
||||
// Also, using ('offsetTop' of element) causes an exception in Firefox.
|
||||
while (element.offsetTop === undefined) {
|
||||
element = element.parentNode;
|
||||
}
|
||||
var top = element.offsetTop;
|
||||
while (element.offsetParent) {
|
||||
element = element.offsetParent;
|
||||
top += element.offsetTop;
|
||||
}
|
||||
return top;
|
||||
}
|
||||
}, {
|
||||
key: 'isVisible',
|
||||
value: function isVisible(box) {
|
||||
var offset = box.getAttribute('data-wow-offset') || this.config.offset;
|
||||
var viewTop = this.config.scrollContainer && this.config.scrollContainer.scrollTop || window.pageYOffset;
|
||||
var viewBottom = viewTop + Math.min(this.element.clientHeight, getInnerHeight()) - offset;
|
||||
var top = this.offsetTop(box);
|
||||
var bottom = top + box.clientHeight;
|
||||
|
||||
return top <= viewBottom && bottom >= viewTop;
|
||||
}
|
||||
}, {
|
||||
key: 'disabled',
|
||||
value: function disabled() {
|
||||
return !this.config.mobile && isMobile(navigator.userAgent);
|
||||
}
|
||||
}]);
|
||||
|
||||
return WOW;
|
||||
}();
|
||||
|
||||
exports.default = WOW;
|
||||
module.exports = exports['default'];
|
||||
});
|
||||
벤더링 됨
+3
하나 이상의 라인이 너무 길어 파일 Diff가 표시되지 않음
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Loyalty Solutions</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Track and Trace</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Racks</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
+476
@@ -0,0 +1,476 @@
|
||||
<!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" />
|
||||
|
||||
<!-- 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" />
|
||||
|
||||
<!-- 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 -->
|
||||
|
||||
<header class="header" id="header"></header>
|
||||
<!-- Header Start -->
|
||||
<!-- <div class="container-fluid bg-breadcrumb">
|
||||
<div class="container text-center py-5" style="max-width: 900px;">
|
||||
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
|
||||
<ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
|
||||
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="#">Pages</a></li>
|
||||
<li class="breadcrumb-item active text-primary">Feature</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- Header End -->
|
||||
<!-- Feature Start -->
|
||||
<div class="container-fluid feature bg-light py-5 mt-5">
|
||||
<div class="container mt-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">Resources</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>
|
||||
</div>
|
||||
<!-- Feature End -->
|
||||
|
||||
<!-- Software develppment Start -->
|
||||
<div class="container-fluid faq-section bg-light">
|
||||
<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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in, pretium
|
||||
ipsum. Aliquam interdum libero vitae quam elementum mattis.
|
||||
Nulla ullamcorper et lectus sagittis pulvinar. </p>
|
||||
<p>
|
||||
Orci varius
|
||||
natoque penatibus et magnis dis parturient montes, nascetur
|
||||
ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
|
||||
Praesent ac eros lacus. Ut faucibus, urna nec accumsan
|
||||
consequat, felis dolor commodo arcu, scelerisque blandit ante
|
||||
quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
|
||||
congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
|
||||
vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
|
||||
faucibus dapibus ante. Ut id augue lacus.
|
||||
</p>
|
||||
|
||||
|
||||
</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">Sub Heading</h4>
|
||||
<h1 class="display-4 mb-0">Heading</h1>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
|
||||
tellus erat, pulvinar et sollicitudin vehicula, posuere sed
|
||||
leo. Donec at ligula accumsan, consectetur dolor in,
|
||||
</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 -->
|
||||
|
||||
<!-- 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">
|
||||
#501,#508-510, Shangrila Plaza , <br />Road No. 2,
|
||||
Park View Enclave, <br />Banjara Hills , Hyderabad,
|
||||
<br />Telangana-500034
|
||||
</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@brihaspathi.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">+91 9885888835</p>
|
||||
<p class="mb-0">+91 9581234499</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-xl-3">
|
||||
<div class="footer-item">
|
||||
<h4 class="text-white mb-4">Follow Us</h4>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook facebook"> Facebook</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-twitter twitter"> Twitter</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram instagram"> Instagram</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-linkedin linkedin"> Linkedin</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-youtube youtube"> Youtube</i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-pinterest pinterest"> Pinterest</i>
|
||||
</a>
|
||||
</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">
|
||||
2024 © Copy Rights
|
||||
<a
|
||||
href="https://brihaspathi.com/"
|
||||
class="border-bottom text-white">
|
||||
Brihaspathi
|
||||
</a>
|
||||
</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>
|
||||
벤더링 됨
+32
@@ -0,0 +1,32 @@
|
||||
/******* Customized Bootstrap ********/
|
||||
|
||||
$primary: #074f8a;
|
||||
$secondary:#0BE1FF;
|
||||
$light: #F2F5F9;
|
||||
$dark: #16243D;
|
||||
|
||||
$font-family-base: "Inter",sans-serif;
|
||||
|
||||
$headings-font-family: "DM Sans", sans-serif;
|
||||
|
||||
$body-color: #787878;
|
||||
|
||||
$headings-color: $dark;
|
||||
|
||||
$headings-font-weight: 500;
|
||||
|
||||
$display-font-weight: 700;
|
||||
|
||||
$enable-responsive-font-sizes: true;
|
||||
|
||||
$border-radius: 10px;
|
||||
|
||||
$border-radius-sm: $border-radius;
|
||||
|
||||
$border-radius-lg: $border-radius;
|
||||
|
||||
$link-decoration: none;
|
||||
|
||||
$enable-negative-margins: true;
|
||||
|
||||
@import "bootstrap/scss/bootstrap";
|
||||
@@ -0,0 +1,118 @@
|
||||
//
|
||||
// Base styles
|
||||
//
|
||||
|
||||
.accordion-button {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: $accordion-button-padding-y $accordion-button-padding-x;
|
||||
@include font-size($font-size-base);
|
||||
color: $accordion-button-color;
|
||||
text-align: left; // Reset button style
|
||||
background-color: $accordion-button-bg;
|
||||
border: 0;
|
||||
@include border-radius(0);
|
||||
overflow-anchor: none;
|
||||
@include transition($accordion-transition);
|
||||
|
||||
&:not(.collapsed) {
|
||||
color: $accordion-button-active-color;
|
||||
background-color: $accordion-button-active-bg;
|
||||
box-shadow: inset 0 ($accordion-border-width * -1) 0 $accordion-border-color;
|
||||
|
||||
&::after {
|
||||
background-image: escape-svg($accordion-button-active-icon);
|
||||
transform: $accordion-icon-transform;
|
||||
}
|
||||
}
|
||||
|
||||
// Accordion icon
|
||||
&::after {
|
||||
flex-shrink: 0;
|
||||
width: $accordion-icon-width;
|
||||
height: $accordion-icon-width;
|
||||
margin-left: auto;
|
||||
content: "";
|
||||
background-image: escape-svg($accordion-button-icon);
|
||||
background-repeat: no-repeat;
|
||||
background-size: $accordion-icon-width;
|
||||
@include transition($accordion-icon-transition);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
z-index: 3;
|
||||
border-color: $accordion-button-focus-border-color;
|
||||
outline: 0;
|
||||
box-shadow: $accordion-button-focus-box-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-header {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.accordion-item {
|
||||
background-color: $accordion-bg;
|
||||
border: $accordion-border-width solid $accordion-border-color;
|
||||
|
||||
&:first-of-type {
|
||||
@include border-top-radius($accordion-border-radius);
|
||||
|
||||
.accordion-button {
|
||||
@include border-top-radius($accordion-inner-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:first-of-type) {
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
// Only set a border-radius on the last item if the accordion is collapsed
|
||||
&:last-of-type {
|
||||
@include border-bottom-radius($accordion-border-radius);
|
||||
|
||||
.accordion-button {
|
||||
&.collapsed {
|
||||
@include border-bottom-radius($accordion-inner-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-collapse {
|
||||
@include border-bottom-radius($accordion-border-radius);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.accordion-body {
|
||||
padding: $accordion-body-padding-y $accordion-body-padding-x;
|
||||
}
|
||||
|
||||
|
||||
// Flush accordion items
|
||||
//
|
||||
// Remove borders and border-radius to keep accordion items edge-to-edge.
|
||||
|
||||
.accordion-flush {
|
||||
.accordion-collapse {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.accordion-item {
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
@include border-radius(0);
|
||||
|
||||
&:first-child { border-top: 0; }
|
||||
&:last-child { border-bottom: 0; }
|
||||
|
||||
.accordion-button {
|
||||
@include border-radius(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,57 @@
|
||||
//
|
||||
// Base styles
|
||||
//
|
||||
|
||||
.alert {
|
||||
position: relative;
|
||||
padding: $alert-padding-y $alert-padding-x;
|
||||
margin-bottom: $alert-margin-bottom;
|
||||
border: $alert-border-width solid transparent;
|
||||
@include border-radius($alert-border-radius);
|
||||
}
|
||||
|
||||
// Headings for larger alerts
|
||||
.alert-heading {
|
||||
// Specified to prevent conflicts of changing $headings-color
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
// Provide class for links that match alerts
|
||||
.alert-link {
|
||||
font-weight: $alert-link-font-weight;
|
||||
}
|
||||
|
||||
|
||||
// Dismissible alerts
|
||||
//
|
||||
// Expand the right padding and account for the close button's positioning.
|
||||
|
||||
.alert-dismissible {
|
||||
padding-right: $alert-dismissible-padding-r;
|
||||
|
||||
// Adjust close link position
|
||||
.btn-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: $stretched-link-z-index + 1;
|
||||
padding: $alert-padding-y * 1.25 $alert-padding-x;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// scss-docs-start alert-modifiers
|
||||
// Generate contextual modifier classes for colorizing the alert.
|
||||
|
||||
@each $state, $value in $theme-colors {
|
||||
$alert-background: shift-color($value, $alert-bg-scale);
|
||||
$alert-border: shift-color($value, $alert-border-scale);
|
||||
$alert-color: shift-color($value, $alert-color-scale);
|
||||
@if (contrast-ratio($alert-background, $alert-color) < $min-contrast-ratio) {
|
||||
$alert-color: mix($value, color-contrast($alert-background), abs($alert-color-scale));
|
||||
}
|
||||
.alert-#{$state} {
|
||||
@include alert-variant($alert-background, $alert-border, $alert-color);
|
||||
}
|
||||
}
|
||||
// scss-docs-end alert-modifiers
|
||||
@@ -0,0 +1,29 @@
|
||||
// Base class
|
||||
//
|
||||
// Requires one of the contextual, color modifier classes for `color` and
|
||||
// `background-color`.
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
padding: $badge-padding-y $badge-padding-x;
|
||||
@include font-size($badge-font-size);
|
||||
font-weight: $badge-font-weight;
|
||||
line-height: 1;
|
||||
color: $badge-color;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
@include border-radius($badge-border-radius);
|
||||
@include gradient-bg();
|
||||
|
||||
// Empty badges collapse automatically
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Quick fix for badges in buttons
|
||||
.btn .badge {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
.breadcrumb {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: $breadcrumb-padding-y $breadcrumb-padding-x;
|
||||
margin-bottom: $breadcrumb-margin-bottom;
|
||||
@include font-size($breadcrumb-font-size);
|
||||
list-style: none;
|
||||
background-color: $breadcrumb-bg;
|
||||
@include border-radius($breadcrumb-border-radius);
|
||||
}
|
||||
|
||||
.breadcrumb-item {
|
||||
// The separator between breadcrumbs (by default, a forward-slash: "/")
|
||||
+ .breadcrumb-item {
|
||||
padding-left: $breadcrumb-item-padding-x;
|
||||
|
||||
&::before {
|
||||
float: left; // Suppress inline spacings and underlining of the separator
|
||||
padding-right: $breadcrumb-item-padding-x;
|
||||
color: $breadcrumb-divider-color;
|
||||
content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: $breadcrumb-active-color;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,139 @@
|
||||
// Make the div behave like a button
|
||||
.btn-group,
|
||||
.btn-group-vertical {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
vertical-align: middle; // match .btn alignment given font-size hack above
|
||||
|
||||
> .btn {
|
||||
position: relative;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
// Bring the hover, focused, and "active" buttons to the front to overlay
|
||||
// the borders properly
|
||||
> .btn-check:checked + .btn,
|
||||
> .btn-check:focus + .btn,
|
||||
> .btn:hover,
|
||||
> .btn:focus,
|
||||
> .btn:active,
|
||||
> .btn.active {
|
||||
z-index: 1;
|
||||
}
|
||||
}
|
||||
|
||||
// Optional: Group multiple button groups together for a toolbar
|
||||
.btn-toolbar {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
|
||||
.input-group {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
// Prevent double borders when buttons are next to each other
|
||||
> .btn:not(:first-child),
|
||||
> .btn-group:not(:first-child) {
|
||||
margin-left: -$btn-border-width;
|
||||
}
|
||||
|
||||
// Reset rounded corners
|
||||
> .btn:not(:last-child):not(.dropdown-toggle),
|
||||
> .btn-group:not(:last-child) > .btn {
|
||||
@include border-end-radius(0);
|
||||
}
|
||||
|
||||
// The left radius should be 0 if the button is:
|
||||
// - the "third or more" child
|
||||
// - the second child and the previous element isn't `.btn-check` (making it the first child visually)
|
||||
// - part of a btn-group which isn't the first child
|
||||
> .btn:nth-child(n + 3),
|
||||
> :not(.btn-check) + .btn,
|
||||
> .btn-group:not(:first-child) > .btn {
|
||||
@include border-start-radius(0);
|
||||
}
|
||||
}
|
||||
|
||||
// Sizing
|
||||
//
|
||||
// Remix the default button sizing classes into new ones for easier manipulation.
|
||||
|
||||
.btn-group-sm > .btn { @extend .btn-sm; }
|
||||
.btn-group-lg > .btn { @extend .btn-lg; }
|
||||
|
||||
|
||||
//
|
||||
// Split button dropdowns
|
||||
//
|
||||
|
||||
.dropdown-toggle-split {
|
||||
padding-right: $btn-padding-x * .75;
|
||||
padding-left: $btn-padding-x * .75;
|
||||
|
||||
&::after,
|
||||
.dropup &::after,
|
||||
.dropend &::after {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.dropstart &::before {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-sm + .dropdown-toggle-split {
|
||||
padding-right: $btn-padding-x-sm * .75;
|
||||
padding-left: $btn-padding-x-sm * .75;
|
||||
}
|
||||
|
||||
.btn-lg + .dropdown-toggle-split {
|
||||
padding-right: $btn-padding-x-lg * .75;
|
||||
padding-left: $btn-padding-x-lg * .75;
|
||||
}
|
||||
|
||||
|
||||
// The clickable button for toggling the menu
|
||||
// Set the same inset shadow as the :active state
|
||||
.btn-group.show .dropdown-toggle {
|
||||
@include box-shadow($btn-active-box-shadow);
|
||||
|
||||
// Show no shadow for `.btn-link` since it has no other button styles.
|
||||
&.btn-link {
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Vertical button groups
|
||||
//
|
||||
|
||||
.btn-group-vertical {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
|
||||
> .btn,
|
||||
> .btn-group {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
> .btn:not(:first-child),
|
||||
> .btn-group:not(:first-child) {
|
||||
margin-top: -$btn-border-width;
|
||||
}
|
||||
|
||||
// Reset rounded corners
|
||||
> .btn:not(:last-child):not(.dropdown-toggle),
|
||||
> .btn-group:not(:last-child) > .btn {
|
||||
@include border-bottom-radius(0);
|
||||
}
|
||||
|
||||
> .btn ~ .btn,
|
||||
> .btn-group:not(:first-child) > .btn {
|
||||
@include border-top-radius(0);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,111 @@
|
||||
//
|
||||
// Base styles
|
||||
//
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
font-family: $btn-font-family;
|
||||
font-weight: $btn-font-weight;
|
||||
line-height: $btn-line-height;
|
||||
color: $body-color;
|
||||
text-align: center;
|
||||
text-decoration: if($link-decoration == none, null, none);
|
||||
white-space: $btn-white-space;
|
||||
vertical-align: middle;
|
||||
cursor: if($enable-button-pointers, pointer, null);
|
||||
user-select: none;
|
||||
background-color: transparent;
|
||||
border: $btn-border-width solid transparent;
|
||||
@include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius);
|
||||
@include transition($btn-transition);
|
||||
|
||||
&:hover {
|
||||
color: $body-color;
|
||||
text-decoration: if($link-hover-decoration == underline, none, null);
|
||||
}
|
||||
|
||||
.btn-check:focus + &,
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: $btn-focus-box-shadow;
|
||||
}
|
||||
|
||||
.btn-check:checked + &,
|
||||
.btn-check:active + &,
|
||||
&:active,
|
||||
&.active {
|
||||
@include box-shadow($btn-active-box-shadow);
|
||||
|
||||
&:focus {
|
||||
@include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled,
|
||||
fieldset:disabled & {
|
||||
pointer-events: none;
|
||||
opacity: $btn-disabled-opacity;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Alternate buttons
|
||||
//
|
||||
|
||||
// scss-docs-start btn-variant-loops
|
||||
@each $color, $value in $theme-colors {
|
||||
.btn-#{$color} {
|
||||
@include button-variant($value, $value);
|
||||
}
|
||||
}
|
||||
|
||||
@each $color, $value in $theme-colors {
|
||||
.btn-outline-#{$color} {
|
||||
@include button-outline-variant($value);
|
||||
}
|
||||
}
|
||||
// scss-docs-end btn-variant-loops
|
||||
|
||||
|
||||
//
|
||||
// Link buttons
|
||||
//
|
||||
|
||||
// Make a button look and behave like a link
|
||||
.btn-link {
|
||||
font-weight: $font-weight-normal;
|
||||
color: $btn-link-color;
|
||||
text-decoration: $link-decoration;
|
||||
|
||||
&:hover {
|
||||
color: $btn-link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
color: $btn-link-disabled-color;
|
||||
}
|
||||
|
||||
// No need for an active state here
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Button Sizes
|
||||
//
|
||||
|
||||
.btn-lg {
|
||||
@include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg);
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
@include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);
|
||||
}
|
||||
@@ -0,0 +1,215 @@
|
||||
//
|
||||
// Base styles
|
||||
//
|
||||
|
||||
.card {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
|
||||
height: $card-height;
|
||||
word-wrap: break-word;
|
||||
background-color: $card-bg;
|
||||
background-clip: border-box;
|
||||
border: $card-border-width solid $card-border-color;
|
||||
@include border-radius($card-border-radius);
|
||||
|
||||
> hr {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
> .list-group {
|
||||
border-top: inherit;
|
||||
border-bottom: inherit;
|
||||
|
||||
&:first-child {
|
||||
border-top-width: 0;
|
||||
@include border-top-radius($card-inner-border-radius);
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom-width: 0;
|
||||
@include border-bottom-radius($card-inner-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
// Due to specificity of the above selector (`.card > .list-group`), we must
|
||||
// use a child selector here to prevent double borders.
|
||||
> .card-header + .list-group,
|
||||
> .list-group + .card-footer {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card-body {
|
||||
// Enable `flex-grow: 1` for decks and groups so that card blocks take up
|
||||
// as much space as possible, ensuring footers are aligned to the bottom.
|
||||
flex: 1 1 auto;
|
||||
padding: $card-spacer-y $card-spacer-x;
|
||||
color: $card-color;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
margin-bottom: $card-title-spacer-y;
|
||||
}
|
||||
|
||||
.card-subtitle {
|
||||
margin-top: -$card-title-spacer-y / 2;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card-text:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card-link {
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
+ .card-link {
|
||||
margin-left: $card-spacer-x;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Optional textual caps
|
||||
//
|
||||
|
||||
.card-header {
|
||||
padding: $card-cap-padding-y $card-cap-padding-x;
|
||||
margin-bottom: 0; // Removes the default margin-bottom of <hN>
|
||||
color: $card-cap-color;
|
||||
background-color: $card-cap-bg;
|
||||
border-bottom: $card-border-width solid $card-border-color;
|
||||
|
||||
&:first-child {
|
||||
@include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
|
||||
}
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
padding: $card-cap-padding-y $card-cap-padding-x;
|
||||
color: $card-cap-color;
|
||||
background-color: $card-cap-bg;
|
||||
border-top: $card-border-width solid $card-border-color;
|
||||
|
||||
&:last-child {
|
||||
@include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Header navs
|
||||
//
|
||||
|
||||
.card-header-tabs {
|
||||
margin-right: -$card-cap-padding-x / 2;
|
||||
margin-bottom: -$card-cap-padding-y;
|
||||
margin-left: -$card-cap-padding-x / 2;
|
||||
border-bottom: 0;
|
||||
|
||||
@if $nav-tabs-link-active-bg != $card-bg {
|
||||
.nav-link.active {
|
||||
background-color: $card-bg;
|
||||
border-bottom-color: $card-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-header-pills {
|
||||
margin-right: -$card-cap-padding-x / 2;
|
||||
margin-left: -$card-cap-padding-x / 2;
|
||||
}
|
||||
|
||||
// Card image
|
||||
.card-img-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: $card-img-overlay-padding;
|
||||
@include border-radius($card-inner-border-radius);
|
||||
}
|
||||
|
||||
.card-img,
|
||||
.card-img-top,
|
||||
.card-img-bottom {
|
||||
width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
|
||||
}
|
||||
|
||||
.card-img,
|
||||
.card-img-top {
|
||||
@include border-top-radius($card-inner-border-radius);
|
||||
}
|
||||
|
||||
.card-img,
|
||||
.card-img-bottom {
|
||||
@include border-bottom-radius($card-inner-border-radius);
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Card groups
|
||||
//
|
||||
|
||||
.card-group {
|
||||
// The child selector allows nested `.card` within `.card-group`
|
||||
// to display properly.
|
||||
> .card {
|
||||
margin-bottom: $card-group-margin;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
// The child selector allows nested `.card` within `.card-group`
|
||||
// to display properly.
|
||||
> .card {
|
||||
// Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
|
||||
flex: 1 0 0%;
|
||||
margin-bottom: 0;
|
||||
|
||||
+ .card {
|
||||
margin-left: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
// Handle rounded corners
|
||||
@if $enable-rounded {
|
||||
&:not(:last-child) {
|
||||
@include border-end-radius(0);
|
||||
|
||||
.card-img-top,
|
||||
.card-header {
|
||||
// stylelint-disable-next-line property-disallowed-list
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
.card-img-bottom,
|
||||
.card-footer {
|
||||
// stylelint-disable-next-line property-disallowed-list
|
||||
border-bottom-right-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
@include border-start-radius(0);
|
||||
|
||||
.card-img-top,
|
||||
.card-header {
|
||||
// stylelint-disable-next-line property-disallowed-list
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
.card-img-bottom,
|
||||
.card-footer {
|
||||
// stylelint-disable-next-line property-disallowed-list
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,229 @@
|
||||
// Notes on the classes:
|
||||
//
|
||||
// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
|
||||
// even when their scroll action started on a carousel, but for compatibility (with Firefox)
|
||||
// we're preventing all actions instead
|
||||
// 2. The .carousel-item-start and .carousel-item-end is used to indicate where
|
||||
// the active slide is heading.
|
||||
// 3. .active.carousel-item is the current slide.
|
||||
// 4. .active.carousel-item-start and .active.carousel-item-end is the current
|
||||
// slide in its in-transition state. Only one of these occurs at a time.
|
||||
// 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end
|
||||
// is the upcoming slide in transition.
|
||||
|
||||
.carousel {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.carousel.pointer-event {
|
||||
touch-action: pan-y;
|
||||
}
|
||||
|
||||
.carousel-inner {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
@include clearfix();
|
||||
}
|
||||
|
||||
.carousel-item {
|
||||
position: relative;
|
||||
display: none;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-right: -100%;
|
||||
backface-visibility: hidden;
|
||||
@include transition($carousel-transition);
|
||||
}
|
||||
|
||||
.carousel-item.active,
|
||||
.carousel-item-next,
|
||||
.carousel-item-prev {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* rtl:begin:ignore */
|
||||
.carousel-item-next:not(.carousel-item-start),
|
||||
.active.carousel-item-end {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
.carousel-item-prev:not(.carousel-item-end),
|
||||
.active.carousel-item-start {
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
/* rtl:end:ignore */
|
||||
|
||||
|
||||
//
|
||||
// Alternate transitions
|
||||
//
|
||||
|
||||
.carousel-fade {
|
||||
.carousel-item {
|
||||
opacity: 0;
|
||||
transition-property: opacity;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.carousel-item.active,
|
||||
.carousel-item-next.carousel-item-start,
|
||||
.carousel-item-prev.carousel-item-end {
|
||||
z-index: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.active.carousel-item-start,
|
||||
.active.carousel-item-end {
|
||||
z-index: 0;
|
||||
opacity: 0;
|
||||
@include transition(opacity 0s $carousel-transition-duration);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Left/right controls for nav
|
||||
//
|
||||
|
||||
.carousel-control-prev,
|
||||
.carousel-control-next {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
// Use flex for alignment (1-3)
|
||||
display: flex; // 1. allow flex styles
|
||||
align-items: center; // 2. vertically center contents
|
||||
justify-content: center; // 3. horizontally center contents
|
||||
width: $carousel-control-width;
|
||||
padding: 0;
|
||||
color: $carousel-control-color;
|
||||
text-align: center;
|
||||
background: none;
|
||||
border: 0;
|
||||
opacity: $carousel-control-opacity;
|
||||
@include transition($carousel-control-transition);
|
||||
|
||||
// Hover/focus state
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $carousel-control-color;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
opacity: $carousel-control-hover-opacity;
|
||||
}
|
||||
}
|
||||
.carousel-control-prev {
|
||||
left: 0;
|
||||
background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
|
||||
}
|
||||
.carousel-control-next {
|
||||
right: 0;
|
||||
background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
|
||||
}
|
||||
|
||||
// Icons for within
|
||||
.carousel-control-prev-icon,
|
||||
.carousel-control-next-icon {
|
||||
display: inline-block;
|
||||
width: $carousel-control-icon-width;
|
||||
height: $carousel-control-icon-width;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50%;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
/* rtl:options: {
|
||||
"autoRename": true,
|
||||
"stringMap":[ {
|
||||
"name" : "prev-next",
|
||||
"search" : "prev",
|
||||
"replace" : "next"
|
||||
} ]
|
||||
} */
|
||||
.carousel-control-prev-icon {
|
||||
background-image: escape-svg($carousel-control-prev-icon-bg);
|
||||
}
|
||||
.carousel-control-next-icon {
|
||||
background-image: escape-svg($carousel-control-next-icon-bg);
|
||||
}
|
||||
|
||||
// Optional indicator pips/controls
|
||||
//
|
||||
// Add a container (such as a list) with the following class and add an item (ideally a focusable control,
|
||||
// like a button) with data-bs-target for each slide your carousel holds.
|
||||
|
||||
.carousel-indicators {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
// Use the .carousel-control's width as margin so we don't overlay those
|
||||
margin-right: $carousel-control-width;
|
||||
margin-bottom: 1rem;
|
||||
margin-left: $carousel-control-width;
|
||||
list-style: none;
|
||||
|
||||
[data-bs-target] {
|
||||
box-sizing: content-box;
|
||||
flex: 0 1 auto;
|
||||
width: $carousel-indicator-width;
|
||||
height: $carousel-indicator-height;
|
||||
padding: 0;
|
||||
margin-right: $carousel-indicator-spacer;
|
||||
margin-left: $carousel-indicator-spacer;
|
||||
text-indent: -999px;
|
||||
cursor: pointer;
|
||||
background-color: $carousel-indicator-active-bg;
|
||||
background-clip: padding-box;
|
||||
border: 0;
|
||||
// Use transparent borders to increase the hit area by 10px on top and bottom.
|
||||
border-top: $carousel-indicator-hit-area-height solid transparent;
|
||||
border-bottom: $carousel-indicator-hit-area-height solid transparent;
|
||||
opacity: $carousel-indicator-opacity;
|
||||
@include transition($carousel-indicator-transition);
|
||||
}
|
||||
|
||||
.active {
|
||||
opacity: $carousel-indicator-active-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Optional captions
|
||||
//
|
||||
//
|
||||
|
||||
.carousel-caption {
|
||||
position: absolute;
|
||||
right: (100% - $carousel-caption-width) / 2;
|
||||
bottom: $carousel-caption-spacer;
|
||||
left: (100% - $carousel-caption-width) / 2;
|
||||
padding-top: $carousel-caption-padding-y;
|
||||
padding-bottom: $carousel-caption-padding-y;
|
||||
color: $carousel-caption-color;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Dark mode carousel
|
||||
|
||||
.carousel-dark {
|
||||
.carousel-control-prev-icon,
|
||||
.carousel-control-next-icon {
|
||||
filter: $carousel-dark-control-icon-filter;
|
||||
}
|
||||
|
||||
.carousel-indicators [data-bs-target] {
|
||||
background-color: $carousel-dark-indicator-active-bg;
|
||||
}
|
||||
|
||||
.carousel-caption {
|
||||
color: $carousel-dark-caption-color;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
// transparent background and border properties included for button version.
|
||||
// iOS requires the button element instead of an anchor tag.
|
||||
// If you want the anchor version, it requires `href="#"`.
|
||||
// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
|
||||
|
||||
.btn-close {
|
||||
box-sizing: content-box;
|
||||
width: $btn-close-width;
|
||||
height: $btn-close-height;
|
||||
padding: $btn-close-padding-y $btn-close-padding-x;
|
||||
color: $btn-close-color;
|
||||
background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
|
||||
border: 0; // for button elements
|
||||
@include border-radius();
|
||||
opacity: $btn-close-opacity;
|
||||
|
||||
// Override <a>'s hover style
|
||||
&:hover {
|
||||
color: $btn-close-color;
|
||||
text-decoration: none;
|
||||
opacity: $btn-close-hover-opacity;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
box-shadow: $btn-close-focus-shadow;
|
||||
opacity: $btn-close-focus-opacity;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
pointer-events: none;
|
||||
user-select: none;
|
||||
opacity: $btn-close-disabled-opacity;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-close-white {
|
||||
filter: $btn-close-white-filter;
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
// Container widths
|
||||
//
|
||||
// Set the container width, and override it for fixed navbars in media queries.
|
||||
|
||||
@if $enable-grid-classes {
|
||||
// Single container class with breakpoint max-widths
|
||||
.container,
|
||||
// 100% wide container at all breakpoints
|
||||
.container-fluid {
|
||||
@include make-container();
|
||||
}
|
||||
|
||||
// Responsive containers that are 100% wide until a breakpoint
|
||||
@each $breakpoint, $container-max-width in $container-max-widths {
|
||||
.container-#{$breakpoint} {
|
||||
@extend .container-fluid;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up($breakpoint, $grid-breakpoints) {
|
||||
%responsive-container-#{$breakpoint} {
|
||||
max-width: $container-max-width;
|
||||
}
|
||||
|
||||
// Extend each breakpoint which is smaller or equal to the current breakpoint
|
||||
$extend-breakpoint: true;
|
||||
|
||||
@each $name, $width in $grid-breakpoints {
|
||||
@if ($extend-breakpoint) {
|
||||
.container#{breakpoint-infix($name, $grid-breakpoints)} {
|
||||
@extend %responsive-container-#{$breakpoint};
|
||||
}
|
||||
|
||||
// Once the current breakpoint is reached, stop extending
|
||||
@if ($breakpoint == $name) {
|
||||
$extend-breakpoint: false;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
이 Diff에서 너무 많은 파일이 변경되어 일부 파일이 표시되지 않았습니다 더 보기
새 이슈에서 참조
사용자 차단