rahul.katari
/
brihaspathi
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
瀏覽代碼

first commit

Rahul Katari 6 月之前
當前提交
4031b94398
共有 100 個檔案被更改，包括 23491 行新增 和 0 行删除
統一視圖 顯示文件統計
  1. 389
    0
      404.html
  2. 431
    0
      FAQ.html
  3. 476
    0
      about-us.html
  4. 723
    0
      about.html
  5. 476
    0
      ai-nvr.html
  6. 476
    0
      block-chain-enabled.html
  7. 448
    0
      blog.html
  8. 476
    0
      cameras.html
  9. 476
    0
      central-command-center.html
  10. 499
    0
      contact-us.html
  11. 500
    0
      contact.html
  12. 6
    0
      css/bootstrap.min.css
  13. 632
    0
      css/navbar.css
  14. 926
    0
      css/style.css
  15. 476
    0
      dealer-automation.html
  16. 476
    0
      e-governance.html
  17. 476
    0
      enterprises.html
  18. 476
    0
      event-streaming.html
  19. 432
    0
      feature.html
  20. 476
    0
      govermnets.html
  21. 二進制
      img/Thumbs.db
  22. 二進制
      img/about-1.png
  23. 二進制
      img/about-2.png
  24. 二進制
      img/about-3.png
  25. 二進制
      img/about-intro.jpg
  26. 二進制
      img/about-intro1.jfif
  27. 二進制
      img/about.png
  28. 二進制
      img/banner-1.png
  29. 二進制
      img/bg-breadcrumb.jpg
  30. 二進制
      img/blog-1.png
  31. 二進制
      img/blog-2.png
  32. 二進制
      img/blog-3.png
  33. 二進制
      img/blog-4.png
  34. 二進制
      img/carousel-2.png
  35. 二進制
      img/contact-img.png
  36. 二進制
      img/instagram-footer-1.jpg
  37. 二進制
      img/instagram-footer-2.jpg
  38. 二進制
      img/instagram-footer-3.jpg
  39. 二進制
      img/instagram-footer-4.jpg
  40. 二進制
      img/instagram-footer-5.jpg
  41. 二進制
      img/instagram-footer-6.jpg
  42. 二進制
      img/logo-dark.png
  43. 二進制
      img/software-development.png
  44. 二進制
      img/team-1.jpg
  45. 二進制
      img/team-2.jpg
  46. 二進制
      img/team-3.jpg
  47. 二進制
      img/team-4.jpg
  48. 二進制
      img/testimonial-1.jpg
  49. 二進制
      img/testimonial-2.jpg
  50. 二進制
      img/testimonial-3.jpg
  51. 二進制
      img/video-analytics.png
  52. 855
    0
      index-old.html
  53. 1183
    0
      index.html
  54. 1497
    0
      index2.html
  55. 476
    0
      integrated-video-solutions.html
  56. 476
    0
      investors.html
  57. 98
    0
      js/footer.js
  58. 104
    0
      js/main.js
  59. 218
    0
      js/navbar.js
  60. 1579
    0
      lib/animate/animate.css
  61. 11
    0
      lib/animate/animate.min.css
  62. 11
    0
      lib/counterup/counterup.min.js
  63. 168
    0
      lib/easing/easing.js
  64. 1
    0
      lib/easing/easing.min.js
  65. 1
    0
      lib/lightbox/css/lightbox.min.css
  66. 二進制
      lib/lightbox/images/close.png
  67. 二進制
      lib/lightbox/images/loading.gif
  68. 二進制
      lib/lightbox/images/next.png
  69. 二進制
      lib/lightbox/images/prev.png
  70. 15
    0
      lib/lightbox/js/lightbox.min.js
  71. 23
    0
      lib/owlcarousel/LICENSE
  72. 二進制
      lib/owlcarousel/assets/ajax-loader.gif
  73. 170
    0
      lib/owlcarousel/assets/owl.carousel.css
  74. 6
    0
      lib/owlcarousel/assets/owl.carousel.min.css
  75. 50
    0
      lib/owlcarousel/assets/owl.theme.default.css
  76. 6
    0
      lib/owlcarousel/assets/owl.theme.default.min.css
  77. 50
    0
      lib/owlcarousel/assets/owl.theme.green.css
  78. 6
    0
      lib/owlcarousel/assets/owl.theme.green.min.css
  79. 二進制
      lib/owlcarousel/assets/owl.video.play.png
  80. 3275
    0
      lib/owlcarousel/owl.carousel.js
  81. 7
    0
      lib/owlcarousel/owl.carousel.min.js
  82. 5
    0
      lib/waypoints/links.php
  83. 7
    0
      lib/waypoints/waypoints.min.js
  84. 542
    0
      lib/wow/wow.js
  85. 3
    0
      lib/wow/wow.min.js
  86. 476
    0
      loyalty-solutions.html
  87. 476
    0
      rack-and-trace.html
  88. 476
    0
      racks.html
  89. 476
    0
      resouces.html
  90. 32
    0
      scss/bootstrap.scss
  91. 118
    0
      scss/bootstrap/scss/_accordion.scss
  92. 57
    0
      scss/bootstrap/scss/_alert.scss
  93. 29
    0
      scss/bootstrap/scss/_badge.scss
  94. 28
    0
      scss/bootstrap/scss/_breadcrumb.scss
  95. 139
    0
      scss/bootstrap/scss/_button-group.scss
  96. 111
    0
      scss/bootstrap/scss/_buttons.scss
  97. 215
    0
      scss/bootstrap/scss/_card.scss
  98. 229
    0
      scss/bootstrap/scss/_carousel.scss
  99. 40
    0
      scss/bootstrap/scss/_close.scss
  100. 0
    0
      scss/bootstrap/scss/_containers.scss

+ 389
- 0
404.html 查看文件

1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+    <head>
5 
+        <meta charset="utf-8">
6 
+        <title>LifeSure - Life Insurance Website Template</title>
7 
+        <meta content="width=device-width, initial-scale=1.0" name="viewport">
8 
+        <meta content="" name="keywords">
9 
+        <meta content="" name="description">
10 
+
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 href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:slnt,wght@-10..0,100..900&display=swap" rel="stylesheet">
15 
+
16 
+        <!-- Icon Font Stylesheet -->
17 
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
18 
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
19 
+
20 
+        <!-- Libraries Stylesheet -->
21 
+        <link rel="stylesheet" href="lib/animate/animate.min.css"/>
22 
+        <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
23 
+        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
24 
+
25 
+
26 
+        <!-- Customized Bootstrap Stylesheet -->
27 
+        <link href="css/bootstrap.min.css" rel="stylesheet">
28 
+
29 
+        <!-- Template Stylesheet -->
30 
+        <link href="css/style.css" rel="stylesheet">
31 
+    </head>
32 
+
33 
+    <body>
34 
+
35 
+        <!-- Spinner Start -->
36 
+        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
37 
+            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
38 
+                <span class="sr-only">Loading...</span>
39 
+            </div>
40 
+        </div>
41 
+        <!-- Spinner End -->
42 
+
43 
+        <!-- Topbar Start -->
44 
+        <div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
45 
+            <div class="container">
46 
+                <div class="row gx-0 align-items-center">
47 
+                    <div class="col-lg-8 text-center text-lg-start mb-lg-0">
48 
+                        <div class="d-flex flex-wrap">
49 
+                            <div class="border-end border-primary pe-3">
50 
+                                <a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
51 
+                            </div>
52 
+                            <div class="ps-3">
53 
+                                <a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
54 
+                            </div>
55 
+                        </div>
56 
+                    </div>
57 
+                    <div class="col-lg-4 text-center text-lg-end">
58 
+                        <div class="d-flex justify-content-end">
59 
+                            <div class="d-flex border-end border-primary pe-3">
60 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
61 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
62 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
63 
+                                <a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
64 
+                            </div>
65 
+                            <div class="dropdown ms-3">
66 
+                                <a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
67 
+                                <div class="dropdown-menu rounded">
68 
+                                    <a href="#" class="dropdown-item">English</a>
69 
+                                    <a href="#" class="dropdown-item">Bangla</a>
70 
+                                    <a href="#" class="dropdown-item">French</a>
71 
+                                    <a href="#" class="dropdown-item">Spanish</a>
72 
+                                    <a href="#" class="dropdown-item">Arabic</a>
73 
+                                </div>
74 
+                            </div>
75 
+                        </div>
76 
+                    </div>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+        <!-- Topbar End -->
81 
+
82 
+        <!-- Navbar & Hero Start -->
83 
+        <div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
84 
+            <div class="container">
85 
+                <nav class="navbar navbar-expand-lg navbar-light">
86 
+                    <a href="#" class="navbar-brand p-0">
87 
+                        <h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
88 
+                        <!-- <img src="img/logo.png" alt="Logo"> -->
89 
+                    </a>
90 
+                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
91 
+                        <span class="fa fa-bars"></span>
92 
+                    </button>
93 
+                    <div class="collapse navbar-collapse" id="navbarCollapse">
94 
+                        <div class="navbar-nav mx-0 mx-lg-auto">
95 
+                            <a href="index.html" class="nav-item nav-link">Home</a>
96 
+                            <a href="about.html" class="nav-item nav-link">About</a>
97 
+                            <a href="service.html" class="nav-item nav-link">Services</a>
98 
+                            <a href="blog.html" class="nav-item nav-link">Blog</a>
99 
+                            <div class="nav-item dropdown active">
100 
+                                <a href="#" class="nav-link" data-bs-toggle="dropdown">
101 
+                                    <span class="dropdown-toggle">Pages</span>
102 
+                                </a>
103 
+                                <div class="dropdown-menu">
104 
+                                    <a href="feature.html" class="dropdown-item">Our Features</a>
105 
+                                    <a href="team.html" class="dropdown-item">Our team</a>
106 
+                                    <a href="testimonial.html" class="dropdown-item">Testimonial</a>
107 
+                                    <a href="FAQ.html" class="dropdown-item">FAQs</a>
108 
+                                    <a href="404.html" class="dropdown-item active">404 Page</a>
109 
+                                </div>
110 
+                            </div>
111 
+                            <a href="contact.html" class="nav-item nav-link">Contact</a>
112 
+                            <div class="nav-btn px-3">
113 
+                                <button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
114 
+                                <a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
115 
+                            </div>
116 
+                        </div>
117 
+                    </div>
118 
+                    <div class="d-none d-xl-flex flex-shrink-0 ps-4">
119 
+                        <a href="#" class="btn btn-light btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
120 
+                            <i class="fa fa-phone-alt fa-2x"></i>
121 
+                            <div class="position-absolute" style="top: 7px; right: 12px;">
122 
+                                <span><i class="fa fa-comment-dots text-secondary"></i></span>
123 
+                            </div>
124 
+                        </a>
125 
+                        <div class="d-flex flex-column ms-3">
126 
+                            <span>Call to Our Experts</span>
127 
+                            <a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
128 
+                        </div>
129 
+                    </div>
130 
+                </nav>
131 
+            </div>
132 
+        </div>
133 
+        <!-- Navbar & Hero End -->
134 
+
135 
+        <!-- Modal Search Start -->
136 
+        <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
137 
+            <div class="modal-dialog modal-fullscreen">
138 
+                <div class="modal-content rounded-0">
139 
+                    <div class="modal-header">
140 
+                        <h5 class="modal-title" id="exampleModalLabel">Search by keyword</h5>
141 
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
142 
+                    </div>
143 
+                    <div class="modal-body d-flex align-items-center bg-primary">
144 
+                        <div class="input-group w-75 mx-auto d-flex">
145 
+                            <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
146 
+                            <span id="search-icon-1" class="btn bg-light border nput-group-text p-3"><i class="fa fa-search"></i></span>
147 
+                        </div>
148 
+                    </div>
149 
+                </div>
150 
+            </div>
151 
+        </div>
152 
+        <!-- Modal Search End -->
153 
+
154 
+
155 
+        <!-- Header Start -->
156 
+        <div class="container-fluid bg-breadcrumb">
157 
+            <div class="container text-center py-5" style="max-width: 900px;">
158 
+                <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">404 Pages</h4>
159 
+                <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
160 
+                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
161 
+                    <li class="breadcrumb-item"><a href="#">Pages</a></li>
162 
+                    <li class="breadcrumb-item active text-primary">404 Page</li>
163 
+                </ol>
164 
+            </div>
165 
+        </div>
166 
+        <!-- Header End -->
167 
+
168 
+
169 
+        <!-- 404 Start -->
170 
+        <div class="container-fluid bg-light py-5">
171 
+            <div class="container py-5 text-center">
172 
+                <div class="row justify-content-center">
173 
+                    <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
174 
+                        <i class="far fa-frown-open display-1 text-primary mb-4" style="width: 80px; height: 80px;"></i>
175 
+                        <h1 class="display-1">404</h1>
176 
+                        <h1 class="mb-4">Page Not Found</h1>
177 
+                        <p class="mb-4">We’re sorry, the page you have looked for does not exist in our website! Maybe go to our home page or try to use a search?</p>
178 
+                        <a class="btn btn-primary rounded-pill py-3 px-5" href="index.html">Go Back To Home</a>
179 
+                    </div>
180 
+                </div>
181 
+            </div>
182 
+        </div>
183 
+        <!-- 404 End -->
184 
+
185 
+
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"><i class="fab fa-slack me-3"></i> LifeSure</h3>
198 
+                                            <!-- <img src="img/logo.png" alt="Logo"> -->
199 
+                                        </a>
200 
+                                        <p class="text-white mb-4">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing...</p>
201 
+                                        <div class="footer-btn d-flex">
202 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-facebook-f"></i></a>
203 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-twitter"></i></a>
204 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-instagram"></i></a>
205 
+                                            <a class="btn btn-md-square rounded-circle me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
206 
+                                        </div>
207 
+                                    </div>
208 
+                                </div>
209 
+                                <div class="col-md-6 col-lg-6 col-xl-3">
210 
+                                    <div class="footer-item">
211 
+                                        <h4 class="text-white mb-4">Useful Links</h4>
212 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
213 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
214 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
215 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
216 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
217 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
218 
+                                    </div>
219 
+                                </div>
220 
+                                <div class="col-md-6 col-lg-6 col-xl-4">
221 
+                                    <div class="footer-item">
222 
+                                        <h4 class="mb-4 text-white">Instagram</h4>
223 
+                                        <div class="row g-3">
224 
+                                            <div class="col-4">
225 
+                                                <div class="footer-instagram rounded">
226 
+                                                    <img src="img/instagram-footer-1.jpg" class="img-fluid w-100" alt="">
227 
+                                                    <div class="footer-search-icon">
228 
+                                                        <a href="img/instagram-footer-1.jpg" data-lightbox="footerInstagram-1" class="my-auto"><i class="fas fa-link text-white"></i></a>
229 
+                                                    </div>
230 
+                                                </div>
231 
+                                           </div>
232 
+                                           <div class="col-4">
233 
+                                                <div class="footer-instagram rounded">
234 
+                                                    <img src="img/instagram-footer-2.jpg" class="img-fluid w-100" alt="">
235 
+                                                    <div class="footer-search-icon">
236 
+                                                        <a href="img/instagram-footer-2.jpg" data-lightbox="footerInstagram-2" class="my-auto"><i class="fas fa-link text-white"></i></a>
237 
+                                                    </div>
238 
+                                                </div>
239 
+                                           </div>
240 
+                                            <div class="col-4">
241 
+                                                <div class="footer-instagram rounded">
242 
+                                                    <img src="img/instagram-footer-3.jpg" class="img-fluid w-100" alt="">
243 
+                                                    <div class="footer-search-icon">
244 
+                                                        <a href="img/instagram-footer-3.jpg" data-lightbox="footerInstagram-3" class="my-auto"><i class="fas fa-link text-white"></i></a>
245 
+                                                    </div>
246 
+                                                </div>
247 
+                                           </div>
248 
+                                            <div class="col-4">
249 
+                                                <div class="footer-instagram rounded">
250 
+                                                    <img src="img/instagram-footer-4.jpg" class="img-fluid w-100" alt="">
251 
+                                                    <div class="footer-search-icon">
252 
+                                                        <a href="img/instagram-footer-4.jpg" data-lightbox="footerInstagram-4" class="my-auto"><i class="fas fa-link text-white"></i></a>
253 
+                                                    </div>
254 
+                                                </div>
255 
+                                           </div>
256 
+                                            <div class="col-4">
257 
+                                                <div class="footer-instagram rounded">
258 
+                                                    <img src="img/instagram-footer-5.jpg" class="img-fluid w-100" alt="">
259 
+                                                    <div class="footer-search-icon">
260 
+                                                        <a href="img/instagram-footer-5.jpg" data-lightbox="footerInstagram-5" class="my-auto"><i class="fas fa-link text-white"></i></a>
261 
+                                                    </div>
262 
+                                                </div>
263 
+                                           </div>
264 
+                                           <div class="col-4">
265 
+                                                <div class="footer-instagram rounded">
266 
+                                                    <img src="img/instagram-footer-6.jpg" class="img-fluid w-100" alt="">
267 
+                                                    <div class="footer-search-icon">
268 
+                                                        <a href="img/instagram-footer-6.jpg" data-lightbox="footerInstagram-6" class="my-auto"><i class="fas fa-link text-white"></i></a>
269 
+                                                    </div>
270 
+                                                </div>
271 
+                                            </div>
272 
+                                        </div>
273 
+                                    </div>
274 
+                                </div>
275 
+                            </div>
276 
+                        </div>
277 
+                        <div class="pt-5" style="border-top: 1px solid rgba(255, 255, 255, 0.08);">
278 
+                            <div class="row g-0">
279 
+                                <div class="col-12">
280 
+                                    <div class="row g-4">
281 
+                                        <div class="col-lg-6 col-xl-4">
282 
+                                            <div class="d-flex">
283 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
284 
+                                                    <i class="fas fa-map-marker-alt fa-2x"></i>
285 
+                                                </div>
286 
+                                                <div>
287 
+                                                    <h4 class="text-white">Address</h4>
288 
+                                                    <p class="mb-0">123 Street New York.USA</p>
289 
+                                                </div>
290 
+                                            </div>
291 
+                                        </div>
292 
+                                        <div class="col-lg-6 col-xl-4">
293 
+                                            <div class="d-flex">
294 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
295 
+                                                    <i class="fas fa-envelope fa-2x"></i>
296 
+                                                </div>
297 
+                                                <div>
298 
+                                                    <h4 class="text-white">Mail Us</h4>
299 
+                                                    <p class="mb-0">info@example.com</p>
300 
+                                                </div>
301 
+                                            </div>
302 
+                                        </div>
303 
+                                        <div class="col-lg-6 col-xl-4">
304 
+                                            <div class="d-flex">
305 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
306 
+                                                    <i class="fa fa-phone-alt fa-2x"></i>
307 
+                                                </div>
308 
+                                                <div>
309 
+                                                    <h4 class="text-white">Telephone</h4>
310 
+                                                    <p class="mb-0">(+012) 3456 7890</p>
311 
+                                                </div>
312 
+                                            </div>
313 
+                                        </div>
314 
+                                    </div>
315 
+                                </div>
316 
+                            </div>
317 
+                        </div>
318 
+                    </div>
319 
+
320 
+                    <div class="col-xl-3">
321 
+                        <div class="footer-item">
322 
+                            <h4 class="text-white mb-4">Newsletter</h4>
323 
+                            <p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
324 
+                            <div class="position-relative rounded-pill mb-4">
325 
+                                <input class="form-control rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
326 
+                                <button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
327 
+                            </div>
328 
+                            <div class="d-flex flex-shrink-0">
329 
+                                <div class="footer-btn">
330 
+                                    <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
331 
+                                        <i class="fa fa-phone-alt fa-2x"></i>
332 
+                                        <div class="position-absolute" style="top: 2px; right: 12px;">
333 
+                                            <span><i class="fa fa-comment-dots text-secondary"></i></span>
334 
+                                        </div>
335 
+                                    </a>
336 
+                                </div>
337 
+                                <div class="d-flex flex-column ms-3 flex-shrink-0">
338 
+                                    <span>Call to Our Experts</span>
339 
+                                    <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456 7890</span></a>
340 
+                                </div>
341 
+                            </div>
342 
+                        </div>
343 
+                    </div>
344 
+                </div>
345 
+            </div>
346 
+        </div>
347 
+        <!-- Footer End -->
348 
+
349 
+        <!-- Copyright Start -->
350 
+        <div class="container-fluid copyright py-4">
351 
+            <div class="container">
352 
+                <div class="row g-4 align-items-center">
353 
+                    <div class="col-md-6 text-center text-md-end mb-md-0">
354 
+                        <span class="text-body"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
355 
+                    </div>
356 
+                    <div class="col-md-6 text-center text-md-start text-body">
357 
+                        <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
358 
+                        <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
359 
+                        <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
360 
+                        Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a> Distributed By <a class="border-bottom text-white" href="https://themewagon.com">ThemeWagon</a>
361 
+                    </div>
362 
+                </div>
363 
+            </div>
364 
+        </div>
365 
+        <!-- Copyright End -->
366 
+</footer>
367 
+
368 
+
369 
+        <!-- Back to Top -->
370 
+        <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>
371 
+
372 
+
373 
+        <!-- JavaScript Libraries -->
374 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
375 
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
376 
+        <script src="lib/wow/wow.min.js"></script>
377 
+        <script src="lib/easing/easing.min.js"></script>
378 
+        <script src="lib/waypoints/waypoints.min.js"></script>
379 
+        <script src="lib/counterup/counterup.min.js"></script>
380 
+        <script src="lib/lightbox/js/lightbox.min.js"></script>
381 
+        <script src="lib/owlcarousel/owl.carousel.min.js"></script>
382 
+
383 
+
384 
+        <!-- Template Javascript -->
385 
+        <script src="js/main.js"></script>
386 
+<script src="js/footer.js"></script>
387 
+    </body>
388 
+
389 
+</html>

+ 431
- 0
FAQ.html 查看文件

1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+    <head>
5 
+        <meta charset="utf-8">
6 
+        <title>LifeSure - Life Insurance Website Template</title>
7 
+        <meta content="width=device-width, initial-scale=1.0" name="viewport">
8 
+        <meta content="" name="keywords">
9 
+        <meta content="" name="description">
10 
+
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 href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:slnt,wght@-10..0,100..900&display=swap" rel="stylesheet">
15 
+
16 
+        <!-- Icon Font Stylesheet -->
17 
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
18 
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
19 
+
20 
+        <!-- Libraries Stylesheet -->
21 
+        <link rel="stylesheet" href="lib/animate/animate.min.css"/>
22 
+        <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
23 
+        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
24 
+
25 
+
26 
+        <!-- Customized Bootstrap Stylesheet -->
27 
+        <link href="css/bootstrap.min.css" rel="stylesheet">
28 
+
29 
+        <!-- Template Stylesheet -->
30 
+        <link href="css/style.css" rel="stylesheet">
31 
+    </head>
32 
+
33 
+    <body>
34 
+
35 
+        <!-- Spinner Start -->
36 
+        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
37 
+            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
38 
+                <span class="sr-only">Loading...</span>
39 
+            </div>
40 
+        </div>
41 
+        <!-- Spinner End -->
42 
+
43 
+        <!-- Topbar Start -->
44 
+        <div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
45 
+            <div class="container">
46 
+                <div class="row gx-0 align-items-center">
47 
+                    <div class="col-lg-8 text-center text-lg-start mb-lg-0">
48 
+                        <div class="d-flex flex-wrap">
49 
+                            <div class="border-end border-primary pe-3">
50 
+                                <a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
51 
+                            </div>
52 
+                            <div class="ps-3">
53 
+                                <a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
54 
+                            </div>
55 
+                        </div>
56 
+                    </div>
57 
+                    <div class="col-lg-4 text-center text-lg-end">
58 
+                        <div class="d-flex justify-content-end">
59 
+                            <div class="d-flex border-end border-primary pe-3">
60 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
61 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
62 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
63 
+                                <a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
64 
+                            </div>
65 
+                            <div class="dropdown ms-3">
66 
+                                <a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
67 
+                                <div class="dropdown-menu rounded">
68 
+                                    <a href="#" class="dropdown-item">English</a>
69 
+                                    <a href="#" class="dropdown-item">Bangla</a>
70 
+                                    <a href="#" class="dropdown-item">French</a>
71 
+                                    <a href="#" class="dropdown-item">Spanish</a>
72 
+                                    <a href="#" class="dropdown-item">Arabic</a>
73 
+                                </div>
74 
+                            </div>
75 
+                        </div>
76 
+                    </div>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+        <!-- Topbar End -->
81 
+
82 
+        <!-- Navbar & Hero Start -->
83 
+        <div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
84 
+            <div class="container">
85 
+                <nav class="navbar navbar-expand-lg navbar-light">
86 
+                    <a href="#" class="navbar-brand p-0">
87 
+                        <h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
88 
+                        <!-- <img src="img/logo.png" alt="Logo"> -->
89 
+                    </a>
90 
+                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
91 
+                        <span class="fa fa-bars"></span>
92 
+                    </button>
93 
+                    <div class="collapse navbar-collapse" id="navbarCollapse">
94 
+                        <div class="navbar-nav mx-0 mx-lg-auto">
95 
+                            <a href="index.html" class="nav-item nav-link">Home</a>
96 
+                            <a href="about.html" class="nav-item nav-link">About</a>
97 
+                            <a href="service.html" class="nav-item nav-link">Services</a>
98 
+                            <a href="blog.html" class="nav-item nav-link">Blog</a>
99 
+                            <div class="nav-item dropdown active">
100 
+                                <a href="#" class="nav-link" data-bs-toggle="dropdown">
101 
+                                    <span class="dropdown-toggle">Pages</span>
102 
+                                </a>
103 
+                                <div class="dropdown-menu">
104 
+                                    <a href="feature.html" class="dropdown-item">Our Features</a>
105 
+                                    <a href="team.html" class="dropdown-item">Our team</a>
106 
+                                    <a href="testimonial.html" class="dropdown-item">Testimonial</a>
107 
+                                    <a href="FAQ.html" class="dropdown-item active">FAQs</a>
108 
+                                    <a href="404.html" class="dropdown-item">404 Page</a>
109 
+                                </div>
110 
+                            </div>
111 
+                            <a href="contact.html" class="nav-item nav-link">Contact</a>
112 
+                            <div class="nav-btn px-3">
113 
+                                <button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
114 
+                                <a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
115 
+                            </div>
116 
+                        </div>
117 
+                    </div>
118 
+                    <div class="d-none d-xl-flex flex-shrink-0 ps-4">
119 
+                        <a href="#" class="btn btn-light btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
120 
+                            <i class="fa fa-phone-alt fa-2x"></i>
121 
+                            <div class="position-absolute" style="top: 7px; right: 12px;">
122 
+                                <span><i class="fa fa-comment-dots text-secondary"></i></span>
123 
+                            </div>
124 
+                        </a>
125 
+                        <div class="d-flex flex-column ms-3">
126 
+                            <span>Call to Our Experts</span>
127 
+                            <a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
128 
+                        </div>
129 
+                    </div>
130 
+                </nav>
131 
+            </div>
132 
+        </div>
133 
+        <!-- Navbar & Hero End -->
134 
+
135 
+        <!-- Modal Search Start -->
136 
+        <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
137 
+            <div class="modal-dialog modal-fullscreen">
138 
+                <div class="modal-content rounded-0">
139 
+                    <div class="modal-header">
140 
+                        <h5 class="modal-title" id="exampleModalLabel">Search by keyword</h5>
141 
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
142 
+                    </div>
143 
+                    <div class="modal-body d-flex align-items-center bg-primary">
144 
+                        <div class="input-group w-75 mx-auto d-flex">
145 
+                            <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
146 
+                            <span id="search-icon-1" class="btn bg-light border nput-group-text p-3"><i class="fa fa-search"></i></span>
147 
+                        </div>
148 
+                    </div>
149 
+                </div>
150 
+            </div>
151 
+        </div>
152 
+        <!-- Modal Search End -->
153 
+
154 
+
155 
+        <!-- Header Start -->
156 
+        <div class="container-fluid bg-breadcrumb">
157 
+            <div class="container text-center py-5" style="max-width: 900px;">
158 
+                <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Frequently Asked Questions</h4>
159 
+                <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
160 
+                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
161 
+                    <li class="breadcrumb-item"><a href="#">Pages</a></li>
162 
+                    <li class="breadcrumb-item active text-primary">FAQs</li>
163 
+                </ol>
164 
+            </div>
165 
+        </div>
166 
+        <!-- Header End -->
167 
+
168 
+
169 
+        <!-- FAQs Start -->
170 
+        <div class="container-fluid faq-section bg-light py-5">
171 
+            <div class="container py-5">
172 
+                <div class="row g-5 align-items-center">
173 
+                    <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
174 
+                        <div class="h-100">
175 
+                            <div class="mb-5">
176 
+                                <h4 class="text-primary">Some Important FAQ's</h4>
177 
+                                <h1 class="display-4 mb-0">Common Frequently Asked Questions</h1>
178 
+                            </div>
179 
+                            <div class="accordion" id="accordionExample">
180 
+                                <div class="accordion-item">
181 
+                                    <h2 class="accordion-header" id="headingOne">
182 
+                                        <button class="accordion-button border-0" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
183 
+                                            Q: What happens during Freshers' Week?
184 
+                                        </button>
185 
+                                    </h2>
186 
+                                    <div id="collapseOne" class="accordion-collapse collapse show active" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
187 
+                                        <div class="accordion-body rounded">
188 
+                                            A: Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
189 
+                                        </div>
190 
+                                    </div>
191 
+                                </div>
192 
+                                <div class="accordion-item">
193 
+                                    <h2 class="accordion-header" id="headingTwo">
194 
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
195 
+                                            Q: What is the transfer application process?
196 
+                                        </button>
197 
+                                    </h2>
198 
+                                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
199 
+                                        <div class="accordion-body">
200 
+                                            A: Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
201 
+                                        </div>
202 
+                                    </div>
203 
+                                </div>
204 
+                                <div class="accordion-item">
205 
+                                    <h2 class="accordion-header" id="headingThree">
206 
+                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
207 
+                                            Q: Why should I attend community college?
208 
+                                        </button>
209 
+                                    </h2>
210 
+                                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
211 
+                                        <div class="accordion-body">
212 
+                                            A: Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment.
213 
+                                        </div>
214 
+                                    </div>
215 
+                                </div>
216 
+                            </div>
217 
+                        </div>
218 
+                    </div>
219 
+                    <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
220 
+                        <img src="img/carousel-2.png" class="img-fluid w-100" alt="">
221 
+                    </div>
222 
+                </div>
223 
+            </div>
224 
+        </div>
225 
+        <!-- FAQs End -->
226 
+
227 
+
228 
+        <!-- Footer Start -->
229 
+<footer>
230 
+        <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
231 
+            <div class="container py-5">
232 
+                <div class="row g-5">
233 
+                    <div class="col-xl-9">
234 
+                        <div class="mb-5">
235 
+                            <div class="row g-4">
236 
+                                <div class="col-md-6 col-lg-6 col-xl-5">
237 
+                                    <div class="footer-item">
238 
+                                        <a href="index.html" class="p-0">
239 
+                                            <h3 class="text-white"><i class="fab fa-slack me-3"></i> LifeSure</h3>
240 
+                                            <!-- <img src="img/logo.png" alt="Logo"> -->
241 
+                                        </a>
242 
+                                        <p class="text-white mb-4">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing...</p>
243 
+                                        <div class="footer-btn d-flex">
244 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-facebook-f"></i></a>
245 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-twitter"></i></a>
246 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-instagram"></i></a>
247 
+                                            <a class="btn btn-md-square rounded-circle me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
248 
+                                        </div>
249 
+                                    </div>
250 
+                                </div>
251 
+                                <div class="col-md-6 col-lg-6 col-xl-3">
252 
+                                    <div class="footer-item">
253 
+                                        <h4 class="text-white mb-4">Useful Links</h4>
254 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
255 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
256 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
257 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
258 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
259 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
260 
+                                    </div>
261 
+                                </div>
262 
+                                <div class="col-md-6 col-lg-6 col-xl-4">
263 
+                                    <div class="footer-item">
264 
+                                        <h4 class="mb-4 text-white">Instagram</h4>
265 
+                                        <div class="row g-3">
266 
+                                            <div class="col-4">
267 
+                                                <div class="footer-instagram rounded">
268 
+                                                    <img src="img/instagram-footer-1.jpg" class="img-fluid w-100" alt="">
269 
+                                                    <div class="footer-search-icon">
270 
+                                                        <a href="img/instagram-footer-1.jpg" data-lightbox="footerInstagram-1" class="my-auto"><i class="fas fa-link text-white"></i></a>
271 
+                                                    </div>
272 
+                                                </div>
273 
+                                           </div>
274 
+                                           <div class="col-4">
275 
+                                                <div class="footer-instagram rounded">
276 
+                                                    <img src="img/instagram-footer-2.jpg" class="img-fluid w-100" alt="">
277 
+                                                    <div class="footer-search-icon">
278 
+                                                        <a href="img/instagram-footer-2.jpg" data-lightbox="footerInstagram-2" class="my-auto"><i class="fas fa-link text-white"></i></a>
279 
+                                                    </div>
280 
+                                                </div>
281 
+                                           </div>
282 
+                                            <div class="col-4">
283 
+                                                <div class="footer-instagram rounded">
284 
+                                                    <img src="img/instagram-footer-3.jpg" class="img-fluid w-100" alt="">
285 
+                                                    <div class="footer-search-icon">
286 
+                                                        <a href="img/instagram-footer-3.jpg" data-lightbox="footerInstagram-3" class="my-auto"><i class="fas fa-link text-white"></i></a>
287 
+                                                    </div>
288 
+                                                </div>
289 
+                                           </div>
290 
+                                            <div class="col-4">
291 
+                                                <div class="footer-instagram rounded">
292 
+                                                    <img src="img/instagram-footer-4.jpg" class="img-fluid w-100" alt="">
293 
+                                                    <div class="footer-search-icon">
294 
+                                                        <a href="img/instagram-footer-4.jpg" data-lightbox="footerInstagram-4" class="my-auto"><i class="fas fa-link text-white"></i></a>
295 
+                                                    </div>
296 
+                                                </div>
297 
+                                           </div>
298 
+                                            <div class="col-4">
299 
+                                                <div class="footer-instagram rounded">
300 
+                                                    <img src="img/instagram-footer-5.jpg" class="img-fluid w-100" alt="">
301 
+                                                    <div class="footer-search-icon">
302 
+                                                        <a href="img/instagram-footer-5.jpg" data-lightbox="footerInstagram-5" class="my-auto"><i class="fas fa-link text-white"></i></a>
303 
+                                                    </div>
304 
+                                                </div>
305 
+                                           </div>
306 
+                                           <div class="col-4">
307 
+                                                <div class="footer-instagram rounded">
308 
+                                                    <img src="img/instagram-footer-6.jpg" class="img-fluid w-100" alt="">
309 
+                                                    <div class="footer-search-icon">
310 
+                                                        <a href="img/instagram-footer-6.jpg" data-lightbox="footerInstagram-6" class="my-auto"><i class="fas fa-link text-white"></i></a>
311 
+                                                    </div>
312 
+                                                </div>
313 
+                                            </div>
314 
+                                        </div>
315 
+                                    </div>
316 
+                                </div>
317 
+                            </div>
318 
+                        </div>
319 
+                        <div class="pt-5" style="border-top: 1px solid rgba(255, 255, 255, 0.08);">
320 
+                            <div class="row g-0">
321 
+                                <div class="col-12">
322 
+                                    <div class="row g-4">
323 
+                                        <div class="col-lg-6 col-xl-4">
324 
+                                            <div class="d-flex">
325 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
326 
+                                                    <i class="fas fa-map-marker-alt fa-2x"></i>
327 
+                                                </div>
328 
+                                                <div>
329 
+                                                    <h4 class="text-white">Address</h4>
330 
+                                                    <p class="mb-0">123 Street New York.USA</p>
331 
+                                                </div>
332 
+                                            </div>
333 
+                                        </div>
334 
+                                        <div class="col-lg-6 col-xl-4">
335 
+                                            <div class="d-flex">
336 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
337 
+                                                    <i class="fas fa-envelope fa-2x"></i>
338 
+                                                </div>
339 
+                                                <div>
340 
+                                                    <h4 class="text-white">Mail Us</h4>
341 
+                                                    <p class="mb-0">info@example.com</p>
342 
+                                                </div>
343 
+                                            </div>
344 
+                                        </div>
345 
+                                        <div class="col-lg-6 col-xl-4">
346 
+                                            <div class="d-flex">
347 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
348 
+                                                    <i class="fa fa-phone-alt fa-2x"></i>
349 
+                                                </div>
350 
+                                                <div>
351 
+                                                    <h4 class="text-white">Telephone</h4>
352 
+                                                    <p class="mb-0">(+012) 3456 7890</p>
353 
+                                                </div>
354 
+                                            </div>
355 
+                                        </div>
356 
+                                    </div>
357 
+                                </div>
358 
+                            </div>
359 
+                        </div>
360 
+                    </div>
361 
+
362 
+                    <div class="col-xl-3">
363 
+                        <div class="footer-item">
364 
+                            <h4 class="text-white mb-4">Newsletter</h4>
365 
+                            <p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
366 
+                            <div class="position-relative rounded-pill mb-4">
367 
+                                <input class="form-control rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
368 
+                                <button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
369 
+                            </div>
370 
+                            <div class="d-flex flex-shrink-0">
371 
+                                <div class="footer-btn">
372 
+                                    <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
373 
+                                        <i class="fa fa-phone-alt fa-2x"></i>
374 
+                                        <div class="position-absolute" style="top: 2px; right: 12px;">
375 
+                                            <span><i class="fa fa-comment-dots text-secondary"></i></span>
376 
+                                        </div>
377 
+                                    </a>
378 
+                                </div>
379 
+                                <div class="d-flex flex-column ms-3 flex-shrink-0">
380 
+                                    <span>Call to Our Experts</span>
381 
+                                    <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456 7890</span></a>
382 
+                                </div>
383 
+                            </div>
384 
+                        </div>
385 
+                    </div>
386 
+                </div>
387 
+            </div>
388 
+        </div>
389 
+        <!-- Footer End -->
390 
+
391 
+        <!-- Copyright Start -->
392 
+        <div class="container-fluid copyright py-4">
393 
+            <div class="container">
394 
+                <div class="row g-4 align-items-center">
395 
+                    <div class="col-md-6 text-center text-md-end mb-md-0">
396 
+                        <span class="text-body"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
397 
+                    </div>
398 
+                    <div class="col-md-6 text-center text-md-start text-body">
399 
+                        <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
400 
+                        <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
401 
+                        <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
402 
+                        Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a> Distributed By <a class="border-bottom text-white" href="https://themewagon.com">ThemeWagon</a>
403 
+                    </div>
404 
+                </div>
405 
+            </div>
406 
+        </div>
407 
+        <!-- Copyright End -->
408 
+</footer>
409 
+
410 
+
411 
+        <!-- Back to Top -->
412 
+        <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>
413 
+
414 
+
415 
+        <!-- JavaScript Libraries -->
416 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
417 
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
418 
+        <script src="lib/wow/wow.min.js"></script>
419 
+        <script src="lib/easing/easing.min.js"></script>
420 
+        <script src="lib/waypoints/waypoints.min.js"></script>
421 
+        <script src="lib/counterup/counterup.min.js"></script>
422 
+        <script src="lib/lightbox/js/lightbox.min.js"></script>
423 
+        <script src="lib/owlcarousel/owl.carousel.min.js"></script>
424 
+
425 
+
426 
+        <!-- Template Javascript -->
427 
+        <script src="js/main.js"></script>
428 
+<script src="js/footer.js"></script>
429 
+    </body>
430 
+
431 
+</html>

