暂无描述
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>
  6. Brihaspathi Technologies - Leading IT Solutions & Services Provider
  7. </title>
  8. <meta content="width=device-width, initial-scale=1.0" name="viewport" />
  9. <meta content="" name="keywords" />
  10. <meta content="" name="description" />
  11. <!-- Google Web Fonts -->
  12. <link rel="preconnect" href="https://fonts.googleapis.com" />
  13. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  14. <link
  15. 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"
  16. rel="stylesheet" />
  17. <link rel="preconnect" href="https://fonts.googleapis.com">
  18. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  19. <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap" rel="stylesheet">
  20. <!-- Icon Font Stylesheet -->
  21. <link
  22. rel="stylesheet"
  23. href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
  24. <link
  25. href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
  26. rel="stylesheet" />
  27. <link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">
  28. <!-- Libraries Stylesheet -->
  29. <link rel="stylesheet" href="lib/animate/animate.min.css" />
  30. <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
  31. <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
  32. <!-- Customized Bootstrap Stylesheet -->
  33. <link href="css/bootstrap.min.css" rel="stylesheet" />
  34. <!-- Template Stylesheet -->
  35. <link href="css/style.css" rel="stylesheet" />
  36. <link href="css/navbar.css" rel="stylesheet" />
  37. </head>
  38. <body>
  39. <!-- Spinner Start -->
  40. <div
  41. 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
  44. class="spinner-border text-primary"
  45. style="width: 3rem; height: 3rem"
  46. role="status">
  47. <span class="sr-only">Loading...</span>
  48. </div>
  49. </div>
  50. <!-- Spinner End -->
  51. <!-- Navbar & Hero Start -->
  52. <header class="header" id="header">
  53. </header>
  54. <!-- Navbar & Hero End -->
  55. <!-- Modal Search Start -->
  56. <div
  57. class="modal fade"
  58. id="searchModal"
  59. tabindex="-1"
  60. aria-labelledby="exampleModalLabel"
  61. aria-hidden="true">
  62. <div class="modal-dialog modal-fullscreen">
  63. <div class="modal-content rounded-0">
  64. <div class="modal-header">
  65. <h5 class="modal-title" id="exampleModalLabel">
  66. Search by keyword
  67. </h5>
  68. <button
  69. type="button"
  70. class="btn-close"
  71. data-bs-dismiss="modal"
  72. aria-label="Close"></button>
  73. </div>
  74. <div class="modal-body d-flex align-items-center bg-primary">
  75. <div class="input-group w-75 mx-auto d-flex">
  76. <input
  77. type="search"
  78. class="form-control p-3"
  79. placeholder="keywords"
  80. aria-describedby="search-icon-1" />
  81. <span
  82. id="search-icon-1"
  83. class="btn bg-light border nput-group-text p-3"
  84. ><i class="fa fa-search"></i
  85. ></span>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <!-- Modal Search End -->
  92. <!-- Carousel Start -->
  93. <div class="header-carousel owl-carousel ">
  94. <div class="header-carousel-item bg-primary">
  95. <div class="carousel-caption">
  96. <div class="container">
  97. <div class="row g-4 align-items-center" style="padding-top: 40px;">
  98. <div class="col-lg-7 animated fadeInLeft">
  99. <div class="text-sm-center text-md-start">
  100. <h4 class="text-white text-uppercase fw-bold mb-4">
  101. Welcome To Brihaspathi Technologies
  102. </h4>
  103. <h1 class="display-1 text-white mb-4">
  104. Leading IT Solutions & Services Provider
  105. </h1>
  106. <p class="mb-5 fs-5">
  107. Empowering businesses with cutting-edge technology solutions tailored to your needs.
  108. From software development to IT consulting, we deliver excellence that drives success.
  109. </p>
  110. <div
  111. class="d-flex justify-content-center justify-content-md-start flex-shrink-0 mb-4">
  112. <a
  113. class="btn btn-light rounded-pill py-3 px-4 px-md-5 me-2"
  114. href="#"
  115. ><i class="fas fa-play-circle me-2"></i> Watch Video</a
  116. >
  117. <a
  118. class="btn btn-dark rounded-pill py-3 px-4 px-md-5 ms-2"
  119. href="#"
  120. >Learn More</a
  121. >
  122. </div>
  123. </div>
  124. </div>
  125. <div class="col-lg-5 animated fadeInRight">
  126. <div class="calrousel-img" style="object-fit: cover">
  127. <img
  128. src="img/about.png"
  129. class="img-fluid w-100"
  130. alt="" />
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <!-- <div class="header-carousel-item bg-primary">
  138. <div class="carousel-caption">
  139. <div class="container">
  140. <div class="row gy-4 gy-lg-0 gx-0 gx-lg-5 align-items-center">
  141. <div class="col-lg-5 animated fadeInLeft">
  142. <div class="calrousel-img">
  143. <img
  144. src="img/carousel-2.png"
  145. class="img-fluid w-100"
  146. alt="" />
  147. </div>
  148. </div>
  149. <div class="col-lg-7 animated fadeInRight">
  150. <div class="text-sm-center text-md-end">
  151. <h4 class="text-white text-uppercase fw-bold mb-4">
  152. Welcome To LifeSure
  153. </h4>
  154. <h1 class="display-1 text-white mb-4">
  155. Life Insurance Makes You Happy
  156. </h1>
  157. <p class="mb-5 fs-5">
  158. Lorem Ipsum is simply dummy text of the printing and
  159. typesetting industry. Lorem Ipsum has been the industry's
  160. standard dummy...
  161. </p>
  162. <div
  163. class="d-flex justify-content-center justify-content-md-end flex-shrink-0 mb-4">
  164. <a
  165. class="btn btn-light rounded-pill py-3 px-4 px-md-5 me-2"
  166. href="#"
  167. ><i class="fas fa-play-circle me-2"></i> Watch Video</a
  168. >
  169. <a
  170. class="btn btn-dark rounded-pill py-3 px-4 px-md-5 ms-2"
  171. href="#"
  172. >Learn More</a
  173. >
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div> -->
  181. </div>
  182. <!-- Carousel End -->
  183. <!-- About Start -->
  184. <div class="container-fluid bg-light about pb-5 py-5">
  185. <div class="container pb-5">
  186. <div class="row g-5">
  187. <div
  188. class="text-center mx-auto pb-5 wow fadeInUp"
  189. data-wow-delay="0.2s"
  190. style="max-width: 800px">
  191. <h4 class="text-primary">We are Brihaspathi</h4>
  192. <h1 class="display-6 mb-4">
  193. A trusted leader in IT products and solutions
  194. since 2006
  195. </h1>
  196. <p class="mb-0">
  197. We understand that today’s businesses need more than just
  198. technology – they need solutions that are reliable, scalable, and
  199. future-proof. Here’s why organizations across India choose us as
  200. their technology partner:
  201. </p>
  202. </div>
  203. <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
  204. <div class="about-item-content bg-white rounded p-5 h-100">
  205. <h1 class="display-6 mb-4">About Our Company</h1>
  206. <h4 class="text-primary">
  207. solutions driven company specialized in creating custom
  208. e-security solutions tailored to meet your unique needs.
  209. </h4>
  210. <p
  211. class="max-w570 dsn-up mb-10"
  212. style="opacity: 1; transform: translate(0px, 0px)">
  213. Brihaspathi has been a trusted leader in IT products and
  214. solutions since 2006, headquartered in Hyderabad.
  215. </p>
  216. <p
  217. class="max-w570 dsn-up mb-30"
  218. style="opacity: 1; transform: translate(0px, 0px)">
  219. Driven by visionary leadership and an exceptional team,
  220. Brihaspathi rapidly emerged as a powerhouse in Software
  221. Development, Mobile Applications, E-Communications, E-Security
  222. Systems, and Global Positioning Systems (GPS). Today, we are
  223. recognized for delivering innovative, high-impact solutions that
  224. empower businesses worldwide.
  225. </p>
  226. <p class="text-dark">
  227. <i class="fa fa-check text-primary me-3"></i>Expertise in
  228. Technologies
  229. </p>
  230. <p class="text-dark">
  231. <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
  232. with a Local Touch
  233. </p>
  234. <p class="text-dark">
  235. <i class="fa fa-check text-primary me-3"></i>Customer-Centric
  236. Approach
  237. </p>
  238. <p class="text-dark mb-4">
  239. <i class="fa fa-check text-primary me-3"></i>Proven Track Record
  240. of Succes
  241. </p>
  242. <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
  243. >More Information</a
  244. >
  245. </div>
  246. </div>
  247. <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.2s">
  248. <div class="bg-white rounded p-5 h-100">
  249. <div class="row g-4 justify-content-center">
  250. <div class="col-12">
  251. <div class="rounded bg-light">
  252. <img
  253. src="img/about-3.png"
  254. class="img-fluid rounded w-100"
  255. alt="" />
  256. </div>
  257. </div>
  258. <div class="col-sm-6">
  259. <div class="counter-item bg-light rounded p-3 h-100">
  260. <div class="counter-counting">
  261. <span
  262. class="text-primary fs-2 fw-bold"
  263. data-toggle="counter-up"
  264. >500</span
  265. >
  266. <span class="h1 fw-bold text-primary">+</span>
  267. </div>
  268. <h4 class="mb-0 text-dark">Bunesss Partners</h4>
  269. </div>
  270. </div>
  271. <div class="col-sm-6">
  272. <div class="counter-item bg-light rounded p-3 h-100">
  273. <div class="counter-counting">
  274. <span
  275. class="text-primary fs-2 fw-bold"
  276. data-toggle="counter-up"
  277. >99</span
  278. >
  279. <span class="h1 fw-bold text-primary">+</span>
  280. </div>
  281. <h4 class="mb-0 text-dark">Awards WON</h4>
  282. </div>
  283. </div>
  284. <div class="col-sm-6">
  285. <div class="counter-item bg-light rounded p-3 h-100">
  286. <div class="counter-counting">
  287. <span
  288. class="text-primary fs-2 fw-bold"
  289. data-toggle="counter-up"
  290. >75000</span
  291. >
  292. <span class="h1 fw-bold text-primary">+</span>
  293. </div>
  294. <h4 class="mb-0 text-dark">Customers</h4>
  295. </div>
  296. </div>
  297. <div class="col-sm-6">
  298. <div class="counter-item bg-light rounded p-3 h-100">
  299. <div class="counter-counting">
  300. <span
  301. class="text-primary fs-2 fw-bold"
  302. data-toggle="counter-up"
  303. >18</span
  304. >
  305. <span class="h1 fw-bold text-primary">+</span>
  306. </div>
  307. <h4 class="mb-0 text-dark">Year of Experience</h4>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. <!-- About End -->
  317. <!-- Feature Start -->
  318. <div class="container-fluid feature bg-light py-5">
  319. <div class="container py-5">
  320. <div
  321. class="text-center mx-auto pb-5 wow fadeInUp"
  322. data-wow-delay="0.2s"
  323. style="max-width: 800px">
  324. <h4 class="text-primary">Our Features</h4>
  325. <h1 class="display-4 mb-4">Innovative Solutions for a Better Future</h1>
  326. <p class="mb-0">
  327. Explore our range of advanced technologies and solutions designed to transform industries, enhance productivity, and drive sustainable growth.
  328. </p>
  329. </div>
  330. <div class="row g-4">
  331. <div
  332. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  333. data-wow-delay="0.2s">
  334. <div class="feature-item p-4 pt-0">
  335. <div class="feature-icon p-4 mb-4">
  336. <i class="fas fa-video fa-3x"></i>
  337. </div>
  338. <h4 class="mb-4">Video Analytics</h4>
  339. <p class="mb-4">
  340. Leverage advanced video analytics to enhance security and insights. Real-time monitoring, pattern detection, and actionable intelligence for smarter decision-making.
  341. </p>
  342. <a class="btn btn-primary rounded-pill py-2 px-4" href="#"
  343. >Learn More</a
  344. >
  345. </div>
  346. </div>
  347. <div
  348. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  349. data-wow-delay="0.4s">
  350. <div class="feature-item p-4 pt-0">
  351. <div class="feature-icon p-4 mb-4">
  352. <i class="fas fa-network-wired fa-3x"></i>
  353. </div>
  354. <h4 class="mb-4">IoT Technologies</h4>
  355. <p class="mb-4">
  356. Seamlessly connect devices and systems with cutting-edge IoT technologies, creating intelligent environments for automation and real-time data management.
  357. </p>
  358. <a class="btn btn-primary rounded-pill py-2 px-4" href="#"
  359. >Learn More</a
  360. >
  361. </div>
  362. </div>
  363. <div
  364. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  365. data-wow-delay="0.6s">
  366. <div class="feature-item p-4 pt-0">
  367. <div class="feature-icon p-4 mb-4">
  368. <i class="fas fa-broadcast-tower fa-3x"></i>
  369. </div>
  370. <h4 class="mb-4">RF Technology</h4>
  371. <p class="mb-4">
  372. Enhance communication systems with robust RF technology, ensuring reliable data transmission and superior performance in all environments.
  373. </p>
  374. <a class="btn btn-primary rounded-pill py-2 px-4" href="#"
  375. >Learn More</a
  376. >
  377. </div>
  378. </div>
  379. <div
  380. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  381. data-wow-delay="0.8s">
  382. <div class="feature-item p-4 pt-0">
  383. <div class="feature-icon p-4 mb-4">
  384. <i class="fas fa-solar-panel fa-3x"></i>
  385. </div>
  386. <h4 class="mb-4">Rooftop Solar/Solar Pump</h4>
  387. <p class="mb-4">
  388. Harness the power of the sun with rooftop solar panels and solar pumps, promoting energy efficiency and sustainability for a greener tomorrow.
  389. </p>
  390. <a class="btn btn-primary rounded-pill py-2 px-4" href="#"
  391. >Learn More</a
  392. >
  393. </div>
  394. </div>
  395. </div>
  396. <div class="row g-4 mt-2">
  397. <div
  398. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  399. data-wow-delay="0.2s">
  400. <div class="feature-item p-4 pt-0">
  401. <div class="feature-icon p-4 mb-4">
  402. <i class="fas fa-car fa-3x"></i>
  403. </div>
  404. <h4 class="mb-4">E-Mobility Services</h4>
  405. <p class="mb-4">
  406. Drive the future of transportation with e-mobility solutions, fostering innovation in electric vehicles and charging infrastructure.
  407. </p>
  408. <a class="btn btn-primary rounded-pill py-2 px-4" href="#"
  409. >Learn More</a
  410. >
  411. </div>
  412. </div>
  413. <div
  414. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  415. data-wow-delay="0.4s">
  416. <div class="feature-item p-4 pt-0">
  417. <div class="feature-icon p-4 mb-4">
  418. <i class="fas fa-home fa-3x"></i>
  419. </div>
  420. <h4 class="mb-4">Home Automation</h4>
  421. <p class="mb-4">
  422. Transform your living space into a smart home with advanced automation solutions, offering convenience, efficiency, and security at your fingertips.
  423. </p>
  424. <a class="btn btn-primary rounded-pill py-2 px-4" href="#"
  425. >Learn More</a
  426. >
  427. </div>
  428. </div>
  429. <div
  430. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  431. data-wow-delay="0.6s">
  432. <div class="feature-item p-4 pt-0">
  433. <div class="feature-icon p-4 mb-4">
  434. <i class="fas fa-satellite-dish fa-3x"></i>
  435. </div>
  436. <h4 class="mb-4">IT & Telecommunication</h4>
  437. <p class="mb-4">
  438. Stay connected with cutting-edge IT and telecommunication solutions, offering ultra-fast networks and seamless data transmission for businesses and communities.
  439. </p>
  440. <a class="btn btn-primary rounded-pill py-2 px-4" href="#"
  441. >Learn More</a
  442. >
  443. </div>
  444. </div>
  445. <div
  446. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  447. data-wow-delay="0.8s">
  448. <div class="feature-item p-4 pt-0">
  449. <div class="feature-icon p-4 mb-4">
  450. <i class="fas fa-city fa-3x"></i>
  451. </div>
  452. <h4 class="mb-4">Smart Cities</h4>
  453. <p class="mb-4">
  454. Build smarter urban environments with integrated IoT, AI, and sustainable infrastructure, creating intelligent and connected ecosystems for future cities.
  455. </p>
  456. <a class="btn btn-primary rounded-pill py-2 px-4" href="#"
  457. >Learn More</a
  458. >
  459. </div>
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464. <!-- Feature End -->
  465. <!-- Software develppment Start -->
  466. <div class="container-fluid faq-section bg-light py-5">
  467. <div class="container py-5">
  468. <div class="row g-5 align-items-center">
  469. <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
  470. <div class="h-100">
  471. <div class="mb-5">
  472. <h4 class="text-primary">Software Development</h4>
  473. <h1 class="display-4 mb-0">Small and Medium Businesses</h1>
  474. </div>
  475. <div>
  476. <h4>One application that provides complete business process</h4>
  477. <p>
  478. Flo series offers specially designed plans for Small & Medium
  479. Businesses. You can choose from our handpicked workflows as
  480. per your need offering you the most affordable pricing plans
  481. at the cost of a cloud infrastructure.
  482. </p>
  483. <p class="text-dark">
  484. <i class="fa fa-check text-primary me-3"></i>Expertise in
  485. Technologies
  486. </p>
  487. <p class="text-dark">
  488. <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
  489. with a Local Touch
  490. </p>
  491. <p class="text-dark">
  492. <i class="fa fa-check text-primary me-3"></i>Customer-Centric
  493. Approach
  494. </p>
  495. <p class="text-dark mb-4">
  496. <i class="fa fa-check text-primary me-3"></i>Proven Track
  497. Record of Succes
  498. </p>
  499. <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
  500. >More Information</a
  501. >
  502. </div>
  503. </div>
  504. </div>
  505. <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
  506. <img src="img/software-development.png" class="img-fluid w-100" alt="" />
  507. </div>
  508. </div>
  509. </div>
  510. </div>
  511. <!-- Software develppment End -->
  512. <!-- Video analytics Start -->
  513. <div class="container-fluid faq-section bg-light py-5">
  514. <div class="container py-5">
  515. <div class="row g-5 align-items-center">
  516. <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
  517. <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
  518. </div>
  519. <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
  520. <div class="h-100">
  521. <div class="mb-5">
  522. <h4 class="text-primary">Extensive Experience in
  523. </h4>
  524. <h1 class="display-4 mb-0">Live Streaming with Analytics</h1>
  525. </div>
  526. <div>
  527. <p>
  528. Live streaming with analytics combines the power of real-time video broadcasting with advanced analytics like
  529. Motion Detection, Facial Recognition, Object Detection, Crowd Analysis, Cross Line Detection, Counting and Tracking, Abnormal Behavior Detection and Analytics Dashboard and Reporting
  530. </p>
  531. <p class="text-dark">
  532. <i class="fa fa-check text-primary me-3"></i>Expertise in
  533. Technologies
  534. </p>
  535. <p class="text-dark">
  536. <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
  537. with a Local Touch
  538. </p>
  539. <p class="text-dark">
  540. <i class="fa fa-check text-primary me-3"></i>Customer-Centric
  541. Approach
  542. </p>
  543. <p class="text-dark mb-4">
  544. <i class="fa fa-check text-primary me-3"></i>Proven Track
  545. Record of Succes
  546. </p>
  547. <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
  548. >More Information</a
  549. >
  550. </div>
  551. </div>
  552. </div>
  553. </div>
  554. </div>
  555. </div>
  556. <!-- Video analytics End -->
  557. <!-- Team Start -->
  558. <div class="container-fluid team pb-5 py-5">
  559. <div class="container pb-5">
  560. <div
  561. class="text-center mx-auto pb-5 wow fadeInUp"
  562. data-wow-delay="0.2s"
  563. style="max-width: 800px">
  564. <h4 class="text-primary">Our Team</h4>
  565. <h1 class="display-4 mb-4">Meet Our Expert Team Members</h1>
  566. <p class="mb-0">
  567. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
  568. adipisci facilis cupiditate recusandae aperiam temporibus corporis
  569. itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
  570. obcaecati, ipsam mollitia hic.
  571. </p>
  572. </div>
  573. <div class="row g-4">
  574. <div
  575. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  576. data-wow-delay="0.2s">
  577. <div class="team-item">
  578. <div class="team-img">
  579. <img
  580. src="img/team-1.jpg"
  581. class="img-fluid rounded-top w-100"
  582. alt="" />
  583. <div class="team-icon">
  584. <a
  585. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  586. href=""
  587. ><i class="fab fa-facebook-f"></i
  588. ></a>
  589. <a
  590. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  591. href=""
  592. ><i class="fab fa-twitter"></i
  593. ></a>
  594. <a
  595. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  596. href=""
  597. ><i class="fab fa-linkedin-in"></i
  598. ></a>
  599. <a
  600. class="btn btn-primary btn-sm-square rounded-pill mb-0"
  601. href=""
  602. ><i class="fab fa-instagram"></i
  603. ></a>
  604. </div>
  605. </div>
  606. <div class="team-title p-4">
  607. <h4 class="mb-0">David James</h4>
  608. <p class="mb-0">Profession</p>
  609. </div>
  610. </div>
  611. </div>
  612. <div
  613. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  614. data-wow-delay="0.4s">
  615. <div class="team-item">
  616. <div class="team-img">
  617. <img
  618. src="img/team-2.jpg"
  619. class="img-fluid rounded-top w-100"
  620. alt="" />
  621. <div class="team-icon">
  622. <a
  623. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  624. href=""
  625. ><i class="fab fa-facebook-f"></i
  626. ></a>
  627. <a
  628. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  629. href=""
  630. ><i class="fab fa-twitter"></i
  631. ></a>
  632. <a
  633. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  634. href=""
  635. ><i class="fab fa-linkedin-in"></i
  636. ></a>
  637. <a
  638. class="btn btn-primary btn-sm-square rounded-pill mb-0"
  639. href=""
  640. ><i class="fab fa-instagram"></i
  641. ></a>
  642. </div>
  643. </div>
  644. <div class="team-title p-4">
  645. <h4 class="mb-0">David James</h4>
  646. <p class="mb-0">Profession</p>
  647. </div>
  648. </div>
  649. </div>
  650. <div
  651. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  652. data-wow-delay="0.6s">
  653. <div class="team-item">
  654. <div class="team-img">
  655. <img
  656. src="img/team-3.jpg"
  657. class="img-fluid rounded-top w-100"
  658. alt="" />
  659. <div class="team-icon">
  660. <a
  661. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  662. href=""
  663. ><i class="fab fa-facebook-f"></i
  664. ></a>
  665. <a
  666. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  667. href=""
  668. ><i class="fab fa-twitter"></i
  669. ></a>
  670. <a
  671. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  672. href=""
  673. ><i class="fab fa-linkedin-in"></i
  674. ></a>
  675. <a
  676. class="btn btn-primary btn-sm-square rounded-pill mb-0"
  677. href=""
  678. ><i class="fab fa-instagram"></i
  679. ></a>
  680. </div>
  681. </div>
  682. <div class="team-title p-4">
  683. <h4 class="mb-0">David James</h4>
  684. <p class="mb-0">Profession</p>
  685. </div>
  686. </div>
  687. </div>
  688. <div
  689. class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp"
  690. data-wow-delay="0.8s">
  691. <div class="team-item">
  692. <div class="team-img">
  693. <img
  694. src="img/team-4.jpg"
  695. class="img-fluid rounded-top w-100"
  696. alt="" />
  697. <div class="team-icon">
  698. <a
  699. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  700. href=""
  701. ><i class="fab fa-facebook-f"></i
  702. ></a>
  703. <a
  704. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  705. href=""
  706. ><i class="fab fa-twitter"></i
  707. ></a>
  708. <a
  709. class="btn btn-primary btn-sm-square rounded-pill mb-2"
  710. href=""
  711. ><i class="fab fa-linkedin-in"></i
  712. ></a>
  713. <a
  714. class="btn btn-primary btn-sm-square rounded-pill mb-0"
  715. href=""
  716. ><i class="fab fa-instagram"></i
  717. ></a>
  718. </div>
  719. </div>
  720. <div class="team-title p-4">
  721. <h4 class="mb-0">David James</h4>
  722. <p class="mb-0">Profession</p>
  723. </div>
  724. </div>
  725. </div>
  726. </div>
  727. </div>
  728. </div>
  729. <!-- Team End -->
  730. <!-- Testimonial Start -->
  731. <div class="container-fluid testimonial pb-5">
  732. <div class="container pb-5">
  733. <div
  734. class="text-center mx-auto pb-5 wow fadeInUp"
  735. data-wow-delay="0.2s"
  736. style="max-width: 800px">
  737. <h4 class="text-primary">Testimonial</h4>
  738. <h1 class="display-4 mb-4">What Our Customers Are Saying</h1>
  739. <p class="mb-0">
  740. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
  741. adipisci facilis cupiditate recusandae aperiam temporibus corporis
  742. itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
  743. obcaecati, ipsam mollitia hic.
  744. </p>
  745. </div>
  746. <div
  747. class="owl-carousel testimonial-carousel wow fadeInUp"
  748. data-wow-delay="0.2s">
  749. <div class="testimonial-item bg-light rounded">
  750. <div class="row g-0">
  751. <div class="col-4 col-lg-4 col-xl-3">
  752. <div class="h-100">
  753. <img
  754. src="img/testimonial-1.jpg"
  755. class="img-fluid h-100 rounded"
  756. style="object-fit: cover"
  757. alt="" />
  758. </div>
  759. </div>
  760. <div class="col-8 col-lg-8 col-xl-9">
  761. <div class="d-flex flex-column my-auto text-start p-4">
  762. <h4 class="text-dark mb-0">Client Name</h4>
  763. <p class="mb-3">Profession</p>
  764. <div class="d-flex text-primary mb-3">
  765. <i class="fas fa-star"></i>
  766. <i class="fas fa-star"></i>
  767. <i class="fas fa-star"></i>
  768. <i class="fas fa-star"></i>
  769. <i class="fas fa-star"></i>
  770. </div>
  771. <p class="mb-0">
  772. Lorem, ipsum dolor sit amet consectetur adipisicing elit.
  773. Enim error molestiae aut modi corrupti fugit eaque rem nulla
  774. incidunt temporibus quisquam,
  775. </p>
  776. </div>
  777. </div>
  778. </div>
  779. </div>
  780. <div class="testimonial-item bg-light rounded">
  781. <div class="row g-0">
  782. <div class="col-4 col-lg-4 col-xl-3">
  783. <div class="h-100">
  784. <img
  785. src="img/testimonial-2.jpg"
  786. class="img-fluid h-100 rounded"
  787. style="object-fit: cover"
  788. alt="" />
  789. </div>
  790. </div>
  791. <div class="col-8 col-lg-8 col-xl-9">
  792. <div class="d-flex flex-column my-auto text-start p-4">
  793. <h4 class="text-dark mb-0">Client Name</h4>
  794. <p class="mb-3">Profession</p>
  795. <div class="d-flex text-primary mb-3">
  796. <i class="fas fa-star"></i>
  797. <i class="fas fa-star"></i>
  798. <i class="fas fa-star"></i>
  799. <i class="fas fa-star"></i>
  800. <i class="fas fa-star text-body"></i>
  801. </div>
  802. <p class="mb-0">
  803. Lorem, ipsum dolor sit amet consectetur adipisicing elit.
  804. Enim error molestiae aut modi corrupti fugit eaque rem nulla
  805. incidunt temporibus quisquam,
  806. </p>
  807. </div>
  808. </div>
  809. </div>
  810. </div>
  811. <div class="testimonial-item bg-light rounded">
  812. <div class="row g-0">
  813. <div class="col-4 col-lg-4 col-xl-3">
  814. <div class="h-100">
  815. <img
  816. src="img/testimonial-3.jpg"
  817. class="img-fluid h-100 rounded"
  818. style="object-fit: cover"
  819. alt="" />
  820. </div>
  821. </div>
  822. <div class="col-8 col-lg-8 col-xl-9">
  823. <div class="d-flex flex-column my-auto text-start p-4">
  824. <h4 class="text-dark mb-0">Client Name</h4>
  825. <p class="mb-3">Profession</p>
  826. <div class="d-flex text-primary mb-3">
  827. <i class="fas fa-star"></i>
  828. <i class="fas fa-star"></i>
  829. <i class="fas fa-star"></i>
  830. <i class="fas fa-star text-body"></i>
  831. <i class="fas fa-star text-body"></i>
  832. </div>
  833. <p class="mb-0">
  834. Lorem, ipsum dolor sit amet consectetur adipisicing elit.
  835. Enim error molestiae aut modi corrupti fugit eaque rem nulla
  836. incidunt temporibus quisquam,
  837. </p>
  838. </div>
  839. </div>
  840. </div>
  841. </div>
  842. </div>
  843. </div>
  844. </div>
  845. <!-- Testimonial End -->
  846. <!-- Footer Start -->
  847. <footer>
  848. <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
  849. <div class="container py-5">
  850. <div class="row g-5">
  851. <div class="col-xl-9">
  852. <div class="mb-5">
  853. <div class="row g-4">
  854. <div class="col-md-6 col-lg-6 col-xl-5">
  855. <div class="footer-item">
  856. <a href="index.html" class="p-0">
  857. <h3 class="text-white">
  858. <i class="fab fa-slack me-3"></i> LifeSure
  859. </h3>
  860. <!-- <img src="img/logo.png" alt="Logo"> -->
  861. </a>
  862. <p class="text-white mb-4">
  863. Dolor amet sit justo amet elitr clita ipsum elitr
  864. est.Lorem ipsum dolor sit amet, consectetur adipiscing...
  865. </p>
  866. <div class="footer-btn d-flex">
  867. <a class="btn btn-md-square rounded-circle me-3" href="#"
  868. ><i class="fab fa-facebook-f"></i
  869. ></a>
  870. <a class="btn btn-md-square rounded-circle me-3" href="#"
  871. ><i class="fab fa-twitter"></i
  872. ></a>
  873. <a class="btn btn-md-square rounded-circle me-3" href="#"
  874. ><i class="fab fa-instagram"></i
  875. ></a>
  876. <a class="btn btn-md-square rounded-circle me-0" href="#"
  877. ><i class="fab fa-linkedin-in"></i
  878. ></a>
  879. </div>
  880. </div>
  881. </div>
  882. <div class="col-md-6 col-lg-6 col-xl-3">
  883. <div class="footer-item">
  884. <h4 class="text-white mb-4">Useful Links</h4>
  885. <a href="#"
  886. ><i class="fas fa-angle-right me-2"></i> About Us</a
  887. >
  888. <a href="#"
  889. ><i class="fas fa-angle-right me-2"></i> Features</a
  890. >
  891. <a href="#"
  892. ><i class="fas fa-angle-right me-2"></i> Services</a
  893. >
  894. <a href="#"
  895. ><i class="fas fa-angle-right me-2"></i> FAQ's</a
  896. >
  897. <a href="#"
  898. ><i class="fas fa-angle-right me-2"></i> Blogs</a
  899. >
  900. <a href="#"
  901. ><i class="fas fa-angle-right me-2"></i> Contact</a
  902. >
  903. </div>
  904. </div>
  905. <div class="col-md-6 col-lg-6 col-xl-4">
  906. <div class="footer-item">
  907. <h4 class="mb-4 text-white">Instagram</h4>
  908. <div class="row g-3">
  909. <div class="col-4">
  910. <div class="footer-instagram rounded">
  911. <img
  912. src="img/instagram-footer-1.jpg"
  913. class="img-fluid w-100"
  914. alt="" />
  915. <div class="footer-search-icon">
  916. <a
  917. href="img/instagram-footer-1.jpg"
  918. data-lightbox="footerInstagram-1"
  919. class="my-auto"
  920. ><i class="fas fa-link text-white"></i
  921. ></a>
  922. </div>
  923. </div>
  924. </div>
  925. <div class="col-4">
  926. <div class="footer-instagram rounded">
  927. <img
  928. src="img/instagram-footer-2.jpg"
  929. class="img-fluid w-100"
  930. alt="" />
  931. <div class="footer-search-icon">
  932. <a
  933. href="img/instagram-footer-2.jpg"
  934. data-lightbox="footerInstagram-2"
  935. class="my-auto"
  936. ><i class="fas fa-link text-white"></i
  937. ></a>
  938. </div>
  939. </div>
  940. </div>
  941. <div class="col-4">
  942. <div class="footer-instagram rounded">
  943. <img
  944. src="img/instagram-footer-3.jpg"
  945. class="img-fluid w-100"
  946. alt="" />
  947. <div class="footer-search-icon">
  948. <a
  949. href="img/instagram-footer-3.jpg"
  950. data-lightbox="footerInstagram-3"
  951. class="my-auto"
  952. ><i class="fas fa-link text-white"></i
  953. ></a>
  954. </div>
  955. </div>
  956. </div>
  957. <div class="col-4">
  958. <div class="footer-instagram rounded">
  959. <img
  960. src="img/instagram-footer-4.jpg"
  961. class="img-fluid w-100"
  962. alt="" />
  963. <div class="footer-search-icon">
  964. <a
  965. href="img/instagram-footer-4.jpg"
  966. data-lightbox="footerInstagram-4"
  967. class="my-auto"
  968. ><i class="fas fa-link text-white"></i
  969. ></a>
  970. </div>
  971. </div>
  972. </div>
  973. <div class="col-4">
  974. <div class="footer-instagram rounded">
  975. <img
  976. src="img/instagram-footer-5.jpg"
  977. class="img-fluid w-100"
  978. alt="" />
  979. <div class="footer-search-icon">
  980. <a
  981. href="img/instagram-footer-5.jpg"
  982. data-lightbox="footerInstagram-5"
  983. class="my-auto"
  984. ><i class="fas fa-link text-white"></i
  985. ></a>
  986. </div>
  987. </div>
  988. </div>
  989. <div class="col-4">
  990. <div class="footer-instagram rounded">
  991. <img
  992. src="img/instagram-footer-6.jpg"
  993. class="img-fluid w-100"
  994. alt="" />
  995. <div class="footer-search-icon">
  996. <a
  997. href="img/instagram-footer-6.jpg"
  998. data-lightbox="footerInstagram-6"
  999. class="my-auto"
  1000. ><i class="fas fa-link text-white"></i
  1001. ></a>
  1002. </div>
  1003. </div>
  1004. </div>
  1005. </div>
  1006. </div>
  1007. </div>
  1008. </div>
  1009. </div>
  1010. <div
  1011. class="pt-5"
  1012. style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
  1013. <div class="row g-0">
  1014. <div class="col-12">
  1015. <div class="row g-4">
  1016. <div class="col-lg-6 col-xl-4">
  1017. <div class="d-flex">
  1018. <div
  1019. class="btn-xl-square bg-primary text-white rounded p-4 me-4">
  1020. <i class="fas fa-map-marker-alt fa-2x"></i>
  1021. </div>
  1022. <div>
  1023. <h4 class="text-white">Address</h4>
  1024. <p class="mb-0">123 Street New York.USA</p>
  1025. </div>
  1026. </div>
  1027. </div>
  1028. <div class="col-lg-6 col-xl-4">
  1029. <div class="d-flex">
  1030. <div
  1031. class="btn-xl-square bg-primary text-white rounded p-4 me-4">
  1032. <i class="fas fa-envelope fa-2x"></i>
  1033. </div>
  1034. <div>
  1035. <h4 class="text-white">Mail Us</h4>
  1036. <p class="mb-0">info@example.com</p>
  1037. </div>
  1038. </div>
  1039. </div>
  1040. <div class="col-lg-6 col-xl-4">
  1041. <div class="d-flex">
  1042. <div
  1043. class="btn-xl-square bg-primary text-white rounded p-4 me-4">
  1044. <i class="fa fa-phone-alt fa-2x"></i>
  1045. </div>
  1046. <div>
  1047. <h4 class="text-white">Telephone</h4>
  1048. <p class="mb-0">(+012) 3456 7890</p>
  1049. </div>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. </div>
  1054. </div>
  1055. </div>
  1056. </div>
  1057. <div class="col-xl-3">
  1058. <div class="footer-item">
  1059. <h4 class="text-white mb-4">Newsletter</h4>
  1060. <p class="text-white mb-3">
  1061. Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem
  1062. ipsum dolor sit amet, consectetur adipiscing elit.
  1063. </p>
  1064. <div class="position-relative rounded-pill mb-4">
  1065. <input
  1066. class="form-control rounded-pill w-100 py-3 ps-4 pe-5"
  1067. type="text"
  1068. placeholder="Enter your email" />
  1069. <button
  1070. type="button"
  1071. class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">
  1072. SignUp
  1073. </button>
  1074. </div>
  1075. <div class="d-flex flex-shrink-0">
  1076. <div class="footer-btn">
  1077. <a
  1078. href="#"
  1079. class="btn btn-lg-square rounded-circle position-relative wow tada"
  1080. data-wow-delay=".9s">
  1081. <i class="fa fa-phone-alt fa-2x"></i>
  1082. <div
  1083. class="position-absolute"
  1084. style="top: 2px; right: 12px">
  1085. <span
  1086. ><i class="fa fa-comment-dots text-secondary"></i
  1087. ></span>
  1088. </div>
  1089. </a>
  1090. </div>
  1091. <div class="d-flex flex-column ms-3 flex-shrink-0">
  1092. <span>Call to Our Experts</span>
  1093. <a href="tel:+ 0123 456 7890"
  1094. ><span class="text-white">Free: + 0123 456 7890</span></a
  1095. >
  1096. </div>
  1097. </div>
  1098. </div>
  1099. </div>
  1100. </div>
  1101. </div>
  1102. </div>
  1103. <!-- Footer End -->
  1104. <!-- Copyright Start -->
  1105. <div class="container-fluid copyright py-4">
  1106. <div class="container">
  1107. <div class="row g-4 align-items-center">
  1108. <div class="col-md-6 text-center text-md-end mb-md-0">
  1109. <span class="text-body"
  1110. ><a href="#" class="border-bottom text-white"
  1111. ><i class="fas fa-copyright text-light me-2"></i>Your Site
  1112. Name</a
  1113. >, All right reserved.</span
  1114. >
  1115. </div>
  1116. <div class="col-md-6 text-center text-md-start text-body">
  1117. <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
  1118. <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
  1119. <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
  1120. Designed By
  1121. <a class="border-bottom text-white" href="https://htmlcodex.com"
  1122. >HTML Codex</a
  1123. >
  1124. Distributed By
  1125. <a class="border-bottom text-white" href="https://themewagon.com"
  1126. >ThemeWagon</a
  1127. >
  1128. </div>
  1129. </div>
  1130. </div>
  1131. </div>
  1132. <!-- Copyright End -->
  1133. </footer>
  1134. <!-- Back to Top -->
  1135. <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
  1136. ><i class="fa fa-arrow-up"></i
  1137. ></a>
  1138. <!-- JavaScript Libraries -->
  1139. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  1140. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
  1141. <script src="lib/wow/wow.min.js"></script>
  1142. <script src="lib/easing/easing.min.js"></script>
  1143. <script src="lib/waypoints/waypoints.min.js"></script>
  1144. <script src="lib/counterup/counterup.min.js"></script>
  1145. <script src="lib/lightbox/js/lightbox.min.js"></script>
  1146. <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  1147. <!-- Template Javascript -->
  1148. <script src="js/main.js"></script>
  1149. <script src="js/footer.js"></script>
  1150. <script src="js/navbar.js"></script>
  1151. </body>
  1152. </html>