rahul.katari
/
brihaspathi
Beobachten 1
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Keine Beschreibung
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
1 Commit
1 Branch
Struktur: 4031b94398
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „4031b94398“
${ noResults }
brihaspathi/index-old.html

index-old.html 38KB
Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855 
  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.   <!-- Libraries Stylesheet -->

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

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

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

  28. 

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

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

  31. 

  32.   <!-- Template Stylesheet -->

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

  34. </head>

  35. 

  36. <body>

  37.   <!-- Spinner Start -->

  38.   <div id="spinner"

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

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

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

  42.     </div>

  43.   </div>

  44.   <!-- Spinner End -->

  45. 

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

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

  48.     <div class="container">

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

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

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

  52.         </a>

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

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

  55.         </button>

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

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

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

  59. 

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

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

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

  63.               </a>

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

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

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

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

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

  69.               </div>

  70.             </div>

  71. 

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

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

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

  75.               </a>

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

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

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

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

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

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

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

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

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

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

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

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

  88.               </div>

  89.             </div>

  90. 

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

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

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

  94.               </a>

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

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

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

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

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

  100.               </div>

  101.             </div>

  102. 

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

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

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

  106.           </div>

  107.         </div>

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

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

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

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

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

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

  114.             </div>

  115.           </a>

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

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

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

  119.           </div>

  120.         </div>

  121.       </nav>

  122. 

  123.     </div>

  124.   </div>

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

  126. 

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

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

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

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

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

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

  133.             Search by keyword

  134.           </h5>

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

  136.         </div>

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

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

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

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

  141.           </div>

  142.         </div>

  143.       </div>

  144.     </div>

  145.   </div>

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

  147. 

  148.   <!-- Carousel Start -->

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

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

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

  152.         <div class="container">

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

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

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

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

  157.                   Welcome To Brihaspathi Technologies

  158.                 </h4>

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

  160.                   Leading IT Solutions & Services Provider

  161.                 </h1>

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

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

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

  165.                 </p>

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

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

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

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

  170.                 </div>

  171.               </div>

  172.             </div>

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

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

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

  176.               </div>

  177.             </div>

  178.           </div>

  179.         </div>

  180.       </div>

  181.     </div>

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

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

  184.         <div class="container">

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

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

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

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

  189.               </div>

  190.             </div>

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

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

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

  194.                   Welcome To LifeSure

  195.                 </h4>

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

  197.                   Life Insurance Makes You Happy

  198.                 </h1>

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

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

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

  202.                   standard dummy...

  203.                 </p>

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

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

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

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

  208.                 </div>

  209.               </div>

  210.             </div>

  211.           </div>

  212.         </div>

  213.       </div>

  214.     </div>

  215.   </div>

  216.   <!-- Carousel End -->

  217. 

  218.   <!-- About Start -->

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

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

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

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

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

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

  225.             A trusted leader in IT products and solutions

  226.             since 2006

  227.           </h1>

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

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

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

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

  232.             their technology partner:

  233.           </p>

  234.         </div>

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

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

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

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

  239.               solutions driven company specialized in creating custom

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

  241.             </h4>

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

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

  244.               solutions since 2006, headquartered in Hyderabad.

  245.             </p>

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

  247.               Driven by visionary leadership and an exceptional team,

  248.               Brihaspathi rapidly emerged as a powerhouse in Software

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

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

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

  252.               empower businesses worldwide.

  253.             </p>

  254. 

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

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

  257.               Technologies

  258.             </p>

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

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

  261.               with a Local Touch

  262.             </p>

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

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

  265.               Approach

  266.             </p>

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

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

  269.               of Succes

  270.             </p>

  271. 

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

  273.           </div>

  274.         </div>

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

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

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

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

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

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

  281.                 </div>

  282.               </div>

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

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

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

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

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

  288.                   </div>

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

  290.                 </div>

  291.               </div>

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

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

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

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

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

  297.                   </div>

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

  299.                 </div>

  300.               </div>

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

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

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

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

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

  306.                   </div>

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

  308.                 </div>

  309.               </div>

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

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

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

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

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

  315.                   </div>

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

  317.                 </div>

  318.               </div>

  319.             </div>

  320.           </div>

  321.         </div>

  322.       </div>

  323.     </div>

  324.   </div>

  325.   <!-- About End -->

  326.   <!-- Feature Start -->

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

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

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

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

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

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

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

  334.           productivity, and drive sustainable growth.

  335.         </p>

  336.       </div>

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

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

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

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

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

  342.             </div>

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

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

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

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

  347.             </p>

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

  349.           </div>

  350.         </div>

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

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

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

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

  355.             </div>

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

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

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

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

  360.             </p>

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

  362.           </div>

  363.         </div>

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

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

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

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

  368.             </div>

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

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

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

  372.               performance in all environments.

  373.             </p>

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

  375.           </div>

  376.         </div>

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

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

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

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

  381.             </div>

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

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

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

  385.               sustainability for a greener tomorrow.

  386.             </p>

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

  388.           </div>

  389.         </div>

  390.       </div>

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

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

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

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

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

  396.             </div>

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

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

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

  400.               and charging infrastructure.

  401.             </p>

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

  403.           </div>

  404.         </div>

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

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

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

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

  409.             </div>

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

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

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

  413.               efficiency, and security at your fingertips.

  414.             </p>

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

  416.           </div>

  417.         </div>

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

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

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

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

  422.             </div>

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

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

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

  426.               seamless data transmission for businesses and communities.

  427.             </p>

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

  429.           </div>

  430.         </div>

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

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

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

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

  435.             </div>

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

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

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

  439.               intelligent and connected ecosystems for future cities.

  440.             </p>

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

  442.           </div>

  443.         </div>

  444.       </div>

  445.     </div>

  446.   </div>

  447. 

  448.   <!-- Feature End -->

  449. 

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

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

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

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

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

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

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

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

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

  459.             </div>

  460.             <div>

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

  462.               <p>

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

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

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

  466.                 at the cost of a cloud infrastructure.

  467.               </p>

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

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

  470.                 Technologies

  471.               </p>

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

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

  474.                 with a Local Touch

  475.               </p>

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

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

  478.                 Approach

  479.               </p>

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

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

  482.                 Record of Succes

  483.               </p>

  484. 

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

  486.             </div>

  487.           </div>

  488.         </div>

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

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

  491.         </div>

  492.       </div>

  493.     </div>

  494.   </div>

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

  496. 

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

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

  499. 

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

  501. 

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

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

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

  505.         </div>

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

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

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

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

  510.               </h4>

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

  512.             </div>

  513.             <div>

  514. 

  515.               <p>

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

  517.                 like

  518. 

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

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

  521.               </p>

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

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

  524.                 Technologies

  525.               </p>

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

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

  528.                 with a Local Touch

  529.               </p>

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

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

  532.                 Approach

  533.               </p>

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

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

  536.                 Record of Succes

  537.               </p>

  538. 

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

  540.             </div>

  541.           </div>

  542.         </div>

  543. 

  544.       </div>

  545.     </div>

  546.   </div>

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

  548. 

  549.   <!-- Team Start -->

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

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

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

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

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

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

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

  557.           adipisci facilis cupiditate recusandae aperiam temporibus corporis

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

  559.           obcaecati, ipsam mollitia hic.

  560.         </p>

  561.       </div>

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

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

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

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

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

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

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

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

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

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

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

  573.               </div>

  574.             </div>

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

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

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

  578.             </div>

  579.           </div>

  580.         </div>

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

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

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

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

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

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

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

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

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

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

  591.               </div>

  592.             </div>

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

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

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

  596.             </div>

  597.           </div>

  598.         </div>

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

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

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

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

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

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

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

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

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

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

  609.               </div>

  610.             </div>

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

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

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

  614.             </div>

  615.           </div>

  616.         </div>

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

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

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

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

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

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

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

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

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

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

  627.               </div>

  628.             </div>

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

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

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

  632.             </div>

  633.           </div>

  634.         </div>

  635.       </div>

  636.     </div>

  637.   </div>

  638.   <!-- Team End -->

  639. 

  640.   <!-- Testimonial Start -->

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

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

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

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

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

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

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

  648.           adipisci facilis cupiditate recusandae aperiam temporibus corporis

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

  650.           obcaecati, ipsam mollitia hic.

  651.         </p>

  652.       </div>

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

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

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

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

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

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

  659.               </div>

  660.             </div>

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

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

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

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

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

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

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

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

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

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

  671.                 </div>

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

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

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

  675.                   incidunt temporibus quisquam,

  676.                 </p>

  677.               </div>

  678.             </div>

  679.           </div>

  680.         </div>

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

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

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

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

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

  686.               </div>

  687.             </div>

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

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

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

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

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

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

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

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

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

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

  698.                 </div>

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

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

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

  702.                   incidunt temporibus quisquam,

  703.                 </p>

  704.               </div>

  705.             </div>

  706.           </div>

  707.         </div>

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

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

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

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

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

  713.               </div>

  714.             </div>

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

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

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

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

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

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

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

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

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

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

  725.                 </div>

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

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

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

  729.                   incidunt temporibus quisquam,

  730.                 </p>

  731.               </div>

  732.             </div>

  733.           </div>

  734.         </div>

  735.       </div>

  736.     </div>

  737.   </div>

  738.   <!-- Testimonial End -->

  739. 

  740.   <!-- Footer Start -->

  741. <footer>

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

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

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

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

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

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

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

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

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

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

  752.                         About

  753.                       </h3>

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

  755.                     </a>

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

  757.                       Dolor amet sit justo amet elitr clita ipsum elitr

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

  759.                     </p>

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

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

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

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

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

  765.                     </div>

  766.                   </div>

  767.                 </div>

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

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

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

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

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

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

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

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

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

  777.                   </div>

  778.                 </div>

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

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

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

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

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

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

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

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

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

  788.                   </div>

  789.                 </div>

  790.               </div>

  791.             </div>

  792.           </div>

  793. 

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

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

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

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

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

  799.                 ipsum dolor sit amet, consectetur adipiscing elit.

  800.               </p>

  801. 

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

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

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

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

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

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

  808.                     </div>

  809.                   </a>

  810.                 </div>

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

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

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

  814.                 </div>

  815.               </div>

  816.             </div>

  817.           </div>

  818.         </div>

  819.       </div>

  820.     </div>

  821.     <!-- Footer End -->

  822. 

  823.     <!-- Copyright Start -->

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

  825.       <div class="container">

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

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

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

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

  830.           </div>

  831. 

  832.         </div>

  833.       </div>

  834.     </div>

  835.     <!-- Copyright End -->

  836. </footer>

  837. 

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

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

  840. 

  841.   <!-- JavaScript Libraries -->

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

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

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

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

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

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

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

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

  850. 

  851.   <!-- Template Javascript -->

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

  853. </body>

  854. 

  855. </html>