+ 476
- 0
about-us.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">About us</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 723
- 0
about.html 查看文件

1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="utf-8">
6 
+    <title>LifeSure - Life Insurance Website Template</title>
7 
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
8 
+    <meta content="" name="keywords">
9 
+    <meta content="" name="description">
10 
+
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 
+
18 
+    <!-- Icon Font Stylesheet -->
19 
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
20 
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
21 
+
22 
+    <!-- Libraries Stylesheet -->
23 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
24 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
25 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
26 
+
27 
+
28 
+    <!-- Customized Bootstrap Stylesheet -->
29 
+    <link href="css/bootstrap.min.css" rel="stylesheet">
30 
+
31 
+    <!-- Template Stylesheet -->
32 
+    <link href="css/style.css" rel="stylesheet">
33 
+</head>
34 
+
35 
+<body>
36 
+
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 
+    <!-- Topbar Start -->
47 
+    <div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
48 
+        <div class="container">
49 
+            <div class="row gx-0 align-items-center">
50 
+                <div class="col-lg-8 text-center text-lg-start mb-lg-0">
51 
+                    <div class="d-flex flex-wrap">
52 
+                        <div class="border-end border-primary pe-3">
53 
+                            <a href="#" class="text-muted small"><i
54 
+                                    class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
55 
+                        </div>
56 
+                        <div class="ps-3">
57 
+                            <a href="mailto:example@gmail.com" class="text-muted small"><i
58 
+                                    class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
59 
+                        </div>
60 
+                    </div>
61 
+                </div>
62 
+                <div class="col-lg-4 text-center text-lg-end">
63 
+                    <div class="d-flex justify-content-end">
64 
+                        <div class="d-flex border-end border-primary pe-3">
65 
+                            <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
66 
+                            <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
67 
+                            <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
68 
+                            <a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
69 
+                        </div>
70 
+                        <div class="dropdown ms-3">
71 
+                            <a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i
72 
+                                        class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
73 
+                            <div class="dropdown-menu rounded">
74 
+                                <a href="#" class="dropdown-item">English</a>
75 
+                                <a href="#" class="dropdown-item">Bangla</a>
76 
+                                <a href="#" class="dropdown-item">French</a>
77 
+                                <a href="#" class="dropdown-item">Spanish</a>
78 
+                                <a href="#" class="dropdown-item">Arabic</a>
79 
+                            </div>
80 
+                        </div>
81 
+                    </div>
82 
+                </div>
83 
+            </div>
84 
+        </div>
85 
+    </div>
86 
+    <!-- Topbar End -->
87 
+
88 
+    <!-- Navbar & Hero Start -->
89 
+    <div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
90 
+        <div class="container">
91 
+            <nav class="navbar navbar-expand-lg navbar-light">
92 
+                <a href="#" class="navbar-brand p-0">
93 
+                    <h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
94 
+                    <!-- <img src="img/logo.png" alt="Logo"> -->
95 
+                </a>
96 
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
97 
+                    <span class="fa fa-bars"></span>
98 
+                </button>
99 
+                <div class="collapse navbar-collapse" id="navbarCollapse">
100 
+                    <div class="navbar-nav mx-0 mx-lg-auto">
101 
+                        <a href="index.html" class="nav-item nav-link">Home</a>
102 
+                        <a href="about.html" class="nav-item nav-link active">About</a>
103 
+                        <a href="service.html" class="nav-item nav-link">Services</a>
104 
+                        <a href="blog.html" class="nav-item nav-link">Blog</a>
105 
+                        <div class="nav-item dropdown">
106 
+                            <a href="#" class="nav-link" data-bs-toggle="dropdown">
107 
+                                <span class="dropdown-toggle">Pages</span>
108 
+                            </a>
109 
+                            <div class="dropdown-menu">
110 
+                                <a href="feature.html" class="dropdown-item">Our Features</a>
111 
+                                <a href="team.html" class="dropdown-item">Our team</a>
112 
+                                <a href="testimonial.html" class="dropdown-item">Testimonial</a>
113 
+                                <a href="FAQ.html" class="dropdown-item">FAQs</a>
114 
+                                <a href="404.html" class="dropdown-item">404 Page</a>
115 
+                            </div>
116 
+                        </div>
117 
+                        <a href="contact.html" class="nav-item nav-link">Contact</a>
118 
+                        <div class="nav-btn px-3">
119 
+                            <button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0"
120 
+                                data-bs-toggle="modal" data-bs-target="#searchModal"><i
121 
+                                    class="fas fa-search"></i></button>
122 
+                            <a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a
123 
+                                Quote</a>
124 
+                        </div>
125 
+                    </div>
126 
+                </div>
127 
+                <div class="d-none d-xl-flex flex-shrink-0 ps-4">
128 
+                    <a href="#" class="btn btn-light btn-lg-square rounded-circle position-relative wow tada"
129 
+                        data-wow-delay=".9s">
130 
+                        <i class="fa fa-phone-alt fa-2x"></i>
131 
+                        <div class="position-absolute" style="top: 7px; right: 12px;">
132 
+                            <span><i class="fa fa-comment-dots text-secondary"></i></span>
133 
+                        </div>
134 
+                    </a>
135 
+                    <div class="d-flex flex-column ms-3">
136 
+                        <span>Call to Our Experts</span>
137 
+                        <a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
138 
+                    </div>
139 
+                </div>
140 
+            </nav>
141 
+        </div>
142 
+    </div>
143 
+    <!-- Navbar & Hero End -->
144 
+
145 
+    <!-- Modal Search Start -->
146 
+    <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
147 
+        <div class="modal-dialog modal-fullscreen">
148 
+            <div class="modal-content rounded-0">
149 
+                <div class="modal-header">
150 
+                    <h5 class="modal-title" id="exampleModalLabel">Search by keyword</h5>
151 
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
152 
+                </div>
153 
+                <div class="modal-body d-flex align-items-center bg-primary">
154 
+                    <div class="input-group w-75 mx-auto d-flex">
155 
+                        <input type="search" class="form-control p-3" placeholder="keywords"
156 
+                            aria-describedby="search-icon-1">
157 
+                        <span id="search-icon-1" class="btn bg-light border nput-group-text p-3"><i
158 
+                                class="fa fa-search"></i></span>
159 
+                    </div>
160 
+                </div>
161 
+            </div>
162 
+        </div>
163 
+    </div>
164 
+    <!-- Modal Search End -->
165 
+
166 
+
167 
+    <!-- Header Start -->
168 
+    <div class="container-fluid bg-breadcrumb">
169 
+        <div class="container text-center py-5" style="max-width: 900px;">
170 
+            <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">About Us</h4>
171 
+            <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
172 
+                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
173 
+                <li class="breadcrumb-item"><a href="#">Pages</a></li>
174 
+                <li class="breadcrumb-item active text-primary">About</li>
175 
+            </ol>
176 
+        </div>
177 
+    </div>
178 
+    <!-- Header End -->
179 
+
180 
+
181 
+    <!-- About Start -->
182 
+    <div class="container-fluid bg-light about py-5">
183 
+        <div class="container py-5">
184 
+            <div class="row g-5">
185 
+                <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
186 
+                    <div class="about-item-content bg-white rounded p-5 h-100">
187 
+                        <h4 class="text-primary">About Our Company</h4>
188 
+                        <h1 class="display-4 mb-4">High Range of Exploring Protection</h1>
189 
+                        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sunt debitis sint tempora. Corporis
190 
+                            consequatur illo blanditiis voluptates aperiam quos aliquam totam aliquid rem explicabo,
191 
+                        </p>
192 
+                        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae praesentium recusandae
193 
+                            eligendi modi hic
194 
+                        </p>
195 
+                        <p class="text-dark"><i class="fa fa-check text-primary me-3"></i>We can save your money.</p>
196 
+                        <p class="text-dark"><i class="fa fa-check text-primary me-3"></i>Production or trading of good
197 
+                        </p>
198 
+                        <p class="text-dark mb-4"><i class="fa fa-check text-primary me-3"></i>Our life insurance is
199 
+                            flexible</p>
200 
+                        <a class="btn btn-primary rounded-pill py-3 px-5" href="#">More Information</a>
201 
+                    </div>
202 
+                </div>
203 
+                <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.2s">
204 
+                    <div class="bg-white rounded p-5 h-100">
205 
+                        <div class="row g-4 justify-content-center">
206 
+                            <div class="col-12">
207 
+                                <div class="rounded bg-light">
208 
+                                    <img src="img/about-1.png" class="img-fluid rounded w-100" alt="">
209 
+                                </div>
210 
+                            </div>
211 
+                            <div class="col-sm-6">
212 
+                                <div class="counter-item bg-light rounded p-3 h-100">
213 
+                                    <div class="counter-counting">
214 
+                                        <span class="text-primary fs-2 fw-bold" data-toggle="counter-up">129</span>
215 
+                                        <span class="h1 fw-bold text-primary">+</span>
216 
+                                    </div>
217 
+                                    <h4 class="mb-0 text-dark">Insurance Policies</h4>
218 
+                                </div>
219 
+                            </div>
220 
+                            <div class="col-sm-6">
221 
+                                <div class="counter-item bg-light rounded p-3 h-100">
222 
+                                    <div class="counter-counting">
223 
+                                        <span class="text-primary fs-2 fw-bold" data-toggle="counter-up">99</span>
224 
+                                        <span class="h1 fw-bold text-primary">+</span>
225 
+                                    </div>
226 
+                                    <h4 class="mb-0 text-dark">Awards WON</h4>
227 
+                                </div>
228 
+                            </div>
229 
+                            <div class="col-sm-6">
230 
+                                <div class="counter-item bg-light rounded p-3 h-100">
231 
+                                    <div class="counter-counting">
232 
+                                        <span class="text-primary fs-2 fw-bold" data-toggle="counter-up">556</span>
233 
+                                        <span class="h1 fw-bold text-primary">+</span>
234 
+                                    </div>
235 
+                                    <h4 class="mb-0 text-dark">Skilled Agents</h4>
236 
+                                </div>
237 
+                            </div>
238 
+                            <div class="col-sm-6">
239 
+                                <div class="counter-item bg-light rounded p-3 h-100">
240 
+                                    <div class="counter-counting">
241 
+                                        <span class="text-primary fs-2 fw-bold" data-toggle="counter-up">967</span>
242 
+                                        <span class="h1 fw-bold text-primary">+</span>
243 
+                                    </div>
244 
+                                    <h4 class="mb-0 text-dark">Team Members</h4>
245 
+                                </div>
246 
+                            </div>
247 
+                        </div>
248 
+                    </div>
249 
+                </div>
250 
+            </div>
251 
+        </div>
252 
+    </div>
253 
+    <!-- About End -->
254 
+
255 
+
256 
+    <!-- Feature Start -->
257 
+    <div class="container-fluid feature bg-light pb-5">
258 
+        <div class="container pb-5">
259 
+            <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
260 
+                <h4 class="text-primary">Our Features</h4>
261 
+                <h1 class="display-4 mb-4">Insurance Provide you a Better Future</h1>
262 
+                <p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur adipisci facilis
263 
+                    cupiditate recusandae aperiam temporibus corporis itaque quis facere, numquam, ad culpa deserunt
264 
+                    sint dolorem autem obcaecati, ipsam mollitia hic.
265 
+                </p>
266 
+            </div>
267 
+            <div class="row g-4">
268 
+                <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s">
269 
+                    <div class="feature-item p-4 pt-0">
270 
+                        <div class="feature-icon p-4 mb-4">
271 
+                            <i class="far fa-handshake fa-3x"></i>
272 
+                        </div>
273 
+                        <h4 class="mb-4">Trusted Company</h4>
274 
+                        <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit
275 
+                            pariatur...
276 
+                        </p>
277 
+                        <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
278 
+                    </div>
279 
+                </div>
280 
+                <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s">
281 
+                    <div class="feature-item p-4 pt-0">
282 
+                        <div class="feature-icon p-4 mb-4">
283 
+                            <i class="fa fa-dollar-sign fa-3x"></i>
284 
+                        </div>
285 
+                        <h4 class="mb-4">Anytime Money Back</h4>
286 
+                        <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit
287 
+                            pariatur...
288 
+                        </p>
289 
+                        <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
290 
+                    </div>
291 
+                </div>
292 
+                <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s">
293 
+                    <div class="feature-item p-4 pt-0">
294 
+                        <div class="feature-icon p-4 mb-4">
295 
+                            <i class="fa fa-bullseye fa-3x"></i>
296 
+                        </div>
297 
+                        <h4 class="mb-4">Flexible Plans</h4>
298 
+                        <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit
299 
+                            pariatur...
300 
+                        </p>
301 
+                        <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
302 
+                    </div>
303 
+                </div>
304 
+                <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s">
305 
+                    <div class="feature-item p-4 pt-0">
306 
+                        <div class="feature-icon p-4 mb-4">
307 
+                            <i class="fa fa-headphones fa-3x"></i>
308 
+                        </div>
309 
+                        <h4 class="mb-4">24/7 Fast Support</h4>
310 
+                        <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit
311 
+                            pariatur...
312 
+                        </p>
313 
+                        <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
314 
+                    </div>
315 
+                </div>
316 
+            </div>
317 
+        </div>
318 
+    </div>
319 
+    <!-- Feature End -->
320 
+
321 
+    <!-- FAQs Start -->
322 
+    <div class="container-fluid faq-section bg-light pb-5">
323 
+        <div class="container pb-5">
324 
+            <div class="row g-5 align-items-center">
325 
+                <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
326 
+                    <div class="h-100">
327 
+                        <div class="mb-5">
328 
+                            <h4 class="text-primary">Some Important FAQ's</h4>
329 
+                            <h1 class="display-4 mb-0">Common Frequently Asked Questions</h1>
330 
+                        </div>
331 
+                        <div class="accordion" id="accordionExample">
332 
+                            <div class="accordion-item">
333 
+                                <h2 class="accordion-header" id="headingOne">
334 
+                                    <button class="accordion-button border-0" type="button" data-bs-toggle="collapse"
335 
+                                        data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
336 
+                                        Q: What happens during Freshers' Week?
337 
+                                    </button>
338 
+                                </h2>
339 
+                                <div id="collapseOne" class="accordion-collapse collapse show active"
340 
+                                    aria-labelledby="headingOne" data-bs-parent="#accordionExample">
341 
+                                    <div class="accordion-body rounded">
342 
+                                        A: Leverage agile frameworks to provide a robust synopsis for high level
343 
+                                        overviews. Iterative approaches to corporate strategy foster collaborative
344 
+                                        thinking to further the overall value proposition. Organically grow the holistic
345 
+                                        world view of disruptive innovation via workplace diversity and empowerment.
346 
+                                    </div>
347 
+                                </div>
348 
+                            </div>
349 
+                            <div class="accordion-item">
350 
+                                <h2 class="accordion-header" id="headingTwo">
351 
+                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
352 
+                                        data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
353 
+                                        Q: What is the transfer application process?
354 
+                                    </button>
355 
+                                </h2>
356 
+                                <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
357 
+                                    data-bs-parent="#accordionExample">
358 
+                                    <div class="accordion-body">
359 
+                                        A: Leverage agile frameworks to provide a robust synopsis for high level
360 
+                                        overviews. Iterative approaches to corporate strategy foster collaborative
361 
+                                        thinking to further the overall value proposition. Organically grow the holistic
362 
+                                        world view of disruptive innovation via workplace diversity and empowerment.
363 
+                                    </div>
364 
+                                </div>
365 
+                            </div>
366 
+                            <div class="accordion-item">
367 
+                                <h2 class="accordion-header" id="headingThree">
368 
+                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
369 
+                                        data-bs-target="#collapseThree" aria-expanded="false"
370 
+                                        aria-controls="collapseThree">
371 
+                                        Q: Why should I attend community college?
372 
+                                    </button>
373 
+                                </h2>
374 
+                                <div id="collapseThree" class="accordion-collapse collapse"
375 
+                                    aria-labelledby="headingThree" data-bs-parent="#accordionExample">
376 
+                                    <div class="accordion-body">
377 
+                                        A: Leverage agile frameworks to provide a robust synopsis for high level
378 
+                                        overviews. Iterative approaches to corporate strategy foster collaborative
379 
+                                        thinking to further the overall value proposition. Organically grow the holistic
380 
+                                        world view of disruptive innovation via workplace diversity and empowerment.
381 
+                                    </div>
382 
+                                </div>
383 
+                            </div>
384 
+                        </div>
385 
+                    </div>
386 
+                </div>
387 
+                <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
388 
+                    <img src="img/carousel-2.png" class="img-fluid w-100" alt="">
389 
+                </div>
390 
+            </div>
391 
+        </div>
392 
+    </div>
393 
+    <!-- FAQs End -->
394 
+
395 
+
396 
+    <!-- Team Start -->
397 
+    <div class="container-fluid team py-5">
398 
+        <div class="container py-5">
399 
+            <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
400 
+                <h4 class="text-primary">Our Team</h4>
401 
+                <h1 class="display-4 mb-4">Meet Our Expert Team Members</h1>
402 
+                <p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur adipisci facilis
403 
+                    cupiditate recusandae aperiam temporibus corporis itaque quis facere, numquam, ad culpa deserunt
404 
+                    sint dolorem autem obcaecati, ipsam mollitia hic.
405 
+                </p>
406 
+            </div>
407 
+            <div class="row g-4">
408 
+                <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s">
409 
+                    <div class="team-item">
410 
+                        <div class="team-img">
411 
+                            <img src="img/team-1.jpg" class="img-fluid rounded-top w-100" alt="">
412 
+                            <div class="team-icon">
413 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
414 
+                                        class="fab fa-facebook-f"></i></a>
415 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
416 
+                                        class="fab fa-twitter"></i></a>
417 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
418 
+                                        class="fab fa-linkedin-in"></i></a>
419 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-0" href=""><i
420 
+                                        class="fab fa-instagram"></i></a>
421 
+                            </div>
422 
+                        </div>
423 
+                        <div class="team-title p-4">
424 
+                            <h4 class="mb-0">David James</h4>
425 
+                            <p class="mb-0">Profession</p>
426 
+                        </div>
427 
+                    </div>
428 
+                </div>
429 
+                <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s">
430 
+                    <div class="team-item">
431 
+                        <div class="team-img">
432 
+                            <img src="img/team-2.jpg" class="img-fluid rounded-top w-100" alt="">
433 
+                            <div class="team-icon">
434 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
435 
+                                        class="fab fa-facebook-f"></i></a>
436 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
437 
+                                        class="fab fa-twitter"></i></a>
438 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
439 
+                                        class="fab fa-linkedin-in"></i></a>
440 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-0" href=""><i
441 
+                                        class="fab fa-instagram"></i></a>
442 
+                            </div>
443 
+                        </div>
444 
+                        <div class="team-title p-4">
445 
+                            <h4 class="mb-0">David James</h4>
446 
+                            <p class="mb-0">Profession</p>
447 
+                        </div>
448 
+                    </div>
449 
+                </div>
450 
+                <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s">
451 
+                    <div class="team-item">
452 
+                        <div class="team-img">
453 
+                            <img src="img/team-3.jpg" class="img-fluid rounded-top w-100" alt="">
454 
+                            <div class="team-icon">
455 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
456 
+                                        class="fab fa-facebook-f"></i></a>
457 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
458 
+                                        class="fab fa-twitter"></i></a>
459 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
460 
+                                        class="fab fa-linkedin-in"></i></a>
461 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-0" href=""><i
462 
+                                        class="fab fa-instagram"></i></a>
463 
+                            </div>
464 
+                        </div>
465 
+                        <div class="team-title p-4">
466 
+                            <h4 class="mb-0">David James</h4>
467 
+                            <p class="mb-0">Profession</p>
468 
+                        </div>
469 
+                    </div>
470 
+                </div>
471 
+                <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s">
472 
+                    <div class="team-item">
473 
+                        <div class="team-img">
474 
+                            <img src="img/team-4.jpg" class="img-fluid rounded-top w-100" alt="">
475 
+                            <div class="team-icon">
476 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
477 
+                                        class="fab fa-facebook-f"></i></a>
478 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
479 
+                                        class="fab fa-twitter"></i></a>
480 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-2" href=""><i
481 
+                                        class="fab fa-linkedin-in"></i></a>
482 
+                                <a class="btn btn-primary btn-sm-square rounded-pill mb-0" href=""><i
483 
+                                        class="fab fa-instagram"></i></a>
484 
+                            </div>
485 
+                        </div>
486 
+                        <div class="team-title p-4">
487 
+                            <h4 class="mb-0">David James</h4>
488 
+                            <p class="mb-0">Profession</p>
489 
+                        </div>
490 
+                    </div>
491 
+                </div>
492 
+            </div>
493 
+        </div>
494 
+    </div>
495 
+    <!-- Team End -->
496 
+
497 
+
498 
+    <!-- Footer Start -->
499 
+<footer>
500 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
501 
+        <div class="container py-5">
502 
+            <div class="row g-5">
503 
+                <div class="col-xl-9">
504 
+                    <div class="mb-5">
505 
+                        <div class="row g-4">
506 
+                            <div class="col-md-6 col-lg-6 col-xl-5">
507 
+                                <div class="footer-item">
508 
+                                    <a href="index.html" class="p-0">
509 
+                                        <h3 class="text-white"><i class="fab fa-slack me-3"></i> LifeSure</h3>
510 
+                                        <!-- <img src="img/logo.png" alt="Logo"> -->
511 
+                                    </a>
512 
+                                    <p class="text-white mb-4">Dolor amet sit justo amet elitr clita ipsum elitr
513 
+                                        est.Lorem ipsum dolor sit amet, consectetur adipiscing...</p>
514 
+                                    <div class="footer-btn d-flex">
515 
+                                        <a class="btn btn-md-square rounded-circle me-3" href="#"><i
516 
+                                                class="fab fa-facebook-f"></i></a>
517 
+                                        <a class="btn btn-md-square rounded-circle me-3" href="#"><i
518 
+                                                class="fab fa-twitter"></i></a>
519 
+                                        <a class="btn btn-md-square rounded-circle me-3" href="#"><i
520 
+                                                class="fab fa-instagram"></i></a>
521 
+                                        <a class="btn btn-md-square rounded-circle me-0" href="#"><i
522 
+                                                class="fab fa-linkedin-in"></i></a>
523 
+                                    </div>
524 
+                                </div>
525 
+                            </div>
526 
+                            <div class="col-md-6 col-lg-6 col-xl-3">
527 
+                                <div class="footer-item">
528 
+                                    <h4 class="text-white mb-4">Useful Links</h4>
529 
+                                    <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
530 
+                                    <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
531 
+                                    <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
532 
+                                    <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
533 
+                                    <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
534 
+                                    <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
535 
+                                </div>
536 
+                            </div>
537 
+                            <div class="col-md-6 col-lg-6 col-xl-4">
538 
+                                <div class="footer-item">
539 
+                                    <h4 class="mb-4 text-white">Instagram</h4>
540 
+                                    <div class="row g-3">
541 
+                                        <div class="col-4">
542 
+                                            <div class="footer-instagram rounded">
543 
+                                                <img src="img/instagram-footer-1.jpg" class="img-fluid w-100" alt="">
544 
+                                                <div class="footer-search-icon">
545 
+                                                    <a href="img/instagram-footer-1.jpg"
546 
+                                                        data-lightbox="footerInstagram-1" class="my-auto"><i
547 
+                                                            class="fas fa-link text-white"></i></a>
548 
+                                                </div>
549 
+                                            </div>
550 
+                                        </div>
551 
+                                        <div class="col-4">
552 
+                                            <div class="footer-instagram rounded">
553 
+                                                <img src="img/instagram-footer-2.jpg" class="img-fluid w-100" alt="">
554 
+                                                <div class="footer-search-icon">
555 
+                                                    <a href="img/instagram-footer-2.jpg"
556 
+                                                        data-lightbox="footerInstagram-2" class="my-auto"><i
557 
+                                                            class="fas fa-link text-white"></i></a>
558 
+                                                </div>
559 
+                                            </div>
560 
+                                        </div>
561 
+                                        <div class="col-4">
562 
+                                            <div class="footer-instagram rounded">
563 
+                                                <img src="img/instagram-footer-3.jpg" class="img-fluid w-100" alt="">
564 
+                                                <div class="footer-search-icon">
565 
+                                                    <a href="img/instagram-footer-3.jpg"
566 
+                                                        data-lightbox="footerInstagram-3" class="my-auto"><i
567 
+                                                            class="fas fa-link text-white"></i></a>
568 
+                                                </div>
569 
+                                            </div>
570 
+                                        </div>
571 
+                                        <div class="col-4">
572 
+                                            <div class="footer-instagram rounded">
573 
+                                                <img src="img/instagram-footer-4.jpg" class="img-fluid w-100" alt="">
574 
+                                                <div class="footer-search-icon">
575 
+                                                    <a href="img/instagram-footer-4.jpg"
576 
+                                                        data-lightbox="footerInstagram-4" class="my-auto"><i
577 
+                                                            class="fas fa-link text-white"></i></a>
578 
+                                                </div>
579 
+                                            </div>
580 
+                                        </div>
581 
+                                        <div class="col-4">
582 
+                                            <div class="footer-instagram rounded">
583 
+                                                <img src="img/instagram-footer-5.jpg" class="img-fluid w-100" alt="">
584 
+                                                <div class="footer-search-icon">
585 
+                                                    <a href="img/instagram-footer-5.jpg"
586 
+                                                        data-lightbox="footerInstagram-5" class="my-auto"><i
587 
+                                                            class="fas fa-link text-white"></i></a>
588 
+                                                </div>
589 
+                                            </div>
590 
+                                        </div>
591 
+                                        <div class="col-4">
592 
+                                            <div class="footer-instagram rounded">
593 
+                                                <img src="img/instagram-footer-6.jpg" class="img-fluid w-100" alt="">
594 
+                                                <div class="footer-search-icon">
595 
+                                                    <a href="img/instagram-footer-6.jpg"
596 
+                                                        data-lightbox="footerInstagram-6" class="my-auto"><i
597 
+                                                            class="fas fa-link text-white"></i></a>
598 
+                                                </div>
599 
+                                            </div>
600 
+                                        </div>
601 
+                                    </div>
602 
+                                </div>
603 
+                            </div>
604 
+                        </div>
605 
+                    </div>
606 
+                    <div class="pt-5" style="border-top: 1px solid rgba(255, 255, 255, 0.08);">
607 
+                        <div class="row g-0">
608 
+                            <div class="col-12">
609 
+                                <div class="row g-4">
610 
+                                    <div class="col-lg-6 col-xl-4">
611 
+                                        <div class="d-flex">
612 
+                                            <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
613 
+                                                <i class="fas fa-map-marker-alt fa-2x"></i>
614 
+                                            </div>
615 
+                                            <div>
616 
+                                                <h4 class="text-white">Address</h4>
617 
+                                                <p class="mb-0">123 Street New York.USA</p>
618 
+                                            </div>
619 
+                                        </div>
620 
+                                    </div>
621 
+                                    <div class="col-lg-6 col-xl-4">
622 
+                                        <div class="d-flex">
623 
+                                            <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
624 
+                                                <i class="fas fa-envelope fa-2x"></i>
625 
+                                            </div>
626 
+                                            <div>
627 
+                                                <h4 class="text-white">Mail Us</h4>
628 
+                                                <p class="mb-0">info@example.com</p>
629 
+                                            </div>
630 
+                                        </div>
631 
+                                    </div>
632 
+                                    <div class="col-lg-6 col-xl-4">
633 
+                                        <div class="d-flex">
634 
+                                            <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
635 
+                                                <i class="fa fa-phone-alt fa-2x"></i>
636 
+                                            </div>
637 
+                                            <div>
638 
+                                                <h4 class="text-white">Telephone</h4>
639 
+                                                <p class="mb-0">(+012) 3456 7890</p>
640 
+                                            </div>
641 
+                                        </div>
642 
+                                    </div>
643 
+                                </div>
644 
+                            </div>
645 
+                        </div>
646 
+                    </div>
647 
+                </div>
648 
+
649 
+                <div class="col-xl-3">
650 
+                    <div class="footer-item">
651 
+                        <h4 class="text-white mb-4">Newsletter</h4>
652 
+                        <p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum
653 
+                            dolor sit amet, consectetur adipiscing elit.</p>
654 
+                        <div class="position-relative rounded-pill mb-4">
655 
+                            <input class="form-control rounded-pill w-100 py-3 ps-4 pe-5" type="text"
656 
+                                placeholder="Enter your email">
657 
+                            <button type="button"
658 
+                                class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
659 
+                        </div>
660 
+                        <div class="d-flex flex-shrink-0">
661 
+                            <div class="footer-btn">
662 
+                                <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada"
663 
+                                    data-wow-delay=".9s">
664 
+                                    <i class="fa fa-phone-alt fa-2x"></i>
665 
+                                    <div class="position-absolute" style="top: 2px; right: 12px;">
666 
+                                        <span><i class="fa fa-comment-dots text-secondary"></i></span>
667 
+                                    </div>
668 
+                                </a>
669 
+                            </div>
670 
+                            <div class="d-flex flex-column ms-3 flex-shrink-0">
671 
+                                <span>Call to Our Experts</span>
672 
+                                <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456
673 
+                                        7890</span></a>
674 
+                            </div>
675 
+                        </div>
676 
+                    </div>
677 
+                </div>
678 
+            </div>
679 
+        </div>
680 
+    </div>
681 
+    <!-- Footer End -->
682 
+
683 
+    <!-- Copyright Start -->
684 
+    <div class="container-fluid copyright py-4">
685 
+        <div class="container">
686 
+            <div class="row g-4 align-items-center">
687 
+                <div class="col-md-6 text-center text-md-end mb-md-0">
688 
+                    <span class="text-body"><a href="#" class="border-bottom text-white"><i
689 
+                                class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right
690 
+                        reserved.</span>
691 
+                </div>
692 
+                <div class="col-md-6 text-center text-md-start text-body">
693 
+                    Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a>
694 
+                    Distributed By <a class="border-bottom text-white" href="https://themewagon.com">ThemeWagon</a>
695 
+                </div>
696 
+            </div>
697 
+        </div>
698 
+    </div>
699 
+    <!-- Copyright End -->
700 
+</footer>
701 
+
702 
+
703 
+    <!-- Back to Top -->
704 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>
705 
+
706 
+
707 
+    <!-- JavaScript Libraries -->
708 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
709 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
710 
+    <script src="lib/wow/wow.min.js"></script>
711 
+    <script src="lib/easing/easing.min.js"></script>
712 
+    <script src="lib/waypoints/waypoints.min.js"></script>
713 
+    <script src="lib/counterup/counterup.min.js"></script>
714 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
715 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
716 
+
717 
+
718 
+    <!-- Template Javascript -->
719 
+    <script src="js/main.js"></script>
720 
+    <script src="js/footer.js"></script>
721 
+</body>
722 
+
723 
+</html>

+ 476
- 0
ai-nvr.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">AI IVR</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
block-chain-enabled.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Block Chain Enabled</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 448
- 0
blog.html 查看文件

