Bez popisu
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.

contact-us.html 22KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502
  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. <!-- Icon Font Stylesheet -->
  18. <link
  19. rel="stylesheet"
  20. href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
  21. <link
  22. href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
  23. rel="stylesheet" />
  24. <link rel="stylesheet" href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css">
  25. <!-- Libraries Stylesheet -->
  26. <link rel="stylesheet" href="lib/animate/animate.min.css" />
  27. <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
  28. <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
  29. <!-- Customized Bootstrap Stylesheet -->
  30. <link href="css/bootstrap.min.css" rel="stylesheet" />
  31. <!-- Template Stylesheet -->
  32. <link href="css/style.css" rel="stylesheet" />
  33. <link href="css/navbar.css" rel="stylesheet" />
  34. </head>
  35. <body>
  36. <!-- Spinner Start -->
  37. <div
  38. 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
  41. class="spinner-border text-primary"
  42. style="width: 3rem; height: 3rem"
  43. role="status">
  44. <span class="sr-only">Loading...</span>
  45. </div>
  46. </div>
  47. <!-- Spinner End -->
  48. <header class="header" id="header"></header>
  49. <!-- Header Start -->
  50. <!-- <div class="container-fluid bg-breadcrumb">
  51. <div class="container text-center py-5" style="max-width: 900px;">
  52. <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
  53. <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
  54. <li class="breadcrumb-item"><a href="index.html">Home</a></li>
  55. <li class="breadcrumb-item"><a href="#">Pages</a></li>
  56. <li class="breadcrumb-item active text-primary">Feature</li>
  57. </ol>
  58. </div>
  59. </div> -->
  60. <!-- Header End -->
  61. <!-- Contact Start -->
  62. <div class="container-fluid contact bg-light py-5 mt-5">
  63. <div class="container py-5 mt-5">
  64. <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
  65. <h4 class="text-primary">Contact Us</h4>
  66. <h1 class="display-4 mb-4">
  67. Please fill the details so that our experts will get back to you.</h1>
  68. </div>
  69. <div class="row g-5">
  70. <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
  71. <div class="contact-img d-flex justify-content-center" >
  72. <div class="contact-img-inner">
  73. <img src="img/contact-img.png" class="img-fluid w-100" alt="Image">
  74. </div>
  75. </div>
  76. </div>
  77. <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
  78. <div>
  79. <h4 class="text-primary">Send Your Message</h4>
  80. <form>
  81. <div class="row g-3">
  82. <div class="col-lg-12 col-xl-6">
  83. <div class="form-floating">
  84. <input type="text" class="form-control border-0" id="name" placeholder="Your Name">
  85. <label for="name">Your Name</label>
  86. </div>
  87. </div>
  88. <div class="col-lg-12 col-xl-6">
  89. <div class="form-floating">
  90. <input type="email" class="form-control border-0" id="email" placeholder="Your Email">
  91. <label for="email">Your Email</label>
  92. </div>
  93. </div>
  94. <div class="col-lg-12 col-xl-6">
  95. <div class="form-floating">
  96. <input type="phone" class="form-control border-0" id="phone" placeholder="Phone">
  97. <label for="phone">Your Phone</label>
  98. </div>
  99. </div>
  100. <div class="col-lg-12 col-xl-6">
  101. <div class="form-floating">
  102. <input type="text" class="form-control border-0" id="project" placeholder="Project">
  103. <label for="project">Your Project</label>
  104. </div>
  105. </div>
  106. <div class="col-12">
  107. <div class="form-floating">
  108. <input type="text" class="form-control border-0" id="subject" placeholder="Subject">
  109. <label for="subject">Subject</label>
  110. </div>
  111. </div>
  112. <div class="col-12">
  113. <div class="form-floating">
  114. <textarea class="form-control border-0" placeholder="Leave a message here" id="message" style="height: 120px"></textarea>
  115. <label for="message">Message</label>
  116. </div>
  117. </div>
  118. <div class="col-12">
  119. <button class="btn btn-primary w-100 py-3">Send Message</button>
  120. </div>
  121. </div>
  122. </form>
  123. </div>
  124. </div>
  125. <div class="col-12">
  126. <div>
  127. <div class="row g-4">
  128. <div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.2s">
  129. <div class="contact-add-item">
  130. <div class="contact-icon text-primary mb-4">
  131. <i class="fas fa-map-marker-alt fa-2x"></i>
  132. </div>
  133. <div>
  134. <h4>Address</h4>
  135. <p class="mb-0">123 Street New York.USA</p>
  136. </div>
  137. </div>
  138. </div>
  139. <div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.4s">
  140. <div class="contact-add-item">
  141. <div class="contact-icon text-primary mb-4">
  142. <i class="fas fa-envelope fa-2x"></i>
  143. </div>
  144. <div>
  145. <h4>Mail Us</h4>
  146. <p class="mb-0">info@example.com</p>
  147. </div>
  148. </div>
  149. </div>
  150. <div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.6s">
  151. <div class="contact-add-item">
  152. <div class="contact-icon text-primary mb-4">
  153. <i class="fa fa-phone-alt fa-2x"></i>
  154. </div>
  155. <div>
  156. <h4>Telephone</h4>
  157. <p class="mb-0">(+012) 3456 7890</p>
  158. </div>
  159. </div>
  160. </div>
  161. <div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.8s">
  162. <div class="contact-add-item">
  163. <div class="contact-icon text-primary mb-4">
  164. <i class="fab fa-firefox-browser fa-2x"></i>
  165. </div>
  166. <div>
  167. <h4>Yoursite@ex.com</h4>
  168. <p class="mb-0">(+012) 3456 7890</p>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. <div class="col-12 wow fadeInUp" data-wow-delay="0.2s">
  176. <div class="rounded">
  177. <iframe class="rounded w-100"
  178. style="height: 400px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d387191.33750346623!2d-73.97968099999999!3d40.6974881!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1694259649153!5m2!1sen!2sbd"
  179. loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. <!-- Contact End -->
  186. <!-- Footer Start -->
  187. <footer>
  188. <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
  189. <div class="container py-5">
  190. <div class="row g-5">
  191. <div class="col-xl-9">
  192. <!-- <div class="mb-5"> -->
  193. <!-- <div class="row g-4"> -->
  194. <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
  195. <!-- <div class="footer-item"> -->
  196. <!-- <a href="index.html" class="p-0"> -->
  197. <!-- <h3 class="text-white"> -->
  198. <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
  199. <!-- </h3> -->
  200. <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
  201. <!-- </a> -->
  202. <!-- <p class="text-white mb-4"> -->
  203. <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
  204. <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
  205. <!-- </p> -->
  206. <!-- <div class="footer-btn d-flex"> -->
  207. <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
  208. <!-- ><i class="fab fa-facebook-f"></i -->
  209. <!-- ></a> -->
  210. <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
  211. <!-- ><i class="fab fa-twitter"></i -->
  212. <!-- ></a> -->
  213. <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
  214. <!-- ><i class="fab fa-instagram"></i -->
  215. <!-- ></a> -->
  216. <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
  217. <!-- ><i class="fab fa-linkedin-in"></i -->
  218. <!-- ></a> -->
  219. <!-- </div> -->
  220. <!-- </div> -->
  221. <!-- </div> -->
  222. <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
  223. <!-- <div class="footer-item"> -->
  224. <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
  225. <!-- <a href="#" -->
  226. <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
  227. <!-- > -->
  228. <!-- <a href="#" -->
  229. <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
  230. <!-- > -->
  231. <!-- <a href="#" -->
  232. <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
  233. <!-- > -->
  234. <!-- <a href="#" -->
  235. <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
  236. <!-- > -->
  237. <!-- <a href="#" -->
  238. <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
  239. <!-- > -->
  240. <!-- <a href="#" -->
  241. <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
  242. <!-- > -->
  243. <!-- </div> -->
  244. <!-- </div> -->
  245. <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
  246. <!-- <div class="footer-item"> -->
  247. <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
  248. <!-- <div class="row g-3"> -->
  249. <!-- <div class="col-4"> -->
  250. <!-- <div class="footer-instagram rounded"> -->
  251. <!-- <img -->
  252. <!-- src="img/instagram-footer-1.jpg" -->
  253. <!-- class="img-fluid w-100" -->
  254. <!-- alt="" /> -->
  255. <!-- <div class="footer-search-icon"> -->
  256. <!-- <a -->
  257. <!-- href="img/instagram-footer-1.jpg" -->
  258. <!-- data-lightbox="footerInstagram-1" -->
  259. <!-- class="my-auto" -->
  260. <!-- ><i class="fas fa-link text-white"></i -->
  261. <!-- ></a> -->
  262. <!-- </div> -->
  263. <!-- </div> -->
  264. <!-- </div> -->
  265. <!-- <div class="col-4"> -->
  266. <!-- <div class="footer-instagram rounded"> -->
  267. <!-- <img -->
  268. <!-- src="img/instagram-footer-2.jpg" -->
  269. <!-- class="img-fluid w-100" -->
  270. <!-- alt="" /> -->
  271. <!-- <div class="footer-search-icon"> -->
  272. <!-- <a -->
  273. <!-- href="img/instagram-footer-2.jpg" -->
  274. <!-- data-lightbox="footerInstagram-2" -->
  275. <!-- class="my-auto" -->
  276. <!-- ><i class="fas fa-link text-white"></i -->
  277. <!-- ></a> -->
  278. <!-- </div> -->
  279. <!-- </div> -->
  280. <!-- </div> -->
  281. <!-- <div class="col-4"> -->
  282. <!-- <div class="footer-instagram rounded"> -->
  283. <!-- <img -->
  284. <!-- src="img/instagram-footer-3.jpg" -->
  285. <!-- class="img-fluid w-100" -->
  286. <!-- alt="" /> -->
  287. <!-- <div class="footer-search-icon"> -->
  288. <!-- <a -->
  289. <!-- href="img/instagram-footer-3.jpg" -->
  290. <!-- data-lightbox="footerInstagram-3" -->
  291. <!-- class="my-auto" -->
  292. <!-- ><i class="fas fa-link text-white"></i -->
  293. <!-- ></a> -->
  294. <!-- </div> -->
  295. <!-- </div> -->
  296. <!-- </div> -->
  297. <!-- <div class="col-4"> -->
  298. <!-- <div class="footer-instagram rounded"> -->
  299. <!-- <img -->
  300. <!-- src="img/instagram-footer-4.jpg" -->
  301. <!-- class="img-fluid w-100" -->
  302. <!-- alt="" /> -->
  303. <!-- <div class="footer-search-icon"> -->
  304. <!-- <a -->
  305. <!-- href="img/instagram-footer-4.jpg" -->
  306. <!-- data-lightbox="footerInstagram-4" -->
  307. <!-- class="my-auto" -->
  308. <!-- ><i class="fas fa-link text-white"></i -->
  309. <!-- ></a> -->
  310. <!-- </div> -->
  311. <!-- </div> -->
  312. <!-- </div> -->
  313. <!-- <div class="col-4"> -->
  314. <!-- <div class="footer-instagram rounded"> -->
  315. <!-- <img -->
  316. <!-- src="img/instagram-footer-5.jpg" -->
  317. <!-- class="img-fluid w-100" -->
  318. <!-- alt="" /> -->
  319. <!-- <div class="footer-search-icon"> -->
  320. <!-- <a -->
  321. <!-- href="img/instagram-footer-5.jpg" -->
  322. <!-- data-lightbox="footerInstagram-5" -->
  323. <!-- class="my-auto" -->
  324. <!-- ><i class="fas fa-link text-white"></i -->
  325. <!-- ></a> -->
  326. <!-- </div> -->
  327. <!-- </div> -->
  328. <!-- </div> -->
  329. <!-- <div class="col-4"> -->
  330. <!-- <div class="footer-instagram rounded"> -->
  331. <!-- <img -->
  332. <!-- src="img/instagram-footer-6.jpg" -->
  333. <!-- class="img-fluid w-100" -->
  334. <!-- alt="" /> -->
  335. <!-- <div class="footer-search-icon"> -->
  336. <!-- <a -->
  337. <!-- href="img/instagram-footer-6.jpg" -->
  338. <!-- data-lightbox="footerInstagram-6" -->
  339. <!-- class="my-auto" -->
  340. <!-- ><i class="fas fa-link text-white"></i -->
  341. <!-- ></a> -->
  342. <!-- </div> -->
  343. <!-- </div> -->
  344. <!-- </div> -->
  345. <!-- </div> -->
  346. <!-- </div> -->
  347. <!-- </div> -->
  348. <!-- </div> -->
  349. <!-- </div> -->
  350. <div
  351. class="pt-5"
  352. style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
  353. <div class="row g-0">
  354. <div class="col-12">
  355. <div class="row g-4">
  356. <div class="col-lg-6 col-xl-4">
  357. <div class="d-flex">
  358. <div
  359. class="btn-xl-square bg-primary text-white rounded p-4 me-4">
  360. <i class="fas fa-map-marker-alt fa-2x"></i>
  361. </div>
  362. <div>
  363. <h4 class="text-white">Address</h4>
  364. <p class="mb-0">
  365. #501,#508-510, Shangrila Plaza , <br />Road No. 2,
  366. Park View Enclave, <br />Banjara Hills , Hyderabad,
  367. <br />Telangana-500034
  368. </p>
  369. </div>
  370. </div>
  371. </div>
  372. <div class="col-lg-6 col-xl-4">
  373. <div class="d-flex">
  374. <div
  375. class="btn-xl-square bg-primary text-white rounded p-4 me-4">
  376. <i class="fas fa-envelope fa-2x"></i>
  377. </div>
  378. <div>
  379. <h4 class="text-white">Mail Us</h4>
  380. <p class="mb-0">info@brihaspathi.com</p>
  381. </div>
  382. </div>
  383. </div>
  384. <div class="col-lg-6 col-xl-4">
  385. <div class="d-flex">
  386. <div
  387. class="btn-xl-square bg-primary text-white rounded p-4 me-4">
  388. <i class="fa fa-phone-alt fa-2x"></i>
  389. </div>
  390. <div>
  391. <h4 class="text-white">Telephone</h4>
  392. <p class="mb-0">+91 9885888835</p>
  393. <p class="mb-0">+91 9581234499</p>
  394. </div>
  395. </div>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400. </div>
  401. </div>
  402. <div class="col-xl-3">
  403. <div class="footer-item">
  404. <h4 class="text-white mb-4">Follow Us</h4>
  405. <a href="">
  406. <i class="fab fa-facebook facebook"> Facebook</i>
  407. </a>
  408. <a href="">
  409. <i class="fab fa-twitter twitter"> Twitter</i>
  410. </a>
  411. <a href="">
  412. <i class="fab fa-instagram instagram"> Instagram</i>
  413. </a>
  414. <a href="">
  415. <i class="fab fa-linkedin linkedin"> Linkedin</i>
  416. </a>
  417. <a href="">
  418. <i class="fab fa-youtube youtube"> Youtube</i>
  419. </a>
  420. <a href="">
  421. <i class="fab fa-pinterest pinterest"> Pinterest</i>
  422. </a>
  423. </div>
  424. </div>
  425. </div>
  426. </div>
  427. </div>
  428. <!-- Footer End -->
  429. <!-- Copyright Start -->
  430. <div class="container-fluid copyright py-4">
  431. <div class="container">
  432. <div class="row g-4 align-items-center">
  433. <div class="col-md-6 text-center text-md-end mb-md-0">
  434. <span class="text-body">
  435. 2024 © Copy Rights
  436. <a
  437. href="https://brihaspathi.com/"
  438. class="border-bottom text-white">
  439. Brihaspathi
  440. </a>
  441. </span>
  442. </div>
  443. <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
  444. <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
  445. <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
  446. <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
  447. <!-- Designed By -->
  448. <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
  449. <!-- >HTML Codex</a -->
  450. <!-- > -->
  451. <!-- Distributed By -->
  452. <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
  453. <!-- >ThemeWagon</a -->
  454. <!-- > -->
  455. <!-- </div> -->
  456. </div>
  457. </div>
  458. </div>
  459. <!-- Copyright End -->
  460. </footer>
  461. <!-- Back to Top -->
  462. <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
  463. ><i class="fa fa-arrow-up"></i
  464. ></a>
  465. <!-- JavaScript Libraries -->
  466. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
  467. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
  468. <script src="lib/wow/wow.min.js"></script>
  469. <script src="lib/easing/easing.min.js"></script>
  470. <script src="lib/waypoints/waypoints.min.js"></script>
  471. <script src="lib/counterup/counterup.min.js"></script>
  472. <script src="lib/lightbox/js/lightbox.min.js"></script>
  473. <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  474. <!-- Template Javascript -->
  475. <script src="js/main.js"></script>
  476. <script src="js/footer.js"></script>
  477. <script src="js/navbar.js"></script>
  478. </body>
  479. </html>