rahul.katari
/
brihaspathi
Наблюдаван 1
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики Activity
Няма описание
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4 Ревизии
1 Клон
Клон: master
Клонове Маркери
${ item.name }
Create branch ${ searchTerm }
от 'master'
${ noResults }
brihaspathi/index-old.html

index-old.html 38KB
Постоянна връзка История Директен файл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.   <meta charset="utf-8" />

  6.   <title>

  7.     Brihaspathi Technologies - Leading IT Solutions & Services Provider

  8.   </title>

  9.   <meta content="width=device-width, initial-scale=1.0" name="viewport" />

  10.   <meta content="" name="keywords" />

  11.   <meta content="" name="description" />

  12. 

  13.   <!-- Google Web Fonts -->

  14.   <link rel="preconnect" href="https://fonts.googleapis.com" />

  15.   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

  16.   <link

  17.     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"

  18.     rel="stylesheet" />

  19. 

  20.   <!-- Icon Font Stylesheet -->

  21.   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />

  22.   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet" />

  23. 

  24.         <link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">

  25. 

  26. 

  27. <!-- Libraries Stylesheet -->

  28.   <link rel="stylesheet" href="lib/animate/animate.min.css" />

  29.   <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />

  30.   <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />

  31. 

  32.   <!-- Customized Bootstrap Stylesheet -->

  33.   <link href="css/bootstrap.min.css" rel="stylesheet" />

  34. 

  35.   <!-- Template Stylesheet -->

  36.   <link href="css/style.css" rel="stylesheet" />

  37. </head>

  38. 

  39. <body>

  40.   <!-- Spinner Start -->

  41.   <div id="spinner"

  42.     class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">

  43.     <div class="spinner-border text-primary" style="width: 3rem; height: 3rem" role="status">

  44.       <span class="sr-only">Loading...</span>

  45.     </div>

  46.   </div>

  47.   <!-- Spinner End -->

  48. 

  49.   <!-- Navbar & Hero Start -->

  50.   <div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">

  51.     <div class="container">

  52.       <nav class="navbar navbar-expand-lg navbar-light">

  53.         <a href="#" class="navbar-brand p-0">

  54.           <img src="img/logo-dark.png" alt="Logo" />

  55.         </a>

  56.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">

  57.           <span class="fa fa-bars"></span>

  58.         </button>

  59.         <div class="collapse navbar-collapse" id="navbarCollapse">

  60.           <div class="navbar-nav mx-0 mx-lg-auto">

  61.             <a href="about.html" class="nav-item nav-link">About Us</a>

  62. 

  63.             <div class="nav-item dropdown">

  64.               <a href="#" class="nav-link" data-bs-toggle="dropdown">

  65.                 <span class="dropdown-toggle">Process Automation</span>

  66.               </a>

  67.               <div class="dropdown-menu">

  68.                 <a href="enterprises.html" class="dropdown-item">Enterprises</a>

  69.                 <a href="governments.html" class="dropdown-item">Governments</a>

  70.                 <a href="small-business.html" class="dropdown-item">Small Business</a>

  71.                 <a href="supply-chain-solutions.html" class="dropdown-item">Supply Chain Solutions</a>

  72.               </div>

  73.             </div>

  74. 

  75.             <div class="nav-item dropdown">

  76.               <a href="#" class="nav-link" data-bs-toggle="dropdown">

  77.                 <span class="dropdown-toggle">Solutions</span>

  78.               </a>

  79.               <div class="dropdown-menu">

  80.                 <a href="dealer-automation.html" class="dropdown-item">Dealer Automation</a>

  81.                 <a href="secondary-sales.html" class="dropdown-item">Secondary Sales</a>

  82.                 <a href="e-governance.html" class="dropdown-item">E-Governance</a>

  83.                 <a href="loyalty-solutions.html" class="dropdown-item">Loyalty Solutions</a>

  84.                 <a href="block-chain.html" class="dropdown-item">Block Chain Enabled</a>

  85.                 <a href="track-and-trace.html" class="dropdown-item">Track and Trace</a>

  86.                 <a href="video-analytics.html" class="dropdown-item">Video Analytics</a>

  87.                 <a href="integrated-video.html" class="dropdown-item">Integrated Video Solutions</a>

  88.                 <a href="video-storage.html" class="dropdown-item">Video Storage Solutions</a>

  89.                 <a href="command-center.html" class="dropdown-item">Central Command Center</a>

  90.                 <a href="event-streaming.html" class="dropdown-item">Event Streaming</a>

  91.               </div>

  92.             </div>

  93. 

  94.             <div class="nav-item dropdown">

  95.               <a href="#" class="nav-link" data-bs-toggle="dropdown">

  96.                 <span class="dropdown-toggle">Products</span>

  97.               </a>

  98.               <div class="dropdown-menu">

  99.                 <a href="cameras.html" class="dropdown-item">Cameras</a>

  100.                 <a href="storage-systems.html" class="dropdown-item">Storage Systems</a>

  101.                 <a href="ai-nvr.html" class="dropdown-item">AI NVR (Coming Soon)</a>

  102.                 <a href="racks.html" class="dropdown-item">Racks</a>

  103.               </div>

  104.             </div>

  105. 

  106.             <a href="investors.html" class="nav-item nav-link">Investors</a>

  107.             <a href="resources.html" class="nav-item nav-link">Resources</a>

  108.             <a href="contact.html" class="nav-item nav-link">Contact Us</a>

  109.           </div>

  110.         </div>

  111.         <div class="d-none d-xl-flex flex-shrink-0 ps-4 d-none">

  112.           <a href="#" class="btn btn-light btn-lg-square rounded-circle position-relative wow tada"

  113.             data-wow-delay=".9s">

  114.             <i class="fa fa-phone-alt fa-2x d-none"></i>

  115.             <div class="position-absolute" style="top: 7px; right: 12px">

  116.               <span><i class="fa fa-comment-dots text-secondary"></i></span>

  117.             </div>

  118.           </a>

  119.           <div class="d-flex flex-column ms-3 d-none">

  120.             <span>Call to Our Experts</span>

  121.             <a href="tel:+01234567890"><span class="text-dark">Free: +0123 456 7890</span></a>

  122.           </div>

  123.         </div>

  124.       </nav>

  125. 

  126.     </div>

  127.   </div>

  128.   <!-- Navbar & Hero End -->

  129. 

  130.   <!-- Modal Search Start -->

  131.   <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">

  132.     <div class="modal-dialog modal-fullscreen">

  133.       <div class="modal-content rounded-0">

  134.         <div class="modal-header">

  135.           <h5 class="modal-title" id="exampleModalLabel">

  136.             Search by keyword

  137.           </h5>

  138.           <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>

  139.         </div>

  140.         <div class="modal-body d-flex align-items-center bg-primary">

  141.           <div class="input-group w-75 mx-auto d-flex">

  142.             <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1" />

  143.             <span id="search-icon-1" class="btn bg-light border nput-group-text p-3"><i class="fa fa-search"></i></span>

  144.           </div>

  145.         </div>

  146.       </div>

  147.     </div>

  148.   </div>

  149.   <!-- Modal Search End -->

  150. 

  151.   <!-- Carousel Start -->

  152.   <div class="header-carousel owl-carousel">

  153.     <div class="header-carousel-item bg-primary">

  154.       <div class="carousel-caption">

  155.         <div class="container">

  156.           <div class="row g-4 align-items-center">

  157.             <div class="col-lg-7 animated fadeInLeft">

  158.               <div class="text-sm-center text-md-start">

  159.                 <h4 class="text-white text-uppercase fw-bold mb-4">

  160.                   Welcome To Brihaspathi Technologies

  161.                 </h4>

  162.                 <h1 class="display-1 text-white mb-4">

  163.                   Leading IT Solutions & Services Provider

  164.                 </h1>

  165.                 <p class="mb-5 fs-5">

  166.                   Empowering businesses with cutting-edge technology solutions tailored to your needs.

  167.                   From software development to IT consulting, we deliver excellence that drives success.

  168.                 </p>

  169.                 <div class="d-flex justify-content-center justify-content-md-start flex-shrink-0 mb-4">

  170.                   <a class="btn btn-light rounded-pill py-3 px-4 px-md-5 me-2" href="#"><i

  171.                       class="fas fa-play-circle me-2"></i> Watch Video</a>

  172.                   <a class="btn btn-dark rounded-pill py-3 px-4 px-md-5 ms-2" href="#">Learn More</a>

  173.                 </div>

  174.               </div>

  175.             </div>

  176.             <div class="col-lg-5 animated fadeInRight">

  177.               <div class="calrousel-img" style="object-fit: cover">

  178.                 <img src="img/about.png" class="img-fluid w-100" alt="" />

  179.               </div>

  180.             </div>

  181.           </div>

  182.         </div>

  183.       </div>

  184.     </div>

  185.     <div class="header-carousel-item bg-primary">

  186.       <div class="carousel-caption">

  187.         <div class="container">

  188.           <div class="row gy-4 gy-lg-0 gx-0 gx-lg-5 align-items-center">

  189.             <div class="col-lg-5 animated fadeInLeft">

  190.               <div class="calrousel-img">

  191.                 <img src="img/carousel-2.png" class="img-fluid w-100" alt="" />

  192.               </div>

  193.             </div>

  194.             <div class="col-lg-7 animated fadeInRight">

  195.               <div class="text-sm-center text-md-end">

  196.                 <h4 class="text-white text-uppercase fw-bold mb-4">

  197.                   Welcome To LifeSure

  198.                 </h4>

  199.                 <h1 class="display-1 text-white mb-4">

  200.                   Life Insurance Makes You Happy

  201.                 </h1>

  202.                 <p class="mb-5 fs-5">

  203.                   Lorem Ipsum is simply dummy text of the printing and

  204.                   typesetting industry. Lorem Ipsum has been the industry's

  205.                   standard dummy...

  206.                 </p>

  207.                 <div class="d-flex justify-content-center justify-content-md-end flex-shrink-0 mb-4">

  208.                   <a class="btn btn-light rounded-pill py-3 px-4 px-md-5 me-2" href="#"><i

  209.                       class="fas fa-play-circle me-2"></i> Watch Video</a>

  210.                   <a class="btn btn-dark rounded-pill py-3 px-4 px-md-5 ms-2" href="#">Learn More</a>

  211.                 </div>

  212.               </div>

  213.             </div>

  214.           </div>

  215.         </div>

  216.       </div>

  217.     </div>

  218.   </div>

  219.   <!-- Carousel End -->

  220. 

  221.   <!-- About Start -->

  222.   <div class="container-fluid bg-light about pb-5 py-5">

  223.     <div class="container pb-5">

  224.       <div class="row g-5">

  225.         <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px">

  226.           <h4 class="text-primary">We are Brihaspathi</h4>

  227.           <h1 class="display-6 mb-4">

  228.             A trusted leader in IT products and solutions

  229.             since 2006

  230.           </h1>

  231.           <p class="mb-0">

  232.             We understand that today’s businesses need more than just

  233.             technology – they need solutions that are reliable, scalable, and

  234.             future-proof. Here’s why organizations across India choose us as

  235.             their technology partner:

  236.           </p>

  237.         </div>

  238.         <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">

  239.           <div class="about-item-content bg-white rounded p-5 h-100">

  240.             <h1 class="display-6 mb-4">About Our Company</h1>

  241.             <h4 class="text-primary">

  242.               solutions driven company specialized in creating custom

  243.               e-security solutions tailored to meet your unique needs.

  244.             </h4>

  245.             <p class="max-w570 dsn-up mb-10" style="opacity: 1; transform: translate(0px, 0px)">

  246.               Brihaspathi has been a trusted leader in IT products and

  247.               solutions since 2006, headquartered in Hyderabad.

  248.             </p>

  249.             <p class="max-w570 dsn-up mb-30" style="opacity: 1; transform: translate(0px, 0px)">

  250.               Driven by visionary leadership and an exceptional team,

  251.               Brihaspathi rapidly emerged as a powerhouse in Software

  252.               Development, Mobile Applications, E-Communications, E-Security

  253.               Systems, and Global Positioning Systems (GPS). Today, we are

  254.               recognized for delivering innovative, high-impact solutions that

  255.               empower businesses worldwide.

  256.             </p>

  257. 

  258.             <p class="text-dark">

  259.               <i class="fa fa-check text-primary me-3"></i>Expertise in

  260.               Technologies

  261.             </p>

  262.             <p class="text-dark">

  263.               <i class="fa fa-check text-primary me-3"></i>Nationwide Reach

  264.               with a Local Touch

  265.             </p>

  266.             <p class="text-dark">

  267.               <i class="fa fa-check text-primary me-3"></i>Customer-Centric

  268.               Approach

  269.             </p>

  270.             <p class="text-dark mb-4">

  271.               <i class="fa fa-check text-primary me-3"></i>Proven Track Record

  272.               of Succes

  273.             </p>

  274. 

  275.             <a class="btn btn-primary rounded-pill py-3 px-5" href="#">More Information</a>

  276.           </div>

  277.         </div>

  278.         <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.2s">

  279.           <div class="bg-white rounded p-5 h-100">

  280.             <div class="row g-4 justify-content-center">

  281.               <div class="col-12">

  282.                 <div class="rounded bg-light">

  283.                   <img src="img/about-3.png" class="img-fluid rounded w-100" alt="" />

  284.                 </div>

  285.               </div>

  286.               <div class="col-sm-6">

  287.                 <div class="counter-item bg-light rounded p-3 h-100">

  288.                   <div class="counter-counting">

  289.                     <span class="text-primary fs-2 fw-bold" data-toggle="counter-up">500</span>

  290.                     <span class="h1 fw-bold text-primary">+</span>

  291.                   </div>

  292.                   <h4 class="mb-0 text-dark">Bunesss Partners</h4>

  293.                 </div>

  294.               </div>

  295.               <div class="col-sm-6">

  296.                 <div class="counter-item bg-light rounded p-3 h-100">

  297.                   <div class="counter-counting">

  298.                     <span class="text-primary fs-2 fw-bold" data-toggle="counter-up">99</span>

  299.                     <span class="h1 fw-bold text-primary">+</span>

  300.                   </div>

  301.                   <h4 class="mb-0 text-dark">Awards WON</h4>

  302.                 </div>

  303.               </div>

  304.               <div class="col-sm-6">

  305.                 <div class="counter-item bg-light rounded p-3 h-100">

  306.                   <div class="counter-counting">

  307.                     <span class="text-primary fs-2 fw-bold" data-toggle="counter-up">75000</span>

  308.                     <span class="h1 fw-bold text-primary">+</span>

  309.                   </div>

  310.                   <h4 class="mb-0 text-dark">Customers</h4>

  311.                 </div>

  312.               </div>

  313.               <div class="col-sm-6">

  314.                 <div class="counter-item bg-light rounded p-3 h-100">

  315.                   <div class="counter-counting">

  316.                     <span class="text-primary fs-2 fw-bold" data-toggle="counter-up">18</span>

  317.                     <span class="h1 fw-bold text-primary">+</span>

  318.                   </div>

  319.                   <h4 class="mb-0 text-dark">Year of Experience</h4>

  320.                 </div>

  321.               </div>

  322.             </div>

  323.           </div>

  324.         </div>

  325.       </div>

  326.     </div>

  327.   </div>

  328.   <!-- About End -->

  329.   <!-- Feature Start -->

  330.   <div class="container-fluid feature bg-light py-5">

  331.     <div class="container py-5">

  332.       <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px">

  333.         <h4 class="text-primary">Our Features</h4>

  334.         <h1 class="display-4 mb-4">Innovative Solutions for a Better Future</h1>

  335.         <p class="mb-0">

  336.           Explore our range of advanced technologies and solutions designed to transform industries, enhance

  337.           productivity, and drive sustainable growth.

  338.         </p>

  339.       </div>

  340.       <div class="row g-4">

  341.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s">

  342.           <div class="feature-item p-4 pt-0">

  343.             <div class="feature-icon p-4 mb-4">

  344.               <i class="fas fa-video fa-3x"></i>

  345.             </div>

  346.             <h4 class="mb-4">Video Analytics</h4>

  347.             <p class="mb-4">

  348.               Leverage advanced video analytics to enhance security and insights. Real-time monitoring, pattern

  349.               detection, and actionable intelligence for smarter decision-making.

  350.             </p>

  351.             <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>

  352.           </div>

  353.         </div>

  354.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s">

  355.           <div class="feature-item p-4 pt-0">

  356.             <div class="feature-icon p-4 mb-4">

  357.               <i class="fas fa-network-wired fa-3x"></i>

  358.             </div>

  359.             <h4 class="mb-4">IoT Technologies</h4>

  360.             <p class="mb-4">

  361.               Seamlessly connect devices and systems with cutting-edge IoT technologies, creating intelligent

  362.               environments for automation and real-time data management.

  363.             </p>

  364.             <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>

  365.           </div>

  366.         </div>

  367.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s">

  368.           <div class="feature-item p-4 pt-0">

  369.             <div class="feature-icon p-4 mb-4">

  370.               <i class="fas fa-broadcast-tower fa-3x"></i>

  371.             </div>

  372.             <h4 class="mb-4">RF Technology</h4>

  373.             <p class="mb-4">

  374.               Enhance communication systems with robust RF technology, ensuring reliable data transmission and superior

  375.               performance in all environments.

  376.             </p>

  377.             <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>

  378.           </div>

  379.         </div>

  380.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s">

  381.           <div class="feature-item p-4 pt-0">

  382.             <div class="feature-icon p-4 mb-4">

  383.               <i class="fas fa-solar-panel fa-3x"></i>

  384.             </div>

  385.             <h4 class="mb-4">Renewable Energy Solutions</h4>

  386.             <p class="mb-4">

  387.               Harness the power of the sun with rooftop solar panels and solar pumps, promoting energy efficiency and

  388.               sustainability for a greener tomorrow.

  389.             </p>

  390.             <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>

  391.           </div>

  392.         </div>

  393.       </div>

  394.       <div class="row g-4 mt-2">

  395.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s">

  396.           <div class="feature-item p-4 pt-0">

  397.             <div class="feature-icon p-4 mb-4">

  398.               <i class="fas fa-comment fa-3x"></i>

  399.             </div>

  400.             <h4 class="mb-4">E-Mobility Services</h4>

  401.             <p class="mb-4">

  402.               Drive the future of transportation with e-mobility solutions, fostering innovation in electric vehicles

  403.               and charging infrastructure.

  404.             </p>

  405.             <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>

  406.           </div>

  407.         </div>

  408.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s">

  409.           <div class="feature-item p-4 pt-0">

  410.             <div class="feature-icon p-4 mb-4">

  411.               <i class="fas fa-home fa-3x"></i>

  412.             </div>

  413.             <h4 class="mb-4">Home Automation</h4>

  414.             <p class="mb-4">

  415.               Transform your living space into a smart home with advanced automation solutions, offering convenience,

  416.               efficiency, and security at your fingertips.

  417.             </p>

  418.             <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>

  419.           </div>

  420.         </div>

  421.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s">

  422.           <div class="feature-item p-4 pt-0">

  423.             <div class="feature-icon p-4 mb-4">

  424.               <i class="fas fa-satellite-dish fa-3x"></i>

  425.             </div>

  426.             <h4 class="mb-4">IT & Telecommunication</h4>

  427.             <p class="mb-4">

  428.               Stay connected with cutting-edge IT and telecommunication solutions, offering ultra-fast networks and

  429.               seamless data transmission for businesses and communities.

  430.             </p>

  431.             <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>

  432.           </div>

  433.         </div>

  434.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s">

  435.           <div class="feature-item p-4 pt-0">

  436.             <div class="feature-icon p-4 mb-4">

  437.               <i class="fas fa-city fa-3x"></i>

  438.             </div>

  439.             <h4 class="mb-4">Smart Cities</h4>

  440.             <p class="mb-4">

  441.               Build smarter urban environments with integrated IoT, AI, and sustainable infrastructure, creating

  442.               intelligent and connected ecosystems for future cities.

  443.             </p>

  444.             <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>

  445.           </div>

  446.         </div>

  447.       </div>

  448.     </div>

  449.   </div>

  450. 

  451.   <!-- Feature End -->

  452. 

  453.   <!-- Software develppment Start -->

  454.   <div class="container-fluid faq-section bg-light py-5">

  455.     <div class="container py-5">

  456.       <div class="row g-5 align-items-center">

  457.         <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">

  458.           <div class="h-100">

  459.             <div class="mb-5">

  460.               <h4 class="text-primary">Software Development</h4>

  461.               <h1 class="display-4 mb-0">Small and Medium Businesses</h1>

  462.             </div>

  463.             <div>

  464.               <h4>One application that provides complete business process</h4>

  465.               <p>

  466.                 Flo series offers specially designed plans for Small & Medium

  467.                 Businesses. You can choose from our handpicked workflows as

  468.                 per your need offering you the most affordable pricing plans

  469.                 at the cost of a cloud infrastructure.

  470.               </p>

  471.               <p class="text-dark">

  472.                 <i class="fa fa-check text-primary me-3"></i>Expertise in

  473.                 Technologies

  474.               </p>

  475.               <p class="text-dark">

  476.                 <i class="fa fa-check text-primary me-3"></i>Nationwide Reach

  477.                 with a Local Touch

  478.               </p>

  479.               <p class="text-dark">

  480.                 <i class="fa fa-check text-primary me-3"></i>Customer-Centric

  481.                 Approach

  482.               </p>

  483.               <p class="text-dark mb-4">

  484.                 <i class="fa fa-check text-primary me-3"></i>Proven Track

  485.                 Record of Succes

  486.               </p>

  487. 

  488.               <a class="btn btn-primary rounded-pill py-3 px-5" href="#">More Information</a>

  489.             </div>

  490.           </div>

  491.         </div>

  492.         <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">

  493.           <img src="img/software-development.png" class="img-fluid w-100" alt="" />

  494.         </div>

  495.       </div>

  496.     </div>

  497.   </div>

  498.   <!-- Software develppment End -->

  499. 

  500.   <!-- Video analytics Start -->

  501.   <div class="container-fluid faq-section bg-light py-5">

  502. 

  503.     <div class="container py-5">

  504. 

  505.       <div class="row g-5 align-items-center">

  506.         <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">

  507.           <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />

  508.         </div>

  509.         <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">

  510.           <div class="h-100">

  511.             <div class="mb-5">

  512.               <h4 class="text-primary">Extensive Experience in

  513.               </h4>

  514.               <h1 class="display-4 mb-0">Live Streaming with Analytics</h1>

  515.             </div>

  516.             <div>

  517. 

  518.               <p>

  519.                 Live streaming with analytics combines the power of real-time video broadcasting with advanced analytics

  520.                 like

  521. 

  522.                 Motion Detection, Facial Recognition, Object Detection, Crowd Analysis, Cross Line Detection, Counting

  523.                 and Tracking, Abnormal Behavior Detection and Analytics Dashboard and Reporting

  524.               </p>

  525.               <p class="text-dark">

  526.                 <i class="fa fa-check text-primary me-3"></i>Expertise in

  527.                 Technologies

  528.               </p>

  529.               <p class="text-dark">

  530.                 <i class="fa fa-check text-primary me-3"></i>Nationwide Reach

  531.                 with a Local Touch

  532.               </p>

  533.               <p class="text-dark">

  534.                 <i class="fa fa-check text-primary me-3"></i>Customer-Centric

  535.                 Approach

  536.               </p>

  537.               <p class="text-dark mb-4">

  538.                 <i class="fa fa-check text-primary me-3"></i>Proven Track

  539.                 Record of Succes

  540.               </p>

  541. 

  542.               <a class="btn btn-primary rounded-pill py-3 px-5" href="#">More Information</a>

  543.             </div>

  544.           </div>

  545.         </div>

  546. 

  547.       </div>

  548.     </div>

  549.   </div>

  550.   <!-- Video analytics End -->

  551. 

  552.   <!-- Team Start -->

  553.   <div class="container-fluid team pb-5 py-5">

  554.     <div class="container pb-5">

  555.       <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px">

  556.         <h4 class="text-primary">Our Team</h4>

  557.         <h1 class="display-4 mb-4">Meet Our Expert Team Members</h1>

  558.         <p class="mb-0">

  559.           Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur

  560.           adipisci facilis cupiditate recusandae aperiam temporibus corporis

  561.           itaque quis facere, numquam, ad culpa deserunt sint dolorem autem

  562.           obcaecati, ipsam mollitia hic.

  563.         </p>

  564.       </div>

  565.       <div class="row g-4">

  566.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s">

  567.           <div class="team-item">

  568.             <div class="team-img">

  569.               <img src="img/team-1.jpg" class="img-fluid rounded-top w-100" alt="" />

  570.               <div class="team-icon">

  571.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i class="fab fa-facebook-f"></i></a>

  572.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i class="fab fa-twitter"></i></a>

  573.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i

  574.                     class="fab fa-linkedin-in"></i></a>

  575.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-0" href=""><i class="fab fa-instagram"></i></a>

  576.               </div>

  577.             </div>

  578.             <div class="team-title p-4">

  579.               <h4 class="mb-0">David James</h4>

  580.               <p class="mb-0">Profession</p>

  581.             </div>

  582.           </div>

  583.         </div>

  584.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s">

  585.           <div class="team-item">

  586.             <div class="team-img">

  587.               <img src="img/team-2.jpg" class="img-fluid rounded-top w-100" alt="" />

  588.               <div class="team-icon">

  589.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i class="fab fa-facebook-f"></i></a>

  590.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i class="fab fa-twitter"></i></a>

  591.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i

  592.                     class="fab fa-linkedin-in"></i></a>

  593.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-0" href=""><i class="fab fa-instagram"></i></a>

  594.               </div>

  595.             </div>

  596.             <div class="team-title p-4">

  597.               <h4 class="mb-0">David James</h4>

  598.               <p class="mb-0">Profession</p>

  599.             </div>

  600.           </div>

  601.         </div>

  602.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s">

  603.           <div class="team-item">

  604.             <div class="team-img">

  605.               <img src="img/team-3.jpg" class="img-fluid rounded-top w-100" alt="" />

  606.               <div class="team-icon">

  607.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i class="fab fa-facebook-f"></i></a>

  608.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i class="fab fa-twitter"></i></a>

  609.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i

  610.                     class="fab fa-linkedin-in"></i></a>

  611.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-0" href=""><i class="fab fa-instagram"></i></a>

  612.               </div>

  613.             </div>

  614.             <div class="team-title p-4">

  615.               <h4 class="mb-0">David James</h4>

  616.               <p class="mb-0">Profession</p>

  617.             </div>

  618.           </div>

  619.         </div>

  620.         <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s">

  621.           <div class="team-item">

  622.             <div class="team-img">

  623.               <img src="img/team-4.jpg" class="img-fluid rounded-top w-100" alt="" />

  624.               <div class="team-icon">

  625.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i class="fab fa-facebook-f"></i></a>

  626.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i class="fab fa-twitter"></i></a>

  627.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i

  628.                     class="fab fa-linkedin-in"></i></a>

  629.                 <a class="btn btn-primary btn-sm-square rounded-pill mb-0" href=""><i class="fab fa-instagram"></i></a>

  630.               </div>

  631.             </div>

  632.             <div class="team-title p-4">

  633.               <h4 class="mb-0">David James</h4>

  634.               <p class="mb-0">Profession</p>

  635.             </div>

  636.           </div>

  637.         </div>

  638.       </div>

  639.     </div>

  640.   </div>

  641.   <!-- Team End -->

  642. 

  643.   <!-- Testimonial Start -->

  644.   <div class="container-fluid testimonial pb-5">

  645.     <div class="container pb-5">

  646.       <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px">

  647.         <h4 class="text-primary">Testimonial</h4>

  648.         <h1 class="display-4 mb-4">What Our Customers Are Saying</h1>

  649.         <p class="mb-0">

  650.           Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur

  651.           adipisci facilis cupiditate recusandae aperiam temporibus corporis

  652.           itaque quis facere, numquam, ad culpa deserunt sint dolorem autem

  653.           obcaecati, ipsam mollitia hic.

  654.         </p>

  655.       </div>

  656.       <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.2s">

  657.         <div class="testimonial-item bg-light rounded">

  658.           <div class="row g-0">

  659.             <div class="col-4 col-lg-4 col-xl-3">

  660.               <div class="h-100">

  661.                 <img src="img/testimonial-1.jpg" class="img-fluid h-100 rounded" style="object-fit: cover" alt="" />

  662.               </div>

  663.             </div>

  664.             <div class="col-8 col-lg-8 col-xl-9">

  665.               <div class="d-flex flex-column my-auto text-start p-4">

  666.                 <h4 class="text-dark mb-0">Client Name</h4>

  667.                 <p class="mb-3">Profession</p>

  668.                 <div class="d-flex text-primary mb-3">

  669.                   <i class="fas fa-star"></i>

  670.                   <i class="fas fa-star"></i>

  671.                   <i class="fas fa-star"></i>

  672.                   <i class="fas fa-star"></i>

  673.                   <i class="fas fa-star"></i>

  674.                 </div>

  675.                 <p class="mb-0">

  676.                   Lorem, ipsum dolor sit amet consectetur adipisicing elit.

  677.                   Enim error molestiae aut modi corrupti fugit eaque rem nulla

  678.                   incidunt temporibus quisquam,

  679.                 </p>

  680.               </div>

  681.             </div>

  682.           </div>

  683.         </div>

  684.         <div class="testimonial-item bg-light rounded">

  685.           <div class="row g-0">

  686.             <div class="col-4 col-lg-4 col-xl-3">

  687.               <div class="h-100">

  688.                 <img src="img/testimonial-2.jpg" class="img-fluid h-100 rounded" style="object-fit: cover" alt="" />

  689.               </div>

  690.             </div>

  691.             <div class="col-8 col-lg-8 col-xl-9">

  692.               <div class="d-flex flex-column my-auto text-start p-4">

  693.                 <h4 class="text-dark mb-0">Client Name</h4>

  694.                 <p class="mb-3">Profession</p>

  695.                 <div class="d-flex text-primary mb-3">

  696.                   <i class="fas fa-star"></i>

  697.                   <i class="fas fa-star"></i>

  698.                   <i class="fas fa-star"></i>

  699.                   <i class="fas fa-star"></i>

  700.                   <i class="fas fa-star text-body"></i>

  701.                 </div>

  702.                 <p class="mb-0">

  703.                   Lorem, ipsum dolor sit amet consectetur adipisicing elit.

  704.                   Enim error molestiae aut modi corrupti fugit eaque rem nulla

  705.                   incidunt temporibus quisquam,

  706.                 </p>

  707.               </div>

  708.             </div>

  709.           </div>

  710.         </div>

  711.         <div class="testimonial-item bg-light rounded">

  712.           <div class="row g-0">

  713.             <div class="col-4 col-lg-4 col-xl-3">

  714.               <div class="h-100">

  715.                 <img src="img/testimonial-3.jpg" class="img-fluid h-100 rounded" style="object-fit: cover" alt="" />

  716.               </div>

  717.             </div>

  718.             <div class="col-8 col-lg-8 col-xl-9">

  719.               <div class="d-flex flex-column my-auto text-start p-4">

  720.                 <h4 class="text-dark mb-0">Client Name</h4>

  721.                 <p class="mb-3">Profession</p>

  722.                 <div class="d-flex text-primary mb-3">

  723.                   <i class="fas fa-star"></i>

  724.                   <i class="fas fa-star"></i>

  725.                   <i class="fas fa-star"></i>

  726.                   <i class="fas fa-star text-body"></i>

  727.                   <i class="fas fa-star text-body"></i>

  728.                 </div>

  729.                 <p class="mb-0">

  730.                   Lorem, ipsum dolor sit amet consectetur adipisicing elit.

  731.                   Enim error molestiae aut modi corrupti fugit eaque rem nulla

  732.                   incidunt temporibus quisquam,

  733.                 </p>

  734.               </div>

  735.             </div>

  736.           </div>

  737.         </div>

  738.       </div>

  739.     </div>

  740.   </div>

  741.   <!-- Testimonial End -->

  742. 

  743.   <!-- Footer Start -->

  744. <footer>

  745.     <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">

  746.       <div class="container py-5">

  747.         <div class="row g-5">

  748.           <div class="col-xl-9">

  749.             <div class="mb-5">

  750.               <div class="row g-4">

  751.                 <div class="col-md-6 col-lg-6 col-xl-5">

  752.                   <div class="footer-item">

  753.                     <a href="index.html" class="p-0">

  754.                       <h3 class="text-white">

  755.                         About

  756.                       </h3>

  757.                       <!-- <img src="img/logo.png" alt="Logo"> -->

  758.                     </a>

  759.                     <p class="text-white mb-4">

  760.                       Dolor amet sit justo amet elitr clita ipsum elitr

  761.                       est.Lorem ipsum dolor sit amet, consectetur adipiscing...

  762.                     </p>

  763.                     <div class="footer-btn d-flex">

  764.                       <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-facebook-f"></i></a>

  765.                       <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-twitter"></i></a>

  766.                       <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-instagram"></i></a>

  767.                       <a class="btn btn-md-square rounded-circle me-0" href="#"><i class="fab fa-linkedin-in"></i></a>

  768.                     </div>

  769.                   </div>

  770.                 </div>

  771.                 <div class="col-md-6 col-lg-6 col-xl-3">

  772.                   <div class="footer-item">

  773.                     <h4 class="text-white mb-4">Useful Links</h4>

  774.                     <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>

  775.                     <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>

  776.                     <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>

  777.                     <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>

  778.                     <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>

  779.                     <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>

  780.                   </div>

  781.                 </div>

  782.                 <div class="col-md-6 col-lg-6 col-xl-4">

  783.                   <div class="footer-item">

  784.                     <h4 class="text-white mb-4">Useful Links</h4>

  785.                     <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>

  786.                     <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>

  787.                     <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>

  788.                     <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>

  789.                     <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>

  790.                     <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>

  791.                   </div>

  792.                 </div>

  793.               </div>

  794.             </div>

  795.           </div>

  796. 

  797.           <div class="col-xl-3">

  798.             <div class="footer-item">

  799.               <h4 class="text-white mb-4">Address</h4>

  800.               <p class="text-white mb-3">

  801.                 Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem

  802.                 ipsum dolor sit amet, consectetur adipiscing elit.

  803.               </p>

  804. 

  805.               <div class="d-flex flex-shrink-0">

  806.                 <div class="footer-btn">

  807.                   <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">

  808.                     <i class="fa fa-phone-alt fa-2x"></i>

  809.                     <div class="position-absolute" style="top: 2px; right: 12px">

  810.                       <span><i class="fa fa-comment-dots text-secondary"></i></span>

  811.                     </div>

  812.                   </a>

  813.                 </div>

  814.                 <div class="d-flex flex-column ms-3 flex-shrink-0">

  815.                   <span>Call to Our Experts</span>

  816.                   <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456 7890</span></a>

  817.                 </div>

  818.               </div>

  819.             </div>

  820.           </div>

  821.         </div>

  822.       </div>

  823.     </div>

  824.     <!-- Footer End -->

  825. 

  826.     <!-- Copyright Start -->

  827.     <div class="container-fluid copyright py-4">

  828.       <div class="container">

  829.         <div class="row g-4 align-items-center">

  830.           <div class="col-md-6 text-center text-md-end mb-md-0">

  831.             <span class="text-body"><a href="#" class="text-white text-center"><i

  832.                   class="fas fa-copyright text-light me-2"></i>2024 Brihaspathi Limited</a>, All right reserved.</span>

  833.           </div>

  834. 

  835.         </div>

  836.       </div>

  837.     </div>

  838.     <!-- Copyright End -->

  839. </footer>

  840. 

  841.   <!-- Back to Top -->

  842.   <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>

  843. 

  844.   <!-- JavaScript Libraries -->

  845.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>

  846.   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>

  847.   <script src="lib/wow/wow.min.js"></script>

  848.   <script src="lib/easing/easing.min.js"></script>

  849.   <script src="lib/waypoints/waypoints.min.js"></script>

  850.   <script src="lib/counterup/counterup.min.js"></script>

  851.   <script src="lib/lightbox/js/lightbox.min.js"></script>

  852.   <script src="lib/owlcarousel/owl.carousel.min.js"></script>

  853. 

  854.   <!-- Template Javascript -->

  855.   <script src="js/main.js"></script>

  856. </body>

  857. 

  858. </html>