1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+    <head>
5 
+        <meta charset="utf-8">
6 
+        <title>LifeSure - Life Insurance Website Template</title>
7 
+        <meta content="width=device-width, initial-scale=1.0" name="viewport">
8 
+        <meta content="" name="keywords">
9 
+        <meta content="" name="description">
10 
+
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 href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:slnt,wght@-10..0,100..900&display=swap" rel="stylesheet">
15 
+
16 
+        <!-- Icon Font Stylesheet -->
17 
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
18 
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
19 
+
20 
+        <!-- Libraries Stylesheet -->
21 
+        <link rel="stylesheet" href="lib/animate/animate.min.css"/>
22 
+        <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
23 
+        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
24 
+
25 
+
26 
+        <!-- Customized Bootstrap Stylesheet -->
27 
+        <link href="css/bootstrap.min.css" rel="stylesheet">
28 
+
29 
+        <!-- Template Stylesheet -->
30 
+        <link href="css/style.css" rel="stylesheet">
31 
+    </head>
32 
+
33 
+    <body>
34 
+
35 
+        <!-- Spinner Start -->
36 
+        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
37 
+            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
38 
+                <span class="sr-only">Loading...</span>
39 
+            </div>
40 
+        </div>
41 
+        <!-- Spinner End -->
42 
+
43 
+        <!-- Topbar Start -->
44 
+        <div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
45 
+            <div class="container">
46 
+                <div class="row gx-0 align-items-center">
47 
+                    <div class="col-lg-8 text-center text-lg-start mb-lg-0">
48 
+                        <div class="d-flex flex-wrap">
49 
+                            <div class="border-end border-primary pe-3">
50 
+                                <a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
51 
+                            </div>
52 
+                            <div class="ps-3">
53 
+                                <a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
54 
+                            </div>
55 
+                        </div>
56 
+                    </div>
57 
+                    <div class="col-lg-4 text-center text-lg-end">
58 
+                        <div class="d-flex justify-content-end">
59 
+                            <div class="d-flex border-end border-primary pe-3">
60 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
61 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
62 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
63 
+                                <a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
64 
+                            </div>
65 
+                            <div class="dropdown ms-3">
66 
+                                <a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
67 
+                                <div class="dropdown-menu rounded">
68 
+                                    <a href="#" class="dropdown-item">English</a>
69 
+                                    <a href="#" class="dropdown-item">Bangla</a>
70 
+                                    <a href="#" class="dropdown-item">French</a>
71 
+                                    <a href="#" class="dropdown-item">Spanish</a>
72 
+                                    <a href="#" class="dropdown-item">Arabic</a>
73 
+                                </div>
74 
+                            </div>
75 
+                        </div>
76 
+                    </div>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+        <!-- Topbar End -->
81 
+
82 
+        <!-- Navbar & Hero Start -->
83 
+        <div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
84 
+            <div class="container">
85 
+                <nav class="navbar navbar-expand-lg navbar-light">
86 
+                    <a href="#" class="navbar-brand p-0">
87 
+                        <h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
88 
+                        <!-- <img src="img/logo.png" alt="Logo"> -->
89 
+                    </a>
90 
+                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
91 
+                        <span class="fa fa-bars"></span>
92 
+                    </button>
93 
+                    <div class="collapse navbar-collapse" id="navbarCollapse">
94 
+                        <div class="navbar-nav mx-0 mx-lg-auto">
95 
+                            <a href="index.html" class="nav-item nav-link">Home</a>
96 
+                            <a href="about.html" class="nav-item nav-link">About</a>
97 
+                            <a href="service.html" class="nav-item nav-link">Services</a>
98 
+                            <a href="blog.html" class="nav-item nav-link active">Blog</a>
99 
+                            <div class="nav-item dropdown">
100 
+                                <a href="#" class="nav-link" data-bs-toggle="dropdown">
101 
+                                    <span class="dropdown-toggle">Pages</span>
102 
+                                </a>
103 
+                                <div class="dropdown-menu">
104 
+                                    <a href="feature.html" class="dropdown-item">Our Features</a>
105 
+                                    <a href="team.html" class="dropdown-item">Our team</a>
106 
+                                    <a href="testimonial.html" class="dropdown-item">Testimonial</a>
107 
+                                    <a href="FAQ.html" class="dropdown-item">FAQs</a>
108 
+                                    <a href="404.html" class="dropdown-item">404 Page</a>
109 
+                                </div>
110 
+                            </div>
111 
+                            <a href="contact.html" class="nav-item nav-link">Contact</a>
112 
+                            <div class="nav-btn px-3">
113 
+                                <button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
114 
+                                <a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
115 
+                            </div>
116 
+                        </div>
117 
+                    </div>
118 
+                    <div class="d-none d-xl-flex flex-shrink-0 ps-4">
119 
+                        <a href="#" class="btn btn-light btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
120 
+                            <i class="fa fa-phone-alt fa-2x"></i>
121 
+                            <div class="position-absolute" style="top: 7px; right: 12px;">
122 
+                                <span><i class="fa fa-comment-dots text-secondary"></i></span>
123 
+                            </div>
124 
+                        </a>
125 
+                        <div class="d-flex flex-column ms-3">
126 
+                            <span>Call to Our Experts</span>
127 
+                            <a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
128 
+                        </div>
129 
+                    </div>
130 
+                </nav>
131 
+            </div>
132 
+        </div>
133 
+        <!-- Navbar & Hero End -->
134 
+
135 
+        <!-- Modal Search Start -->
136 
+        <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
137 
+            <div class="modal-dialog modal-fullscreen">
138 
+                <div class="modal-content rounded-0">
139 
+                    <div class="modal-header">
140 
+                        <h5 class="modal-title" id="exampleModalLabel">Search by keyword</h5>
141 
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
142 
+                    </div>
143 
+                    <div class="modal-body d-flex align-items-center bg-primary">
144 
+                        <div class="input-group w-75 mx-auto d-flex">
145 
+                            <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
146 
+                            <span id="search-icon-1" class="btn bg-light border nput-group-text p-3"><i class="fa fa-search"></i></span>
147 
+                        </div>
148 
+                    </div>
149 
+                </div>
150 
+            </div>
151 
+        </div>
152 
+        <!-- Modal Search End -->
153 
+
154 
+
155 
+        <!-- Header Start -->
156 
+        <div class="container-fluid bg-breadcrumb">
157 
+            <div class="container text-center py-5" style="max-width: 900px;">
158 
+                <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Blog</h4>
159 
+                <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
160 
+                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
161 
+                    <li class="breadcrumb-item"><a href="#">Pages</a></li>
162 
+                    <li class="breadcrumb-item active text-primary">Blog</li>
163 
+                </ol>
164 
+            </div>
165 
+        </div>
166 
+        <!-- Header End -->
167 
+
168 
+
169 
+        <!-- Blog Start -->
170 
+        <div class="container-fluid blog py-5">
171 
+            <div class="container py-5">
172 
+                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
173 
+                    <h4 class="text-primary">From Blog</h4>
174 
+                    <h1 class="display-4 mb-4">News And Updates</h1>
175 
+                    <p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur adipisci facilis cupiditate recusandae aperiam temporibus corporis itaque quis facere, numquam, ad culpa deserunt sint dolorem autem obcaecati, ipsam mollitia hic.
176 
+                    </p>
177 
+                </div>
178 
+                <div class="row g-4 justify-content-center">
179 
+                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.2s">
180 
+                        <div class="blog-item">
181 
+                            <div class="blog-img">
182 
+                                <img src="img/blog-1.png" class="img-fluid rounded-top w-100" alt="">
183 
+                                <div class="blog-categiry py-2 px-4">
184 
+                                    <span>Business</span>
185 
+                                </div>
186 
+                            </div>
187 
+                            <div class="blog-content p-4">
188 
+                                <div class="blog-comment d-flex justify-content-between mb-3">
189 
+                                    <div class="small"><span class="fa fa-user text-primary"></span> Martin.C</div>
190 
+                                    <div class="small"><span class="fa fa-calendar text-primary"></span> 30 Dec 2025</div>
191 
+                                    <div class="small"><span class="fa fa-comment-alt text-primary"></span> 6 Comments</div>
192 
+                                </div>
193 
+                                <a href="#" class="h4 d-inline-block mb-3">Which allows you to pay down insurance bills</a>
194 
+                                <p class="mb-3">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius libero soluta impedit eligendi? Quibusdam, laudantium.</p>
195 
+                                <a href="#" class="btn p-0">Read More  <i class="fa fa-arrow-right"></i></a>
196 
+                            </div>
197 
+                        </div>
198 
+                    </div>
199 
+                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.4s">
200 
+                        <div class="blog-item">
201 
+                            <div class="blog-img">
202 
+                                <img src="img/blog-2.png" class="img-fluid rounded-top w-100" alt="">
203 
+                                <div class="blog-categiry py-2 px-4">
204 
+                                    <span>Business</span>
205 
+                                </div>
206 
+                            </div>
207 
+                            <div class="blog-content p-4">
208 
+                                <div class="blog-comment d-flex justify-content-between mb-3">
209 
+                                    <div class="small"><span class="fa fa-user text-primary"></span> Martin.C</div>
210 
+                                    <div class="small"><span class="fa fa-calendar text-primary"></span> 30 Dec 2025</div>
211 
+                                    <div class="small"><span class="fa fa-comment-alt text-primary"></span> 6 Comments</div>
212 
+                                </div>
213 
+                                <a href="#" class="h4 d-inline-block mb-3">Leverage agile frameworks to provide</a>
214 
+                                <p class="mb-3">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius libero soluta impedit eligendi? Quibusdam, laudantium.</p>
215 
+                                <a href="#" class="btn p-0">Read More  <i class="fa fa-arrow-right"></i></a>
216 
+                            </div>
217 
+                        </div>
218 
+                    </div>
219 
+                    <div class="col-lg-6 col-xl-4 wow fadeInUp" data-wow-delay="0.6s">
220 
+                        <div class="blog-item">
221 
+                            <div class="blog-img">
222 
+                                <img src="img/blog-3.png" class="img-fluid rounded-top w-100" alt="">
223 
+                                <div class="blog-categiry py-2 px-4">
224 
+                                    <span>Business</span>
225 
+                                </div>
226 
+                            </div>
227 
+                            <div class="blog-content p-4">
228 
+                                <div class="blog-comment d-flex justify-content-between mb-3">
229 
+                                    <div class="small"><span class="fa fa-user text-primary"></span> Martin.C</div>
230 
+                                    <div class="small"><span class="fa fa-calendar text-primary"></span> 30 Dec 2025</div>
231 
+                                    <div class="small"><span class="fa fa-comment-alt text-primary"></span> 6 Comments</div>
232 
+                                </div>
233 
+                                <a href="#" class="h4 d-inline-block mb-3">Leverage agile frameworks to provide</a>
234 
+                                <p class="mb-3">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius libero soluta impedit eligendi? Quibusdam, laudantium.</p>
235 
+                                <a href="#" class="btn p-0">Read More  <i class="fa fa-arrow-right"></i></a>
236 
+                            </div>
237 
+                        </div>
238 
+                    </div>
239 
+                </div>
240 
+            </div>
241 
+        </div>
242 
+        <!-- Blog End -->
243 
+
244 
+
245 
+        <!-- Footer Start -->
246 
+<footer>
247 
+        <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
248 
+            <div class="container py-5">
249 
+                <div class="row g-5">
250 
+                    <div class="col-xl-9">
251 
+                        <div class="mb-5">
252 
+                            <div class="row g-4">
253 
+                                <div class="col-md-6 col-lg-6 col-xl-5">
254 
+                                    <div class="footer-item">
255 
+                                        <a href="index.html" class="p-0">
256 
+                                            <h3 class="text-white"><i class="fab fa-slack me-3"></i> LifeSure</h3>
257 
+                                            <!-- <img src="img/logo.png" alt="Logo"> -->
258 
+                                        </a>
259 
+                                        <p class="text-white mb-4">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing...</p>
260 
+                                        <div class="footer-btn d-flex">
261 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-facebook-f"></i></a>
262 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-twitter"></i></a>
263 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-instagram"></i></a>
264 
+                                            <a class="btn btn-md-square rounded-circle me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
265 
+                                        </div>
266 
+                                    </div>
267 
+                                </div>
268 
+                                <div class="col-md-6 col-lg-6 col-xl-3">
269 
+                                    <div class="footer-item">
270 
+                                        <h4 class="text-white mb-4">Useful Links</h4>
271 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
272 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
273 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
274 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
275 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
276 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
277 
+                                    </div>
278 
+                                </div>
279 
+                                <div class="col-md-6 col-lg-6 col-xl-4">
280 
+                                    <div class="footer-item">
281 
+                                        <h4 class="mb-4 text-white">Instagram</h4>
282 
+                                        <div class="row g-3">
283 
+                                            <div class="col-4">
284 
+                                                <div class="footer-instagram rounded">
285 
+                                                    <img src="img/instagram-footer-1.jpg" class="img-fluid w-100" alt="">
286 
+                                                    <div class="footer-search-icon">
287 
+                                                        <a href="img/instagram-footer-1.jpg" data-lightbox="footerInstagram-1" class="my-auto"><i class="fas fa-link text-white"></i></a>
288 
+                                                    </div>
289 
+                                                </div>
290 
+                                           </div>
291 
+                                           <div class="col-4">
292 
+                                                <div class="footer-instagram rounded">
293 
+                                                    <img src="img/instagram-footer-2.jpg" class="img-fluid w-100" alt="">
294 
+                                                    <div class="footer-search-icon">
295 
+                                                        <a href="img/instagram-footer-2.jpg" data-lightbox="footerInstagram-2" class="my-auto"><i class="fas fa-link text-white"></i></a>
296 
+                                                    </div>
297 
+                                                </div>
298 
+                                           </div>
299 
+                                            <div class="col-4">
300 
+                                                <div class="footer-instagram rounded">
301 
+                                                    <img src="img/instagram-footer-3.jpg" class="img-fluid w-100" alt="">
302 
+                                                    <div class="footer-search-icon">
303 
+                                                        <a href="img/instagram-footer-3.jpg" data-lightbox="footerInstagram-3" class="my-auto"><i class="fas fa-link text-white"></i></a>
304 
+                                                    </div>
305 
+                                                </div>
306 
+                                           </div>
307 
+                                            <div class="col-4">
308 
+                                                <div class="footer-instagram rounded">
309 
+                                                    <img src="img/instagram-footer-4.jpg" class="img-fluid w-100" alt="">
310 
+                                                    <div class="footer-search-icon">
311 
+                                                        <a href="img/instagram-footer-4.jpg" data-lightbox="footerInstagram-4" class="my-auto"><i class="fas fa-link text-white"></i></a>
312 
+                                                    </div>
313 
+                                                </div>
314 
+                                           </div>
315 
+                                            <div class="col-4">
316 
+                                                <div class="footer-instagram rounded">
317 
+                                                    <img src="img/instagram-footer-5.jpg" class="img-fluid w-100" alt="">
318 
+                                                    <div class="footer-search-icon">
319 
+                                                        <a href="img/instagram-footer-5.jpg" data-lightbox="footerInstagram-5" class="my-auto"><i class="fas fa-link text-white"></i></a>
320 
+                                                    </div>
321 
+                                                </div>
322 
+                                           </div>
323 
+                                           <div class="col-4">
324 
+                                                <div class="footer-instagram rounded">
325 
+                                                    <img src="img/instagram-footer-6.jpg" class="img-fluid w-100" alt="">
326 
+                                                    <div class="footer-search-icon">
327 
+                                                        <a href="img/instagram-footer-6.jpg" data-lightbox="footerInstagram-6" class="my-auto"><i class="fas fa-link text-white"></i></a>
328 
+                                                    </div>
329 
+                                                </div>
330 
+                                            </div>
331 
+                                        </div>
332 
+                                    </div>
333 
+                                </div>
334 
+                            </div>
335 
+                        </div>
336 
+                        <div class="pt-5" style="border-top: 1px solid rgba(255, 255, 255, 0.08);">
337 
+                            <div class="row g-0">
338 
+                                <div class="col-12">
339 
+                                    <div class="row g-4">
340 
+                                        <div class="col-lg-6 col-xl-4">
341 
+                                            <div class="d-flex">
342 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
343 
+                                                    <i class="fas fa-map-marker-alt fa-2x"></i>
344 
+                                                </div>
345 
+                                                <div>
346 
+                                                    <h4 class="text-white">Address</h4>
347 
+                                                    <p class="mb-0">123 Street New York.USA</p>
348 
+                                                </div>
349 
+                                            </div>
350 
+                                        </div>
351 
+                                        <div class="col-lg-6 col-xl-4">
352 
+                                            <div class="d-flex">
353 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
354 
+                                                    <i class="fas fa-envelope fa-2x"></i>
355 
+                                                </div>
356 
+                                                <div>
357 
+                                                    <h4 class="text-white">Mail Us</h4>
358 
+                                                    <p class="mb-0">info@example.com</p>
359 
+                                                </div>
360 
+                                            </div>
361 
+                                        </div>
362 
+                                        <div class="col-lg-6 col-xl-4">
363 
+                                            <div class="d-flex">
364 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
365 
+                                                    <i class="fa fa-phone-alt fa-2x"></i>
366 
+                                                </div>
367 
+                                                <div>
368 
+                                                    <h4 class="text-white">Telephone</h4>
369 
+                                                    <p class="mb-0">(+012) 3456 7890</p>
370 
+                                                </div>
371 
+                                            </div>
372 
+                                        </div>
373 
+                                    </div>
374 
+                                </div>
375 
+                            </div>
376 
+                        </div>
377 
+                    </div>
378 
+
379 
+                    <div class="col-xl-3">
380 
+                        <div class="footer-item">
381 
+                            <h4 class="text-white mb-4">Newsletter</h4>
382 
+                            <p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
383 
+                            <div class="position-relative rounded-pill mb-4">
384 
+                                <input class="form-control rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
385 
+                                <button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
386 
+                            </div>
387 
+                            <div class="d-flex flex-shrink-0">
388 
+                                <div class="footer-btn">
389 
+                                    <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
390 
+                                        <i class="fa fa-phone-alt fa-2x"></i>
391 
+                                        <div class="position-absolute" style="top: 2px; right: 12px;">
392 
+                                            <span><i class="fa fa-comment-dots text-secondary"></i></span>
393 
+                                        </div>
394 
+                                    </a>
395 
+                                </div>
396 
+                                <div class="d-flex flex-column ms-3 flex-shrink-0">
397 
+                                    <span>Call to Our Experts</span>
398 
+                                    <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456 7890</span></a>
399 
+                                </div>
400 
+                            </div>
401 
+                        </div>
402 
+                    </div>
403 
+                </div>
404 
+            </div>
405 
+        </div>
406 
+        <!-- Footer End -->
407 
+
408 
+        <!-- Copyright Start -->
409 
+        <div class="container-fluid copyright py-4">
410 
+            <div class="container">
411 
+                <div class="row g-4 align-items-center">
412 
+                    <div class="col-md-6 text-center text-md-end mb-md-0">
413 
+                        <span class="text-body"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
414 
+                    </div>
415 
+                    <div class="col-md-6 text-center text-md-start text-body">
416 
+                        <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
417 
+                        <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
418 
+                        <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
419 
+                        Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a> Distributed By <a class="border-bottom text-white" href="https://themewagon.com">ThemeWagon</a>
420 
+                    </div>
421 
+                </div>
422 
+            </div>
423 
+        </div>
424 
+        <!-- Copyright End -->
425 
+</footer>
426 
+
427 
+
428 
+        <!-- Back to Top -->
429 
+        <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>
430 
+
431 
+
432 
+        <!-- JavaScript Libraries -->
433 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
434 
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
435 
+        <script src="lib/wow/wow.min.js"></script>
436 
+        <script src="lib/easing/easing.min.js"></script>
437 
+        <script src="lib/waypoints/waypoints.min.js"></script>
438 
+        <script src="lib/counterup/counterup.min.js"></script>
439 
+        <script src="lib/lightbox/js/lightbox.min.js"></script>
440 
+        <script src="lib/owlcarousel/owl.carousel.min.js"></script>
441 
+
442 
+
443 
+        <!-- Template Javascript -->
444 
+        <script src="js/main.js"></script>
445 
+<script src="js/footer.js"></script>
446 
+    </body>
447 
+
448 
+</html>

+ 476
- 0
cameras.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Cameras</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
central-command-center.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Central Command Centre</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 499
- 0
contact-us.html 查看文件

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

+ 500
- 0
contact.html 查看文件

1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+    <head>
5 
+        <meta charset="utf-8">
6 
+        <title>LifeSure - Life Insurance Website Template</title>
7 
+        <meta content="width=device-width, initial-scale=1.0" name="viewport">
8 
+        <meta content="" name="keywords">
9 
+        <meta content="" name="description">
10 
+
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 href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:slnt,wght@-10..0,100..900&display=swap" rel="stylesheet">
15 
+
16 
+        <!-- Icon Font Stylesheet -->
17 
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
18 
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
19 
+
20 
+        <!-- Libraries Stylesheet -->
21 
+        <link rel="stylesheet" href="lib/animate/animate.min.css"/>
22 
+        <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
23 
+        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
24 
+
25 
+
26 
+        <!-- Customized Bootstrap Stylesheet -->
27 
+        <link href="css/bootstrap.min.css" rel="stylesheet">
28 
+
29 
+        <!-- Template Stylesheet -->
30 
+        <link href="css/style.css" rel="stylesheet">
31 
+    </head>
32 
+
33 
+    <body>
34 
+
35 
+        <!-- Spinner Start -->
36 
+        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
37 
+            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
38 
+                <span class="sr-only">Loading...</span>
39 
+            </div>
40 
+        </div>
41 
+        <!-- Spinner End -->
42 
+
43 
+        <!-- Topbar Start -->
44 
+        <div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
45 
+            <div class="container">
46 
+                <div class="row gx-0 align-items-center">
47 
+                    <div class="col-lg-8 text-center text-lg-start mb-lg-0">
48 
+                        <div class="d-flex flex-wrap">
49 
+                            <div class="border-end border-primary pe-3">
50 
+                                <a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
51 
+                            </div>
52 
+                            <div class="ps-3">
53 
+                                <a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
54 
+                            </div>
55 
+                        </div>
56 
+                    </div>
57 
+                    <div class="col-lg-4 text-center text-lg-end">
58 
+                        <div class="d-flex justify-content-end">
59 
+                            <div class="d-flex border-end border-primary pe-3">
60 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
61 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
62 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
63 
+                                <a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
64 
+                            </div>
65 
+                            <div class="dropdown ms-3">
66 
+                                <a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
67 
+                                <div class="dropdown-menu rounded">
68 
+                                    <a href="#" class="dropdown-item">English</a>
69 
+                                    <a href="#" class="dropdown-item">Bangla</a>
70 
+                                    <a href="#" class="dropdown-item">French</a>
71 
+                                    <a href="#" class="dropdown-item">Spanish</a>
72 
+                                    <a href="#" class="dropdown-item">Arabic</a>
73 
+                                </div>
74 
+                            </div>
75 
+                        </div>
76 
+                    </div>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+        <!-- Topbar End -->
81 
+
82 
+        <!-- Navbar & Hero Start -->
83 
+        <div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
84 
+            <div class="container">
85 
+                <nav class="navbar navbar-expand-lg navbar-light">
86 
+                    <a href="#" class="navbar-brand p-0">
87 
+                        <h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
88 
+                        <!-- <img src="img/logo.png" alt="Logo"> -->
89 
+                    </a>
90 
+                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
91 
+                        <span class="fa fa-bars"></span>
92 
+                    </button>
93 
+                    <div class="collapse navbar-collapse" id="navbarCollapse">
94 
+                        <div class="navbar-nav mx-0 mx-lg-auto">
95 
+                            <a href="index.html" class="nav-item nav-link">Home</a>
96 
+                            <a href="about.html" class="nav-item nav-link">About</a>
97 
+                            <a href="service.html" class="nav-item nav-link">Services</a>
98 
+                            <a href="blog.html" class="nav-item nav-link">Blog</a>
99 
+                            <div class="nav-item dropdown">
100 
+                                <a href="#" class="nav-link" data-bs-toggle="dropdown">
101 
+                                    <span class="dropdown-toggle">Pages</span>
102 
+                                </a>
103 
+                                <div class="dropdown-menu">
104 
+                                    <a href="feature.html" class="dropdown-item">Our Features</a>
105 
+                                    <a href="team.html" class="dropdown-item">Our team</a>
106 
+                                    <a href="testimonial.html" class="dropdown-item">Testimonial</a>
107 
+                                    <a href="FAQ.html" class="dropdown-item">FAQs</a>
108 
+                                    <a href="404.html" class="dropdown-item">404 Page</a>
109 
+                                </div>
110 
+                            </div>
111 
+                            <a href="contact.html" class="nav-item nav-link active">Contact</a>
112 
+                            <div class="nav-btn px-3">
113 
+                                <button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
114 
+                                <a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
115 
+                            </div>
116 
+                        </div>
117 
+                    </div>
118 
+                    <div class="d-none d-xl-flex flex-shrink-0 ps-4">
119 
+                        <a href="#" class="btn btn-light btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
120 
+                            <i class="fa fa-phone-alt fa-2x"></i>
121 
+                            <div class="position-absolute" style="top: 7px; right: 12px;">
122 
+                                <span><i class="fa fa-comment-dots text-secondary"></i></span>
123 
+                            </div>
124 
+                        </a>
125 
+                        <div class="d-flex flex-column ms-3">
126 
+                            <span>Call to Our Experts</span>
127 
+                            <a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
128 
+                        </div>
129 
+                    </div>
130 
+                </nav>
131 
+            </div>
132 
+        </div>
133 
+        <!-- Navbar & Hero End -->
134 
+
135 
+        <!-- Modal Search Start -->
136 
+        <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
137 
+            <div class="modal-dialog modal-fullscreen">
138 
+                <div class="modal-content rounded-0">
139 
+                    <div class="modal-header">
140 
+                        <h5 class="modal-title" id="exampleModalLabel">Search by keyword</h5>
141 
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
142 
+                    </div>
143 
+                    <div class="modal-body d-flex align-items-center bg-primary">
144 
+                        <div class="input-group w-75 mx-auto d-flex">
145 
+                            <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
146 
+                            <span id="search-icon-1" class="btn bg-light border nput-group-text p-3"><i class="fa fa-search"></i></span>
147 
+                        </div>
148 
+                    </div>
149 
+                </div>
150 
+            </div>
151 
+        </div>
152 
+        <!-- Modal Search End -->
153 
+
154 
+
155 
+        <!-- Header Start -->
156 
+        <div class="container-fluid bg-breadcrumb">
157 
+            <div class="container text-center py-5" style="max-width: 900px;">
158 
+                <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Contact Us</h4>
159 
+                <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
160 
+                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
161 
+                    <li class="breadcrumb-item"><a href="#">Pages</a></li>
162 
+                    <li class="breadcrumb-item active text-primary">Contact</li>
163 
+                </ol>
164 
+            </div>
165 
+        </div>
166 
+        <!-- Header End -->
167 
+
168 
+
169 
+        <!-- Contact Start -->
170 
+        <div class="container-fluid contact bg-light py-5">
171 
+            <div class="container py-5">
172 
+                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
173 
+                    <h4 class="text-primary">Contact Us</h4>
174 
+                    <h1 class="display-4 mb-4">If you have any comments please apply now</h1>
175 
+                </div>
176 
+                <div class="row g-5">
177 
+                    <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
178 
+                        <div class="contact-img d-flex justify-content-center" >
179 
+                            <div class="contact-img-inner">
180 
+                                <img src="img/contact-img.png" class="img-fluid w-100"  alt="Image">
181 
+                            </div>
182 
+                        </div>
183 
+                    </div>
184 
+                    <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
185 
+                        <div>
186 
+                            <h4 class="text-primary">Send Your Message</h4>
187 
+                            <p class="mb-4">The contact form is currently inactive. Get a functional and working contact form with Ajax & PHP in a few minutes. Just copy and paste the files, add a little code and you're done. <a class="text-primary fw-bold" href="https://htmlcodex.com/contact-form">Download Now</a>.</p>
188 
+                            <form>
189 
+                                <div class="row g-3">
190 
+                                    <div class="col-lg-12 col-xl-6">
191 
+                                        <div class="form-floating">
192 
+                                            <input type="text" class="form-control border-0" id="name" placeholder="Your Name">
193 
+                                            <label for="name">Your Name</label>
194 
+                                        </div>
195 
+                                    </div>
196 
+                                    <div class="col-lg-12 col-xl-6">
197 
+                                        <div class="form-floating">
198 
+                                            <input type="email" class="form-control border-0" id="email" placeholder="Your Email">
199 
+                                            <label for="email">Your Email</label>
200 
+                                        </div>
201 
+                                    </div>
202 
+                                    <div class="col-lg-12 col-xl-6">
203 
+                                        <div class="form-floating">
204 
+                                            <input type="phone" class="form-control border-0" id="phone" placeholder="Phone">
205 
+                                            <label for="phone">Your Phone</label>
206 
+                                        </div>
207 
+                                    </div>
208 
+                                    <div class="col-lg-12 col-xl-6">
209 
+                                        <div class="form-floating">
210 
+                                            <input type="text" class="form-control border-0" id="project" placeholder="Project">
211 
+                                            <label for="project">Your Project</label>
212 
+                                        </div>
213 
+                                    </div>
214 
+                                    <div class="col-12">
215 
+                                        <div class="form-floating">
216 
+                                            <input type="text" class="form-control border-0" id="subject" placeholder="Subject">
217 
+                                            <label for="subject">Subject</label>
218 
+                                        </div>
219 
+                                    </div>
220 
+                                    <div class="col-12">
221 
+                                        <div class="form-floating">
222 
+                                            <textarea class="form-control border-0" placeholder="Leave a message here" id="message" style="height: 120px"></textarea>
223 
+                                            <label for="message">Message</label>
224 
+                                        </div>
225 
+
226 
+                                    </div>
227 
+                                    <div class="col-12">
228 
+                                        <button class="btn btn-primary w-100 py-3">Send Message</button>
229 
+                                    </div>
230 
+                                </div>
231 
+                            </form>
232 
+                        </div>
233 
+                    </div>
234 
+                    <div class="col-12">
235 
+                        <div>
236 
+                            <div class="row g-4">
237 
+                                <div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.2s">
238 
+                                    <div class="contact-add-item">
239 
+                                        <div class="contact-icon text-primary mb-4">
240 
+                                            <i class="fas fa-map-marker-alt fa-2x"></i>
241 
+                                        </div>
242 
+                                        <div>
243 
+                                            <h4>Address</h4>
244 
+                                            <p class="mb-0">123 Street New York.USA</p>
245 
+                                        </div>
246 
+                                    </div>
247 
+                                </div>
248 
+                                <div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.4s">
249 
+                                    <div class="contact-add-item">
250 
+                                        <div class="contact-icon text-primary mb-4">
251 
+                                            <i class="fas fa-envelope fa-2x"></i>
252 
+                                        </div>
253 
+                                        <div>
254 
+                                            <h4>Mail Us</h4>
255 
+                                            <p class="mb-0">info@example.com</p>
256 
+                                        </div>
257 
+                                    </div>
258 
+                                </div>
259 
+                                <div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.6s">
260 
+                                    <div class="contact-add-item">
261 
+                                        <div class="contact-icon text-primary mb-4">
262 
+                                            <i class="fa fa-phone-alt fa-2x"></i>
263 
+                                        </div>
264 
+                                        <div>
265 
+                                            <h4>Telephone</h4>
266 
+                                            <p class="mb-0">(+012) 3456 7890</p>
267 
+                                        </div>
268 
+                                    </div>
269 
+                                </div>
270 
+                                <div class="col-md-6 col-lg-3 wow fadeInUp" data-wow-delay="0.8s">
271 
+                                    <div class="contact-add-item">
272 
+                                        <div class="contact-icon text-primary mb-4">
273 
+                                            <i class="fab fa-firefox-browser fa-2x"></i>
274 
+                                        </div>
275 
+                                        <div>
276 
+                                            <h4>Yoursite@ex.com</h4>
277 
+                                            <p class="mb-0">(+012) 3456 7890</p>
278 
+                                        </div>
279 
+                                    </div>
280 
+                                </div>
281 
+                            </div>
282 
+                        </div>
283 
+                    </div>
284 
+                    <div class="col-12 wow fadeInUp" data-wow-delay="0.2s">
285 
+                        <div class="rounded">
286 
+                            <iframe class="rounded w-100"
287 
+                            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"
288 
+                            loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
289 
+                        </div>
290 
+                    </div>
291 
+                </div>
292 
+            </div>
293 
+        </div>
294 
+        <!-- Contact End -->
295 
+
296 
+
297 
+        <!-- Footer Start -->
298 
+<footer>
299 
+        <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
300 
+            <div class="container py-5">
301 
+                <div class="row g-5">
302 
+                    <div class="col-xl-9">
303 
+                        <div class="mb-5">
304 
+                            <div class="row g-4">
305 
+                                <div class="col-md-6 col-lg-6 col-xl-5">
306 
+                                    <div class="footer-item">
307 
+                                        <a href="index.html" class="p-0">
308 
+                                            <h3 class="text-white"><i class="fab fa-slack me-3"></i> LifeSure</h3>
309 
+                                            <!-- <img src="img/logo.png" alt="Logo"> -->
310 
+                                        </a>
311 
+                                        <p class="text-white mb-4">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing...</p>
312 
+                                        <div class="footer-btn d-flex">
313 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-facebook-f"></i></a>
314 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-twitter"></i></a>
315 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-instagram"></i></a>
316 
+                                            <a class="btn btn-md-square rounded-circle me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
317 
+                                        </div>
318 
+                                    </div>
319 
+                                </div>
320 
+                                <div class="col-md-6 col-lg-6 col-xl-3">
321 
+                                    <div class="footer-item">
322 
+                                        <h4 class="text-white mb-4">Useful Links</h4>
323 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
324 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
325 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
326 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
327 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
328 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
329 
+                                    </div>
330 
+                                </div>
331 
+                                <div class="col-md-6 col-lg-6 col-xl-4">
332 
+                                    <div class="footer-item">
333 
+                                        <h4 class="mb-4 text-white">Instagram</h4>
334 
+                                        <div class="row g-3">
335 
+                                            <div class="col-4">
336 
+                                                <div class="footer-instagram rounded">
337 
+                                                    <img src="img/instagram-footer-1.jpg" class="img-fluid w-100" alt="">
338 
+                                                    <div class="footer-search-icon">
339 
+                                                        <a href="img/instagram-footer-1.jpg" data-lightbox="footerInstagram-1" class="my-auto"><i class="fas fa-link text-white"></i></a>
340 
+                                                    </div>
341 
+                                                </div>
342 
+                                           </div>
343 
+                                           <div class="col-4">
344 
+                                                <div class="footer-instagram rounded">
345 
+                                                    <img src="img/instagram-footer-2.jpg" class="img-fluid w-100" alt="">
346 
+                                                    <div class="footer-search-icon">
347 
+                                                        <a href="img/instagram-footer-2.jpg" data-lightbox="footerInstagram-2" class="my-auto"><i class="fas fa-link text-white"></i></a>
348 
+                                                    </div>
349 
+                                                </div>
350 
+                                           </div>
351 
+                                            <div class="col-4">
352 
+                                                <div class="footer-instagram rounded">
353 
+                                                    <img src="img/instagram-footer-3.jpg" class="img-fluid w-100" alt="">
354 
+                                                    <div class="footer-search-icon">
355 
+                                                        <a href="img/instagram-footer-3.jpg" data-lightbox="footerInstagram-3" class="my-auto"><i class="fas fa-link text-white"></i></a>
356 
+                                                    </div>
357 
+                                                </div>
358 
+                                           </div>
359 
+                                            <div class="col-4">
360 
+                                                <div class="footer-instagram rounded">
361 
+                                                    <img src="img/instagram-footer-4.jpg" class="img-fluid w-100" alt="">
362 
+                                                    <div class="footer-search-icon">
363 
+                                                        <a href="img/instagram-footer-4.jpg" data-lightbox="footerInstagram-4" class="my-auto"><i class="fas fa-link text-white"></i></a>
364 
+                                                    </div>
365 
+                                                </div>
366 
+                                           </div>
367 
+                                            <div class="col-4">
368 
+                                                <div class="footer-instagram rounded">
369 
+                                                    <img src="img/instagram-footer-5.jpg" class="img-fluid w-100" alt="">
370 
+                                                    <div class="footer-search-icon">
371 
+                                                        <a href="img/instagram-footer-5.jpg" data-lightbox="footerInstagram-5" class="my-auto"><i class="fas fa-link text-white"></i></a>
372 
+                                                    </div>
373 
+                                                </div>
374 
+                                           </div>
375 
+                                           <div class="col-4">
376 
+                                                <div class="footer-instagram rounded">
377 
+                                                    <img src="img/instagram-footer-6.jpg" class="img-fluid w-100" alt="">
378 
+                                                    <div class="footer-search-icon">
379 
+                                                        <a href="img/instagram-footer-6.jpg" data-lightbox="footerInstagram-6" class="my-auto"><i class="fas fa-link text-white"></i></a>
380 
+                                                    </div>
381 
+                                                </div>
382 
+                                            </div>
383 
+                                        </div>
384 
+                                    </div>
385 
+                                </div>
386 
+                            </div>
387 
+                        </div>
388 
+                        <div class="pt-5" style="border-top: 1px solid rgba(255, 255, 255, 0.08);">
389 
+                            <div class="row g-0">
390 
+                                <div class="col-12">
391 
+                                    <div class="row g-4">
392 
+                                        <div class="col-lg-6 col-xl-4">
393 
+                                            <div class="d-flex">
394 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
395 
+                                                    <i class="fas fa-map-marker-alt fa-2x"></i>
396 
+                                                </div>
397 
+                                                <div>
398 
+                                                    <h4 class="text-white">Address</h4>
399 
+                                                    <p class="mb-0">123 Street New York.USA</p>
400 
+                                                </div>
401 
+                                            </div>
402 
+                                        </div>
403 
+                                        <div class="col-lg-6 col-xl-4">
404 
+                                            <div class="d-flex">
405 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
406 
+                                                    <i class="fas fa-envelope fa-2x"></i>
407 
+                                                </div>
408 
+                                                <div>
409 
+                                                    <h4 class="text-white">Mail Us</h4>
410 
+                                                    <p class="mb-0">info@example.com</p>
411 
+                                                </div>
412 
+                                            </div>
413 
+                                        </div>
414 
+                                        <div class="col-lg-6 col-xl-4">
415 
+                                            <div class="d-flex">
416 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
417 
+                                                    <i class="fa fa-phone-alt fa-2x"></i>
418 
+                                                </div>
419 
+                                                <div>
420 
+                                                    <h4 class="text-white">Telephone</h4>
421 
+                                                    <p class="mb-0">(+012) 3456 7890</p>
422 
+                                                </div>
423 
+                                            </div>
424 
+                                        </div>
425 
+                                    </div>
426 
+                                </div>
427 
+                            </div>
428 
+                        </div>
429 
+                    </div>
430 
+
431 
+                    <div class="col-xl-3">
432 
+                        <div class="footer-item">
433 
+                            <h4 class="text-white mb-4">Newsletter</h4>
434 
+                            <p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
435 
+                            <div class="position-relative rounded-pill mb-4">
436 
+                                <input class="form-control rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
437 
+                                <button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
438 
+                            </div>
439 
+                            <div class="d-flex flex-shrink-0">
440 
+                                <div class="footer-btn">
441 
+                                    <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
442 
+                                        <i class="fa fa-phone-alt fa-2x"></i>
443 
+                                        <div class="position-absolute" style="top: 2px; right: 12px;">
444 
+                                            <span><i class="fa fa-comment-dots text-secondary"></i></span>
445 
+                                        </div>
446 
+                                    </a>
447 
+                                </div>
448 
+                                <div class="d-flex flex-column ms-3 flex-shrink-0">
449 
+                                    <span>Call to Our Experts</span>
450 
+                                    <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456 7890</span></a>
451 
+                                </div>
452 
+                            </div>
453 
+                        </div>
454 
+                    </div>
455 
+                </div>
456 
+            </div>
457 
+        </div>
458 
+        <!-- Footer End -->
459 
+
460 
+        <!-- Copyright Start -->
461 
+        <div class="container-fluid copyright py-4">
462 
+            <div class="container">
463 
+                <div class="row g-4 align-items-center">
464 
+                    <div class="col-md-6 text-center text-md-end mb-md-0">
465 
+                        <span class="text-body"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
466 
+                    </div>
467 
+                    <div class="col-md-6 text-center text-md-start text-body">
468 
+                        <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
469 
+                        <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
470 
+                        <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
471 
+                        Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a> Distributed By <a class="border-bottom text-white" href="https://themewagon.com">ThemeWagon</a>
472 
+                    </div>
473 
+                </div>
474 
+            </div>
475 
+        </div>
476 
+        <!-- Copyright End -->
477 
+</footer>
478 
+
479 
+
480 
+        <!-- Back to Top -->
481 
+        <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>
482 
+
483 
+
484 
+        <!-- JavaScript Libraries -->
485 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
486 
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
487 
+        <script src="lib/wow/wow.min.js"></script>
488 
+        <script src="lib/easing/easing.min.js"></script>
489 
+        <script src="lib/waypoints/waypoints.min.js"></script>
490 
+        <script src="lib/counterup/counterup.min.js"></script>
491 
+        <script src="lib/lightbox/js/lightbox.min.js"></script>
492 
+        <script src="lib/owlcarousel/owl.carousel.min.js"></script>
493 
+
494 
+
495 
+        <!-- Template Javascript -->
496 
+        <script src="js/main.js"></script>
497 
+<script src="js/footer.js"></script>
498 
+    </body>
499 
+
500 
+</html>

+ 6
- 0
css/bootstrap.min.css
文件差異過大導致無法顯示
查看文件


+ 632
- 0
css/navbar.css 查看文件

1 
+:root {
2 
+    --shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
3 
+      0 1px 2px 0 rgba(0, 0, 0, 0.06);
4 
+    --shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
5 
+      0 2px 4px -1px rgba(0, 0, 0, 0.06);
6 
+    --shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
7 
+      0 4px 6px -2px rgba(0, 0, 0, 0.05);
8 
+    --color: #063f6f;
9 
+    --color2: #161d27;
10 
+    --color2-dark: #0f131a;
11 
+  }
12 
+
13 
+  *,
14 
+  *::before,
15 
+  *::after {
16 
+    padding: 0;
17 
+    margin: 0;
18 
+    box-sizing: border-box;
19 
+    list-style: none;
20 
+    list-style-type: none;
21 
+    text-decoration: none;
22 
+    -webkit-font-smoothing: antialiased;
23 
+    -moz-osx-font-smoothing: grayscale;
24 
+    text-rendering: optimizeLegibility;
25 
+  }
26 
+
27 
+  html {
28 
+    scroll-behavior: smooth;
29 
+    height: -webkit-fill-available;
30 
+  }
31 
+
32 
+  body {
33 
+    font-family: "Inter", sans-serif;
34 
+    font-size: 14px;
35 
+    font-weight: 400;
36 
+    line-height: 1.4;
37 
+    color: #000;
38 
+    background-color: #fff;
39 
+    transition: 0.35s;
40 
+  }
41 
+  body.darkmode {
42 
+    color: #fff;
43 
+    background-color: var(--color2-dark);
44 
+  }
45 
+
46 
+  main {
47 
+    overflow: hidden;
48 
+  }
49 
+
50 
+  a,
51 
+  button {
52 
+    cursor: pointer;
53 
+    -webkit-user-select: none;
54 
+       -moz-user-select: none;
55 
+        -ms-user-select: none;
56 
+            user-select: none;
57 
+    border: none;
58 
+    outline: none;
59 
+    background: none;
60 
+  }
61 
+
62 
+  img,
63 
+  video {
64 
+    display: block;
65 
+    max-width: 100%;
66 
+    height: auto;
67 
+    -o-object-fit: cover;
68 
+       object-fit: cover;
69 
+  }
70 
+
71 
+  img {
72 
+    image-rendering: -webkit-optimize-contrast;
73 
+    image-rendering: -moz-crisp-edges;
74 
+    image-rendering: crisp-edges;
75 
+  }
76 
+
77 
+  @-webkit-keyframes slideLeft {
78 
+    0% {
79 
+      opacity: 0;
80 
+      transform: translateX(100%);
81 
+    }
82 
+    100% {
83 
+      opacity: 1;
84 
+      transform: translateX(0%);
85 
+    }
86 
+  }
87 
+
88 
+  @keyframes slideLeft {
89 
+    0% {
90 
+      opacity: 0;
91 
+      transform: translateX(100%);
92 
+    }
93 
+    100% {
94 
+      opacity: 1;
95 
+      transform: translateX(0%);
96 
+    }
97 
+  }
98 
+  @-webkit-keyframes slideRight {
99 
+    0% {
100 
+      opacity: 1;
101 
+      transform: translateX(0%);
102 
+    }
103 
+    100% {
104 
+      opacity: 0;
105 
+      transform: translateX(100%);
106 
+    }
107 
+  }
108 
+  @keyframes slideRight {
109 
+    0% {
110 
+      opacity: 1;
111 
+      transform: translateX(0%);
112 
+    }
113 
+    100% {
114 
+      opacity: 0;
115 
+      transform: translateX(100%);
116 
+    }
117 
+  }
118 
+  .section {
119 
+    margin: 0 auto;
120 
+    padding: 6rem 0 2rem;
121 
+  }
122 
+
123 
+  .container {
124 
+    /* max-width: 75rem; */
125 
+    height: auto;
126 
+    margin-inline: auto;
127 
+    padding-inline: 1.5rem;
128 
+  }
129 
+
130 
+  .centered {
131 
+    text-align: center;
132 
+    vertical-align: middle;
133 
+    margin-bottom: 1rem;
134 
+  }
135 
+
136 
+  .header {
137 
+    position: fixed;
138 
+    top: 0;
139 
+    left: 0;
140 
+    width: 100%;
141 
+    height: auto;
142 
+    z-index: 100;
143 
+    margin: 0 auto;
144 
+    background-color: #fff;
145 
+    box-shadow: var(--shadow-medium);
146 
+  }
147 
+  .darkmode .header {
148 
+    background-color: var(--color2);
149 
+  }
150 
+
151 
+  .navbar {
152 
+    display: flex;
153 
+    flex-wrap: wrap;
154 
+    align-content: center;
155 
+    align-items: center;
156 
+    justify-content: center;
157 
+    width: 100%;
158 
+    height: 100px;
159 
+    margin: 0 auto;
160 
+  }
161 
+  .navbar .navbar__left {
162 
+    display: flex;
163 
+    align-items: center;
164 
+    flex: 0 0 17%;
165 
+  }
166 
+  @media (max-width: 766px) {
167 
+    .navbar .navbar__left {
168 
+      flex: 0 0 auto;
169 
+    }
170 
+  }
171 
+  .navbar .navbar__center {
172 
+    display: flex;
173 
+  }
174 
+  @media (max-width: 766px) {
175 
+    .navbar .navbar__center {
176 
+      flex: 0 0 100%;
177 
+      order: 3;
178 
+      align-items: center;
179 
+    }
180 
+  }
181 
+  .navbar .navbar__right {
182 
+    display: flex;
183 
+    flex: 0 0 17%;
184 
+    align-items: center;
185 
+    justify-content: flex-end;
186 
+    -moz-column-gap: 1.5rem;
187 
+         column-gap: 1.5rem;
188 
+  }
189 
+  @media (max-width: 766px) {
190 
+    .navbar .navbar__right {
191 
+      flex: 0 0 auto;
192 
+      align-items: center;
193 
+    }
194 
+    .brand img {
195 
+        max-width: 200px;
196 
+      }
197 
+  }
198 
+
199 
+  .brand {
200 
+    display: flex;
201 
+    align-items: center;
202 
+    order: 1;
203 
+  }
204 
+  .brand svg {
205 
+    width: 60px;
206 
+    height: 60px;
207 
+  }
208 
+
209 
+
210 
+  @media (max-width: 766px) {
211 
+    .menu {
212 
+      position: fixed;
213 
+      top: 0;
214 
+      left: 0;
215 
+      width: 350px;
216 
+      max-width: 85%;
217 
+      height: 100%;
218 
+      z-index: 100;
219 
+      overflow: hidden;
220 
+      background-color: #fff;
221 
+      transform: translate(-100%);
222 
+      transition: all 0.4s ease-in-out;
223 
+    }
224 
+    .menu.is-active {
225 
+      transform: translate(0%);
226 
+    }
227 
+    .darkmode .menu {
228 
+      background-color: var(--color2);
229 
+    }
230 
+  }
231 
+  .menu .menu__header {
232 
+    display: none;
233 
+    box-shadow: var(--shadow-medium);
234 
+  }
235 
+  @media (max-width: 766px) {
236 
+    .menu .menu__header {
237 
+      position: relative;
238 
+      top: 0;
239 
+      display: flex;
240 
+      align-items: center;
241 
+      justify-content: flex-start;
242 
+      height: 4rem;
243 
+      z-index: 110;
244 
+      visibility: hidden;
245 
+      background: transparent;
246 
+    }
247 
+    .menu .menu__header.is-active {
248 
+      visibility: visible;
249 
+      background-color: #fff;
250 
+    }
251 
+    .menu .menu__header.is-active > .menu__arrow {
252 
+      display: flex;
253 
+    }
254 
+    .darkmode .menu .menu__header.is-active {
255 
+      background-color: var(--color2);
256 
+    }
257 
+  }
258 
+  @media (max-width: 766px) {
259 
+    .menu .menu__header .menu__arrow {
260 
+      display: none;
261 
+      justify-content: center;
262 
+      align-items: center;
263 
+      cursor: pointer;
264 
+      width: 3rem;
265 
+    }
266 
+    .menu .menu__header .menu__arrow:hover i {
267 
+      color: var(--color);
268 
+    }
269 
+    .menu .menu__header .menu__arrow > i {
270 
+      font-size: 1.5rem;
271 
+      color: #000;
272 
+      transition: all 0.25s ease;
273 
+    }
274 
+    .darkmode .menu .menu__header .menu__arrow > i {
275 
+      color: #fff;
276 
+    }
277 
+  }
278 
+  @media (max-width: 766px) {
279 
+    .menu .menu__header .menu__title {
280 
+      cursor: pointer;
281 
+      font-weight: 500;
282 
+      text-transform: capitalize;
283 
+      color: #000;
284 
+      transition: all 0.25s ease;
285 
+    }
286 
+    .menu .menu__header .menu__title:hover {
287 
+      color: var(--color);
288 
+    }
289 
+    .darkmode .menu .menu__header .menu__title {
290 
+      color: #fff;
291 
+    }
292 
+  }
293 
+  @media (max-width: 766px) {
294 
+    .menu .menu__inner {
295 
+      height: 100%;
296 
+      margin-top: -3rem;
297 
+      overflow-y: auto;
298 
+      overflow-x: hidden;
299 
+    }
300 
+  }
301 
+  .menu .menu__inner .menu__item {
302 
+    position: static;
303 
+    display: inline-block;
304 
+    padding-right: 20px;
305 
+    padding: 15px 25px 15px 0;
306 
+  }
307 
+  .menu .menu__inner .menu__item:last-child {
308 
+    padding-right: 0;
309 
+  }
310 
+  .menu .menu__inner .menu__item:hover > .menu__link {
311 
+    color: var(--color);
312 
+  }
313 
+  .darkmode .menu .menu__inner .menu__item:hover > .menu__link {
314 
+    color: var(--color);
315 
+  }
316 
+  @media (max-width: 766px) {
317 
+    .menu .menu__inner .menu__item {
318 
+      display: block;
319 
+      padding: 0;
320 
+    }
321 
+  }
322 
+  @media (min-width: 767px) {
323 
+    .menu .menu__inner .menu__item:hover > .menu__link i {
324 
+      transform: rotate(-90deg);
325 
+    }
326 
+  }
327 
+  @media (min-width: 767px) {
328 
+    .menu .menu__inner .menu__item.menu__dropdown:hover > .submenu {
329 
+      opacity: 1;
330 
+      visibility: visible;
331 
+      top: 95%;
332 
+    }
333 
+  }
334 
+  .menu .menu__inner .menu__item .menu__link {
335 
+    display: flex;
336 
+    align-items: center;
337 
+    justify-content: center;
338 
+    cursor: pointer;
339 
+    font-size: 16px;
340 
+    font-weight: 500;
341 
+    color: #000;
342 
+    text-transform: capitalize;
343 
+    transition: all 0.25s ease;
344 
+  }
345 
+  @media (max-width: 766px) {
346 
+    .menu .menu__inner .menu__item .menu__link {
347 
+      justify-content: space-between;
348 
+      padding: 20px;
349 
+    }
350 
+  }
351 
+  .menu .menu__inner .menu__item .menu__link > i {
352 
+    margin-left: 5px;
353 
+    font-size: 1.35rem;
354 
+    transform: rotate(90deg);
355 
+    transition: 0.35s;
356 
+  }
357 
+  @media (max-width: 766px) {
358 
+    .menu .menu__inner .menu__item .menu__link > i {
359 
+      margin-left: 10px;
360 
+      transform: rotate(0deg);
361 
+    }
362 
+  }
363 
+  .darkmode .menu .menu__inner .menu__item .menu__link {
364 
+    color: #fff;
365 
+  }
366 
+
367 
+  .submenu {
368 
+    position: absolute;
369 
+    z-index: 100;
370 
+    top: 110%;
371 
+    left: 50%;
372 
+    width: 100%;
373 
+    height: auto;
374 
+    padding: 20px 15px;
375 
+    border-radius: 0.25rem;
376 
+    border-top: 2px solid var(--color);
377 
+    background-color: #fff;
378 
+    box-shadow: var(--shadow-medium);
379 
+    opacity: 0;
380 
+    visibility: hidden;
381 
+    transition: all 0.35s ease-in-out;
382 
+    transform: translateX(-50%);
383 
+  }
384 
+  .darkmode .submenu {
385 
+    border-top: 2px solid var(--color);
386 
+    background-color: var(--color2);
387 
+  }
388 
+  @media (max-width: 766px) {
389 
+    .submenu {
390 
+      position: absolute;
391 
+      display: none;
392 
+      top: 0;
393 
+      left: 0;
394 
+      width: 100%;
395 
+      height: 100%;
396 
+      max-width: none;
397 
+      min-width: auto;
398 
+      margin: 0;
399 
+      padding: 100px 15px 0 15px;
400 
+      border-radius: 0;
401 
+      border-top: 0;
402 
+      box-shadow: none;
403 
+      opacity: 1;
404 
+      overflow-y: auto;
405 
+      visibility: visible;
406 
+      transform: translateX(0%);
407 
+    }
408 
+    .submenu.is-active {
409 
+      display: block;
410 
+    }
411 
+  }
412 
+  @media (min-width: 767px) {
413 
+    .submenu {
414 
+      -webkit-animation: none !important;
415 
+              animation: none !important;
416 
+    }
417 
+  }
418 
+  @media (min-width: 767px) {
419 
+    .submenu.megamenu__normal {
420 
+      left: 65%;
421 
+      max-width: 250px;
422 
+      width: 100%;
423 
+      height: auto;
424 
+      margin: 0 auto;
425 
+    }
426 
+    .submenu.megamenu__normal.process {
427 
+        left: 48%;
428 
+    }
429 
+  }
430 
+  @media (min-width: 767px) {
431 
+    .submenu.megamenu__text, .submenu.megamenu__image {
432 
+      display: flex;
433 
+      flex-wrap: wrap;
434 
+      max-width: 95%;
435 
+      height: auto;
436 
+      margin: 0 auto;
437 
+      justify-content: space-around;
438 
+    }
439 
+  }
440 
+  @media (min-width: 975px) {
441 
+    .submenu.megamenu__text, .submenu.megamenu__image {
442 
+      max-width: 992px;
443 
+    }
444 
+  }
445 
+  .submenu.megamenu__image .submenu__inner a {
446 
+    display: flex;
447 
+    flex-flow: column;
448 
+    align-items: center;
449 
+  }
450 
+  @media (max-width: 766px) {
451 
+    .submenu.megamenu__image .submenu__inner a {
452 
+      flex-flow: row;
453 
+      align-items: center;
454 
+      padding-bottom: 20px;
455 
+    }
456 
+  }
457 
+  .submenu.megamenu__image .submenu__inner a img {
458 
+    display: block;
459 
+    width: 100%;
460 
+    height: 150px;
461 
+    margin-bottom: 15px;
462 
+    -o-object-fit: cover;
463 
+       object-fit: cover;
464 
+    border-radius: 10px;
465 
+  }
466 
+  @media (max-width: 766px) {
467 
+    .submenu.megamenu__image .submenu__inner a img {
468 
+      width: 30%;
469 
+      height: 80px;
470 
+      margin-bottom: 0;
471 
+      margin-right: 15px;
472 
+    }
473 
+  }
474 
+  .submenu .submenu__inner {
475 
+    /* width: 25%; */
476 
+    padding: 0 15px;
477 
+  }
478 
+  @media (max-width: 766px) {
479 
+    .submenu .submenu__inner {
480 
+      width: 100%;
481 
+      padding: 0;
482 
+    }
483 
+  }
484 
+  .submenu .submenu__inner .submenu__title {
485 
+    font-size: 16px;
486 
+    font-weight: 500;
487 
+    color: var(--color);
488 
+    text-transform: uppercase;
489 
+    margin-left: 30px;
490 
+    transition: all 0.3s ease;
491 
+  }
492 
+  .darkmode .submenu .submenu__inner .submenu__title {
493 
+    color: var(--color);
494 
+  }
495 
+  @media (max-width: 766px) {
496 
+    .submenu .submenu__list {
497 
+      margin-bottom: 20px;
498 
+    }
499 
+  }
500 
+  .submenu .submenu__list li {
501 
+    display: block;
502 
+    line-height: 1;
503 
+    margin: 0 auto;
504 
+  }
505 
+  .submenu .submenu__list li a {
506 
+    display: inline-block;
507 
+    padding: 10px 0;
508 
+    line-height: 1.4;
509 
+    text-transform: capitalize;
510 
+    color: #000;
511 
+    transition: all 0.25s ease-in-out;
512 
+  }
513 
+  .submenu .submenu__list li a:hover {
514 
+    color: var(--color);
515 
+  }
516 
+  @media (max-width: 766px) {
517 
+    .submenu .submenu__list li a {
518 
+      display: block;
519 
+    }
520 
+  }
521 
+  .darkmode .submenu .submenu__list li a {
522 
+    color: #fff;
523 
+  }
524 
+  .darkmode .submenu .submenu__list li a:hover {
525 
+    color: var(--color);
526 
+  }
527 
+
528 
+  .switch {
529 
+    position: relative;
530 
+    display: block;
531 
+    cursor: pointer;
532 
+    -webkit-user-select: none;
533 
+       -moz-user-select: none;
534 
+        -ms-user-select: none;
535 
+            user-select: none;
536 
+    margin-right: 10px;
537 
+  }
538 
+  .switch .switch__light,
539 
+  .switch .switch__dark {
540 
+    position: absolute;
541 
+    top: 50%;
542 
+    left: 50%;
543 
+    transform-origin: center;
544 
+    transform: translate(-50%, -50%);
545 
+    transition: all 0.3s ease-in;
546 
+  }
547 
+  .switch .switch__light {
548 
+    font-size: 20px;
549 
+    visibility: visible;
550 
+    color: #000;
551 
+  }
552 
+  .darkmode .switch .switch__light {
553 
+    font-size: 0;
554 
+    visibility: hidden;
555 
+  }
556 
+  .switch .switch__dark {
557 
+    font-size: 0;
558 
+    visibility: hidden;
559 
+    color: #fff;
560 
+  }
561 
+  .darkmode .switch .switch__dark {
562 
+    font-size: 20px;
563 
+    visibility: visible;
564 
+  }
565 
+
566 
+  .overlay {
567 
+    position: fixed;
568 
+    display: block;
569 
+    top: 0;
570 
+    left: 0;
571 
+    width: 100%;
572 
+    height: 100%;
573 
+    z-index: 9;
574 
+    opacity: 0;
575 
+    visibility: hidden;
576 
+    background-color: rgba(0, 0, 0, 0.7);
577 
+    transition: all 0.45s ease-in-out;
578 
+    pointer-events: none;
579 
+  }
580 
+  @media (max-width: 766px) {
581 
+    .overlay {
582 
+      cursor: url("https://i.imgur.com/cPh9Zm5.png"), zoom-out;
583 
+      pointer-events: visible;
584 
+    }
585 
+    .overlay.is-active {
586 
+      opacity: 1;
587 
+      visibility: visible;
588 
+    }
589 
+  }
590 
+
591 
+  .burger {
592 
+    position: relative;
593 
+    display: block;
594 
+    cursor: pointer;
595 
+    width: 25px;
596 
+    height: 15px;
597 
+    margin-right: 15px;
598 
+    opacity: 0;
599 
+    visibility: hidden;
600 
+    background: transparent;
601 
+  }
602 
+  @media (max-width: 766px) {
603 
+    .burger {
604 
+      opacity: 1;
605 
+      visibility: visible;
606 
+    }
607 
+  }
608 
+  .burger .burger-line {
609 
+    position: absolute;
610 
+    display: block;
611 
+    left: 0;
612 
+    width: 100%;
613 
+    height: 2px;
614 
+    opacity: 1;
615 
+    border-radius: 15px;
616 
+    background: #000;
617 
+  }
618 
+  .darkmode .burger .burger-line {
619 
+    background: #fff;
620 
+  }
621 
+  .burger .burger-line:nth-child(1) {
622 
+    top: 0px;
623 
+  }
624 
+  .burger .burger-line:nth-child(2) {
625 
+    top: 8px;
626 
+    width: 70%;
627 
+  }
628 
+  .burger .burger-line:nth-child(3) {
629 
+    top: 16px;
630 
+  }
631 
+
632 
+

+ 926
- 0
css/style.css 查看文件

1 
+
2 
+/*** Spinner Start ***/
3 
+#spinner {
4 
+    opacity: 0;
5 
+    visibility: hidden;
6 
+    transition: opacity .5s ease-out, visibility 0s linear .5s;
7 
+    z-index: 99999;
8 
+}
9 
+
10 
+#spinner.show {
11 
+    transition: opacity .5s ease-out, visibility 0s linear 0s;
12 
+    visibility: visible;
13 
+    opacity: 1;
14 
+}
15 
+/*** Spinner End ***/
16 
+
17 
+.back-to-top {
18 
+    position: fixed;
19 
+    right: 30px;
20 
+    bottom: 30px;
21 
+    transition: 0.5s;
22 
+    z-index: 99;
23 
+}
24 
+
25 
+
26 
+/*** Button Start ***/
27 
+.btn {
28 
+    font-weight: 600;
29 
+    transition: .5s;
30 
+}
31 
+
32 
+.btn-square {
33 
+    width: 32px;
34 
+    height: 32px;
35 
+}
36 
+
37 
+.btn-sm-square {
38 
+    width: 34px;
39 
+    height: 34px;
40 
+}
41 
+
42 
+.btn-md-square {
43 
+    width: 44px;
44 
+    height: 44px;
45 
+}
46 
+
47 
+.btn-lg-square {
48 
+    width: 56px;
49 
+    height: 56px;
50 
+}
51 
+
52 
+.btn-xl-square {
53 
+    width: 66px;
54 
+    height: 66px;
55 
+}
56 
+
57 
+.btn-square,
58 
+.btn-sm-square,
59 
+.btn-md-square,
60 
+.btn-lg-square,
61 
+.btn-xl-square {
62 
+    padding: 0;
63 
+    display: flex;
64 
+    align-items: center;
65 
+    justify-content: center;
66 
+    font-weight: normal;
67 
+}
68 
+
69 
+.btn.btn-primary {
70 
+    color: var(--bs-white);
71 
+    border: none;
72 
+}
73 
+
74 
+.btn.btn-primary:hover {
75 
+    background: var(--bs-dark);
76 
+    color: var(--bs-white);
77 
+}
78 
+
79 
+.btn.btn-light {
80 
+    color: var(--bs-primary);
81 
+    border: none;
82 
+}
83 
+
84 
+.btn.btn-light:hover {
85 
+    color: var(--bs-white);
86 
+    background: var(--bs-dark);
87 
+}
88 
+
89 
+.btn.btn-dark {
90 
+    color: var(--bs-white);
91 
+    border: none;
92 
+}
93 
+
94 
+.btn.btn-dark:hover {
95 
+    color: var(--bs-primary);
96 
+    background: var(--bs-light);
97 
+}
98 
+
99 
+
100 
+/*** Topbar Start ***/
101 
+.topbar .dropdown-toggle::after {
102 
+    border: none;
103 
+    content: "\f107";
104 
+    font-family: "Font Awesome 5 Free";
105 
+    font-weight: 600;
106 
+    vertical-align: middle;
107 
+    margin-left: 8px;
108 
+    color: var(--bs-primary);
109 
+}
110 
+
111 
+.topbar .dropdown .dropdown-menu a:hover {
112 
+    background: var(--bs-primary);
113 
+    color: var(--bs-white);
114 
+}
115 
+
116 
+.topbar .dropdown .dropdown-menu {
117 
+    transform: rotateX(0deg);
118 
+    visibility: visible;
119 
+    background: var(--bs-light);
120 
+    padding-top: 10px;
121 
+    border: 0;
122 
+    transition: .5s;
123 
+    opacity: 1;
124 
+}
125 
+/*** Topbar End ***/
126 
+
127 
+
128 
+/*** Navbar Start ***/
129 
+.nav-bar {
130 
+    background: var(--bs-white);
131 
+    transition: 1s;
132 
+}
133 
+
134 
+.navbar-light .navbar-brand img {
135 
+    max-height: 60px;
136 
+    transition: .5s;
137 
+}
138 
+
139 
+.nav-bar .navbar-light .navbar-brand img {
140 
+    max-height: 50px;
141 
+}
142 
+
143 
+.navbar .navbar-nav .nav-item .nav-link {
144 
+    padding: 0;
145 
+}
146 
+
147 
+.navbar .navbar-nav .nav-item {
148 
+    display: flex;
149 
+    align-items: center;
150 
+    padding: 15px;
151 
+}
152 
+
153 
+.navbar-light .navbar-nav .nav-item:hover,
154 
+.navbar-light .navbar-nav .nav-item.active,
155 
+.navbar-light .navbar-nav .nav-item:hover .nav-link,
156 
+.navbar-light .navbar-nav .nav-item.active .nav-link {
157 
+    color: var(--bs-primary);
158 
+}
159 
+
160 
+@media (max-width: 991px) {
161 
+    .navbar {
162 
+        padding: 20px 0;
163 
+    }
164 
+
165 
+    .navbar .navbar-nav .nav-link {
166 
+        padding: 0;
167 
+    }
168 
+
169 
+    .navbar .navbar-nav .nav-item {
170 
+        display: flex;
171 
+        padding: 20px;
172 
+        flex-direction: column;
173 
+        justify-content: start;
174 
+        align-items: start;
175 
+    }
176 
+
177 
+    .navbar .navbar-nav .nav-btn {
178 
+        display: flex;
179 
+        justify-content: start;
180 
+    }
181 
+
182 
+    .navbar .navbar-nav {
183 
+        width: 100%;
184 
+        display: flex;
185 
+        margin-top: 20px;
186 
+        padding-bottom: 20px;
187 
+        background: var(--bs-light);
188 
+        border-radius: 10px;
189 
+    }
190 
+
191 
+    .navbar.navbar-expand-lg .navbar-toggler {
192 
+        padding: 8px 15px;
193 
+        border: 1px solid var(--bs-primary);
194 
+        color: var(--bs-primary);
195 
+    }
196 
+}
197 
+
198 
+.navbar .dropdown-toggle::after {
199 
+    border: none;
200 
+    content: "\f107";
201 
+    font-family: "Font Awesome 5 Free";
202 
+    font-weight: 600;
203 
+    vertical-align: middle;
204 
+    margin-left: 8px;
205 
+}
206 
+
207 
+.dropdown .dropdown-menu .dropdown-item:hover {
208 
+    background: var(--bs-primary);
209 
+    color: var(--bs-white);
210 
+}
211 
+
212 
+@media (min-width: 992px) {
213 
+    .navbar {
214 
+        padding: 20px 0;
215 
+    }
216 
+
217 
+    .navbar .nav-btn {
218 
+        display: flex;
219 
+        align-items: center;
220 
+        justify-content: end;
221 
+    }
222 
+
223 
+    .navbar .navbar-nav {
224 
+        width: 100%;
225 
+        display: flex;
226 
+        justify-content:end;
227 
+        align-items: center;
228 
+        /* background: var(--bs-light); */
229 
+        border-radius: 10px;
230 
+    }
231 
+
232 
+    .navbar .navbar-nav .nav-btn {
233 
+        width: 100%;
234 
+        display: flex;
235 
+        margin-left: auto;
236 
+    }
237 
+
238 
+    .navbar .nav-item .dropdown-menu {
239 
+        display: block;
240 
+        visibility: hidden;
241 
+        top: 100%;
242 
+        transform: rotateX(-75deg);
243 
+        transform-origin: 0% 0%;
244 
+        border: 0;
245 
+        border-radius: 10px;
246 
+        transition: .5s;
247 
+        opacity: 0;
248 
+    }
249 
+
250 
+    .navbar .nav-item:hover .dropdown-menu {
251 
+        transform: rotateX(0deg);
252 
+        visibility: visible;
253 
+        margin-top: 20px;
254 
+        background: var(--bs-light);
255 
+        transition: .5s;
256 
+        opacity: 1;
257 
+    }
258 
+}
259 
+/*** Navbar End ***/
260 
+
261 
+
262 
+/*** Carousel Hero Header Start ***/
263 
+.header-carousel .header-carousel-item {
264 
+    height: 700px;
265 
+}
266 
+
267 
+.header-carousel .owl-nav .owl-prev,
268 
+.header-carousel .owl-nav .owl-next {
269 
+    position: absolute;
270 
+    width: 60px;
271 
+    height: 60px;
272 
+    border-radius: 60px;
273 
+    background: var(--bs-light);
274 
+    color: var(--bs-primary);
275 
+    font-size: 26px;
276 
+    display: flex;
277 
+    align-items: center;
278 
+    justify-content: center;
279 
+    transition: 0.5s;
280 
+}
281 
+
282 
+.header-carousel .owl-nav .owl-prev {
283 
+    bottom: 30px;
284 
+    left: 50%;
285 
+    transform: translateX(-50%);
286 
+    margin-left: 30px;
287 
+}
288 
+.header-carousel .owl-nav .owl-next {
289 
+    bottom: 30px;
290 
+    right: 50%;
291 
+    transform: translateX(-50%);
292 
+    margin-right: 30px;
293 
+}
294 
+
295 
+.header-carousel .owl-nav .owl-prev:hover,
296 
+.header-carousel .owl-nav .owl-next:hover {
297 
+    box-shadow: inset 0 0 100px 0 var(--bs-secondary);
298 
+    color: var(--bs-white);
299 
+}
300 
+
301 
+.header-carousel .header-carousel-item .carousel-caption {
302 
+    position: absolute;
303 
+    width: 100%;
304 
+    height: 100%;
305 
+    left: 0;
306 
+    bottom: 0;
307 
+    background: rgba(0, 0, 0, .2);
308 
+    display: flex;
309 
+    align-items: center;
310 
+}
311 
+
312 
+@media (max-width: 991px) {
313 
+    .header-carousel .header-carousel-item .carousel-caption {
314 
+        padding-top: 45px;
315 
+    }
316 
+
317 
+    .header-carousel .header-carousel-item {
318 
+        height: 1300px;
319 
+    }
320 
+}
321 
+
322 
+@media (max-width: 767px) {
323 
+    .header-carousel .header-carousel-item {
324 
+        height: 950px;
325 
+    }
326 
+
327 
+    .header-carousel .owl-nav .owl-prev {
328 
+        bottom: -30px;
329 
+        left: 50%;
330 
+        transform: translateX(-50%);
331 
+        margin-left: -45px;
332 
+    }
333 
+
334 
+    .header-carousel .owl-nav .owl-next {
335 
+        bottom: -30px;
336 
+        left: 50%;
337 
+        transform: translateX(-50%);
338 
+        margin-left: 45px;
339 
+    }
340 
+}
341 
+/*** Carousel Hero Header End ***/
342 
+
343 
+
344 
+/*** Single Page Hero Header Start ***/
345 
+.bg-breadcrumb {
346 
+    position: relative;
347 
+    overflow: hidden;
348 
+    background: linear-gradient(rgba(1, 95, 201, 0.9), rgba(0, 0, 0, 0.2)), url(../img/bg-breadcrumb.jpg);
349 
+    background-position: center center;
350 
+    background-repeat: no-repeat;
351 
+    background-size: cover;
352 
+    padding: 60px 0 60px 0;
353 
+    transition: 0.5s;
354 
+}
355 
+
356 
+.bg-breadcrumb .breadcrumb {
357 
+    position: relative;
358 
+}
359 
+
360 
+.bg-breadcrumb .breadcrumb .breadcrumb-item a {
361 
+    color: var(--bs-white);
362 
+}
363 
+/*** Single Page Hero Header End ***/
364 
+
365 
+
366 
+/*** Feature Start ***/
367 
+.feature .feature-item {
368 
+    border-radius: 10px;
369 
+    background: var(--bs-white);
370 
+    transition: 0.5s;
371 
+}
372 
+
373 
+.feature .feature-item:hover {
374 
+    background: var(--bs-primary);
375 
+}
376 
+
377 
+.feature .feature-item .feature-icon {
378 
+    position: relative;
379 
+    width: 100px;
380 
+    display: inline-flex;
381 
+    align-items: center;
382 
+    justify-content: center;
383 
+    border-bottom-left-radius: 10px;
384 
+    border-bottom-right-radius: 10px;
385 
+    background: var(--bs-light);
386 
+}
387 
+
388 
+.feature .feature-item:hover .feature-icon i {
389 
+    z-index: 9;
390 
+}
391 
+
392 
+.feature .feature-item .feature-icon::after {
393 
+    content: "";
394 
+    position: absolute;
395 
+    width: 100%;
396 
+    height: 0;
397 
+    top: 0;
398 
+    left: 0;
399 
+    border-bottom-left-radius: 10px;
400 
+    border-bottom-right-radius: 10px;
401 
+    background: var(--bs-dark);
402 
+    transition: 0.5s;
403 
+    z-index: 1;
404 
+}
405 
+
406 
+.feature .feature-item:hover .feature-icon::after {
407 
+    height: 100%;
408 
+}
409 
+
410 
+.feature .feature-item .feature-icon {
411 
+    color: var(--bs-primary);
412 
+}
413 
+
414 
+.feature .feature-item .feature-icon,
415 
+.feature .feature-item h4,
416 
+.feature .feature-item p {
417 
+    transition: 0.5s;
418 
+}
419 
+
420 
+.feature .feature-item:hover .feature-icon {
421 
+    color: var(--bs-white);
422 
+}
423 
+.feature .feature-item:hover h4,
424 
+.feature .feature-item:hover p {
425 
+    color: var(--bs-white);
426 
+}
427 
+
428 
+.feature .feature-item:hover a.btn {
429 
+    background: var(--bs-white);
430 
+    color: var(--bs-primary);
431 
+}
432 
+
433 
+.feature .feature-item:hover a.btn:hover {
434 
+    background: var(--bs-dark);
435 
+    color: var(--bs-white);
436 
+}
437 
+/*** Feature End ***/
438 
+
439 
+
440 
+/*** Service Start ***/
441 
+.service .service-item {
442 
+    border-radius: 10px;
443 
+}
444 
+.service .service-item .service-img {
445 
+    position: relative;
446 
+    overflow: hidden;
447 
+    border-top-left-radius: 10px;
448 
+    border-top-right-radius: 10px;
449 
+}
450 
+
451 
+.service .service-item .service-img img {
452 
+    transition: 0.5s;
453 
+}
454 
+
455 
+.service .service-item:hover .service-img img {
456 
+    transform: scale(1.1);
457 
+}
458 
+
459 
+.service .service-item .service-img::after {
460 
+    content: "";
461 
+    position: absolute;
462 
+    width: 100%;
463 
+    height: 0;
464 
+    top: 0;
465 
+    left: 0;
466 
+    border-top-left-radius: 10px;
467 
+    border-top-right-radius: 10px;
468 
+    background: rgba(1, 95, 201, .2);
469 
+    transition: 0.5s;
470 
+    z-index: 1;
471 
+}
472 
+
473 
+.service .service-item:hover .service-img::after {
474 
+    height: 100%;
475 
+}
476 
+
477 
+.service .service-item .service-img .service-icon {
478 
+    position: absolute;
479 
+    width: 70px;
480 
+    bottom: 0;
481 
+    right: 25px;
482 
+    border-top-left-radius: 10px;
483 
+    border-top-right-radius: 10px;
484 
+    background: var(--bs-light);
485 
+    display: flex;
486 
+    align-items: center;
487 
+    justify-content: center;
488 
+    transition: 0.5s;
489 
+    z-index: 9;
490 
+}
491 
+
492 
+.service .service-item .service-img .service-icon i {
493 
+    color: var(--bs-primary);
494 
+    transition: 0.5s;
495 
+}
496 
+
497 
+.service .service-item:hover .service-img .service-icon i {
498 
+    transform: rotateX(360deg);
499 
+    color: var(--bs-white);
500 
+}
501 
+
502 
+.service .service-item:hover .service-img .service-icon {
503 
+    bottom: 0;
504 
+    color: var(--bs-white);
505 
+    background: var(--bs-primary);
506 
+}
507 
+
508 
+.service .service-content {
509 
+    position: relative;
510 
+    border-bottom-left-radius: 10px;
511 
+    border-bottom-right-radius: 10px;
512 
+    background: var(--bs-light);
513 
+}
514 
+
515 
+.service .service-item .service-content .service-content-inner {
516 
+    position: relative;
517 
+    z-index: 9;
518 
+}
519 
+
520 
+.service .service-item .service-content .service-content-inner .h4,
521 
+.service .service-item .service-content .service-content-inner p {
522 
+    transition: 0.5s;
523 
+}
524 
+
525 
+.service .service-item:hover .service-content .service-content-inner .h4,
526 
+.service .service-item:hover .service-content .service-content-inner p {
527 
+    color: var(--bs-white);
528 
+}
529 
+
530 
+.service .service-item:hover .service-content .service-content-inner .btn.btn-primary {
531 
+    color: var(--bs-primary);
532 
+    background: var(--bs-white);
533 
+}
534 
+
535 
+.service .service-item:hover .service-content .service-content-inner .btn.btn-primary:hover {
536 
+    color: var(--bs-white);
537 
+    background: var(--bs-dark);
538 
+}
539 
+
540 
+.service .service-item:hover .service-content .service-content-inner .h4:hover {
541 
+    color: var(--bs-dark);
542 
+}
543 
+
544 
+.service .service-item .service-content::after {
545 
+    content: "";
546 
+    position: absolute;
547 
+    width: 100%;
548 
+    height: 0;
549 
+    bottom: 0;
550 
+    left: 0;
551 
+    border-bottom-left-radius: 10px;
552 
+    border-bottom-right-radius: 10px;
553 
+    background: var(--bs-primary);
554 
+    transition: 0.5s;
555 
+    z-index: 1;
556 
+}
557 
+
558 
+.service .service-item:hover .service-content::after {
559 
+    height: 100%;
560 
+}
561 
+/*** Service End ***/
562 
+
563 
+
564 
+/*** FAQs Start ***/
565 
+.faq-section .accordion .accordion-item .accordion-header .accordion-button {
566 
+    color: var(--bs-white);
567 
+    background: rgba(1, 95, 201, .8);
568 
+    font-size: 18px;
569 
+}
570 
+
571 
+.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
572 
+    color: var(--bs-primary);
573 
+    background: var(--bs-light);
574 
+}
575 
+/*** FAQs End ***/
576 
+
577 
+
578 
+/*** Blog Start ***/
579 
+.blog .blog-item {
580 
+    border-radius: 10px;
581 
+    transition: 0.5s;
582 
+}
583 
+
584 
+.blog .blog-item:hover {
585 
+    box-shadow: 0 0 45px rgba(0, 0, 0, .1);
586 
+}
587 
+
588 
+.blog .blog-item:hover .blog-content {
589 
+    background: var(--bs-white);
590 
+}
591 
+
592 
+.blog .blog-item .blog-img {
593 
+    border-top-left-radius: 10px;
594 
+    border-top-right-radius: 10px;
595 
+    position: relative;
596 
+    overflow: hidden;
597 
+}
598 
+
599 
+.blog .blog-item .blog-img img {
600 
+    transition: 0.5s;
601 
+}
602 
+
603 
+.blog .blog-item:hover .blog-img img {
604 
+    transform: scale(1.2);
605 
+}
606 
+
607 
+.blog .blog-item .blog-img::after {
608 
+    content: "";
609 
+    position: absolute;
610 
+    width: 100%;
611 
+    height: 0;
612 
+    top: 0;
613 
+    left: 0;
614 
+    border-top-left-radius: 10px;
615 
+    border-top-right-radius: 10px;
616 
+    background: rgba(1, 95, 201, .2);
617 
+    transition: 0.5s;
618 
+    z-index: 1;
619 
+}
620 
+
621 
+.blog .blog-item:hover .blog-img::after {
622 
+    height: 100%;
623 
+}
624 
+
625 
+.blog .blog-item .blog-img .blog-categiry {
626 
+    position: absolute;
627 
+    bottom: 0;
628 
+    right: 0;
629 
+    border-top-left-radius: 10px;
630 
+    display: inline-flex;
631 
+    color: var(--bs-white);
632 
+    background: var(--bs-primary);
633 
+    z-index: 9;
634 
+}
635 
+
636 
+.blog .blog-item .blog-content {
637 
+    border-bottom-left-radius: 10px;
638 
+    border-bottom-right-radius: 10px;
639 
+    background: var(--bs-light);
640 
+}
641 
+
642 
+.blog .blog-item .blog-content a.btn {
643 
+    color: var(--bs-dark);
644 
+}
645 
+
646 
+.blog .blog-item:hover .blog-content a.btn:hover {
647 
+    color: var(--bs-primary);
648 
+}
649 
+/*** Blog End ***/
650 
+
651 
+
652 
+/*** Team Start ***/
653 
+.team .team-item .team-img {
654 
+    position: relative;
655 
+    overflow: hidden;
656 
+    border-top-left-radius: 10px;
657 
+    border-top-right-radius: 10px;
658 
+}
659 
+
660 
+.team .team-item .team-img img {
661 
+    transition: 0.5s;
662 
+}
663 
+
664 
+.team .team-item:hover .team-img img {
665 
+    transform: scale(1.1);
666 
+}
667 
+
668 
+.team .team-item .team-img::after {
669 
+    content: "";
670 
+    position: absolute;
671 
+    width: 100%;
672 
+    height: 0;
673 
+    top: 0;
674 
+    left: 0;
675 
+    border-top-left-radius: 10px;
676 
+    border-top-right-radius: 10px;
677 
+    transition: 0.5s;
678 
+}
679 
+
680 
+.team .team-item:hover .team-img::after {
681 
+    height: 100%;
682 
+    background: rgba(255, 255, 255, 0.3);
683 
+}
684 
+
685 
+.team .team-item .team-img .team-icon {
686 
+    position: absolute;
687 
+    bottom: 20px;
688 
+    right: 20px;
689 
+    margin-bottom: -100%;
690 
+    transition: 0.5s;
691 
+    z-index: 9;
692 
+}
693 
+
694 
+.team .team-item:hover .team-img .team-icon {
695 
+    margin-bottom: 0;
696 
+}
697 
+
698 
+.team .team-item .team-title {
699 
+    color: var(--bs-white);
700 
+    background: var(--bs-primary);
701 
+    border-bottom-left-radius: 10px;
702 
+    border-bottom-right-radius: 10px;
703 
+    transition: 0.5s;
704 
+}
705 
+
706 
+.team .team-item .team-title h4 {
707 
+    color: var(--bs-white);
708 
+}
709 
+
710 
+.team .team-item:hover .team-title {
711 
+    background: var(--bs-dark);
712 
+}
713 
+/*** Team End ***/
714 
+
715 
+
716 
+/*** Testimonial Start ***/
717 
+.testimonial-carousel .owl-stage-outer {
718 
+    margin-top: 58px;
719 
+    margin-right: -1px;
720 
+}
721 
+
722 
+.testimonial .owl-nav .owl-prev {
723 
+    position: absolute;
724 
+    top: -58px;
725 
+    left: 0;
726 
+    background: var(--bs-primary);
727 
+    color: var(--bs-white);
728 
+    padding: 5px 30px;
729 
+    border-radius: 30px;
730 
+    transition: 0.5s;
731 
+}
732 
+
733 
+.testimonial .owl-nav .owl-prev:hover {
734 
+    background: var(--bs-dark);
735 
+    color: var(--bs-white);
736 
+}
737 
+
738 
+.testimonial .owl-nav .owl-next {
739 
+    position: absolute;
740 
+    top: -58px;
741 
+    right: 0;
742 
+    background: var(--bs-primary);
743 
+    color: var(--bs-white);
744 
+    padding: 5px 30px;
745 
+    border-radius: 30px;
746 
+    transition: 0.5s;
747 
+}
748 
+
749 
+.testimonial .owl-nav .owl-next:hover {
750 
+    background: var(--bs-dark);
751 
+    color: var(--bs-white);
752 
+}
753 
+/*** Testimonial End ***/
754 
+
755 
+
756 
+/*** Contact Start ***/
757 
+.contact .contact-img {
758 
+    position: relative;
759 
+}
760 
+
761 
+.contact .contact-img::after {
762 
+    content: "";
763 
+    position: absolute;
764 
+    width: 100%;
765 
+    height: 100%;
766 
+    top: 0;
767 
+    left: 0;
768 
+    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
769 
+    background: rgba(255, 255, 255, 0.9);
770 
+    z-index: 1;
771 
+    animation-name: image-efects;
772 
+    animation-duration: 10s;
773 
+    animation-delay: 1s;
774 
+    animation-iteration-count: infinite;
775 
+    animation-direction: alternate;
776 
+    transition: 0.5s
777 
+}
778 
+
779 
+@keyframes image-efects {
780 
+    0%  {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}
781 
+
782 
+    25% {border-radius: 35% 65% 27% 73% / 71% 25% 75% 29%;}
783 
+
784 
+    50% {border-radius: 41% 59% 45% 55% / 32% 21% 79% 68%;}
785 
+
786 
+    75% {border-radius: 69% 31% 39% 61% / 70% 83% 17% 30%;}
787 
+
788 
+    100% {border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}
789 
+}
790 
+
791 
+.contact .contact-img .contact-img-inner {
792 
+    position: relative;
793 
+    z-index: 9;
794 
+}
795 
+/*** Contact End ***/
796 
+
797 
+
798 
+/*** Footer Start ***/
799 
+.footer {
800 
+    background: var(--bs-dark);
801 
+}
802 
+
803 
+.footer .footer-item {
804 
+    display: flex;
805 
+    flex-direction: column;
806 
+}
807 
+
808 
+.footer .footer-item a {
809 
+    line-height: 35px;
810 
+    /* color: var(--bs-body); */
811 
+    color: #fff;
812 
+    transition: 0.5s;
813 
+}
814 
+
815 
+.footer .footer-item p {
816 
+    line-height: 35px;
817 
+}
818 
+
819 
+.footer .footer-item a:hover {
820 
+    /* color: var(--bs-primary); */
821 
+    color: #008cff;
822 
+    font-weight: bold;
823 
+}
824 
+
825 
+.footer .footer-item .footer-btn a,
826 
+.footer .footer-item .footer-btn a i {
827 
+    transition: 0.5s;
828 
+}
829 
+
830 
+.footer .footer-item .footer-btn a:hover {
831 
+    background: var(--bs-white);
832 
+}
833 
+
834 
+.footer .footer-item .footer-btn a:hover i {
835 
+    color: var(--bs-primary);
836 
+}
837 
+
838 
+
839 
+.footer .footer-item .footer-instagram {
840 
+    position: relative;
841 
+    overflow: hidden;
842 
+}
843 
+
844 
+.footer .footer-item .footer-instagram img {
845 
+    transition: 0.5s;
846 
+}
847 
+
848 
+.footer .footer-item .footer-instagram:hover img {
849 
+    transform: scale(1.2);
850 
+}
851 
+
852 
+.footer .footer-item .footer-instagram .footer-search-icon {
853 
+    position: absolute;
854 
+    width: 100%;
855 
+    height: 100%;
856 
+    top: 0;
857 
+    left: 0;
858 
+    display: flex;
859 
+    align-items: center;
860 
+    justify-content: center;
861 
+    transition: 0.5s;
862 
+    opacity: 0;
863 
+}
864 
+
865 
+.footer .footer-item .footer-instagram:hover .footer-search-icon {
866 
+    opacity: 1;
867 
+    background: rgba(0, 0, 0, .6);
868 
+}
869 
+
870 
+.footer .footer-item .footer-btn a {
871 
+    background: var(--bs-light);
872 
+    color: var(--bs-primary);
873 
+}
874 
+
875 
+.footer .footer-item .footer-btn a:hover {
876 
+    background: var(--bs-primary);
877 
+}
878 
+
879 
+.footer .footer-item .footer-btn a:hover i {
880 
+    color: var(--bs-white);
881 
+}
882 
+/*** Footer End ***/
883 
+
884 
+
885 
+/*** copyright Start ***/
886 
+.copyright {
887 
+    background: var(--bs-dark);
888 
+    border-top: 1px solid rgba(255, 255, 255, .08);
889 
+}
890 
+/*** copyright end ***/
891 
+
892 
+
893 
+.mega-menu {
894 
+    position: absolute;
895 
+    top: 100%;
896 
+    left: 0;
897 
+    width: 100%;
898 
+    background: #fff;
899 
+    padding: 20px;
900 
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
901 
+    display: none;
902 
+  }
903 
+
904 
+  .nav-item.dropdown:hover .mega-menu {
905 
+    display: block;
906 
+  }
907 
+
908 
+  .mega-menu .row {
909 
+    margin: 0;
910 
+  }
911 
+
912 
+  .mega-menu .col-lg-4 {
913 
+    padding: 10px;
914 
+  }
915 
+
916 
+  .dropdown-header {
917 
+    font-size: 1.2rem;
918 
+    font-weight: bold;
919 
+    margin-bottom: 10px;
920 
+  }
921 
+
922 
+  .dropdown-item {
923 
+    padding: 5px 0;
924 
+    font-size: 1rem;
925 
+  }
926 
+

+ 476
- 0
dealer-automation.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Dealer Automation</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
e-governance.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">E Governence</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
enterprises.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Enterprise</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
event-streaming.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Event Streaming</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 432
- 0
feature.html 查看文件

1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+    <head>
5 
+        <meta charset="utf-8">
6 
+        <title>LifeSure - Life Insurance Website Template</title>
7 
+        <meta content="width=device-width, initial-scale=1.0" name="viewport">
8 
+        <meta content="" name="keywords">
9 
+        <meta content="" name="description">
10 
+
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 href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:slnt,wght@-10..0,100..900&display=swap" rel="stylesheet">
15 
+
16 
+        <!-- Icon Font Stylesheet -->
17 
+        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
18 
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
19 
+
20 
+        <!-- Libraries Stylesheet -->
21 
+        <link rel="stylesheet" href="lib/animate/animate.min.css"/>
22 
+        <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
23 
+        <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
24 
+
25 
+
26 
+        <!-- Customized Bootstrap Stylesheet -->
27 
+        <link href="css/bootstrap.min.css" rel="stylesheet">
28 
+
29 
+        <!-- Template Stylesheet -->
30 
+        <link href="css/style.css" rel="stylesheet">
31 
+    </head>
32 
+
33 
+    <body>
34 
+
35 
+        <!-- Spinner Start -->
36 
+        <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
37 
+            <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
38 
+                <span class="sr-only">Loading...</span>
39 
+            </div>
40 
+        </div>
41 
+        <!-- Spinner End -->
42 
+
43 
+        <!-- Topbar Start -->
44 
+        <div class="container-fluid topbar px-0 px-lg-4 bg-light py-2 d-none d-lg-block">
45 
+            <div class="container">
46 
+                <div class="row gx-0 align-items-center">
47 
+                    <div class="col-lg-8 text-center text-lg-start mb-lg-0">
48 
+                        <div class="d-flex flex-wrap">
49 
+                            <div class="border-end border-primary pe-3">
50 
+                                <a href="#" class="text-muted small"><i class="fas fa-map-marker-alt text-primary me-2"></i>Find A Location</a>
51 
+                            </div>
52 
+                            <div class="ps-3">
53 
+                                <a href="mailto:example@gmail.com" class="text-muted small"><i class="fas fa-envelope text-primary me-2"></i>example@gmail.com</a>
54 
+                            </div>
55 
+                        </div>
56 
+                    </div>
57 
+                    <div class="col-lg-4 text-center text-lg-end">
58 
+                        <div class="d-flex justify-content-end">
59 
+                            <div class="d-flex border-end border-primary pe-3">
60 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-facebook-f"></i></a>
61 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-twitter"></i></a>
62 
+                                <a class="btn p-0 text-primary me-3" href="#"><i class="fab fa-instagram"></i></a>
63 
+                                <a class="btn p-0 text-primary me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
64 
+                            </div>
65 
+                            <div class="dropdown ms-3">
66 
+                                <a href="#" class="dropdown-toggle text-dark" data-bs-toggle="dropdown"><small><i class="fas fa-globe-europe text-primary me-2"></i> English</small></a>
67 
+                                <div class="dropdown-menu rounded">
68 
+                                    <a href="#" class="dropdown-item">English</a>
69 
+                                    <a href="#" class="dropdown-item">Bangla</a>
70 
+                                    <a href="#" class="dropdown-item">French</a>
71 
+                                    <a href="#" class="dropdown-item">Spanish</a>
72 
+                                    <a href="#" class="dropdown-item">Arabic</a>
73 
+                                </div>
74 
+                            </div>
75 
+                        </div>
76 
+                    </div>
77 
+                </div>
78 
+            </div>
79 
+        </div>
80 
+        <!-- Topbar End -->
81 
+
82 
+        <!-- Navbar & Hero Start -->
83 
+        <div class="container-fluid nav-bar px-0 px-lg-4 py-lg-0">
84 
+            <div class="container">
85 
+                <nav class="navbar navbar-expand-lg navbar-light">
86 
+                    <a href="#" class="navbar-brand p-0">
87 
+                        <h1 class="text-primary mb-0"><i class="fab fa-slack me-2"></i> LifeSure</h1>
88 
+                        <!-- <img src="img/logo.png" alt="Logo"> -->
89 
+                    </a>
90 
+                    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
91 
+                        <span class="fa fa-bars"></span>
92 
+                    </button>
93 
+                    <div class="collapse navbar-collapse" id="navbarCollapse">
94 
+                        <div class="navbar-nav mx-0 mx-lg-auto">
95 
+                            <a href="index.html" class="nav-item nav-link">Home</a>
96 
+                            <a href="about.html" class="nav-item nav-link">About</a>
97 
+                            <a href="service.html" class="nav-item nav-link">Services</a>
98 
+                            <a href="blog.html" class="nav-item nav-link">Blog</a>
99 
+                            <div class="nav-item dropdown active">
100 
+                                <a href="#" class="nav-link" data-bs-toggle="dropdown">
101 
+                                    <span class="dropdown-toggle">Pages</span>
102 
+                                </a>
103 
+                                <div class="dropdown-menu">
104 
+                                    <a href="feature.html" class="dropdown-item active">Our Features</a>
105 
+                                    <a href="team.html" class="dropdown-item">Our team</a>
106 
+                                    <a href="testimonial.html" class="dropdown-item">Testimonial</a>
107 
+                                    <a href="FAQ.html" class="dropdown-item">FAQs</a>
108 
+                                    <a href="404.html" class="dropdown-item">404 Page</a>
109 
+                                </div>
110 
+                            </div>
111 
+                            <a href="contact.html" class="nav-item nav-link">Contact</a>
112 
+                            <div class="nav-btn px-3">
113 
+                                <button class="btn-search btn btn-primary btn-md-square rounded-circle flex-shrink-0" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fas fa-search"></i></button>
114 
+                                <a href="#" class="btn btn-primary rounded-pill py-2 px-4 ms-3 flex-shrink-0"> Get a Quote</a>
115 
+                            </div>
116 
+                        </div>
117 
+                    </div>
118 
+                    <div class="d-none d-xl-flex flex-shrink-0 ps-4">
119 
+                        <a href="#" class="btn btn-light btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
120 
+                            <i class="fa fa-phone-alt fa-2x"></i>
121 
+                            <div class="position-absolute" style="top: 7px; right: 12px;">
122 
+                                <span><i class="fa fa-comment-dots text-secondary"></i></span>
123 
+                            </div>
124 
+                        </a>
125 
+                        <div class="d-flex flex-column ms-3">
126 
+                            <span>Call to Our Experts</span>
127 
+                            <a href="tel:+ 0123 456 7890"><span class="text-dark">Free: + 0123 456 7890</span></a>
128 
+                        </div>
129 
+                    </div>
130 
+                </nav>
131 
+            </div>
132 
+        </div>
133 
+        <!-- Navbar & Hero End -->
134 
+
135 
+        <!-- Modal Search Start -->
136 
+        <div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
137 
+            <div class="modal-dialog modal-fullscreen">
138 
+                <div class="modal-content rounded-0">
139 
+                    <div class="modal-header">
140 
+                        <h5 class="modal-title" id="exampleModalLabel">Search by keyword</h5>
141 
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
142 
+                    </div>
143 
+                    <div class="modal-body d-flex align-items-center bg-primary">
144 
+                        <div class="input-group w-75 mx-auto d-flex">
145 
+                            <input type="search" class="form-control p-3" placeholder="keywords" aria-describedby="search-icon-1">
146 
+                            <span id="search-icon-1" class="btn bg-light border nput-group-text p-3"><i class="fa fa-search"></i></span>
147 
+                        </div>
148 
+                    </div>
149 
+                </div>
150 
+            </div>
151 
+        </div>
152 
+        <!-- Modal Search End -->
153 
+
154 
+
155 
+        <!-- Header Start -->
156 
+        <div class="container-fluid bg-breadcrumb">
157 
+            <div class="container text-center py-5" style="max-width: 900px;">
158 
+                <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
159 
+                <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
160 
+                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
161 
+                    <li class="breadcrumb-item"><a href="#">Pages</a></li>
162 
+                    <li class="breadcrumb-item active text-primary">Feature</li>
163 
+                </ol>
164 
+            </div>
165 
+        </div>
166 
+        <!-- Header End -->
167 
+
168 
+
169 
+        <!-- Feature Start -->
170 
+        <div class="container-fluid feature bg-light py-5">
171 
+            <div class="container py-5">
172 
+                <div class="text-center mx-auto pb-5 wow fadeInUp" data-wow-delay="0.2s" style="max-width: 800px;">
173 
+                    <h4 class="text-primary">Our Features</h4>
174 
+                    <h1 class="display-4 mb-4">Insurance Provide you a Better Future</h1>
175 
+                    <p class="mb-0">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur adipisci facilis cupiditate recusandae aperiam temporibus corporis itaque quis facere, numquam, ad culpa deserunt sint dolorem autem obcaecati, ipsam mollitia hic.
176 
+                    </p>
177 
+                </div>
178 
+                <div class="row g-4">
179 
+                    <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.2s">
180 
+                        <div class="feature-item p-4 pt-0">
181 
+                            <div class="feature-icon p-4 mb-4">
182 
+                                <i class="far fa-handshake fa-3x"></i>
183 
+                            </div>
184 
+                            <h4 class="mb-4">Trusted Company</h4>
185 
+                            <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit pariatur...
186 
+                            </p>
187 
+                            <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
188 
+                        </div>
189 
+                    </div>
190 
+                    <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.4s">
191 
+                        <div class="feature-item p-4 pt-0">
192 
+                            <div class="feature-icon p-4 mb-4">
193 
+                                <i class="fa fa-dollar-sign fa-3x"></i>
194 
+                            </div>
195 
+                            <h4 class="mb-4">Anytime Money Back</h4>
196 
+                            <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit pariatur...
197 
+                            </p>
198 
+                            <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
199 
+                        </div>
200 
+                    </div>
201 
+                    <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.6s">
202 
+                        <div class="feature-item p-4 pt-0">
203 
+                            <div class="feature-icon p-4 mb-4">
204 
+                                <i class="fa fa-bullseye fa-3x"></i>
205 
+                            </div>
206 
+                            <h4 class="mb-4">Flexible Plans</h4>
207 
+                            <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit pariatur...
208 
+                            </p>
209 
+                            <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
210 
+                        </div>
211 
+                    </div>
212 
+                    <div class="col-md-6 col-lg-6 col-xl-3 wow fadeInUp" data-wow-delay="0.8s">
213 
+                        <div class="feature-item p-4 pt-0">
214 
+                            <div class="feature-icon p-4 mb-4">
215 
+                                <i class="fa fa-headphones fa-3x"></i>
216 
+                            </div>
217 
+                            <h4 class="mb-4">24/7 Fast Support</h4>
218 
+                            <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Ea hic laborum odit pariatur...
219 
+                            </p>
220 
+                            <a class="btn btn-primary rounded-pill py-2 px-4" href="#">Learn More</a>
221 
+                        </div>
222 
+                    </div>
223 
+                </div>
224 
+            </div>
225 
+        </div>
226 
+        <!-- Feature End -->
227 
+
228 
+
229 
+        <!-- Footer Start -->
230 
+<footer>
231 
+        <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
232 
+            <div class="container py-5">
233 
+                <div class="row g-5">
234 
+                    <div class="col-xl-9">
235 
+                        <div class="mb-5">
236 
+                            <div class="row g-4">
237 
+                                <div class="col-md-6 col-lg-6 col-xl-5">
238 
+                                    <div class="footer-item">
239 
+                                        <a href="index.html" class="p-0">
240 
+                                            <h3 class="text-white"><i class="fab fa-slack me-3"></i> LifeSure</h3>
241 
+                                            <!-- <img src="img/logo.png" alt="Logo"> -->
242 
+                                        </a>
243 
+                                        <p class="text-white mb-4">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing...</p>
244 
+                                        <div class="footer-btn d-flex">
245 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-facebook-f"></i></a>
246 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-twitter"></i></a>
247 
+                                            <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-instagram"></i></a>
248 
+                                            <a class="btn btn-md-square rounded-circle me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
249 
+                                        </div>
250 
+                                    </div>
251 
+                                </div>
252 
+                                <div class="col-md-6 col-lg-6 col-xl-3">
253 
+                                    <div class="footer-item">
254 
+                                        <h4 class="text-white mb-4">Useful Links</h4>
255 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
256 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
257 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
258 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
259 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
260 
+                                        <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
261 
+                                    </div>
262 
+                                </div>
263 
+                                <div class="col-md-6 col-lg-6 col-xl-4">
264 
+                                    <div class="footer-item">
265 
+                                        <h4 class="mb-4 text-white">Instagram</h4>
266 
+                                        <div class="row g-3">
267 
+                                            <div class="col-4">
268 
+                                                <div class="footer-instagram rounded">
269 
+                                                    <img src="img/instagram-footer-1.jpg" class="img-fluid w-100" alt="">
270 
+                                                    <div class="footer-search-icon">
271 
+                                                        <a href="img/instagram-footer-1.jpg" data-lightbox="footerInstagram-1" class="my-auto"><i class="fas fa-link text-white"></i></a>
272 
+                                                    </div>
273 
+                                                </div>
274 
+                                           </div>
275 
+                                           <div class="col-4">
276 
+                                                <div class="footer-instagram rounded">
277 
+                                                    <img src="img/instagram-footer-2.jpg" class="img-fluid w-100" alt="">
278 
+                                                    <div class="footer-search-icon">
279 
+                                                        <a href="img/instagram-footer-2.jpg" data-lightbox="footerInstagram-2" class="my-auto"><i class="fas fa-link text-white"></i></a>
280 
+                                                    </div>
281 
+                                                </div>
282 
+                                           </div>
283 
+                                            <div class="col-4">
284 
+                                                <div class="footer-instagram rounded">
285 
+                                                    <img src="img/instagram-footer-3.jpg" class="img-fluid w-100" alt="">
286 
+                                                    <div class="footer-search-icon">
287 
+                                                        <a href="img/instagram-footer-3.jpg" data-lightbox="footerInstagram-3" class="my-auto"><i class="fas fa-link text-white"></i></a>
288 
+                                                    </div>
289 
+                                                </div>
290 
+                                           </div>
291 
+                                            <div class="col-4">
292 
+                                                <div class="footer-instagram rounded">
293 
+                                                    <img src="img/instagram-footer-4.jpg" class="img-fluid w-100" alt="">
294 
+                                                    <div class="footer-search-icon">
295 
+                                                        <a href="img/instagram-footer-4.jpg" data-lightbox="footerInstagram-4" class="my-auto"><i class="fas fa-link text-white"></i></a>
296 
+                                                    </div>
297 
+                                                </div>
298 
+                                           </div>
299 
+                                            <div class="col-4">
300 
+                                                <div class="footer-instagram rounded">
301 
+                                                    <img src="img/instagram-footer-5.jpg" class="img-fluid w-100" alt="">
302 
+                                                    <div class="footer-search-icon">
303 
+                                                        <a href="img/instagram-footer-5.jpg" data-lightbox="footerInstagram-5" class="my-auto"><i class="fas fa-link text-white"></i></a>
304 
+                                                    </div>
305 
+                                                </div>
306 
+                                           </div>
307 
+                                           <div class="col-4">
308 
+                                                <div class="footer-instagram rounded">
309 
+                                                    <img src="img/instagram-footer-6.jpg" class="img-fluid w-100" alt="">
310 
+                                                    <div class="footer-search-icon">
311 
+                                                        <a href="img/instagram-footer-6.jpg" data-lightbox="footerInstagram-6" class="my-auto"><i class="fas fa-link text-white"></i></a>
312 
+                                                    </div>
313 
+                                                </div>
314 
+                                            </div>
315 
+                                        </div>
316 
+                                    </div>
317 
+                                </div>
318 
+                            </div>
319 
+                        </div>
320 
+                        <div class="pt-5" style="border-top: 1px solid rgba(255, 255, 255, 0.08);">
321 
+                            <div class="row g-0">
322 
+                                <div class="col-12">
323 
+                                    <div class="row g-4">
324 
+                                        <div class="col-lg-6 col-xl-4">
325 
+                                            <div class="d-flex">
326 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
327 
+                                                    <i class="fas fa-map-marker-alt fa-2x"></i>
328 
+                                                </div>
329 
+                                                <div>
330 
+                                                    <h4 class="text-white">Address</h4>
331 
+                                                    <p class="mb-0">123 Street New York.USA</p>
332 
+                                                </div>
333 
+                                            </div>
334 
+                                        </div>
335 
+                                        <div class="col-lg-6 col-xl-4">
336 
+                                            <div class="d-flex">
337 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
338 
+                                                    <i class="fas fa-envelope fa-2x"></i>
339 
+                                                </div>
340 
+                                                <div>
341 
+                                                    <h4 class="text-white">Mail Us</h4>
342 
+                                                    <p class="mb-0">info@example.com</p>
343 
+                                                </div>
344 
+                                            </div>
345 
+                                        </div>
346 
+                                        <div class="col-lg-6 col-xl-4">
347 
+                                            <div class="d-flex">
348 
+                                                <div class="btn-xl-square bg-primary text-white rounded p-4 me-4">
349 
+                                                    <i class="fa fa-phone-alt fa-2x"></i>
350 
+                                                </div>
351 
+                                                <div>
352 
+                                                    <h4 class="text-white">Telephone</h4>
353 
+                                                    <p class="mb-0">(+012) 3456 7890</p>
354 
+                                                </div>
355 
+                                            </div>
356 
+                                        </div>
357 
+                                    </div>
358 
+                                </div>
359 
+                            </div>
360 
+                        </div>
361 
+                    </div>
362 
+
363 
+                    <div class="col-xl-3">
364 
+                        <div class="footer-item">
365 
+                            <h4 class="text-white mb-4">Newsletter</h4>
366 
+                            <p class="text-white mb-3">Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
367 
+                            <div class="position-relative rounded-pill mb-4">
368 
+                                <input class="form-control rounded-pill w-100 py-3 ps-4 pe-5" type="text" placeholder="Enter your email">
369 
+                                <button type="button" class="btn btn-primary rounded-pill position-absolute top-0 end-0 py-2 mt-2 me-2">SignUp</button>
370 
+                            </div>
371 
+                            <div class="d-flex flex-shrink-0">
372 
+                                <div class="footer-btn">
373 
+                                    <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
374 
+                                        <i class="fa fa-phone-alt fa-2x"></i>
375 
+                                        <div class="position-absolute" style="top: 2px; right: 12px;">
376 
+                                            <span><i class="fa fa-comment-dots text-secondary"></i></span>
377 
+                                        </div>
378 
+                                    </a>
379 
+                                </div>
380 
+                                <div class="d-flex flex-column ms-3 flex-shrink-0">
381 
+                                    <span>Call to Our Experts</span>
382 
+                                    <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456 7890</span></a>
383 
+                                </div>
384 
+                            </div>
385 
+                        </div>
386 
+                    </div>
387 
+                </div>
388 
+            </div>
389 
+        </div>
390 
+        <!-- Footer End -->
391 
+
392 
+        <!-- Copyright Start -->
393 
+        <div class="container-fluid copyright py-4">
394 
+            <div class="container">
395 
+                <div class="row g-4 align-items-center">
396 
+                    <div class="col-md-6 text-center text-md-end mb-md-0">
397 
+                        <span class="text-body"><a href="#" class="border-bottom text-white"><i class="fas fa-copyright text-light me-2"></i>Your Site Name</a>, All right reserved.</span>
398 
+                    </div>
399 
+                    <div class="col-md-6 text-center text-md-start text-body">
400 
+                        <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
401 
+                        <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
402 
+                        <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
403 
+                        Designed By <a class="border-bottom text-white" href="https://htmlcodex.com">HTML Codex</a> Distributed By <a class="border-bottom text-white" href="https://themewagon.com">ThemeWagon</a>
404 
+                    </div>
405 
+                </div>
406 
+            </div>
407 
+        </div>
408 
+        <!-- Copyright End -->
409 
+</footer>
410 
+
411 
+
412 
+        <!-- Back to Top -->
413 
+        <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"><i class="fa fa-arrow-up"></i></a>
414 
+
415 
+
416 
+        <!-- JavaScript Libraries -->
417 
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
418 
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
419 
+        <script src="lib/wow/wow.min.js"></script>
420 
+        <script src="lib/easing/easing.min.js"></script>
421 
+        <script src="lib/waypoints/waypoints.min.js"></script>
422 
+        <script src="lib/counterup/counterup.min.js"></script>
423 
+        <script src="lib/lightbox/js/lightbox.min.js"></script>
424 
+        <script src="lib/owlcarousel/owl.carousel.min.js"></script>
425 
+
426 
+
427 
+        <!-- Template Javascript -->
428 
+        <script src="js/main.js"></script>
429 
+<script src="js/footer.js"></script>
430 
+    </body>
431 
+
432 
+</html>

+ 476
- 0
govermnets.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Governments</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

二進制
img/Thumbs.db 查看文件


二進制
img/about-1.png 查看文件


二進制
img/about-2.png 查看文件


二進制
img/about-3.png 查看文件


二進制
img/about-intro.jpg 查看文件


二進制
img/about-intro1.jfif 查看文件


二進制
img/about.png 查看文件


二進制
img/banner-1.png 查看文件


二進制
img/bg-breadcrumb.jpg 查看文件


二進制
img/blog-1.png 查看文件


二進制
img/blog-2.png 查看文件


二進制
img/blog-3.png 查看文件


二進制
img/blog-4.png 查看文件


二進制
img/carousel-2.png 查看文件


二進制
img/contact-img.png 查看文件


二進制
img/instagram-footer-1.jpg 查看文件


二進制
img/instagram-footer-2.jpg 查看文件


二進制
img/instagram-footer-3.jpg 查看文件


二進制
img/instagram-footer-4.jpg 查看文件


二進制
img/instagram-footer-5.jpg 查看文件


二進制
img/instagram-footer-6.jpg 查看文件


二進制
img/logo-dark.png 查看文件


二進制
img/software-development.png 查看文件


二進制
img/team-1.jpg 查看文件


二進制
img/team-2.jpg 查看文件


二進制
img/team-3.jpg 查看文件


二進制
img/team-4.jpg 查看文件


二進制
img/testimonial-1.jpg 查看文件


二進制
img/testimonial-2.jpg 查看文件


二進制
img/testimonial-3.jpg 查看文件


二進制
img/video-analytics.png 查看文件


+ 855
- 0
index-old.html 查看文件

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>

+ 1183
- 0
index.html
文件差異過大導致無法顯示
查看文件


+ 1497
- 0
index2.html
文件差異過大導致無法顯示
查看文件


+ 476
- 0
integrated-video-solutions.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Integrated Video Solutions</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
investors.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Investors</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 98
- 0
js/footer.js 查看文件

1 
+const footerhtml = `<div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
2 
+      <div class="container py-5">
3 
+        <div class="row g-5">
4 
+          <div class="col-xl-9">
5 
+            <div class="mb-5">
6 
+              <div class="row g-4">
7 
+                <div class="col-md-6 col-lg-6 col-xl-5">
8 
+                  <div class="footer-item">
9 
+                    <a href="index.html" class="p-0">
10 
+                      <h3 class="text-white">
11 
+                        About
12 
+                      </h3>
13 
+                      <!-- <img src="img/logo.png" alt="Logo"> -->
14 
+                    </a>
15 
+                    <p class="text-white mb-4">
16 
+                      Dolor amet sit justo amet elitr clita ipsum elitr
17 
+                      est.Lorem ipsum dolor sit amet, consectetur adipiscing...
18 
+                    </p>
19 
+                    <div class="footer-btn d-flex">
20 
+                      <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-facebook-f"></i></a>
21 
+                      <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-twitter"></i></a>
22 
+                      <a class="btn btn-md-square rounded-circle me-3" href="#"><i class="fab fa-instagram"></i></a>
23 
+                      <a class="btn btn-md-square rounded-circle me-0" href="#"><i class="fab fa-linkedin-in"></i></a>
24 
+                    </div>
25 
+                  </div>
26 
+                </div>
27 
+                <div class="col-md-6 col-lg-6 col-xl-3">
28 
+                  <div class="footer-item">
29 
+                    <h4 class="text-white mb-4">Useful Links</h4>
30 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
31 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
32 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
33 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
34 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
35 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
36 
+                  </div>
37 
+                </div>
38 
+                <div class="col-md-6 col-lg-6 col-xl-4">
39 
+                  <div class="footer-item">
40 
+                    <h4 class="text-white mb-4">Useful Links</h4>
41 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> About Us</a>
42 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> Features</a>
43 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> Services</a>
44 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> FAQ's</a>
45 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> Blogs</a>
46 
+                    <a href="#"><i class="fas fa-angle-right me-2"></i> Contact</a>
47 
+                  </div>
48 
+                </div>
49 
+              </div>
50 
+            </div>
51 
+          </div>
52 
+
53 
+          <div class="col-xl-3">
54 
+            <div class="footer-item">
55 
+              <h4 class="text-white mb-4">Address</h4>
56 
+              <p class="text-white mb-3">
57 
+                Dolor amet sit justo amet elitr clita ipsum elitr est.Lorem
58 
+                ipsum dolor sit amet, consectetur adipiscing elit.
59 
+              </p>
60 
+
61 
+              <div class="d-flex flex-shrink-0">
62 
+                <div class="footer-btn">
63 
+                  <a href="#" class="btn btn-lg-square rounded-circle position-relative wow tada" data-wow-delay=".9s">
64 
+                    <i class="fa fa-phone-alt fa-2x"></i>
65 
+                    <div class="position-absolute" style="top: 2px; right: 12px">
66 
+                      <span><i class="fa fa-comment-dots text-secondary"></i></span>
67 
+                    </div>
68 
+                  </a>
69 
+                </div>
70 
+                <div class="d-flex flex-column ms-3 flex-shrink-0">
71 
+                  <span>Call to Our Experts</span>
72 
+                  <a href="tel:+ 0123 456 7890"><span class="text-white">Free: + 0123 456 7890</span></a>
73 
+                </div>
74 
+              </div>
75 
+            </div>
76 
+          </div>
77 
+        </div>
78 
+      </div>
79 
+    </div>
80 
+    <div class="container-fluid copyright py-4">
81 
+      <div class="container">
82 
+        <div class="row g-4 align-items-center">
83 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
84 
+            <span class="text-body"><a href="#" class="text-white text-center"><i
85 
+                  class="fas fa-copyright text-light me-2"></i>2024 Brihaspathi Limited</a>, All right reserved.</span>
86 
+          </div>
87 
+
88 
+        </div>
89 
+      </div>
90 
+    </div>`;
91 
+
92 
+$(function () {
93 
+    $('footer').html(footerhtml);
94 
+})
95 
+
96 
+
97 
+
98 
+

+ 104
- 0
js/main.js 查看文件

1 
+(function ($) {
2 
+    "use strict";
3 
+
4 
+    // Spinner
5 
+    var spinner = function () {
6 
+        setTimeout(function () {
7 
+            if ($('#spinner').length > 0) {
8 
+                $('#spinner').removeClass('show');
9 
+            }
10 
+        }, 1);
11 
+    };
12 
+    spinner(0);
13 
+
14 
+
15 
+    // Initiate the wowjs
16 
+    new WOW().init();
17 
+
18 
+
19 
+    // Sticky Navbar
20 
+    $(window).scroll(function () {
21 
+        if ($(this).scrollTop() > 45) {
22 
+            $('.nav-bar').addClass('sticky-top shadow-sm').css('top', '0px');
23 
+        } else {
24 
+            $('.nav-bar').removeClass('sticky-top shadow-sm').css('top', '-100px');
25 
+        }
26 
+    });
27 
+
28 
+
29 
+    // Header carousel
30 
+    $(".header-carousel").owlCarousel({
31 
+        animateOut: 'fadeOut',
32 
+        items: 1,
33 
+        margin: 0,
34 
+        stagePadding: 0,
35 
+        autoplay: true,
36 
+        smartSpeed: 500,
37 
+        dots: true,
38 
+        loop: true,
39 
+        nav : true,
40 
+        navText : [
41 
+            '<i class="bi bi-arrow-left"></i>',
42 
+            '<i class="bi bi-arrow-right"></i>'
43 
+        ],
44 
+    });
45 
+
46 
+
47 
+
48 
+    // testimonial carousel
49 
+    $(".testimonial-carousel").owlCarousel({
50 
+        autoplay: true,
51 
+        smartSpeed: 1500,
52 
+        center: false,
53 
+        dots: false,
54 
+        loop: true,
55 
+        margin: 25,
56 
+        nav : true,
57 
+        navText : [
58 
+            '<i class="fa fa-arrow-right"></i>',
59 
+            '<i class="fa fa-arrow-left"></i>'
60 
+        ],
61 
+        responsiveClass: true,
62 
+        responsive: {
63 
+            0:{
64 
+                items:1
65 
+            },
66 
+            576:{
67 
+                items:1
68 
+            },
69 
+            768:{
70 
+                items:2
71 
+            },
72 
+            992:{
73 
+                items:2
74 
+            },
75 
+            1200:{
76 
+                items:2
77 
+            }
78 
+        }
79 
+    });
80 
+
81 
+
82 
+    // Facts counter
83 
+    $('[data-toggle="counter-up"]').counterUp({
84 
+        delay: 5,
85 
+        time: 2000
86 
+    });
87 
+
88 
+
89 
+   // Back to top button
90 
+   $(window).scroll(function () {
91 
+    if ($(this).scrollTop() > 300) {
92 
+        $('.back-to-top').fadeIn('slow');
93 
+    } else {
94 
+        $('.back-to-top').fadeOut('slow');
95 
+    }
96 
+    });
97 
+    $('.back-to-top').click(function () {
98 
+        $('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo');
99 
+        return false;
100 
+    });
101 
+
102 
+
103 
+})(jQuery);
104 
+

+ 218
- 0
js/navbar.js 查看文件

1 
+const headerhtml = `<nav class="navbar">
2 
+    <section class="navbar__left">
3 
+        <a href="#" class="brand">
4 
+            <img src="img/logo-dark.png" class="w-75" alt="">
5 
+        </a>
6 
+        <div class="burger" id="burger">
7 
+            <span class="burger-line"></span>
8 
+            <span class="burger-line"></span>
9 
+            <span class="burger-line"></span>
10 
+        </div>
11 
+    </section>
12 
+    <section class="navbar__center">
13 
+        <span class="overlay"></span>
14 
+        <div class="menu" id="menu">
15 
+            <div class="menu__header">
16 
+                <span class="menu__arrow"><i class="bx bx-chevron-left"></i></span>
17 
+                <span class="menu__title"></span>
18 
+            </div>
19 
+            <ul class="menu__inner mb-0">
20 
+                <li class="menu__item"><a href="index.html" class="menu__link">Home</a></li>
21 
+                <li class="menu__item"><a href="about-us.html" class="menu__link">About Us</a></li>
22 
+
23 
+                <li class="menu__item menu__dropdown">
24 
+                    <a href="#" class="menu__link">
25 
+                        Solutions
26 
+                        <i class="bx bx-chevron-right"></i>
27 
+                    </a>
28 
+                    <div class="submenu megamenu__text">
29 
+                        <div class="submenu__inner">
30 
+                            <h4 class="submenu__title">Supply Chain Solutions</h4>
31 
+                            <ul class="submenu__list">
32 
+                                <li><a href="dealer-automation.html">Dealer Automation</a></li>
33 
+                                <li><a href="secondary-sales.html">Secodary Sales </a></li>
34 
+                                <li><a href="e-governance.html">E-Governance </a></li>
35 
+                                <li><a href="loyalty-solutions.html">Loyalty Solutions</a></li>
36 
+                                <li><a href="block-chain-enabled.html">Block Chain Enabled</a></li>
37 
+                                <li><a href="track-and-trace.html">Track and Trace </a></li>
38 
+                            </ul>
39 
+                        </div>
40 
+                        <div class="submenu__inner">
41 
+                            <h4 class="submenu__title">Process Automation</h4>
42 
+                            <ul class="submenu__list">
43 
+                              <li><a href="enterprises.html">Enterprises</a></li>
44 
+                            <li><a href="govermnets.html">Governments</a></li>
45 
+                            <li><a href="small-businesses.html">Small Businesses</a></li>
46 
+                            </ul>
47 
+                        </div>
48 
+                        <div class="submenu__inner">
49 
+                            <h4 class="submenu__title">VMS</h4>
50 
+                            <ul class="submenu__list">
51 
+                                <li><a href="integrated-video-solutions.html">Integrated Video Solutions</a></li>
52 
+                                <li><a href="video-storage-solutions.html">Video Storage Solutions</a></li>
53 
+                                <li><a href="central-command-center.html">Central Command Center</a></li>
54 
+                                <li><a href="event-streaming.html">Event Streaming</a></li>
55 
+                                 <li><a href="video-analytics.html">Video Analytics</a></li>
56 
+                            </ul>
57 
+
58 
+                        </div>
59 
+                    </div>
60 
+                </li>
61 
+                <li class="menu__item menu__dropdown">
62 
+                    <a href="#" class="menu__link">
63 
+                        Products
64 
+                        <i class="bx bx-chevron-right"></i>
65 
+                    </a>
66 
+                    <div class="submenu megamenu__normal">
67 
+                        <ul class="submenu__list">
68 
+                            <li><a href="cameras.html">Cameras</a></li>
69 
+                            <li><a href="storage-systems.html">Storage Systems</a></li>
70 
+                            <li><a href="ai-nvr.html">AI NVR (Coming Soon)</a></li>
71 
+                            <li><a href="racks.html">Racks</a></li>
72 
+                        </ul>
73 
+                    </div>
74 
+                </li>
75 
+                <li class="menu__item menu__dropdown">
76 
+                    <a href="#" class="menu__link">
77 
+                        Services
78 
+                        <i class="bx bx-chevron-right"></i>
79 
+                    </a>
80 
+                    <div class="submenu megamenu__text">
81 
+                        <div class="submenu__inner">
82 
+                            <ul class="submenu__list">
83 
+                                <li><a href="iot-technologies.html">IoT Technologies</a></li>
84 
+                                <li><a href="video-analytics.html">Video Analytics</a></li>
85 
+                                <li><a href="rf=technlogy.html">RF Technology </a></li>
86 
+                            </ul>
87 
+                        </div>
88 
+                        <div class="submenu__inner">
89 
+                            <ul class="submenu__list">
90 
+                                <li><a href="rooftop-solar.html">Rooftop Solar/Solar Pump</a></li>
91 
+                                <li><a href="software-development">Software Development</a></li>
92 
+                                <li><a href="home-automation.html">Home Automation</a></li>
93 
+                            </ul>
94 
+                        </div>
95 
+                        <div class="submenu__inner">
96 
+                            <ul class="submenu__list">
97 
+                                <li><a href="it-telecommunications.html">IT & Telecommunication</a></li>
98 
+                                <li><a href="smart-city.html">Smart Cities</a></li>
99 
+                                <li><a href="e-mobility-services.html">E-Mobility Services</a></li>
100 
+                            </ul>
101 
+
102 
+                        </div>
103 
+                    </div>
104 
+                </li>
105 
+                <li class="menu__item"><a href="investors.html" class="menu__link">Investors</a></li>
106 
+                <li class="menu__item"><a href="resouces.html" class="menu__link">Resources</a></li>
107 
+                <li class="menu__item"><a href="contact-us.html" class="menu__link">Contact Us</a></li>
108 
+            </ul>
109 
+        </div>
110 
+    </section>
111 
+    <section class="navbar__right d-none">
112 
+        <button class="switch" id="switch">
113 
+            <span class="switch__light"><i class="bx bx-sun"></i></span>
114 
+            <span class="switch__dark"><i class="bx bx-moon"></i></span>
115 
+        </button>
116 
+    </section>
117 
+</nav>`;
118 
+
119 
+$(function () {
120 
+    $('header').html(headerhtml);
121 
+    const menu = document.querySelector(".menu");
122 
+    const menuInner = menu.querySelector(".menu__inner");
123 
+    const menuArrow = menu.querySelector(".menu__arrow");
124 
+    const menuTitle = menu.querySelector(".menu__title");
125 
+    const burger = document.querySelector(".burger");
126 
+    const overlay = document.querySelector(".overlay");
127 
+
128 
+    // Navbar Menu Toggle Function
129 
+    function toggleMenu() {
130 
+        menu.classList.toggle("is-active");
131 
+        overlay.classList.toggle("is-active");
132 
+    }
133 
+
134 
+    // Show Mobile Submenu Function
135 
+    function showSubMenu(children) {
136 
+        subMenu = children.querySelector(".submenu");
137 
+        subMenu.classList.add("is-active");
138 
+        subMenu.style.animation = "slideLeft 0.35s ease forwards";
139 
+        const menuTitle = children.querySelector("i").parentNode.childNodes[0]
140 
+            .textContent;
141 
+        menu.querySelector(".menu__title").textContent = menuTitle;
142 
+        menu.querySelector(".menu__header").classList.add("is-active");
143 
+    }
144 
+
145 
+    // Hide Mobile Submenu Function
146 
+    function hideSubMenu() {
147 
+        subMenu.style.animation = "slideRight 0.35s ease forwards";
148 
+        setTimeout(() => {
149 
+            subMenu.classList.remove("is-active");
150 
+        }, 300);
151 
+
152 
+        menu.querySelector(".menu__title").textContent = "";
153 
+        menu.querySelector(".menu__header").classList.remove("is-active");
154 
+    }
155 
+
156 
+    // Toggle Mobile Submenu Function
157 
+    function toggleSubMenu(e) {
158 
+        if (!menu.classList.contains("is-active")) {
159 
+            return;
160 
+        }
161 
+        if (e.target.closest(".menu__dropdown")) {
162 
+            const children = e.target.closest(".menu__dropdown");
163 
+            showSubMenu(children);
164 
+        }
165 
+    }
166 
+
167 
+    // Fixed Navbar Menu on Window Resize
168 
+    window.addEventListener("resize", () => {
169 
+        if (window.innerWidth >= 768) {
170 
+            if (menu.classList.contains("is-active")) {
171 
+                toggleMenu();
172 
+            }
173 
+        }
174 
+    });
175 
+
176 
+    // Dark and Light Mode with localStorage
177 
+    (function () {
178 
+        let darkMode = localStorage.getItem("darkMode");
179 
+        const darkSwitch = document.getElementById("switch");
180 
+
181 
+        // Enable and Disable Darkmode
182 
+        const enableDarkMode = () => {
183 
+            document.body.classList.add("darkmode");
184 
+            localStorage.setItem("darkMode", "enabled");
185 
+        };
186 
+
187 
+        const disableDarkMode = () => {
188 
+            document.body.classList.remove("darkmode");
189 
+            localStorage.setItem("darkMode", null);
190 
+        };
191 
+
192 
+        // User Already Enable Darkmode
193 
+        if (darkMode === "enabled") {
194 
+            enableDarkMode();
195 
+        }
196 
+
197 
+        // User Clicks the Darkmode Toggle
198 
+        darkSwitch.addEventListener("click", () => {
199 
+            darkMode = localStorage.getItem("darkMode");
200 
+            if (darkMode !== "enabled") {
201 
+                enableDarkMode();
202 
+            } else {
203 
+                disableDarkMode();
204 
+            }
205 
+        });
206 
+    })();
207 
+
208 
+    // Initialize All Event Listeners
209 
+    burger.addEventListener("click", toggleMenu);
210 
+    overlay.addEventListener("click", toggleMenu);
211 
+    menuArrow.addEventListener("click", hideSubMenu);
212 
+    menuTitle.addEventListener("click", hideSubMenu);
213 
+    menuInner.addEventListener("click", toggleSubMenu);
214 
+})
215 
+
216 
+
217 
+
218 
+

+ 1579
- 0
lib/animate/animate.css
文件差異過大導致無法顯示
查看文件


+ 11
- 0
lib/animate/animate.min.css
文件差異過大導致無法顯示
查看文件


+ 11
- 0
lib/counterup/counterup.min.js 查看文件

1 
+/*!
2 
+ * jquery.counterup.js 2.1.0
3 
+ *
4 
+ * Copyright 2013, Benjamin Intal http://gambit.ph @bfintal
5 
+ * Released under the GPL v2 License
6 
+ *
7 
+ * Amended by Jeremy Paris, Ciro Mattia Gonano and others
8 
+ *
9 
+ * Date: Feb 24, 2017
10 
+ */
11 
+ (function($){"use strict";$.fn.counterUp=function(options){var settings=$.extend({time:400,delay:10,offset:100,beginAt:0,formatter:false,context:"window",callback:function(){}},options),s;return this.each(function(){var $this=$(this),counter={time:$(this).data("counterup-time")||settings.time,delay:$(this).data("counterup-delay")||settings.delay,offset:$(this).data("counterup-offset")||settings.offset,beginAt:$(this).data("counterup-beginat")||settings.beginAt,context:$(this).data("counterup-context")||settings.context};var counterUpper=function(){var nums=[];var divisions=counter.time/counter.delay;var num=$(this).attr("data-num")?$(this).attr("data-num"):$this.text();var isComma=/[0-9]+,[0-9]+/.test(num);num=num.replace(/,/g,"");var decimalPlaces=(num.split(".")[1]||[]).length;if(counter.beginAt>num)counter.beginAt=num;var isTime=/[0-9]+:[0-9]+:[0-9]+/.test(num);if(isTime){var times=num.split(":"),m=1;s=0;while(times.length>0){s+=m*parseInt(times.pop(),10);m*=60}}for(var i=divisions;i>=counter.beginAt/num*divisions;i--){var newNum=parseFloat(num/divisions*i).toFixed(decimalPlaces);if(isTime){newNum=parseInt(s/divisions*i);var hours=parseInt(newNum/3600)%24;var minutes=parseInt(newNum/60)%60;var seconds=parseInt(newNum%60,10);newNum=(hours<10?"0"+hours:hours)+":"+(minutes<10?"0"+minutes:minutes)+":"+(seconds<10?"0"+seconds:seconds)}if(isComma){while(/(\d+)(\d{3})/.test(newNum.toString())){newNum=newNum.toString().replace(/(\d+)(\d{3})/,"$1"+","+"$2")}}if(settings.formatter){newNum=settings.formatter.call(this,newNum)}nums.unshift(newNum)}$this.data("counterup-nums",nums);$this.text(counter.beginAt);var f=function(){if(!$this.data("counterup-nums")){settings.callback.call(this);return}$this.html($this.data("counterup-nums").shift());if($this.data("counterup-nums").length){setTimeout($this.data("counterup-func"),counter.delay)}else{$this.data("counterup-nums",null);$this.data("counterup-func",null);settings.callback.call(this)}};$this.data("counterup-func",f);setTimeout($this.data("counterup-func"),counter.delay)};$this.waypoint(function(direction){counterUpper();this.destroy()},{offset:counter.offset+"%",context:counter.context})})}})(jQuery);

+ 168
- 0
lib/easing/easing.js 查看文件

1 
+/*
2 
+ * jQuery Easing v1.4.1 - http://gsgd.co.uk/sandbox/jquery/easing/
3 
+ * Open source under the BSD License.
4 
+ * Copyright © 2008 George McGinley Smith
5 
+ * All rights reserved.
6 
+ * https://raw.github.com/gdsmith/jquery-easing/master/LICENSE
7 
+*/
8 
+
9 
+(function (factory) {
10 
+	if (typeof define === "function" && define.amd) {
11 
+		define(['jquery'], function ($) {
12 
+			return factory($);
13 
+		});
14 
+	} else if (typeof module === "object" && typeof module.exports === "object") {
15 
+		exports = factory(require('jquery'));
16 
+	} else {
17 
+		factory(jQuery);
18 
+	}
19 
+})(function($){
20 
+
21 
+// Preserve the original jQuery "swing" easing as "jswing"
22 
+if (typeof $.easing !== 'undefined') {
23 
+	$.easing['jswing'] = $.easing['swing'];
24 
+}
25 
+
26 
+var pow = Math.pow,
27 
+	sqrt = Math.sqrt,
28 
+	sin = Math.sin,
29 
+	cos = Math.cos,
30 
+	PI = Math.PI,
31 
+	c1 = 1.70158,
32 
+	c2 = c1 * 1.525,
33 
+	c3 = c1 + 1,
34 
+	c4 = ( 2 * PI ) / 3,
35 
+	c5 = ( 2 * PI ) / 4.5;
36 
+
37 
+// x is the fraction of animation progress, in the range 0..1
38 
+function bounceOut(x) {
39 
+	var n1 = 7.5625,
40 
+		d1 = 2.75;
41 
+	if ( x < 1/d1 ) {
42 
+		return n1*x*x;
43 
+	} else if ( x < 2/d1 ) {
44 
+		return n1*(x-=(1.5/d1))*x + .75;
45 
+	} else if ( x < 2.5/d1 ) {
46 
+		return n1*(x-=(2.25/d1))*x + .9375;
47 
+	} else {
48 
+		return n1*(x-=(2.625/d1))*x + .984375;
49 
+	}
50 
+}
51 
+
52 
+$.extend( $.easing,
53 
+{
54 
+	def: 'easeOutQuad',
55 
+	swing: function (x) {
56 
+		return $.easing[$.easing.def](x);
57 
+	},
58 
+	easeInQuad: function (x) {
59 
+		return x * x;
60 
+	},
61 
+	easeOutQuad: function (x) {
62 
+		return 1 - ( 1 - x ) * ( 1 - x );
63 
+	},
64 
+	easeInOutQuad: function (x) {
65 
+		return x < 0.5 ?
66 
+			2 * x * x :
67 
+			1 - pow( -2 * x + 2, 2 ) / 2;
68 
+	},
69 
+	easeInCubic: function (x) {
70 
+		return x * x * x;
71 
+	},
72 
+	easeOutCubic: function (x) {
73 
+		return 1 - pow( 1 - x, 3 );
74 
+	},
75 
+	easeInOutCubic: function (x) {
76 
+		return x < 0.5 ?
77 
+			4 * x * x * x :
78 
+			1 - pow( -2 * x + 2, 3 ) / 2;
79 
+	},
80 
+	easeInQuart: function (x) {
81 
+		return x * x * x * x;
82 
+	},
83 
+	easeOutQuart: function (x) {
84 
+		return 1 - pow( 1 - x, 4 );
85 
+	},
86 
+	easeInOutQuart: function (x) {
87 
+		return x < 0.5 ?
88 
+			8 * x * x * x * x :
89 
+			1 - pow( -2 * x + 2, 4 ) / 2;
90 
+	},
91 
+	easeInQuint: function (x) {
92 
+		return x * x * x * x * x;
93 
+	},
94 
+	easeOutQuint: function (x) {
95 
+		return 1 - pow( 1 - x, 5 );
96 
+	},
97 
+	easeInOutQuint: function (x) {
98 
+		return x < 0.5 ?
99 
+			16 * x * x * x * x * x :
100 
+			1 - pow( -2 * x + 2, 5 ) / 2;
101 
+	},
102 
+	easeInSine: function (x) {
103 
+		return 1 - cos( x * PI/2 );
104 
+	},
105 
+	easeOutSine: function (x) {
106 
+		return sin( x * PI/2 );
107 
+	},
108 
+	easeInOutSine: function (x) {
109 
+		return -( cos( PI * x ) - 1 ) / 2;
110 
+	},
111 
+	easeInExpo: function (x) {
112 
+		return x === 0 ? 0 : pow( 2, 10 * x - 10 );
113 
+	},
114 
+	easeOutExpo: function (x) {
115 
+		return x === 1 ? 1 : 1 - pow( 2, -10 * x );
116 
+	},
117 
+	easeInOutExpo: function (x) {
118 
+		return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ?
119 
+			pow( 2, 20 * x - 10 ) / 2 :
120 
+			( 2 - pow( 2, -20 * x + 10 ) ) / 2;
121 
+	},
122 
+	easeInCirc: function (x) {
123 
+		return 1 - sqrt( 1 - pow( x, 2 ) );
124 
+	},
125 
+	easeOutCirc: function (x) {
126 
+		return sqrt( 1 - pow( x - 1, 2 ) );
127 
+	},
128 
+	easeInOutCirc: function (x) {
129 
+		return x < 0.5 ?
130 
+			( 1 - sqrt( 1 - pow( 2 * x, 2 ) ) ) / 2 :
131 
+			( sqrt( 1 - pow( -2 * x + 2, 2 ) ) + 1 ) / 2;
132 
+	},
133 
+	easeInElastic: function (x) {
134 
+		return x === 0 ? 0 : x === 1 ? 1 :
135 
+			-pow( 2, 10 * x - 10 ) * sin( ( x * 10 - 10.75 ) * c4 );
136 
+	},
137 
+	easeOutElastic: function (x) {
138 
+		return x === 0 ? 0 : x === 1 ? 1 :
139 
+			pow( 2, -10 * x ) * sin( ( x * 10 - 0.75 ) * c4 ) + 1;
140 
+	},
141 
+	easeInOutElastic: function (x) {
142 
+		return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ?
143 
+			-( pow( 2, 20 * x - 10 ) * sin( ( 20 * x - 11.125 ) * c5 )) / 2 :
144 
+			pow( 2, -20 * x + 10 ) * sin( ( 20 * x - 11.125 ) * c5 ) / 2 + 1;
145 
+	},
146 
+	easeInBack: function (x) {
147 
+		return c3 * x * x * x - c1 * x * x;
148 
+	},
149 
+	easeOutBack: function (x) {
150 
+		return 1 + c3 * pow( x - 1, 3 ) + c1 * pow( x - 1, 2 );
151 
+	},
152 
+	easeInOutBack: function (x) {
153 
+		return x < 0.5 ?
154 
+			( pow( 2 * x, 2 ) * ( ( c2 + 1 ) * 2 * x - c2 ) ) / 2 :
155 
+			( pow( 2 * x - 2, 2 ) *( ( c2 + 1 ) * ( x * 2 - 2 ) + c2 ) + 2 ) / 2;
156 
+	},
157 
+	easeInBounce: function (x) {
158 
+		return 1 - bounceOut( 1 - x );
159 
+	},
160 
+	easeOutBounce: bounceOut,
161 
+	easeInOutBounce: function (x) {
162 
+		return x < 0.5 ?
163 
+			( 1 - bounceOut( 1 - 2 * x ) ) / 2 :
164 
+			( 1 + bounceOut( 2 * x - 1 ) ) / 2;
165 
+	}
166 
+});
167 
+
168 
+});

+ 1
- 0
lib/easing/easing.min.js 查看文件

1 
+!function(n){"function"==typeof define&&define.amd?define(["jquery"],function(e){return n(e)}):"object"==typeof module&&"object"==typeof module.exports?exports=n(require("jquery")):n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n<1/t?e*n*n:n<2/t?e*(n-=1.5/t)*n+.75:n<2.5/t?e*(n-=2.25/t)*n+.9375:e*(n-=2.625/t)*n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,c=1.70158,o=1.525*c,s=2*a/3,f=2*a/4.5;n.extend(n.easing,{def:"easeOutQuad",swing:function(e){return n.easing[n.easing.def](e)},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return 1-(1-n)*(1-n)},easeInOutQuad:function(n){return n<.5?2*n*n:1-t(-2*n+2,2)/2},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return 1-t(1-n,3)},easeInOutCubic:function(n){return n<.5?4*n*n*n:1-t(-2*n+2,3)/2},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1-t(1-n,4)},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-t(-2*n+2,4)/2},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1-t(1-n,5)},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1-t(-2*n+2,5)/2},easeInSine:function(n){return 1-i(n*a/2)},easeOutSine:function(n){return r(n*a/2)},easeInOutSine:function(n){return-(i(a*n)-1)/2},easeInExpo:function(n){return 0===n?0:t(2,10*n-10)},easeOutExpo:function(n){return 1===n?1:1-t(2,-10*n)},easeInOutExpo:function(n){return 0===n?0:1===n?1:n<.5?t(2,20*n-10)/2:(2-t(2,-20*n+10))/2},easeInCirc:function(n){return 1-u(1-t(n,2))},easeOutCirc:function(n){return u(1-t(n-1,2))},easeInOutCirc:function(n){return n<.5?(1-u(1-t(2*n,2)))/2:(u(1-t(-2*n+2,2))+1)/2},easeInElastic:function(n){return 0===n?0:1===n?1:-t(2,10*n-10)*r((10*n-10.75)*s)},easeOutElastic:function(n){return 0===n?0:1===n?1:t(2,-10*n)*r((10*n-.75)*s)+1},easeInOutElastic:function(n){return 0===n?0:1===n?1:n<.5?-(t(2,20*n-10)*r((20*n-11.125)*f))/2:t(2,-20*n+10)*r((20*n-11.125)*f)/2+1},easeInBack:function(n){return(c+1)*n*n*n-c*n*n},easeOutBack:function(n){return 1+(c+1)*t(n-1,3)+c*t(n-1,2)},easeInOutBack:function(n){return n<.5?t(2*n,2)*(7.189819*n-o)/2:(t(2*n-2,2)*((o+1)*(2*n-2)+o)+2)/2},easeInBounce:function(n){return 1-e(1-n)},easeOutBounce:e,easeInOutBounce:function(n){return n<.5?(1-e(1-2*n))/2:(1+e(2*n-1))/2}})});

+ 1
- 0
lib/lightbox/css/lightbox.min.css 查看文件

1 
+.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

二進制
lib/lightbox/images/close.png 查看文件


二進制
lib/lightbox/images/loading.gif 查看文件


二進制
lib/lightbox/images/next.png 查看文件


二進制
lib/lightbox/images/prev.png 查看文件


+ 15
- 0
lib/lightbox/js/lightbox.min.js
文件差異過大導致無法顯示
查看文件


+ 23
- 0
lib/owlcarousel/LICENSE 查看文件

1 
+Copyright (c) 2014 Owl
2 
+Modified work Copyright 2016 David Deutsch
3 
+
4 
+Permission is hereby granted, free of charge, to any person
5 
+obtaining a copy of this software and associated documentation
6 
+files (the "Software"), to deal in the Software without
7 
+restriction, including without limitation the rights to use,
8 
+copy, modify, merge, publish, distribute, sublicense, and/or sell
9 
+copies of the Software, and to permit persons to whom the
10 
+Software is furnished to do so, subject to the following
11 
+conditions:
12 
+
13 
+The above copyright notice and this permission notice shall be
14 
+included in all copies or substantial portions of the Software.
15 
+
16 
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17 
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
18 
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19 
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
20 
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
21 
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
22 
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
23 
+OTHER DEALINGS IN THE SOFTWARE.

二進制
lib/owlcarousel/assets/ajax-loader.gif 查看文件


+ 170
- 0
lib/owlcarousel/assets/owl.carousel.css 查看文件

1 
+/**
2 
+ * Owl Carousel v2.2.1
3 
+ * Copyright 2013-2017 David Deutsch
4 
+ * Licensed under  ()
5 
+ */
6 
+/*
7 
+ *  Owl Carousel - Core
8 
+ */
9 
+.owl-carousel {
10 
+  display: none;
11 
+  width: 100%;
12 
+  -webkit-tap-highlight-color: transparent;
13 
+  /* position relative and z-index fix webkit rendering fonts issue */
14 
+  position: relative;
15 
+  z-index: 1; }
16 
+  .owl-carousel .owl-stage {
17 
+    position: relative;
18 
+    -ms-touch-action: pan-Y;
19 
+    -moz-backface-visibility: hidden;
20 
+    /* fix firefox animation glitch */ }
21 
+  .owl-carousel .owl-stage:after {
22 
+    content: ".";
23 
+    display: block;
24 
+    clear: both;
25 
+    visibility: hidden;
26 
+    line-height: 0;
27 
+    height: 0; }
28 
+  .owl-carousel .owl-stage-outer {
29 
+    position: relative;
30 
+    overflow: hidden;
31 
+    /* fix for flashing background */
32 
+    -webkit-transform: translate3d(0px, 0px, 0px); }
33 
+  .owl-carousel .owl-wrapper,
34 
+  .owl-carousel .owl-item {
35 
+    -webkit-backface-visibility: hidden;
36 
+    -moz-backface-visibility: hidden;
37 
+    -ms-backface-visibility: hidden;
38 
+    -webkit-transform: translate3d(0, 0, 0);
39 
+    -moz-transform: translate3d(0, 0, 0);
40 
+    -ms-transform: translate3d(0, 0, 0); }
41 
+  .owl-carousel .owl-item {
42 
+    position: relative;
43 
+    min-height: 1px;
44 
+    float: left;
45 
+    -webkit-backface-visibility: hidden;
46 
+    -webkit-tap-highlight-color: transparent;
47 
+    -webkit-touch-callout: none; }
48 
+  .owl-carousel .owl-item img {
49 
+    display: block;
50 
+    width: 100%; }
51 
+  .owl-carousel .owl-nav.disabled,
52 
+  .owl-carousel .owl-dots.disabled {
53 
+    display: none; }
54 
+  .owl-carousel .owl-nav .owl-prev,
55 
+  .owl-carousel .owl-nav .owl-next,
56 
+  .owl-carousel .owl-dot {
57 
+    cursor: pointer;
58 
+    cursor: hand;
59 
+    -webkit-user-select: none;
60 
+    -khtml-user-select: none;
61 
+    -moz-user-select: none;
62 
+    -ms-user-select: none;
63 
+    user-select: none; }
64 
+  .owl-carousel.owl-loaded {
65 
+    display: block; }
66 
+  .owl-carousel.owl-loading {
67 
+    opacity: 0;
68 
+    display: block; }
69 
+  .owl-carousel.owl-hidden {
70 
+    opacity: 0; }
71 
+  .owl-carousel.owl-refresh .owl-item {
72 
+    visibility: hidden; }
73 
+  .owl-carousel.owl-drag .owl-item {
74 
+    -webkit-user-select: none;
75 
+    -moz-user-select: none;
76 
+    -ms-user-select: none;
77 
+    user-select: none; }
78 
+  .owl-carousel.owl-grab {
79 
+    cursor: move;
80 
+    cursor: grab; }
81 
+  .owl-carousel.owl-rtl {
82 
+    direction: rtl; }
83 
+  .owl-carousel.owl-rtl .owl-item {
84 
+    float: right; }
85 
+
86 
+/* No Js */
87 
+.no-js .owl-carousel {
88 
+  display: block; }
89 
+
90 
+/*
91 
+ *  Owl Carousel - Animate Plugin
92 
+ */
93 
+.owl-carousel .animated {
94 
+  animation-duration: 1000ms;
95 
+  animation-fill-mode: both; }
96 
+
97 
+.owl-carousel .owl-animated-in {
98 
+  z-index: 0; }
99 
+
100 
+.owl-carousel .owl-animated-out {
101 
+  z-index: 1; }
102 
+
103 
+.owl-carousel .fadeOut {
104 
+  animation-name: fadeOut; }
105 
+
106 
+@keyframes fadeOut {
107 
+  0% {
108 
+    opacity: 1; }
109 
+  100% {
110 
+    opacity: 0; } }
111 
+
112 
+/*
113 
+ * 	Owl Carousel - Auto Height Plugin
114 
+ */
115 
+.owl-height {
116 
+  transition: height 500ms ease-in-out; }
117 
+
118 
+/*
119 
+ * 	Owl Carousel - Lazy Load Plugin
120 
+ */
121 
+.owl-carousel .owl-item .owl-lazy {
122 
+  opacity: 0;
123 
+  transition: opacity 400ms ease; }
124 
+
125 
+.owl-carousel .owl-item img.owl-lazy {
126 
+  transform-style: preserve-3d; }
127 
+
128 
+/*
129 
+ * 	Owl Carousel - Video Plugin
130 
+ */
131 
+.owl-carousel .owl-video-wrapper {
132 
+  position: relative;
133 
+  height: 100%;
134 
+  background: #000; }
135 
+
136 
+.owl-carousel .owl-video-play-icon {
137 
+  position: absolute;
138 
+  height: 80px;
139 
+  width: 80px;
140 
+  left: 50%;
141 
+  top: 50%;
142 
+  margin-left: -40px;
143 
+  margin-top: -40px;
144 
+  background: url("owl.video.play.png") no-repeat;
145 
+  cursor: pointer;
146 
+  z-index: 1;
147 
+  -webkit-backface-visibility: hidden;
148 
+  transition: transform 100ms ease; }
149 
+
150 
+.owl-carousel .owl-video-play-icon:hover {
151 
+  -ms-transform: scale(1.3, 1.3);
152 
+      transform: scale(1.3, 1.3); }
153 
+
154 
+.owl-carousel .owl-video-playing .owl-video-tn,
155 
+.owl-carousel .owl-video-playing .owl-video-play-icon {
156 
+  display: none; }
157 
+
158 
+.owl-carousel .owl-video-tn {
159 
+  opacity: 0;
160 
+  height: 100%;
161 
+  background-position: center center;
162 
+  background-repeat: no-repeat;
163 
+  background-size: contain;
164 
+  transition: opacity 400ms ease; }
165 
+
166 
+.owl-carousel .owl-video-frame {
167 
+  position: relative;
168 
+  z-index: 1;
169 
+  height: 100%;
170 
+  width: 100%; }

+ 6
- 0
lib/owlcarousel/assets/owl.carousel.min.css 查看文件

1 
+/**
2 
+ * Owl Carousel v2.2.1
3 
+ * Copyright 2013-2017 David Deutsch
4 
+ * Licensed under  ()
5 
+ */
6 
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

+ 50
- 0
lib/owlcarousel/assets/owl.theme.default.css 查看文件

1 
+/**
2 
+ * Owl Carousel v2.2.1
3 
+ * Copyright 2013-2017 David Deutsch
4 
+ * Licensed under  ()
5 
+ */
6 
+/*
7 
+ * 	Default theme - Owl Carousel CSS File
8 
+ */
9 
+.owl-theme .owl-nav {
10 
+  margin-top: 10px;
11 
+  text-align: center;
12 
+  -webkit-tap-highlight-color: transparent; }
13 
+  .owl-theme .owl-nav [class*='owl-'] {
14 
+    color: #FFF;
15 
+    font-size: 14px;
16 
+    margin: 5px;
17 
+    padding: 4px 7px;
18 
+    background: #D6D6D6;
19 
+    display: inline-block;
20 
+    cursor: pointer;
21 
+    border-radius: 3px; }
22 
+    .owl-theme .owl-nav [class*='owl-']:hover {
23 
+      background: #869791;
24 
+      color: #FFF;
25 
+      text-decoration: none; }
26 
+  .owl-theme .owl-nav .disabled {
27 
+    opacity: 0.5;
28 
+    cursor: default; }
29 
+
30 
+.owl-theme .owl-nav.disabled + .owl-dots {
31 
+  margin-top: 10px; }
32 
+
33 
+.owl-theme .owl-dots {
34 
+  text-align: center;
35 
+  -webkit-tap-highlight-color: transparent; }
36 
+  .owl-theme .owl-dots .owl-dot {
37 
+    display: inline-block;
38 
+    zoom: 1;
39 
+    *display: inline; }
40 
+    .owl-theme .owl-dots .owl-dot span {
41 
+      width: 10px;
42 
+      height: 10px;
43 
+      margin: 5px 7px;
44 
+      background: #D6D6D6;
45 
+      display: block;
46 
+      -webkit-backface-visibility: visible;
47 
+      transition: opacity 200ms ease;
48 
+      border-radius: 30px; }
49 
+    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
50 
+      background: #869791; }

+ 6
- 0
lib/owlcarousel/assets/owl.theme.default.min.css 查看文件

1 
+/**
2 
+ * Owl Carousel v2.2.1
3 
+ * Copyright 2013-2017 David Deutsch
4 
+ * Licensed under  ()
5 
+ */
6 
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

+ 50
- 0
lib/owlcarousel/assets/owl.theme.green.css 查看文件

1 
+/**
2 
+ * Owl Carousel v2.2.1
3 
+ * Copyright 2013-2017 David Deutsch
4 
+ * Licensed under  ()
5 
+ */
6 
+/*
7 
+ * 	Green theme - Owl Carousel CSS File
8 
+ */
9 
+.owl-theme .owl-nav {
10 
+  margin-top: 10px;
11 
+  text-align: center;
12 
+  -webkit-tap-highlight-color: transparent; }
13 
+  .owl-theme .owl-nav [class*='owl-'] {
14 
+    color: #FFF;
15 
+    font-size: 14px;
16 
+    margin: 5px;
17 
+    padding: 4px 7px;
18 
+    background: #D6D6D6;
19 
+    display: inline-block;
20 
+    cursor: pointer;
21 
+    border-radius: 3px; }
22 
+    .owl-theme .owl-nav [class*='owl-']:hover {
23 
+      background: #4DC7A0;
24 
+      color: #FFF;
25 
+      text-decoration: none; }
26 
+  .owl-theme .owl-nav .disabled {
27 
+    opacity: 0.5;
28 
+    cursor: default; }
29 
+
30 
+.owl-theme .owl-nav.disabled + .owl-dots {
31 
+  margin-top: 10px; }
32 
+
33 
+.owl-theme .owl-dots {
34 
+  text-align: center;
35 
+  -webkit-tap-highlight-color: transparent; }
36 
+  .owl-theme .owl-dots .owl-dot {
37 
+    display: inline-block;
38 
+    zoom: 1;
39 
+    *display: inline; }
40 
+    .owl-theme .owl-dots .owl-dot span {
41 
+      width: 10px;
42 
+      height: 10px;
43 
+      margin: 5px 7px;
44 
+      background: #D6D6D6;
45 
+      display: block;
46 
+      -webkit-backface-visibility: visible;
47 
+      transition: opacity 200ms ease;
48 
+      border-radius: 30px; }
49 
+    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
50 
+      background: #4DC7A0; }

+ 6
- 0
lib/owlcarousel/assets/owl.theme.green.min.css 查看文件

1 
+/**
2 
+ * Owl Carousel v2.2.1
3 
+ * Copyright 2013-2017 David Deutsch
4 
+ * Licensed under  ()
5 
+ */
6 
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#4DC7A0;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#4DC7A0}

二進制
lib/owlcarousel/assets/owl.video.play.png 查看文件


+ 3275
- 0
lib/owlcarousel/owl.carousel.js
文件差異過大導致無法顯示
查看文件


+ 7
- 0
lib/owlcarousel/owl.carousel.min.js
文件差異過大導致無法顯示
查看文件


+ 5
- 0
lib/waypoints/links.php 查看文件

1 
+<?php
2 
+  $links = array(
3 
+    'js' => 'lib/waypoints/waypoints.min.js'
4 
+  );
5 
+?>

+ 7
- 0
lib/waypoints/waypoints.min.js
文件差異過大導致無法顯示
查看文件


+ 542
- 0
lib/wow/wow.js 查看文件

1 
+/*
2 
+* WOW wow.js - v1.3.0 - 2016-10-04
3 
+* https://wowjs.uk
4 
+* Copyright (c) 2016 Thomas Grainger; Licensed MIT
5 
+*/
6 
+
7 
+(function (global, factory) {
8 
+  if (typeof define === "function" && define.amd) {
9 
+    define(['module', 'exports'], factory);
10 
+  } else if (typeof exports !== "undefined") {
11 
+    factory(module, exports);
12 
+  } else {
13 
+    var mod = {
14 
+      exports: {}
15 
+    };
16 
+    factory(mod, mod.exports);
17 
+    global.WOW = mod.exports;
18 
+  }
19 
+})(this, function (module, exports) {
20 
+  'use strict';
21 
+
22 
+  Object.defineProperty(exports, "__esModule", {
23 
+    value: true
24 
+  });
25 
+
26 
+  var _class, _temp;
27 
+
28 
+  function _classCallCheck(instance, Constructor) {
29 
+    if (!(instance instanceof Constructor)) {
30 
+      throw new TypeError("Cannot call a class as a function");
31 
+    }
32 
+  }
33 
+
34 
+  var _createClass = function () {
35 
+    function defineProperties(target, props) {
36 
+      for (var i = 0; i < props.length; i++) {
37 
+        var descriptor = props[i];
38 
+        descriptor.enumerable = descriptor.enumerable || false;
39 
+        descriptor.configurable = true;
40 
+        if ("value" in descriptor) descriptor.writable = true;
41 
+        Object.defineProperty(target, descriptor.key, descriptor);
42 
+      }
43 
+    }
44 
+
45 
+    return function (Constructor, protoProps, staticProps) {
46 
+      if (protoProps) defineProperties(Constructor.prototype, protoProps);
47 
+      if (staticProps) defineProperties(Constructor, staticProps);
48 
+      return Constructor;
49 
+    };
50 
+  }();
51 
+
52 
+  function isIn(needle, haystack) {
53 
+    return haystack.indexOf(needle) >= 0;
54 
+  }
55 
+
56 
+  function extend(custom, defaults) {
57 
+    for (var key in defaults) {
58 
+      if (custom[key] == null) {
59 
+        var value = defaults[key];
60 
+        custom[key] = value;
61 
+      }
62 
+    }
63 
+    return custom;
64 
+  }
65 
+
66 
+  function isMobile(agent) {
67 
+    return (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(agent)
68 
+    );
69 
+  }
70 
+
71 
+  function createEvent(event) {
72 
+    var bubble = arguments.length <= 1 || arguments[1] === undefined ? false : arguments[1];
73 
+    var cancel = arguments.length <= 2 || arguments[2] === undefined ? false : arguments[2];
74 
+    var detail = arguments.length <= 3 || arguments[3] === undefined ? null : arguments[3];
75 
+
76 
+    var customEvent = void 0;
77 
+    if (document.createEvent != null) {
78 
+      // W3C DOM
79 
+      customEvent = document.createEvent('CustomEvent');
80 
+      customEvent.initCustomEvent(event, bubble, cancel, detail);
81 
+    } else if (document.createEventObject != null) {
82 
+      // IE DOM < 9
83 
+      customEvent = document.createEventObject();
84 
+      customEvent.eventType = event;
85 
+    } else {
86 
+      customEvent.eventName = event;
87 
+    }
88 
+
89 
+    return customEvent;
90 
+  }
91 
+
92 
+  function emitEvent(elem, event) {
93 
+    if (elem.dispatchEvent != null) {
94 
+      // W3C DOM
95 
+      elem.dispatchEvent(event);
96 
+    } else if (event in (elem != null)) {
97 
+      elem[event]();
98 
+    } else if ('on' + event in (elem != null)) {
99 
+      elem['on' + event]();
100 
+    }
101 
+  }
102 
+
103 
+  function addEvent(elem, event, fn) {
104 
+    if (elem.addEventListener != null) {
105 
+      // W3C DOM
106 
+      elem.addEventListener(event, fn, false);
107 
+    } else if (elem.attachEvent != null) {
108 
+      // IE DOM
109 
+      elem.attachEvent('on' + event, fn);
110 
+    } else {
111 
+      // fallback
112 
+      elem[event] = fn;
113 
+    }
114 
+  }
115 
+
116 
+  function removeEvent(elem, event, fn) {
117 
+    if (elem.removeEventListener != null) {
118 
+      // W3C DOM
119 
+      elem.removeEventListener(event, fn, false);
120 
+    } else if (elem.detachEvent != null) {
121 
+      // IE DOM
122 
+      elem.detachEvent('on' + event, fn);
123 
+    } else {
124 
+      // fallback
125 
+      delete elem[event];
126 
+    }
127 
+  }
128 
+
129 
+  function getInnerHeight() {
130 
+    if ('innerHeight' in window) {
131 
+      return window.innerHeight;
132 
+    }
133 
+
134 
+    return document.documentElement.clientHeight;
135 
+  }
136 
+
137 
+  // Minimalistic WeakMap shim, just in case.
138 
+  var WeakMap = window.WeakMap || window.MozWeakMap || function () {
139 
+    function WeakMap() {
140 
+      _classCallCheck(this, WeakMap);
141 
+
142 
+      this.keys = [];
143 
+      this.values = [];
144 
+    }
145 
+
146 
+    _createClass(WeakMap, [{
147 
+      key: 'get',
148 
+      value: function get(key) {
149 
+        for (var i = 0; i < this.keys.length; i++) {
150 
+          var item = this.keys[i];
151 
+          if (item === key) {
152 
+            return this.values[i];
153 
+          }
154 
+        }
155 
+        return undefined;
156 
+      }
157 
+    }, {
158 
+      key: 'set',
159 
+      value: function set(key, value) {
160 
+        for (var i = 0; i < this.keys.length; i++) {
161 
+          var item = this.keys[i];
162 
+          if (item === key) {
163 
+            this.values[i] = value;
164 
+            return this;
165 
+          }
166 
+        }
167 
+        this.keys.push(key);
168 
+        this.values.push(value);
169 
+        return this;
170 
+      }
171 
+    }]);
172 
+
173 
+    return WeakMap;
174 
+  }();
175 
+
176 
+  // Dummy MutationObserver, to avoid raising exceptions.
177 
+  var MutationObserver = window.MutationObserver || window.WebkitMutationObserver || window.MozMutationObserver || (_temp = _class = function () {
178 
+    function MutationObserver() {
179 
+      _classCallCheck(this, MutationObserver);
180 
+
181 
+      if (typeof console !== 'undefined' && console !== null) {
182 
+        console.warn('MutationObserver is not supported by your browser.');
183 
+        console.warn('WOW.js cannot detect dom mutations, please call .sync() after loading new content.');
184 
+      }
185 
+    }
186 
+
187 
+    _createClass(MutationObserver, [{
188 
+      key: 'observe',
189 
+      value: function observe() {}
190 
+    }]);
191 
+
192 
+    return MutationObserver;
193 
+  }(), _class.notSupported = true, _temp);
194 
+
195 
+  // getComputedStyle shim, from http://stackoverflow.com/a/21797294
196 
+  var getComputedStyle = window.getComputedStyle || function getComputedStyle(el) {
197 
+    var getComputedStyleRX = /(\-([a-z]){1})/g;
198 
+    return {
199 
+      getPropertyValue: function getPropertyValue(prop) {
200 
+        if (prop === 'float') {
201 
+          prop = 'styleFloat';
202 
+        }
203 
+        if (getComputedStyleRX.test(prop)) {
204 
+          prop.replace(getComputedStyleRX, function (_, _char) {
205 
+            return _char.toUpperCase();
206 
+          });
207 
+        }
208 
+        var currentStyle = el.currentStyle;
209 
+
210 
+        return (currentStyle != null ? currentStyle[prop] : void 0) || null;
211 
+      }
212 
+    };
213 
+  };
214 
+
215 
+  var WOW = function () {
216 
+    function WOW() {
217 
+      var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
218 
+
219 
+      _classCallCheck(this, WOW);
220 
+
221 
+      this.defaults = {
222 
+        boxClass: 'wow',
223 
+        animateClass: 'animated',
224 
+        offset: 0,
225 
+        mobile: true,
226 
+        live: true,
227 
+        callback: null,
228 
+        scrollContainer: null,
229 
+        resetAnimation: true
230 
+      };
231 
+
232 
+      this.animate = function animateFactory() {
233 
+        if ('requestAnimationFrame' in window) {
234 
+          return function (callback) {
235 
+            return window.requestAnimationFrame(callback);
236 
+          };
237 
+        }
238 
+        return function (callback) {
239 
+          return callback();
240 
+        };
241 
+      }();
242 
+
243 
+      this.vendors = ['moz', 'webkit'];
244 
+
245 
+      this.start = this.start.bind(this);
246 
+      this.resetAnimation = this.resetAnimation.bind(this);
247 
+      this.scrollHandler = this.scrollHandler.bind(this);
248 
+      this.scrollCallback = this.scrollCallback.bind(this);
249 
+      this.scrolled = true;
250 
+      this.config = extend(options, this.defaults);
251 
+      if (options.scrollContainer != null) {
252 
+        this.config.scrollContainer = document.querySelector(options.scrollContainer);
253 
+      }
254 
+      // Map of elements to animation names:
255 
+      this.animationNameCache = new WeakMap();
256 
+      this.wowEvent = createEvent(this.config.boxClass);
257 
+    }
258 
+
259 
+    _createClass(WOW, [{
260 
+      key: 'init',
261 
+      value: function init() {
262 
+        this.element = window.document.documentElement;
263 
+        if (isIn(document.readyState, ['interactive', 'complete'])) {
264 
+          this.start();
265 
+        } else {
266 
+          addEvent(document, 'DOMContentLoaded', this.start);
267 
+        }
268 
+        this.finished = [];
269 
+      }
270 
+    }, {
271 
+      key: 'start',
272 
+      value: function start() {
273 
+        var _this = this;
274 
+
275 
+        this.stopped = false;
276 
+        this.boxes = [].slice.call(this.element.querySelectorAll('.' + this.config.boxClass));
277 
+        this.all = this.boxes.slice(0);
278 
+        if (this.boxes.length) {
279 
+          if (this.disabled()) {
280 
+            this.resetStyle();
281 
+          } else {
282 
+            for (var i = 0; i < this.boxes.length; i++) {
283 
+              var box = this.boxes[i];
284 
+              this.applyStyle(box, true);
285 
+            }
286 
+          }
287 
+        }
288 
+        if (!this.disabled()) {
289 
+          addEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
290 
+          addEvent(window, 'resize', this.scrollHandler);
291 
+          this.interval = setInterval(this.scrollCallback, 50);
292 
+        }
293 
+        if (this.config.live) {
294 
+          var mut = new MutationObserver(function (records) {
295 
+            for (var j = 0; j < records.length; j++) {
296 
+              var record = records[j];
297 
+              for (var k = 0; k < record.addedNodes.length; k++) {
298 
+                var node = record.addedNodes[k];
299 
+                _this.doSync(node);
300 
+              }
301 
+            }
302 
+            return undefined;
303 
+          });
304 
+          mut.observe(document.body, {
305 
+            childList: true,
306 
+            subtree: true
307 
+          });
308 
+        }
309 
+      }
310 
+    }, {
311 
+      key: 'stop',
312 
+      value: function stop() {
313 
+        this.stopped = true;
314 
+        removeEvent(this.config.scrollContainer || window, 'scroll', this.scrollHandler);
315 
+        removeEvent(window, 'resize', this.scrollHandler);
316 
+        if (this.interval != null) {
317 
+          clearInterval(this.interval);
318 
+        }
319 
+      }
320 
+    }, {
321 
+      key: 'sync',
322 
+      value: function sync() {
323 
+        if (MutationObserver.notSupported) {
324 
+          this.doSync(this.element);
325 
+        }
326 
+      }
327 
+    }, {
328 
+      key: 'doSync',
329 
+      value: function doSync(element) {
330 
+        if (typeof element === 'undefined' || element === null) {
331 
+          element = this.element;
332 
+        }
333 
+        if (element.nodeType !== 1) {
334 
+          return;
335 
+        }
336 
+        element = element.parentNode || element;
337 
+        var iterable = element.querySelectorAll('.' + this.config.boxClass);
338 
+        for (var i = 0; i < iterable.length; i++) {
339 
+          var box = iterable[i];
340 
+          if (!isIn(box, this.all)) {
341 
+            this.boxes.push(box);
342 
+            this.all.push(box);
343 
+            if (this.stopped || this.disabled()) {
344 
+              this.resetStyle();
345 
+            } else {
346 
+              this.applyStyle(box, true);
347 
+            }
348 
+            this.scrolled = true;
349 
+          }
350 
+        }
351 
+      }
352 
+    }, {
353 
+      key: 'show',
354 
+      value: function show(box) {
355 
+        this.applyStyle(box);
356 
+        box.className = box.className + ' ' + this.config.animateClass;
357 
+        if (this.config.callback != null) {
358 
+          this.config.callback(box);
359 
+        }
360 
+        emitEvent(box, this.wowEvent);
361 
+
362 
+        if (this.config.resetAnimation) {
363 
+          addEvent(box, 'animationend', this.resetAnimation);
364 
+          addEvent(box, 'oanimationend', this.resetAnimation);
365 
+          addEvent(box, 'webkitAnimationEnd', this.resetAnimation);
366 
+          addEvent(box, 'MSAnimationEnd', this.resetAnimation);
367 
+        }
368 
+
369 
+        return box;
370 
+      }
371 
+    }, {
372 
+      key: 'applyStyle',
373 
+      value: function applyStyle(box, hidden) {
374 
+        var _this2 = this;
375 
+
376 
+        var duration = box.getAttribute('data-wow-duration');
377 
+        var delay = box.getAttribute('data-wow-delay');
378 
+        var iteration = box.getAttribute('data-wow-iteration');
379 
+
380 
+        return this.animate(function () {
381 
+          return _this2.customStyle(box, hidden, duration, delay, iteration);
382 
+        });
383 
+      }
384 
+    }, {
385 
+      key: 'resetStyle',
386 
+      value: function resetStyle() {
387 
+        for (var i = 0; i < this.boxes.length; i++) {
388 
+          var box = this.boxes[i];
389 
+          box.style.visibility = 'visible';
390 
+        }
391 
+        return undefined;
392 
+      }
393 
+    }, {
394 
+      key: 'resetAnimation',
395 
+      value: function resetAnimation(event) {
396 
+        if (event.type.toLowerCase().indexOf('animationend') >= 0) {
397 
+          var target = event.target || event.srcElement;
398 
+          target.className = target.className.replace(this.config.animateClass, '').trim();
399 
+        }
400 
+      }
401 
+    }, {
402 
+      key: 'customStyle',
403 
+      value: function customStyle(box, hidden, duration, delay, iteration) {
404 
+        if (hidden) {
405 
+          this.cacheAnimationName(box);
406 
+        }
407 
+        box.style.visibility = hidden ? 'hidden' : 'visible';
408 
+
409 
+        if (duration) {
410 
+          this.vendorSet(box.style, { animationDuration: duration });
411 
+        }
412 
+        if (delay) {
413 
+          this.vendorSet(box.style, { animationDelay: delay });
414 
+        }
415 
+        if (iteration) {
416 
+          this.vendorSet(box.style, { animationIterationCount: iteration });
417 
+        }
418 
+        this.vendorSet(box.style, { animationName: hidden ? 'none' : this.cachedAnimationName(box) });
419 
+
420 
+        return box;
421 
+      }
422 
+    }, {
423 
+      key: 'vendorSet',
424 
+      value: function vendorSet(elem, properties) {
425 
+        for (var name in properties) {
426 
+          if (properties.hasOwnProperty(name)) {
427 
+            var value = properties[name];
428 
+            elem['' + name] = value;
429 
+            for (var i = 0; i < this.vendors.length; i++) {
430 
+              var vendor = this.vendors[i];
431 
+              elem['' + vendor + name.charAt(0).toUpperCase() + name.substr(1)] = value;
432 
+            }
433 
+          }
434 
+        }
435 
+      }
436 
+    }, {
437 
+      key: 'vendorCSS',
438 
+      value: function vendorCSS(elem, property) {
439 
+        var style = getComputedStyle(elem);
440 
+        var result = style.getPropertyCSSValue(property);
441 
+        for (var i = 0; i < this.vendors.length; i++) {
442 
+          var vendor = this.vendors[i];
443 
+          result = result || style.getPropertyCSSValue('-' + vendor + '-' + property);
444 
+        }
445 
+        return result;
446 
+      }
447 
+    }, {
448 
+      key: 'animationName',
449 
+      value: function animationName(box) {
450 
+        var aName = void 0;
451 
+        try {
452 
+          aName = this.vendorCSS(box, 'animation-name').cssText;
453 
+        } catch (error) {
454 
+          // Opera, fall back to plain property value
455 
+          aName = getComputedStyle(box).getPropertyValue('animation-name');
456 
+        }
457 
+
458 
+        if (aName === 'none') {
459 
+          return ''; // SVG/Firefox, unable to get animation name?
460 
+        }
461 
+
462 
+        return aName;
463 
+      }
464 
+    }, {
465 
+      key: 'cacheAnimationName',
466 
+      value: function cacheAnimationName(box) {
467 
+        // https://bugzilla.mozilla.org/show_bug.cgi?id=921834
468 
+        // box.dataset is not supported for SVG elements in Firefox
469 
+        return this.animationNameCache.set(box, this.animationName(box));
470 
+      }
471 
+    }, {
472 
+      key: 'cachedAnimationName',
473 
+      value: function cachedAnimationName(box) {
474 
+        return this.animationNameCache.get(box);
475 
+      }
476 
+    }, {
477 
+      key: 'scrollHandler',
478 
+      value: function scrollHandler() {
479 
+        this.scrolled = true;
480 
+      }
481 
+    }, {
482 
+      key: 'scrollCallback',
483 
+      value: function scrollCallback() {
484 
+        if (this.scrolled) {
485 
+          this.scrolled = false;
486 
+          var results = [];
487 
+          for (var i = 0; i < this.boxes.length; i++) {
488 
+            var box = this.boxes[i];
489 
+            if (box) {
490 
+              if (this.isVisible(box)) {
491 
+                this.show(box);
492 
+                continue;
493 
+              }
494 
+              results.push(box);
495 
+            }
496 
+          }
497 
+          this.boxes = results;
498 
+          if (!this.boxes.length && !this.config.live) {
499 
+            this.stop();
500 
+          }
501 
+        }
502 
+      }
503 
+    }, {
504 
+      key: 'offsetTop',
505 
+      value: function offsetTop(element) {
506 
+        // SVG elements don't have an offsetTop in Firefox.
507 
+        // This will use their nearest parent that has an offsetTop.
508 
+        // Also, using ('offsetTop' of element) causes an exception in Firefox.
509 
+        while (element.offsetTop === undefined) {
510 
+          element = element.parentNode;
511 
+        }
512 
+        var top = element.offsetTop;
513 
+        while (element.offsetParent) {
514 
+          element = element.offsetParent;
515 
+          top += element.offsetTop;
516 
+        }
517 
+        return top;
518 
+      }
519 
+    }, {
520 
+      key: 'isVisible',
521 
+      value: function isVisible(box) {
522 
+        var offset = box.getAttribute('data-wow-offset') || this.config.offset;
523 
+        var viewTop = this.config.scrollContainer && this.config.scrollContainer.scrollTop || window.pageYOffset;
524 
+        var viewBottom = viewTop + Math.min(this.element.clientHeight, getInnerHeight()) - offset;
525 
+        var top = this.offsetTop(box);
526 
+        var bottom = top + box.clientHeight;
527 
+
528 
+        return top <= viewBottom && bottom >= viewTop;
529 
+      }
530 
+    }, {
531 
+      key: 'disabled',
532 
+      value: function disabled() {
533 
+        return !this.config.mobile && isMobile(navigator.userAgent);
534 
+      }
535 
+    }]);
536 
+
537 
+    return WOW;
538 
+  }();
539 
+
540 
+  exports.default = WOW;
541 
+  module.exports = exports['default'];
542 
+});

+ 3
- 0
lib/wow/wow.min.js
文件差異過大導致無法顯示
查看文件


+ 476
- 0
loyalty-solutions.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Loyalty Solutions</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
rack-and-trace.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Track and Trace</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
racks.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Racks</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 476
- 0
resouces.html 查看文件

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 
+
12 
+    <!-- Google Web Fonts -->
13 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
14 
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
15 
+    <link
16 
+      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"
17 
+      rel="stylesheet" />
18 
+
19 
+    <!-- Icon Font Stylesheet -->
20 
+    <link
21 
+      rel="stylesheet"
22 
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
23 
+    <link
24 
+      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
25 
+      rel="stylesheet" />
26 
+
27 
+    <!-- Libraries Stylesheet -->
28 
+    <link rel="stylesheet" href="lib/animate/animate.min.css" />
29 
+    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
30 
+    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet" />
31 
+
32 
+    <!-- Customized Bootstrap Stylesheet -->
33 
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
34 
+
35 
+    <!-- Template Stylesheet -->
36 
+    <link href="css/style.css" rel="stylesheet" />
37 
+    <link href="css/navbar.css" rel="stylesheet" />
38 
+  </head>
39 
+
40 
+  <body>
41 
+    <!-- Spinner Start -->
42 
+    <div
43 
+      id="spinner"
44 
+      class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
45 
+      <div
46 
+        class="spinner-border text-primary"
47 
+        style="width: 3rem; height: 3rem"
48 
+        role="status">
49 
+        <span class="sr-only">Loading...</span>
50 
+      </div>
51 
+    </div>
52 
+    <!-- Spinner End -->
53 
+
54 
+    <header class="header" id="header"></header>
55 
+    <!-- Header Start -->
56 
+    <!-- <div class="container-fluid bg-breadcrumb">
57 
+    <div class="container text-center py-5" style="max-width: 900px;">
58 
+        <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">Our Features</h4>
59 
+        <ol class="breadcrumb d-flex justify-content-center mb-0 wow fadeInDown" data-wow-delay="0.3s">
60 
+            <li class="breadcrumb-item"><a href="index.html">Home</a></li>
61 
+            <li class="breadcrumb-item"><a href="#">Pages</a></li>
62 
+            <li class="breadcrumb-item active text-primary">Feature</li>
63 
+        </ol>
64 
+    </div>
65 
+</div> -->
66 
+    <!-- Header End -->
67 
+    <!-- Feature Start -->
68 
+    <div class="container-fluid feature bg-light py-5 mt-5">
69 
+      <div class="container mt-5">
70 
+        <div
71 
+          class="text-center mx-auto pb-5 wow fadeInUp"
72 
+          data-wow-delay="0.2s"
73 
+          style="max-width: 800px">
74 
+          <!-- <h4 class="text-primary">Our Features</h4> -->
75 
+          <h1 class="display-4 mb-4">Resources</h1>
76 
+          <p class="mb-0">
77 
+            Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tenetur
78 
+            adipisci facilis cupiditate recusandae aperiam temporibus corporis
79 
+            itaque quis facere, numquam, ad culpa deserunt sint dolorem autem
80 
+            obcaecati, ipsam mollitia hic.
81 
+          </p>
82 
+        </div>
83 
+      </div>
84 
+    </div>
85 
+    <!-- Feature End -->
86 
+
87 
+    <!-- Software develppment Start -->
88 
+    <div class="container-fluid faq-section bg-light">
89 
+      <div class="container py-5">
90 
+        <div class="row g-5 align-items-center">
91 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
92 
+            <div class="h-100">
93 
+              <div class="mb-5">
94 
+                <h4 class="text-primary">Sub Heading</h4>
95 
+                <h1 class="display-4 mb-0">Heading</h1>
96 
+              </div>
97 
+              <div>
98 
+                <p>
99 
+                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed
100 
+                  tellus erat, pulvinar et sollicitudin vehicula, posuere sed
101 
+                  leo. Donec at ligula accumsan, consectetur dolor in, pretium
102 
+                  ipsum. Aliquam interdum libero vitae quam elementum mattis.
103 
+                  Nulla ullamcorper et lectus sagittis pulvinar. </p>
104 
+                  <p>
105 
+                  Orci varius
106 
+                  natoque penatibus et magnis dis parturient montes, nascetur
107 
+                  ridiculus mus. Nullam quis nibh sed turpis faucibus porttitor.
108 
+                  Praesent ac eros lacus. Ut faucibus, urna nec accumsan
109 
+                  consequat, felis dolor commodo arcu, scelerisque blandit ante
110 
+                  quam et augue. Quisque vehicula diam vel arcu auctor, sit amet
111 
+                  congue leo luctus. Donec nec magna rutrum, iaculis sapien ut,
112 
+                  vestibulum dui. Fusce nisi turpis, hendrerit at quam at,
113 
+                  faucibus dapibus ante. Ut id augue lacus.
114 
+                </p>
115 
+
116 
+
117 
+              </div>
118 
+            </div>
119 
+          </div>
120 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
121 
+            <img
122 
+              src="img/software-development.png"
123 
+              class="img-fluid w-100"
124 
+              alt="" />
125 
+          </div>
126 
+        </div>
127 
+      </div>
128 
+    </div>
129 
+    <!-- Software develppment End -->
130 
+
131 
+    <!-- Video analytics Start -->
132 
+    <div class="container-fluid faq-section bg-light py-5">
133 
+      <div class="container py-5">
134 
+        <div class="row g-5 align-items-center">
135 
+          <div class="col-xl-6 wow fadeInRight" data-wow-delay="0.4s">
136 
+            <img src="img/video-analytics.png" class="img-fluid w-100" alt="" />
137 
+          </div>
138 
+          <div class="col-xl-6 wow fadeInLeft" data-wow-delay="0.2s">
139 
+            <div class="h-100">
140 
+              <div class="mb-5">
141 
+                <h4 class="text-primary">Sub Heading</h4>
142 
+                <h1 class="display-4 mb-0">Heading</h1>
143 
+              </div>
144 
+              <div>
145 
+                <p>
146 
+                    orem ipsum dolor sit amet, consectetur adipiscing elit. Sed
147 
+                    tellus erat, pulvinar et sollicitudin vehicula, posuere sed
148 
+                    leo. Donec at ligula accumsan, consectetur dolor in,
149 
+                </p>
150 
+                <p class="text-dark">
151 
+                  <i class="fa fa-check text-primary me-3"></i>Expertise in
152 
+                  Technologies
153 
+                </p>
154 
+                <p class="text-dark">
155 
+                  <i class="fa fa-check text-primary me-3"></i>Nationwide Reach
156 
+                  with a Local Touch
157 
+                </p>
158 
+                <p class="text-dark">
159 
+                  <i class="fa fa-check text-primary me-3"></i>Customer-Centric
160 
+                  Approach
161 
+                </p>
162 
+                <p class="text-dark mb-4">
163 
+                  <i class="fa fa-check text-primary me-3"></i>Proven Track
164 
+                  Record of Succes
165 
+                </p>
166 
+
167 
+                <a class="btn btn-primary rounded-pill py-3 px-5" href="#"
168 
+                  >More Information</a
169 
+                >
170 
+              </div>
171 
+            </div>
172 
+          </div>
173 
+        </div>
174 
+      </div>
175 
+    </div>
176 
+    <!-- Video analytics End -->
177 
+
178 
+    <!-- Footer Start -->
179 
+<footer>
180 
+    <div class="container-fluid footer py-5 wow fadeIn" data-wow-delay="0.2s">
181 
+      <div class="container py-5">
182 
+        <div class="row g-5">
183 
+          <div class="col-xl-9">
184 
+            <!-- <div class="mb-5"> -->
185 
+            <!-- <div class="row g-4"> -->
186 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-5"> -->
187 
+            <!-- <div class="footer-item"> -->
188 
+            <!-- <a href="index.html" class="p-0"> -->
189 
+            <!-- <h3 class="text-white"> -->
190 
+            <!-- <i class="fab fa-slack me-3"></i> LifeSure -->
191 
+            <!-- </h3> -->
192 
+            <!-- <!-- <img src="img/logo.png" alt="Logo"> -->
193 
+            <!-- </a> -->
194 
+            <!-- <p class="text-white mb-4"> -->
195 
+            <!-- Dolor amet sit justo amet elitr clita ipsum elitr -->
196 
+            <!-- est.Lorem ipsum dolor sit amet, consectetur adipiscing... -->
197 
+            <!-- </p> -->
198 
+            <!-- <div class="footer-btn d-flex"> -->
199 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
200 
+            <!-- ><i class="fab fa-facebook-f"></i -->
201 
+            <!-- ></a> -->
202 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
203 
+            <!-- ><i class="fab fa-twitter"></i -->
204 
+            <!-- ></a> -->
205 
+            <!-- <a class="btn btn-md-square rounded-circle me-3" href="#" -->
206 
+            <!-- ><i class="fab fa-instagram"></i -->
207 
+            <!-- ></a> -->
208 
+            <!-- <a class="btn btn-md-square rounded-circle me-0" href="#" -->
209 
+            <!-- ><i class="fab fa-linkedin-in"></i -->
210 
+            <!-- ></a> -->
211 
+            <!-- </div> -->
212 
+            <!-- </div> -->
213 
+            <!-- </div> -->
214 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-3"> -->
215 
+            <!-- <div class="footer-item"> -->
216 
+            <!-- <h4 class="text-white mb-4">Useful Links</h4> -->
217 
+            <!-- <a href="#" -->
218 
+            <!-- ><i class="fas fa-angle-right me-2"></i> About Us</a -->
219 
+            <!-- > -->
220 
+            <!-- <a href="#" -->
221 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Features</a -->
222 
+            <!-- > -->
223 
+            <!-- <a href="#" -->
224 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Services</a -->
225 
+            <!-- > -->
226 
+            <!-- <a href="#" -->
227 
+            <!-- ><i class="fas fa-angle-right me-2"></i> FAQ's</a -->
228 
+            <!-- > -->
229 
+            <!-- <a href="#" -->
230 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Blogs</a -->
231 
+            <!-- > -->
232 
+            <!-- <a href="#" -->
233 
+            <!-- ><i class="fas fa-angle-right me-2"></i> Contact</a -->
234 
+            <!-- > -->
235 
+            <!-- </div> -->
236 
+            <!-- </div> -->
237 
+            <!-- <div class="col-md-6 col-lg-6 col-xl-4"> -->
238 
+            <!-- <div class="footer-item"> -->
239 
+            <!-- <h4 class="mb-4 text-white">Instagram</h4> -->
240 
+            <!-- <div class="row g-3"> -->
241 
+            <!-- <div class="col-4"> -->
242 
+            <!-- <div class="footer-instagram rounded"> -->
243 
+            <!-- <img -->
244 
+            <!-- src="img/instagram-footer-1.jpg" -->
245 
+            <!-- class="img-fluid w-100" -->
246 
+            <!-- alt="" /> -->
247 
+            <!-- <div class="footer-search-icon"> -->
248 
+            <!-- <a -->
249 
+            <!-- href="img/instagram-footer-1.jpg" -->
250 
+            <!-- data-lightbox="footerInstagram-1" -->
251 
+            <!-- class="my-auto" -->
252 
+            <!-- ><i class="fas fa-link text-white"></i -->
253 
+            <!-- ></a> -->
254 
+            <!-- </div> -->
255 
+            <!-- </div> -->
256 
+            <!-- </div> -->
257 
+            <!-- <div class="col-4"> -->
258 
+            <!-- <div class="footer-instagram rounded"> -->
259 
+            <!-- <img -->
260 
+            <!-- src="img/instagram-footer-2.jpg" -->
261 
+            <!-- class="img-fluid w-100" -->
262 
+            <!-- alt="" /> -->
263 
+            <!-- <div class="footer-search-icon"> -->
264 
+            <!-- <a -->
265 
+            <!-- href="img/instagram-footer-2.jpg" -->
266 
+            <!-- data-lightbox="footerInstagram-2" -->
267 
+            <!-- class="my-auto" -->
268 
+            <!-- ><i class="fas fa-link text-white"></i -->
269 
+            <!-- ></a> -->
270 
+            <!-- </div> -->
271 
+            <!-- </div> -->
272 
+            <!-- </div> -->
273 
+            <!-- <div class="col-4"> -->
274 
+            <!-- <div class="footer-instagram rounded"> -->
275 
+            <!-- <img -->
276 
+            <!-- src="img/instagram-footer-3.jpg" -->
277 
+            <!-- class="img-fluid w-100" -->
278 
+            <!-- alt="" /> -->
279 
+            <!-- <div class="footer-search-icon"> -->
280 
+            <!-- <a -->
281 
+            <!-- href="img/instagram-footer-3.jpg" -->
282 
+            <!-- data-lightbox="footerInstagram-3" -->
283 
+            <!-- class="my-auto" -->
284 
+            <!-- ><i class="fas fa-link text-white"></i -->
285 
+            <!-- ></a> -->
286 
+            <!-- </div> -->
287 
+            <!-- </div> -->
288 
+            <!-- </div> -->
289 
+            <!-- <div class="col-4"> -->
290 
+            <!-- <div class="footer-instagram rounded"> -->
291 
+            <!-- <img -->
292 
+            <!-- src="img/instagram-footer-4.jpg" -->
293 
+            <!-- class="img-fluid w-100" -->
294 
+            <!-- alt="" /> -->
295 
+            <!-- <div class="footer-search-icon"> -->
296 
+            <!-- <a -->
297 
+            <!-- href="img/instagram-footer-4.jpg" -->
298 
+            <!-- data-lightbox="footerInstagram-4" -->
299 
+            <!-- class="my-auto" -->
300 
+            <!-- ><i class="fas fa-link text-white"></i -->
301 
+            <!-- ></a> -->
302 
+            <!-- </div> -->
303 
+            <!-- </div> -->
304 
+            <!-- </div> -->
305 
+            <!-- <div class="col-4"> -->
306 
+            <!-- <div class="footer-instagram rounded"> -->
307 
+            <!-- <img -->
308 
+            <!-- src="img/instagram-footer-5.jpg" -->
309 
+            <!-- class="img-fluid w-100" -->
310 
+            <!-- alt="" /> -->
311 
+            <!-- <div class="footer-search-icon"> -->
312 
+            <!-- <a -->
313 
+            <!-- href="img/instagram-footer-5.jpg" -->
314 
+            <!-- data-lightbox="footerInstagram-5" -->
315 
+            <!-- class="my-auto" -->
316 
+            <!-- ><i class="fas fa-link text-white"></i -->
317 
+            <!-- ></a> -->
318 
+            <!-- </div> -->
319 
+            <!-- </div> -->
320 
+            <!-- </div> -->
321 
+            <!-- <div class="col-4"> -->
322 
+            <!-- <div class="footer-instagram rounded"> -->
323 
+            <!-- <img -->
324 
+            <!-- src="img/instagram-footer-6.jpg" -->
325 
+            <!-- class="img-fluid w-100" -->
326 
+            <!-- alt="" /> -->
327 
+            <!-- <div class="footer-search-icon"> -->
328 
+            <!-- <a -->
329 
+            <!-- href="img/instagram-footer-6.jpg" -->
330 
+            <!-- data-lightbox="footerInstagram-6" -->
331 
+            <!-- class="my-auto" -->
332 
+            <!-- ><i class="fas fa-link text-white"></i -->
333 
+            <!-- ></a> -->
334 
+            <!-- </div> -->
335 
+            <!-- </div> -->
336 
+            <!-- </div> -->
337 
+            <!-- </div> -->
338 
+            <!-- </div> -->
339 
+            <!-- </div> -->
340 
+            <!-- </div> -->
341 
+            <!-- </div> -->
342 
+            <div
343 
+              class="pt-5"
344 
+              style="border-top: 1px solid rgba(255, 255, 255, 0.08)">
345 
+              <div class="row g-0">
346 
+                <div class="col-12">
347 
+                  <div class="row g-4">
348 
+                    <div class="col-lg-6 col-xl-4">
349 
+                      <div class="d-flex">
350 
+                        <div
351 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
352 
+                          <i class="fas fa-map-marker-alt fa-2x"></i>
353 
+                        </div>
354 
+                        <div>
355 
+                          <h4 class="text-white">Address</h4>
356 
+                          <p class="mb-0">
357 
+                            #501,#508-510, Shangrila Plaza , <br />Road No. 2,
358 
+                            Park View Enclave, <br />Banjara Hills , Hyderabad,
359 
+                            <br />Telangana-500034
360 
+                          </p>
361 
+                        </div>
362 
+                      </div>
363 
+                    </div>
364 
+                    <div class="col-lg-6 col-xl-4">
365 
+                      <div class="d-flex">
366 
+                        <div
367 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
368 
+                          <i class="fas fa-envelope fa-2x"></i>
369 
+                        </div>
370 
+                        <div>
371 
+                          <h4 class="text-white">Mail Us</h4>
372 
+                          <p class="mb-0">info@brihaspathi.com</p>
373 
+                        </div>
374 
+                      </div>
375 
+                    </div>
376 
+                    <div class="col-lg-6 col-xl-4">
377 
+                      <div class="d-flex">
378 
+                        <div
379 
+                          class="btn-xl-square bg-primary text-white rounded p-4 me-4">
380 
+                          <i class="fa fa-phone-alt fa-2x"></i>
381 
+                        </div>
382 
+                        <div>
383 
+                          <h4 class="text-white">Telephone</h4>
384 
+                          <p class="mb-0">+91 9885888835</p>
385 
+                          <p class="mb-0">+91 9581234499</p>
386 
+                        </div>
387 
+                      </div>
388 
+                    </div>
389 
+                  </div>
390 
+                </div>
391 
+              </div>
392 
+            </div>
393 
+          </div>
394 
+
395 
+          <div class="col-xl-3">
396 
+            <div class="footer-item">
397 
+              <h4 class="text-white mb-4">Follow Us</h4>
398 
+              <a href="">
399 
+                <i class="fab fa-facebook facebook"> Facebook</i>
400 
+              </a>
401 
+              <a href="">
402 
+                <i class="fab fa-twitter twitter"> Twitter</i>
403 
+              </a>
404 
+              <a href="">
405 
+                <i class="fab fa-instagram instagram"> Instagram</i>
406 
+              </a>
407 
+              <a href="">
408 
+                <i class="fab fa-linkedin linkedin"> Linkedin</i>
409 
+              </a>
410 
+              <a href="">
411 
+                <i class="fab fa-youtube youtube"> Youtube</i>
412 
+              </a>
413 
+              <a href="">
414 
+                <i class="fab fa-pinterest pinterest"> Pinterest</i>
415 
+              </a>
416 
+            </div>
417 
+          </div>
418 
+        </div>
419 
+      </div>
420 
+    </div>
421 
+    <!-- Footer End -->
422 
+
423 
+    <!-- Copyright Start -->
424 
+    <div class="container-fluid copyright py-4">
425 
+      <div class="container">
426 
+        <div class="row g-4 align-items-center">
427 
+          <div class="col-md-6 text-center text-md-end mb-md-0">
428 
+            <span class="text-body">
429 
+              2024 © Copy Rights
430 
+              <a
431 
+                href="https://brihaspathi.com/"
432 
+                class="border-bottom text-white">
433 
+                Brihaspathi
434 
+              </a>
435 
+            </span>
436 
+          </div>
437 
+          <!-- <div class="col-md-6 text-center text-md-start text-body"> -->
438 
+          <!-- <!--/*** This template is free as long as you keep the below author’s credit link/attribution link/backlink. ***/-->
439 
+          <!-- <!--/*** If you'd like to use the template without the below author’s credit link/attribution link/backlink, ***/-->
440 
+          <!-- <!--/*** you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". ***/-->
441 
+          <!-- Designed By -->
442 
+          <!-- <a class="border-bottom text-white" href="https://htmlcodex.com" -->
443 
+          <!-- >HTML Codex</a -->
444 
+          <!-- > -->
445 
+          <!-- Distributed By -->
446 
+          <!-- <a class="border-bottom text-white" href="https://themewagon.com" -->
447 
+          <!-- >ThemeWagon</a -->
448 
+          <!-- > -->
449 
+          <!-- </div> -->
450 
+        </div>
451 
+      </div>
452 
+    </div>
453 
+    <!-- Copyright End -->
454 
+</footer>
455 
+
456 
+    <!-- Back to Top -->
457 
+    <a href="#" class="btn btn-primary btn-lg-square rounded-circle back-to-top"
458 
+      ><i class="fa fa-arrow-up"></i
459 
+    ></a>
460 
+
461 
+    <!-- JavaScript Libraries -->
462 
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
463 
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
464 
+    <script src="lib/wow/wow.min.js"></script>
465 
+    <script src="lib/easing/easing.min.js"></script>
466 
+    <script src="lib/waypoints/waypoints.min.js"></script>
467 
+    <script src="lib/counterup/counterup.min.js"></script>
468 
+    <script src="lib/lightbox/js/lightbox.min.js"></script>
469 
+    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
470 
+
471 
+    <!-- Template Javascript -->
472 
+    <script src="js/main.js"></script>
473 
+<script src="js/footer.js"></script>
474 
+    <script src="js/navbar.js"></script>
475 
+  </body>
476 
+</html>

+ 32
- 0
scss/bootstrap.scss 查看文件

1 
+/******* Customized Bootstrap ********/
2 
+
3 
+$primary: #074f8a;
4 
+$secondary:#0BE1FF;
5 
+$light: #F2F5F9;
6 
+$dark: #16243D;
7 
+
8 
+$font-family-base: "Inter",sans-serif;
9 
+
10 
+$headings-font-family: "DM Sans", sans-serif;
11 
+
12 
+$body-color: #787878;
13 
+
14 
+$headings-color: $dark;
15 
+
16 
+$headings-font-weight: 500;
17 
+
18 
+$display-font-weight: 700;
19 
+
20 
+$enable-responsive-font-sizes: true;
21 
+
22 
+$border-radius: 10px;
23 
+
24 
+$border-radius-sm: $border-radius;
25 
+
26 
+$border-radius-lg: $border-radius;
27 
+
28 
+$link-decoration: none;
29 
+
30 
+$enable-negative-margins: true;
31 
+
32 
+@import "bootstrap/scss/bootstrap";

+ 118
- 0
scss/bootstrap/scss/_accordion.scss 查看文件

1 
+//
2 
+// Base styles
3 
+//
4 
+
5 
+.accordion-button {
6 
+  position: relative;
7 
+  display: flex;
8 
+  align-items: center;
9 
+  width: 100%;
10 
+  padding: $accordion-button-padding-y $accordion-button-padding-x;
11 
+  @include font-size($font-size-base);
12 
+  color: $accordion-button-color;
13 
+  text-align: left; // Reset button style
14 
+  background-color: $accordion-button-bg;
15 
+  border: 0;
16 
+  @include border-radius(0);
17 
+  overflow-anchor: none;
18 
+  @include transition($accordion-transition);
19 
+
20 
+  &:not(.collapsed) {
21 
+    color: $accordion-button-active-color;
22 
+    background-color: $accordion-button-active-bg;
23 
+    box-shadow: inset 0 ($accordion-border-width * -1) 0 $accordion-border-color;
24 
+
25 
+    &::after {
26 
+      background-image: escape-svg($accordion-button-active-icon);
27 
+      transform: $accordion-icon-transform;
28 
+    }
29 
+  }
30 
+
31 
+  // Accordion icon
32 
+  &::after {
33 
+    flex-shrink: 0;
34 
+    width: $accordion-icon-width;
35 
+    height: $accordion-icon-width;
36 
+    margin-left: auto;
37 
+    content: "";
38 
+    background-image: escape-svg($accordion-button-icon);
39 
+    background-repeat: no-repeat;
40 
+    background-size: $accordion-icon-width;
41 
+    @include transition($accordion-icon-transition);
42 
+  }
43 
+
44 
+  &:hover {
45 
+    z-index: 2;
46 
+  }
47 
+
48 
+  &:focus {
49 
+    z-index: 3;
50 
+    border-color: $accordion-button-focus-border-color;
51 
+    outline: 0;
52 
+    box-shadow: $accordion-button-focus-box-shadow;
53 
+  }
54 
+}
55 
+
56 
+.accordion-header {
57 
+  margin-bottom: 0;
58 
+}
59 
+
60 
+.accordion-item {
61 
+  background-color: $accordion-bg;
62 
+  border: $accordion-border-width solid $accordion-border-color;
63 
+
64 
+  &:first-of-type {
65 
+    @include border-top-radius($accordion-border-radius);
66 
+
67 
+    .accordion-button {
68 
+      @include border-top-radius($accordion-inner-border-radius);
69 
+    }
70 
+  }
71 
+
72 
+  &:not(:first-of-type) {
73 
+    border-top: 0;
74 
+  }
75 
+
76 
+  // Only set a border-radius on the last item if the accordion is collapsed
77 
+  &:last-of-type {
78 
+    @include border-bottom-radius($accordion-border-radius);
79 
+
80 
+    .accordion-button {
81 
+      &.collapsed {
82 
+        @include border-bottom-radius($accordion-inner-border-radius);
83 
+      }
84 
+    }
85 
+
86 
+    .accordion-collapse {
87 
+      @include border-bottom-radius($accordion-border-radius);
88 
+    }
89 
+  }
90 
+}
91 
+
92 
+.accordion-body {
93 
+  padding: $accordion-body-padding-y $accordion-body-padding-x;
94 
+}
95 
+
96 
+
97 
+// Flush accordion items
98 
+//
99 
+// Remove borders and border-radius to keep accordion items edge-to-edge.
100 
+
101 
+.accordion-flush {
102 
+  .accordion-collapse {
103 
+    border-width: 0;
104 
+  }
105 
+
106 
+  .accordion-item {
107 
+    border-right: 0;
108 
+    border-left: 0;
109 
+    @include border-radius(0);
110 
+
111 
+    &:first-child { border-top: 0; }
112 
+    &:last-child { border-bottom: 0; }
113 
+
114 
+    .accordion-button {
115 
+      @include border-radius(0);
116 
+    }
117 
+  }
118 
+}

+ 57
- 0
scss/bootstrap/scss/_alert.scss 查看文件

1 
+//
2 
+// Base styles
3 
+//
4 
+
5 
+.alert {
6 
+  position: relative;
7 
+  padding: $alert-padding-y $alert-padding-x;
8 
+  margin-bottom: $alert-margin-bottom;
9 
+  border: $alert-border-width solid transparent;
10 
+  @include border-radius($alert-border-radius);
11 
+}
12 
+
13 
+// Headings for larger alerts
14 
+.alert-heading {
15 
+  // Specified to prevent conflicts of changing $headings-color
16 
+  color: inherit;
17 
+}
18 
+
19 
+// Provide class for links that match alerts
20 
+.alert-link {
21 
+  font-weight: $alert-link-font-weight;
22 
+}
23 
+
24 
+
25 
+// Dismissible alerts
26 
+//
27 
+// Expand the right padding and account for the close button's positioning.
28 
+
29 
+.alert-dismissible {
30 
+  padding-right: $alert-dismissible-padding-r;
31 
+
32 
+  // Adjust close link position
33 
+  .btn-close {
34 
+    position: absolute;
35 
+    top: 0;
36 
+    right: 0;
37 
+    z-index: $stretched-link-z-index + 1;
38 
+    padding: $alert-padding-y * 1.25 $alert-padding-x;
39 
+  }
40 
+}
41 
+
42 
+
43 
+// scss-docs-start alert-modifiers
44 
+// Generate contextual modifier classes for colorizing the alert.
45 
+
46 
+@each $state, $value in $theme-colors {
47 
+  $alert-background: shift-color($value, $alert-bg-scale);
48 
+  $alert-border: shift-color($value, $alert-border-scale);
49 
+  $alert-color: shift-color($value, $alert-color-scale);
50 
+  @if (contrast-ratio($alert-background, $alert-color) < $min-contrast-ratio) {
51 
+    $alert-color: mix($value, color-contrast($alert-background), abs($alert-color-scale));
52 
+  }
53 
+  .alert-#{$state} {
54 
+    @include alert-variant($alert-background, $alert-border, $alert-color);
55 
+  }
56 
+}
57 
+// scss-docs-end alert-modifiers

+ 29
- 0
scss/bootstrap/scss/_badge.scss 查看文件

1 
+// Base class
2 
+//
3 
+// Requires one of the contextual, color modifier classes for `color` and
4 
+// `background-color`.
5 
+
6 
+.badge {
7 
+  display: inline-block;
8 
+  padding: $badge-padding-y $badge-padding-x;
9 
+  @include font-size($badge-font-size);
10 
+  font-weight: $badge-font-weight;
11 
+  line-height: 1;
12 
+  color: $badge-color;
13 
+  text-align: center;
14 
+  white-space: nowrap;
15 
+  vertical-align: baseline;
16 
+  @include border-radius($badge-border-radius);
17 
+  @include gradient-bg();
18 
+
19 
+  // Empty badges collapse automatically
20 
+  &:empty {
21 
+    display: none;
22 
+  }
23 
+}
24 
+
25 
+// Quick fix for badges in buttons
26 
+.btn .badge {
27 
+  position: relative;
28 
+  top: -1px;
29 
+}

+ 28
- 0
scss/bootstrap/scss/_breadcrumb.scss 查看文件

1 
+.breadcrumb {
2 
+  display: flex;
3 
+  flex-wrap: wrap;
4 
+  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
5 
+  margin-bottom: $breadcrumb-margin-bottom;
6 
+  @include font-size($breadcrumb-font-size);
7 
+  list-style: none;
8 
+  background-color: $breadcrumb-bg;
9 
+  @include border-radius($breadcrumb-border-radius);
10 
+}
11 
+
12 
+.breadcrumb-item {
13 
+  // The separator between breadcrumbs (by default, a forward-slash: "/")
14 
+  + .breadcrumb-item {
15 
+    padding-left: $breadcrumb-item-padding-x;
16 
+
17 
+    &::before {
18 
+      float: left; // Suppress inline spacings and underlining of the separator
19 
+      padding-right: $breadcrumb-item-padding-x;
20 
+      color: $breadcrumb-divider-color;
21 
+      content: var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider)) #{"/* rtl:"} var(--#{$variable-prefix}breadcrumb-divider, escape-svg($breadcrumb-divider-flipped)) #{"*/"};
22 
+    }
23 
+  }
24 
+
25 
+  &.active {
26 
+    color: $breadcrumb-active-color;
27 
+  }
28 
+}

+ 139
- 0
scss/bootstrap/scss/_button-group.scss 查看文件

1 
+// Make the div behave like a button
2 
+.btn-group,
3 
+.btn-group-vertical {
4 
+  position: relative;
5 
+  display: inline-flex;
6 
+  vertical-align: middle; // match .btn alignment given font-size hack above
7 
+
8 
+  > .btn {
9 
+    position: relative;
10 
+    flex: 1 1 auto;
11 
+  }
12 
+
13 
+  // Bring the hover, focused, and "active" buttons to the front to overlay
14 
+  // the borders properly
15 
+  > .btn-check:checked + .btn,
16 
+  > .btn-check:focus + .btn,
17 
+  > .btn:hover,
18 
+  > .btn:focus,
19 
+  > .btn:active,
20 
+  > .btn.active {
21 
+    z-index: 1;
22 
+  }
23 
+}
24 
+
25 
+// Optional: Group multiple button groups together for a toolbar
26 
+.btn-toolbar {
27 
+  display: flex;
28 
+  flex-wrap: wrap;
29 
+  justify-content: flex-start;
30 
+
31 
+  .input-group {
32 
+    width: auto;
33 
+  }
34 
+}
35 
+
36 
+.btn-group {
37 
+  // Prevent double borders when buttons are next to each other
38 
+  > .btn:not(:first-child),
39 
+  > .btn-group:not(:first-child) {
40 
+    margin-left: -$btn-border-width;
41 
+  }
42 
+
43 
+  // Reset rounded corners
44 
+  > .btn:not(:last-child):not(.dropdown-toggle),
45 
+  > .btn-group:not(:last-child) > .btn {
46 
+    @include border-end-radius(0);
47 
+  }
48 
+
49 
+  // The left radius should be 0 if the button is:
50 
+  // - the "third or more" child
51 
+  // - the second child and the previous element isn't `.btn-check` (making it the first child visually)
52 
+  // - part of a btn-group which isn't the first child
53 
+  > .btn:nth-child(n + 3),
54 
+  > :not(.btn-check) + .btn,
55 
+  > .btn-group:not(:first-child) > .btn {
56 
+    @include border-start-radius(0);
57 
+  }
58 
+}
59 
+
60 
+// Sizing
61 
+//
62 
+// Remix the default button sizing classes into new ones for easier manipulation.
63 
+
64 
+.btn-group-sm > .btn { @extend .btn-sm; }
65 
+.btn-group-lg > .btn { @extend .btn-lg; }
66 
+
67 
+
68 
+//
69 
+// Split button dropdowns
70 
+//
71 
+
72 
+.dropdown-toggle-split {
73 
+  padding-right: $btn-padding-x * .75;
74 
+  padding-left: $btn-padding-x * .75;
75 
+
76 
+  &::after,
77 
+  .dropup &::after,
78 
+  .dropend &::after {
79 
+    margin-left: 0;
80 
+  }
81 
+
82 
+  .dropstart &::before {
83 
+    margin-right: 0;
84 
+  }
85 
+}
86 
+
87 
+.btn-sm + .dropdown-toggle-split {
88 
+  padding-right: $btn-padding-x-sm * .75;
89 
+  padding-left: $btn-padding-x-sm * .75;
90 
+}
91 
+
92 
+.btn-lg + .dropdown-toggle-split {
93 
+  padding-right: $btn-padding-x-lg * .75;
94 
+  padding-left: $btn-padding-x-lg * .75;
95 
+}
96 
+
97 
+
98 
+// The clickable button for toggling the menu
99 
+// Set the same inset shadow as the :active state
100 
+.btn-group.show .dropdown-toggle {
101 
+  @include box-shadow($btn-active-box-shadow);
102 
+
103 
+  // Show no shadow for `.btn-link` since it has no other button styles.
104 
+  &.btn-link {
105 
+    @include box-shadow(none);
106 
+  }
107 
+}
108 
+
109 
+
110 
+//
111 
+// Vertical button groups
112 
+//
113 
+
114 
+.btn-group-vertical {
115 
+  flex-direction: column;
116 
+  align-items: flex-start;
117 
+  justify-content: center;
118 
+
119 
+  > .btn,
120 
+  > .btn-group {
121 
+    width: 100%;
122 
+  }
123 
+
124 
+  > .btn:not(:first-child),
125 
+  > .btn-group:not(:first-child) {
126 
+    margin-top: -$btn-border-width;
127 
+  }
128 
+
129 
+  // Reset rounded corners
130 
+  > .btn:not(:last-child):not(.dropdown-toggle),
131 
+  > .btn-group:not(:last-child) > .btn {
132 
+    @include border-bottom-radius(0);
133 
+  }
134 
+
135 
+  > .btn ~ .btn,
136 
+  > .btn-group:not(:first-child) > .btn {
137 
+    @include border-top-radius(0);
138 
+  }
139 
+}

+ 111
- 0
scss/bootstrap/scss/_buttons.scss 查看文件

1 
+//
2 
+// Base styles
3 
+//
4 
+
5 
+.btn {
6 
+  display: inline-block;
7 
+  font-family: $btn-font-family;
8 
+  font-weight: $btn-font-weight;
9 
+  line-height: $btn-line-height;
10 
+  color: $body-color;
11 
+  text-align: center;
12 
+  text-decoration: if($link-decoration == none, null, none);
13 
+  white-space: $btn-white-space;
14 
+  vertical-align: middle;
15 
+  cursor: if($enable-button-pointers, pointer, null);
16 
+  user-select: none;
17 
+  background-color: transparent;
18 
+  border: $btn-border-width solid transparent;
19 
+  @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-border-radius);
20 
+  @include transition($btn-transition);
21 
+
22 
+  &:hover {
23 
+    color: $body-color;
24 
+    text-decoration: if($link-hover-decoration == underline, none, null);
25 
+  }
26 
+
27 
+  .btn-check:focus + &,
28 
+  &:focus {
29 
+    outline: 0;
30 
+    box-shadow: $btn-focus-box-shadow;
31 
+  }
32 
+
33 
+  .btn-check:checked + &,
34 
+  .btn-check:active + &,
35 
+  &:active,
36 
+  &.active {
37 
+    @include box-shadow($btn-active-box-shadow);
38 
+
39 
+    &:focus {
40 
+      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
41 
+    }
42 
+  }
43 
+
44 
+  &:disabled,
45 
+  &.disabled,
46 
+  fieldset:disabled & {
47 
+    pointer-events: none;
48 
+    opacity: $btn-disabled-opacity;
49 
+    @include box-shadow(none);
50 
+  }
51 
+}
52 
+
53 
+
54 
+//
55 
+// Alternate buttons
56 
+//
57 
+
58 
+// scss-docs-start btn-variant-loops
59 
+@each $color, $value in $theme-colors {
60 
+  .btn-#{$color} {
61 
+    @include button-variant($value, $value);
62 
+  }
63 
+}
64 
+
65 
+@each $color, $value in $theme-colors {
66 
+  .btn-outline-#{$color} {
67 
+    @include button-outline-variant($value);
68 
+  }
69 
+}
70 
+// scss-docs-end btn-variant-loops
71 
+
72 
+
73 
+//
74 
+// Link buttons
75 
+//
76 
+
77 
+// Make a button look and behave like a link
78 
+.btn-link {
79 
+  font-weight: $font-weight-normal;
80 
+  color: $btn-link-color;
81 
+  text-decoration: $link-decoration;
82 
+
83 
+  &:hover {
84 
+    color: $btn-link-hover-color;
85 
+    text-decoration: $link-hover-decoration;
86 
+  }
87 
+
88 
+  &:focus {
89 
+    text-decoration: $link-hover-decoration;
90 
+  }
91 
+
92 
+  &:disabled,
93 
+  &.disabled {
94 
+    color: $btn-link-disabled-color;
95 
+  }
96 
+
97 
+  // No need for an active state here
98 
+}
99 
+
100 
+
101 
+//
102 
+// Button Sizes
103 
+//
104 
+
105 
+.btn-lg {
106 
+  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg);
107 
+}
108 
+
109 
+.btn-sm {
110 
+  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);
111 
+}

+ 215
- 0
scss/bootstrap/scss/_card.scss 查看文件

1 
+//
2 
+// Base styles
3 
+//
4 
+
5 
+.card {
6 
+  position: relative;
7 
+  display: flex;
8 
+  flex-direction: column;
9 
+  min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
10 
+  height: $card-height;
11 
+  word-wrap: break-word;
12 
+  background-color: $card-bg;
13 
+  background-clip: border-box;
14 
+  border: $card-border-width solid $card-border-color;
15 
+  @include border-radius($card-border-radius);
16 
+
17 
+  > hr {
18 
+    margin-right: 0;
19 
+    margin-left: 0;
20 
+  }
21 
+
22 
+  > .list-group {
23 
+    border-top: inherit;
24 
+    border-bottom: inherit;
25 
+
26 
+    &:first-child {
27 
+      border-top-width: 0;
28 
+      @include border-top-radius($card-inner-border-radius);
29 
+    }
30 
+
31 
+    &:last-child  {
32 
+      border-bottom-width: 0;
33 
+      @include border-bottom-radius($card-inner-border-radius);
34 
+    }
35 
+  }
36 
+
37 
+  // Due to specificity of the above selector (`.card > .list-group`), we must
38 
+  // use a child selector here to prevent double borders.
39 
+  > .card-header + .list-group,
40 
+  > .list-group + .card-footer {
41 
+    border-top: 0;
42 
+  }
43 
+}
44 
+
45 
+.card-body {
46 
+  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
47 
+  // as much space as possible, ensuring footers are aligned to the bottom.
48 
+  flex: 1 1 auto;
49 
+  padding: $card-spacer-y $card-spacer-x;
50 
+  color: $card-color;
51 
+}
52 
+
53 
+.card-title {
54 
+  margin-bottom: $card-title-spacer-y;
55 
+}
56 
+
57 
+.card-subtitle {
58 
+  margin-top: -$card-title-spacer-y / 2;
59 
+  margin-bottom: 0;
60 
+}
61 
+
62 
+.card-text:last-child {
63 
+  margin-bottom: 0;
64 
+}
65 
+
66 
+.card-link {
67 
+  &:hover {
68 
+    text-decoration: none;
69 
+  }
70 
+
71 
+  + .card-link {
72 
+    margin-left: $card-spacer-x;
73 
+  }
74 
+}
75 
+
76 
+//
77 
+// Optional textual caps
78 
+//
79 
+
80 
+.card-header {
81 
+  padding: $card-cap-padding-y $card-cap-padding-x;
82 
+  margin-bottom: 0; // Removes the default margin-bottom of <hN>
83 
+  color: $card-cap-color;
84 
+  background-color: $card-cap-bg;
85 
+  border-bottom: $card-border-width solid $card-border-color;
86 
+
87 
+  &:first-child {
88 
+    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
89 
+  }
90 
+}
91 
+
92 
+.card-footer {
93 
+  padding: $card-cap-padding-y $card-cap-padding-x;
94 
+  color: $card-cap-color;
95 
+  background-color: $card-cap-bg;
96 
+  border-top: $card-border-width solid $card-border-color;
97 
+
98 
+  &:last-child {
99 
+    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
100 
+  }
101 
+}
102 
+
103 
+
104 
+//
105 
+// Header navs
106 
+//
107 
+
108 
+.card-header-tabs {
109 
+  margin-right: -$card-cap-padding-x / 2;
110 
+  margin-bottom: -$card-cap-padding-y;
111 
+  margin-left: -$card-cap-padding-x / 2;
112 
+  border-bottom: 0;
113 
+
114 
+  @if $nav-tabs-link-active-bg != $card-bg {
115 
+    .nav-link.active {
116 
+      background-color: $card-bg;
117 
+      border-bottom-color: $card-bg;
118 
+    }
119 
+  }
120 
+}
121 
+
122 
+.card-header-pills {
123 
+  margin-right: -$card-cap-padding-x / 2;
124 
+  margin-left: -$card-cap-padding-x / 2;
125 
+}
126 
+
127 
+// Card image
128 
+.card-img-overlay {
129 
+  position: absolute;
130 
+  top: 0;
131 
+  right: 0;
132 
+  bottom: 0;
133 
+  left: 0;
134 
+  padding: $card-img-overlay-padding;
135 
+  @include border-radius($card-inner-border-radius);
136 
+}
137 
+
138 
+.card-img,
139 
+.card-img-top,
140 
+.card-img-bottom {
141 
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
142 
+}
143 
+
144 
+.card-img,
145 
+.card-img-top {
146 
+  @include border-top-radius($card-inner-border-radius);
147 
+}
148 
+
149 
+.card-img,
150 
+.card-img-bottom {
151 
+  @include border-bottom-radius($card-inner-border-radius);
152 
+}
153 
+
154 
+
155 
+//
156 
+// Card groups
157 
+//
158 
+
159 
+.card-group {
160 
+  // The child selector allows nested `.card` within `.card-group`
161 
+  // to display properly.
162 
+  > .card {
163 
+    margin-bottom: $card-group-margin;
164 
+  }
165 
+
166 
+  @include media-breakpoint-up(sm) {
167 
+    display: flex;
168 
+    flex-flow: row wrap;
169 
+    // The child selector allows nested `.card` within `.card-group`
170 
+    // to display properly.
171 
+    > .card {
172 
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
173 
+      flex: 1 0 0%;
174 
+      margin-bottom: 0;
175 
+
176 
+      + .card {
177 
+        margin-left: 0;
178 
+        border-left: 0;
179 
+      }
180 
+
181 
+      // Handle rounded corners
182 
+      @if $enable-rounded {
183 
+        &:not(:last-child) {
184 
+          @include border-end-radius(0);
185 
+
186 
+          .card-img-top,
187 
+          .card-header {
188 
+            // stylelint-disable-next-line property-disallowed-list
189 
+            border-top-right-radius: 0;
190 
+          }
191 
+          .card-img-bottom,
192 
+          .card-footer {
193 
+            // stylelint-disable-next-line property-disallowed-list
194 
+            border-bottom-right-radius: 0;
195 
+          }
196 
+        }
197 
+
198 
+        &:not(:first-child) {
199 
+          @include border-start-radius(0);
200 
+
201 
+          .card-img-top,
202 
+          .card-header {
203 
+            // stylelint-disable-next-line property-disallowed-list
204 
+            border-top-left-radius: 0;
205 
+          }
206 
+          .card-img-bottom,
207 
+          .card-footer {
208 
+            // stylelint-disable-next-line property-disallowed-list
209 
+            border-bottom-left-radius: 0;
210 
+          }
211 
+        }
212 
+      }
213 
+    }
214 
+  }
215 
+}

+ 229
- 0
scss/bootstrap/scss/_carousel.scss 查看文件

1 
+// Notes on the classes:
2 
+//
3 
+// 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
4 
+//    even when their scroll action started on a carousel, but for compatibility (with Firefox)
5 
+//    we're preventing all actions instead
6 
+// 2. The .carousel-item-start and .carousel-item-end is used to indicate where
7 
+//    the active slide is heading.
8 
+// 3. .active.carousel-item is the current slide.
9 
+// 4. .active.carousel-item-start and .active.carousel-item-end is the current
10 
+//    slide in its in-transition state. Only one of these occurs at a time.
11 
+// 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end
12 
+//    is the upcoming slide in transition.
13 
+
14 
+.carousel {
15 
+  position: relative;
16 
+}
17 
+
18 
+.carousel.pointer-event {
19 
+  touch-action: pan-y;
20 
+}
21 
+
22 
+.carousel-inner {
23 
+  position: relative;
24 
+  width: 100%;
25 
+  overflow: hidden;
26 
+  @include clearfix();
27 
+}
28 
+
29 
+.carousel-item {
30 
+  position: relative;
31 
+  display: none;
32 
+  float: left;
33 
+  width: 100%;
34 
+  margin-right: -100%;
35 
+  backface-visibility: hidden;
36 
+  @include transition($carousel-transition);
37 
+}
38 
+
39 
+.carousel-item.active,
40 
+.carousel-item-next,
41 
+.carousel-item-prev {
42 
+  display: block;
43 
+}
44 
+
45 
+/* rtl:begin:ignore */
46 
+.carousel-item-next:not(.carousel-item-start),
47 
+.active.carousel-item-end {
48 
+  transform: translateX(100%);
49 
+}
50 
+
51 
+.carousel-item-prev:not(.carousel-item-end),
52 
+.active.carousel-item-start {
53 
+  transform: translateX(-100%);
54 
+}
55 
+
56 
+/* rtl:end:ignore */
57 
+
58 
+
59 
+//
60 
+// Alternate transitions
61 
+//
62 
+
63 
+.carousel-fade {
64 
+  .carousel-item {
65 
+    opacity: 0;
66 
+    transition-property: opacity;
67 
+    transform: none;
68 
+  }
69 
+
70 
+  .carousel-item.active,
71 
+  .carousel-item-next.carousel-item-start,
72 
+  .carousel-item-prev.carousel-item-end {
73 
+    z-index: 1;
74 
+    opacity: 1;
75 
+  }
76 
+
77 
+  .active.carousel-item-start,
78 
+  .active.carousel-item-end {
79 
+    z-index: 0;
80 
+    opacity: 0;
81 
+    @include transition(opacity 0s $carousel-transition-duration);
82 
+  }
83 
+}
84 
+
85 
+
86 
+//
87 
+// Left/right controls for nav
88 
+//
89 
+
90 
+.carousel-control-prev,
91 
+.carousel-control-next {
92 
+  position: absolute;
93 
+  top: 0;
94 
+  bottom: 0;
95 
+  z-index: 1;
96 
+  // Use flex for alignment (1-3)
97 
+  display: flex; // 1. allow flex styles
98 
+  align-items: center; // 2. vertically center contents
99 
+  justify-content: center; // 3. horizontally center contents
100 
+  width: $carousel-control-width;
101 
+  padding: 0;
102 
+  color: $carousel-control-color;
103 
+  text-align: center;
104 
+  background: none;
105 
+  border: 0;
106 
+  opacity: $carousel-control-opacity;
107 
+  @include transition($carousel-control-transition);
108 
+
109 
+  // Hover/focus state
110 
+  &:hover,
111 
+  &:focus {
112 
+    color: $carousel-control-color;
113 
+    text-decoration: none;
114 
+    outline: 0;
115 
+    opacity: $carousel-control-hover-opacity;
116 
+  }
117 
+}
118 
+.carousel-control-prev {
119 
+  left: 0;
120 
+  background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
121 
+}
122 
+.carousel-control-next {
123 
+  right: 0;
124 
+  background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
125 
+}
126 
+
127 
+// Icons for within
128 
+.carousel-control-prev-icon,
129 
+.carousel-control-next-icon {
130 
+  display: inline-block;
131 
+  width: $carousel-control-icon-width;
132 
+  height: $carousel-control-icon-width;
133 
+  background-repeat: no-repeat;
134 
+  background-position: 50%;
135 
+  background-size: 100% 100%;
136 
+}
137 
+
138 
+/* rtl:options: {
139 
+  "autoRename": true,
140 
+  "stringMap":[ {
141 
+    "name"    : "prev-next",
142 
+    "search"  : "prev",
143 
+    "replace" : "next"
144 
+  } ]
145 
+} */
146 
+.carousel-control-prev-icon {
147 
+  background-image: escape-svg($carousel-control-prev-icon-bg);
148 
+}
149 
+.carousel-control-next-icon {
150 
+  background-image: escape-svg($carousel-control-next-icon-bg);
151 
+}
152 
+
153 
+// Optional indicator pips/controls
154 
+//
155 
+// Add a container (such as a list) with the following class and add an item (ideally a focusable control,
156 
+// like a button) with data-bs-target for each slide your carousel holds.
157 
+
158 
+.carousel-indicators {
159 
+  position: absolute;
160 
+  right: 0;
161 
+  bottom: 0;
162 
+  left: 0;
163 
+  z-index: 2;
164 
+  display: flex;
165 
+  justify-content: center;
166 
+  padding: 0;
167 
+  // Use the .carousel-control's width as margin so we don't overlay those
168 
+  margin-right: $carousel-control-width;
169 
+  margin-bottom: 1rem;
170 
+  margin-left: $carousel-control-width;
171 
+  list-style: none;
172 
+
173 
+  [data-bs-target] {
174 
+    box-sizing: content-box;
175 
+    flex: 0 1 auto;
176 
+    width: $carousel-indicator-width;
177 
+    height: $carousel-indicator-height;
178 
+    padding: 0;
179 
+    margin-right: $carousel-indicator-spacer;
180 
+    margin-left: $carousel-indicator-spacer;
181 
+    text-indent: -999px;
182 
+    cursor: pointer;
183 
+    background-color: $carousel-indicator-active-bg;
184 
+    background-clip: padding-box;
185 
+    border: 0;
186 
+    // Use transparent borders to increase the hit area by 10px on top and bottom.
187 
+    border-top: $carousel-indicator-hit-area-height solid transparent;
188 
+    border-bottom: $carousel-indicator-hit-area-height solid transparent;
189 
+    opacity: $carousel-indicator-opacity;
190 
+    @include transition($carousel-indicator-transition);
191 
+  }
192 
+
193 
+  .active {
194 
+    opacity: $carousel-indicator-active-opacity;
195 
+  }
196 
+}
197 
+
198 
+
199 
+// Optional captions
200 
+//
201 
+//
202 
+
203 
+.carousel-caption {
204 
+  position: absolute;
205 
+  right: (100% - $carousel-caption-width) / 2;
206 
+  bottom: $carousel-caption-spacer;
207 
+  left: (100% - $carousel-caption-width) / 2;
208 
+  padding-top: $carousel-caption-padding-y;
209 
+  padding-bottom: $carousel-caption-padding-y;
210 
+  color: $carousel-caption-color;
211 
+  text-align: center;
212 
+}
213 
+
214 
+// Dark mode carousel
215 
+
216 
+.carousel-dark {
217 
+  .carousel-control-prev-icon,
218 
+  .carousel-control-next-icon {
219 
+    filter: $carousel-dark-control-icon-filter;
220 
+  }
221 
+
222 
+  .carousel-indicators [data-bs-target] {
223 
+    background-color: $carousel-dark-indicator-active-bg;
224 
+  }
225 
+
226 
+  .carousel-caption {
227 
+    color: $carousel-dark-caption-color;
228 
+  }
229 
+}

+ 40
- 0
scss/bootstrap/scss/_close.scss 查看文件

1 
+// transparent background and border properties included for button version.
2 
+// iOS requires the button element instead of an anchor tag.
3 
+// If you want the anchor version, it requires `href="#"`.
4 
+// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
5 
+
6 
+.btn-close {
7 
+  box-sizing: content-box;
8 
+  width: $btn-close-width;
9 
+  height: $btn-close-height;
10 
+  padding: $btn-close-padding-y $btn-close-padding-x;
11 
+  color: $btn-close-color;
12 
+  background: transparent escape-svg($btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
13 
+  border: 0; // for button elements
14 
+  @include border-radius();
15 
+  opacity: $btn-close-opacity;
16 
+
17 
+  // Override <a>'s hover style
18 
+  &:hover {
19 
+    color: $btn-close-color;
20 
+    text-decoration: none;
21 
+    opacity: $btn-close-hover-opacity;
22 
+  }
23 
+
24 
+  &:focus {
25 
+    outline: 0;
26 
+    box-shadow: $btn-close-focus-shadow;
27 
+    opacity: $btn-close-focus-opacity;
28 
+  }
29 
+
30 
+  &:disabled,
31 
+  &.disabled {
32 
+    pointer-events: none;
33 
+    user-select: none;
34 
+    opacity: $btn-close-disabled-opacity;
35 
+  }
36 
+}
37 
+
38 
+.btn-close-white {
39 
+  filter: $btn-close-white-filter;
40 
+}

+ 0
- 0
scss/bootstrap/scss/_containers.scss 查看文件


部分文件因文件數量過多而無法顯示

Write Preview
Loading…
取消
儲存