PageSourceSearch

https://howikis.com/contact.php

html howikis.com collected 2026-10-02 14:26:39 UTC 46,991 bytes, 926 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    
5
6
7<!DOCTYPE html>
8<html lang="en">
9
10<head>
11    <!--required meta tags-->
12    <meta charset="utf-8" />
13    <meta name="viewport" content="width=device-width, initial-scale=1">
14    <meta name="description" content="We focus on Website, Databases, Domain, Hosting. Networking, IP Phones, CCTV Cameras, Access Control & Time Attendance. Graphic Design & Printing. Computer Accessories, Power and Data Backup.">
15
16<meta name="keywords" content="Databases, Domain, Hosting. Networking, IP Phones, CCTV Cameras, Access Control & Time Attendance. Graphic Design & Printing. Computer Accessories, Power and Data Backup.">
17
18   
19    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
20   <!-- Online Bootstrap Scripts-->
21
22
23    <!--twitter og-->
24    <meta name="twitter:site" content="@themetags" />
25    <meta name="twitter:creator" content="@themetags" />
26    <meta name="twitter:card" content="summary_large_image" />
27    <meta name="twitter:title" content="Hasnet ICT Solution" />
28    <meta name="twitter:description"
29        content="Hasnet ICT Solution"/>
30    <meta name="twitter:image" content="#" />
31
32    <!--facebook og-->
33    <meta property="og:url" content="#" />
34    <meta name="twitter:title" content="Hasnet ICT Solution" />
35    <meta property="og:description"
36    content="Hasnet ICT Solution"/>
37    <meta property="og:image" content="#" />
38    <meta property="og:image:secure_url" content="#" />
39    <meta property="og:image:type" content="image/png" />
40    <meta property="og:image:width" content="1200" />
41    <meta property="og:image:height" content="600" />
42
43    <!--meta-->
44    <meta name="description"
45    content="Hasnet ICT Solution"/>
46    <meta name="author" content="Hasnet ICT Solution" />
47
48    <!--favicon icon-->
49    <link rel="icon" href="assets/img/favicon.png" type="image/png" sizes="16x16" />
50
51    <!--google fonts-->
52    <link
53        href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&amp;
53family=Urbanist:wght@600;700&amp;display=swap"
54        rel="stylesheet">
55
56    <!--build:css-->
57    <link rel="stylesheet" href="assets/css/main.css" />
58    <!-- endbuild -->
59    
60    <!--custom css-->
61    <link rel="stylesheet" href="assets/css/custom.css" />
62    
63
64        <title>Contact : Hasnet ICT Solution</title>
65
66    <!-- reCAPTCHA v2 -->
vendor: 86 bytes, lines 66-69
66
67    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
68
69    
69<!-- AJAX Submission -->
70    <!--
70<script>
71        document.addEventListener('DOMContentLoaded', function () {
72            document.getElementById('contactForm').addEventListener('submit', function (event) {
73                event.preventDefault();
74                var formData = new FormData(this);
75
76                var xhr = new XMLHttpRequest();
77                xhr.open('POST', 'send_email.php', true);
78                xhr.onreadystatechange = function () {
79                    if (xhr.readyState === XMLHttpRequest.DONE) {
80                        if (xhr.status === 200) {
81                            alert(xhr.responseText);
82                            document.getElementById('contactForm').reset();
83                            grecaptcha.reset();
84                        } else {
85                            alert('Error: ' + xhr.responseText);
86                        }
87                    }
88                };
89                xhr.send(formData);
90            });
91        });
92    </script>
92-->
93</head>
94<body>
95
96 <!--main content wrapper start-->
97 <div class="main-wrapper">
98
99
100 
101<!--Start of Tawk.to Script-->
102<script type="text/javascript">
103var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
104(function(){
105var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
106s1.async=true;
107s1.src='https://embed.tawk.to/5bc54fc961d0b770925154ad/default';
108s1.charset='UTF-8';
109s1.setAttribute('crossorigin','*');
110s0.parentNode.insertBefore(s1,s0);
111})();
112</script>
112
113<!--End of Tawk.to Script-->
114
115<link rel="apple-touch-icon" href="apple-touch-icon.png">
116
117<!--header area start-->
118<header class="header-section header-gradient">
119    <div class="topbar">
120        <div class="container">
121            <div class="row align-item-center">
122                <div class="col-md-6">
123                    <div class="topbar-left">
124                        <p class="mb-0">Driven by Innovation, Powered by Engineering! <strong>Enginnovation</strong></p>
125                    </div>
126                </div>
127                <div class="col-md-6">
128                    <div class="topbar-right text-end">
129                    <a href="https://wa.me/+255777019901" target="_blank"><i class="fab fa-whatsapp"></i></a>
130                        <a href="https://www.instagram.com/ict.hasnet/?hl=en"><i class="fab fa-instagram"></i></a>
131                        <a href="https://www.facebook.com/hasnet.ict.solution/"><i class="fab fa-facebook-f"></i></a>
132                        <a href="https://x.com/i/flow/login?redirect_after_login=%2FICT_HasNet"><i class="fab fa-twitter"></i></a>
133                        <a href="https://tz.linkedin.com/in/hasnet-ict-solution-b80246210"><i class="fab fa-linkedin"></i></a>
134                        <a href="https://www.youtube.com/@hasnetictsolution7334"><i class="fab fa-youtube"></i></a>
135
136                        <a href="#">Sign in</a>
137                        <!-- <a href="signup.php">Sign up</a> -->
138                    </div>
139                </div>
140            </div>
141        </div>
142    </div>
143    <div class="header-nav">
144        <div class="container">
145            <div class="nav-menu bg-white">
146                <div class="row align-items-center">
147                    <div class="col-lg-2 col-6">
148                        <div class="logo-wrapper">
149                            <a href="index.php" class="logo-black"><img src="assets/img/logo.png" alt="logo"
150                                    class="logo"></a>
151                            <a href="index.php" class="logo-white"><img src="assets/img/logo-white-2.png"
152                                    alt="logo" class="logo"></a>
153                        </div>
154                    </div>
155
156                    <div class="col-xl-8 col-lg-7 d-none d-lg-block">
157                        <div class="nav-wrapper">
158                            <nav>
159                                <ul>
160                                    <li><a href="index.php">Home</a></li>
161                               
162                                    <!-- Our Services start here -->
163                       
164                                    <li class="has-submenu"><a href="#">Our Services</a>
165                                        <div class="submenu-wrapper menu-list theme-megamenu">
166                                            <div class="row">
167                                                <div class="col-md-6">
168                                                    <div class="megamenu-item"><a href="web-design-hosting-and-digital-marketing.php">
169                                                            <div
170                                                                class="menu-list-wrapper d-flex align-items-center">
171                                                                <span class="icon-wrapper"><i
172                                                                        class="fa-solid fa-desktop"></i></span>
173                                                                <div class="menu-list-content-right ms-3">
174                                                                    <h6>Web & Digital Solutions</h6>
175                                                                </div>
176                                                            </div>
177                                                        </a></div>
178                                                    <div class="megamenu-item"><a href="networking-and-digital-security.php">
179                                                            <div
180                                                                class="menu-list-wrapper d-flex align-items-center">
181                                                                <sp
181an class="icon-wrapper"><i
182                                                                    class="fa-solid fa-wifi"></i></span>
183                                                                <div class="menu-list-content-right ms-3">
184                                                                    <h6>Networking & Security</h6>
185                                                                </div>
186                                                            </div>
187                                                        </a></div>
188                                                   
189                                                    
190
191                                                </div>
192                                                <div class="col-md-6">
193
194                                                    <div class="megamenu-item"><a href="graphic-design-and-publish-printing.php">
195                                                        <div
196                                                            class="menu-list-wrapper d-flex align-items-center">
197                                                            <span class="icon-wrapper"><i
198                                                                    class="fa-solid fa-palette"></i></span>
199                                                            <div class="menu-list-content-right ms-3">
200                                                                <h6>Branding & Printing</h6>
201                                                            </div>
202                                                        </div>
203                                                    </a></div>
204                                                   
205                                                    <div class="megamenu-item"><a href="ict-hardware-supply-and-maintanance.php">
206                                                            <div
207                                                                class="menu-list-wrapper d-flex align-items-center">
208                                                                <span class="icon-wrapper"><i
209                                                                        class="fa-solid fa-wrench"></i></span>
210                                                                <div class="menu-list-content-right ms-3">
211                                                                    <h6>ICT Infrastructure & Support</h6>
212                                                                </div>
213                                                            </div>
214                                                        </a></div>
215                                                    
216                                                </div>
217                                            </div>
218                                        </div>
219                                    </li>
220
221                                    <!-- Our Services Ends Here -->
222                                    
223                   
224                                    <!-- <li><a href="#">Buy Products</a></li> -->
225                                    <li><a href="portfolio.php">Portfolio</a></li>
226                                                 <li><a href="#">Projects</a></li> 
227
228                                    <li><a href="contact.php">Contact Us</a></li>
229
230
231                                    <!-- <li class="has-submenu"><a href="#">Pages</a>
232                                        <ul class="submenu-wrapper">
233                                            <li><a href="service.php">Services</a></li>
234                                            <li><a href="pricing.php">Pricing</a></li>
235                                            <li><a href="features.php">Features</a></li>
236                                            <li><a href="blog-grids.php">Blog Grid</a></li>
237                                            <li><a href="blog-list.php">Blog List</a></li>
238                                            <li><a href="blog-details.php">Blog Details</a></li>
239                                            <li><a href="contact.php">Contact</a></li>
240                                            <li><a href="pricing-2.php">Pricing V2<span
241                                                        class="badge bg-danger ms-3">New</span></a></li>
242                                            <li><a href="affiliate.php">Affiliate<span
243                                                        class="badge bg-danger ms-3">New</span></a></li>
244                                        </ul>
245                                    </li> -->
246                                </ul>
247                            </nav>
248                        </div>
249                    </div>
250
251
252
253
254                    <div class="col-xl-2 col-lg-3 col-6">
255                        <div class="header-right d-flex align-items-center justify-content-end">
256
257
258                            <!-- Get Quote Button -->
259                          
260                            <button type="button" class="btn btn-primary btn-md" data-bs-toggle="modal" data-bs-target="#exampleModal">
261                              <b>Get Quote</b>
262                              
263                            </button>
264
265                            <!-- Get Quote Button -->
266
267
268                            
269                            <div class="product-cart next">
270                                <a href="https://shop.hasnetict.co.tz/" target="_blank">
271                                    <svg width="16" height="16" viewB
271ox="0 0 17 21" fill="none"
272                                        xmlns="http://www.w3.org/2000/svg">
273                                        <path
274                                            d="M4.07733 4.65414C3.98625 3.23381 4.3886 2.02388 5.4331 1.07162C6.20782 0.364915 7.13126 0.00406905 8.17979 3.40346e-05C9.41854 -0.00457742 10.4636 0.45945 11.2943 1.3777C12.1272 2.29827 12.4269 3.40386 12.3445 4.65356C12.6154 4.65356 12.8644 4.64895 13.1135 4.65472C13.472 4.66279 13.8369 4.63973 14.1879 4.69853C15.1045 4.85243 15.7944 5.61159 15.8509 6.53676C15.9374 7.95767 15.9956 9.37972 16.0636 10.8018C16.1605 12.8268 16.2556 14.8518 16.3507 16.8774C16.3772 17.4377 16.4083 17.9979 16.421 18.5582C16.4493 19.7734 15.5449 20.7054 14.3257 20.7072C10.2486 20.7118 6.17151 20.7118 2.09441 20.7072C0.868914 20.706 -0.0481878 19.7595 0.00196173 18.5352C0.0901557 16.3943 0.199101 14.2546 0.298824 12.1149C0.376642 10.449 0.452155 8.78254 0.532279 7.11665C0.545536 6.83709 0.551877 6.5529 0.608944 6.28141C0.809542 5.32741 1.62634 4.6674 2.59821 4.65645C3.07953 4.64953 3.5597 4.65414 4.07733 4.65414ZM8.19997 19.3272C10.2279 19.3272 12.2557 19.3278 14.2836 19.3266C14.7794 19.326 15.056 19.0367 15.0393 18.5409C15.0318 18.3109 15.0238 18.081 15.0128 17.851C14.9033 15.5314 14.7932 13.2113 14.6837 10.8917C14.6185 9.51288 14.5586 8.13348 14.4871 6.75523C14.4606 6.24221 14.1885 6.00357 13.683 6.00587C12.6402 6.01106 11.5975 6.01567 10.5553 6.01855C7.93769 6.02547 5.32069 6.03123 2.70312 6.03757C2.23217 6.03873 1.96759 6.2791 1.93819 6.75408C1.90303 7.32071 1.88459 7.8885 1.85807 8.45628C1.70128 11.7961 1.54334 15.1354 1.38713 18.4752C1.36003 19.0592 1.61943 19.3266 2.20278 19.3266C4.20126 19.3272 6.2009 19.3272 8.19997 19.3272ZM10.9611 4.64376C11.0608 3.42 10.6936 2.41528 9.62606 1.77717C8.63748 1.18575 7.61604 1.21919 6.66032 1.86421C5.68384 2.5225 5.36104 3.49263 5.46365 4.64376C7.29612 4.64376 9.11822 4.64376 10.9611 4.64376Z"
275                                            fill="#001042" />
276                                        <path
277                                            d="M8.217 11.6064C6.28135 11.6052 4.62584 10.3008 4.17334 8.4216C4.10013 8.11782 4.13991 7.8469 4.39411 7.64227C4.61546 7.46357 4.86852 7.44513 5.12503 7.55292C5.37174 7.65668 5.47377 7.8688 5.54006 8.1184C5.83346 9.22226 6.53325 9.92839 7.64922 10.1866C9.06551 10.5146 10.5089 9.63038 10.8859 8.22619C10.9084 8.14318 10.9262 8.05845 10.9533 7.97717C11.0709 7.61748 11.4139 7.42553 11.7886 7.50738C12.1321 7.58232 12.3685 7.92356 12.3027 8.29075C12.2624 8.51498 12.1944 8.73748 12.1125 8.95076C11.4952 10.5653 9.96244 11.6075 8.217 11.6064Z"
278                                            fill="#001042" />
279                                    </svg>
280                                </a>
281                            </div>
282                           
283                            <div class="ofcanvus-btns next">
284                                <!-- <a href="#" class="ofcanvus-btn d-none d-lg-block"><i
285                                        class="fa-solid fa-bars-staggered"></i></a> -->
286
287
288                                <a href="#" class="mobile-menu-toggle d-lg-none"><i
289                                        class="fa-solid fa-bars-staggered"></i></a>
290                            </div>
291                        </div>
292                    </div>
293
294
295
296                    
297                </div>
298            </div>
299        </div>
300    </div>
301</header>
302<!--header area end-->
303
304
305
306
307
308<!--mobile menu start-->
309<div class="mobile-menu position-fixed bg-white">
310    <button class="close-menu position-absolute"><i class="fa-solid fa-xmark"></i></button>
311    <a href="index.php" class="logo-wrapper"><img src="assets/img/logo.png" alt="logo"
312            class="logo logo-black"></a>
313    <a href="index.php" class="logo-wrapper"><img src="assets/img/logo-white.png" alt="logo"
314            class="logo logo-white"></a>
315    <nav class="mobile-menu-wrapper mt-40">
316        <ul>
317            <li><a href="index.php">Home</a></li>
318            <li class="has-submenu"><a href="#">Our Services</a>
319                <ul class="submenu-wrapper">
320                    <li><a href="web-design-hosting-and-digital-marketing.php">Web & Digital Solutions</a></li>
321                    <li><a href="networking-and-digital-security.php">Networking & Security</a></li>
322                    <li><a href="graphic-design-and-publish-printing.php">Branding Printing</a></li>
323                    <li><a href="ict-hardware-supply-and-maintanance.php">
323IT infrastructure & Support</a></li>
324
325                </ul>
326            </li>
327
328            <li><a href="portfolio.php">Portfolio</a></li>
329             <li><a href="#">Projects</a></li> 
330            <li><a href="contact.php">Contact Us</a></li>
331        </ul>
332    </nav>
333
334    <p class="contact-info mt-60">
335    <h4 class="mb-20">Contact Info</h4>
336    <p>Taveta street, Fuoni Road, Zanzibar</p>
337    <p>Muembetanga, Mtendeni Road, Zanzibar</p>
338
339    <p>+255 777 019 901</p>
340    <p> +255 718 019901</p>
341    <p>[email protected]</p>
342    <div class="contact-social">
343    <a href="https://wa.me/0777019901" target="_blank"><i class="fab fa-whatsapp"></i></a>
344                        <a href="https://www.instagram.com/ict.hasnet/?hl=en"><i class="fab fa-instagram"></i></a>
345                        <a href="https://www.facebook.com/hasnet.ict.solution/"><i class="fab fa-facebook-f"></i></a>
346                        <!--<a href="https://x.com/i/flow/login?redirect_after_login=%2FICT_HasNet"><i class="fab fa-twitter"></i></a>-->
347                        <!--<a href="https://tz.linkedin.com/in/hasnet-ict-solution-b80246210"><i class="fab fa-linkedin"></i></a>-->
348                   <br>     <a href="#">Sign in</a>
349    </div>
350</div>
351</div>
352<!--mobile menu end-->
353
354
355
356
357<!--offcanvus area start-->
358<div class="ofcanvus-menu">
359<button class="close-canvus"><i class="fa-solid fa-xmark"></i></button>
360<div class="megamenu">
361    <h6 class="mb-20">Our Services</h6>
362    <div class="row g-3">
363        <div class="col-lg-6">
364            <a href="web-design-hosting-and-digital-marketing.php" class="mg-item">
365                <div class="mg-item-wrapper d-flex align-items-center">
366                    <span class="icon-wrapper"><i class="fa-solid fa-desktop"></i></span>
367                    <div class="mg-item-content-right ms-2">
368                        <h6 class="mb-0">Web Design, Hosting & Digital Marketing</h6>
369                        <!-- <span>Lorem ipsum</span> -->
370                    </div>
371                </div>
372            </a>
373        </div>
374       
375        <div class="col-lg-6">
376            <a href="networking-and-digital-security.php" class="mg-item">
377                <div class="mg-item-wrapper d-flex align-items-center">
378                    <span class="icon-wrapper"><i class="fa-solid fa-wifi"></i></span>
379                    <div class="mg-item-content-right ms-2">
380                        <h6 class="mb-0">Networking & Digital Security</h6>
381                        <!-- <span>Lorem ipsum</span> -->
382                    </div>
383                </div>
384            </a>
385        </div>
386        <div class="col-lg-6">
387            <a href="graphic-design-and-publish-printing.php" class="mg-item">
388                <div class="mg-item-wrapper d-flex align-items-center">
389                    <span class="icon-wrapper"><i class="fa-solid fa-palette"></i></span>
390                    <div class="mg-item-content-right ms-2">
391                        <h6 class="mb-0">Graphic Design & Publish Printing</h6>
392                        <!-- <span>Lorem ipsim</span> -->
393                    </div>
394                </div>
395            </a>
396        </div>
397        <div class="col-lg-6">
398            <a href="ict-hardware-supply-and-maintanance.php" class="mg-item">
399                <div class="mg-item-wrapper d-flex align-items-center">
400                    <span class="icon-wrapper"><i class="fa-solid fa-wrench"></i></span>
401
402                    <div class="mg-item-content-right ms-2">
403                        <h6 class="mb-0">ICT Hardware Supply, Installation & Maintanance</h6>
404                        <!-- <span>Lorem ipsum</span> -->
405                    </div>
406                </div>
407            </a>
408        </div>
409        
410       
411      
412
413
414    </div>
415    <h6 class="mb-20 mt-50">Brands We Use</h6>
416    <div class="row g-3">
417        <div class="col-lg-3">
418            <a href="#">
419                <div class="script-icon">
420                    <span class="script-icon-wrapper"><img src="assets/img/hikvision-logo.png" alt="hikvision" ></i></span>
421                    <h6>Hikvision</h6>
422                </div>
423            </a>
424        </div>
425        <div class="col-lg-3">
426            <a href="#">
427                <div class="script-icon">
428                    <span class="script-icon-wrapper"><img src="assets/img/dahua-logo.png" alt="dahua" ></i></span>
429                    <h6>Dahua</h6>
430                </div>
431            </a>
432        </div>
433        <div class="col-lg-3">
434            <a href="#">
435                <div class="script-icon">
436                    <span class="script-icon-wrapper"><img src="assets/img/unv-logo.png" alt="unv"></i></span>
437                    <h6>Unv</h6>
438                </div>
439            </a>
440        </div>
441        <div class="col-lg-3">
442            <a href="#">
443                <div class="script-icon">
444                    <span class="script-icon-wrapper"><img src="assets/img/zkteco-logo.png" alt="zkteco" ></i></span>
445                    <h6>ZkTeco</h6>
446                </div>
447            </a>
448        </div>
449    </div>
450</div>
451
452</div>
453<!--offcanvus area end-->
454
455                                    <!-- ALL MENUS ENDS HERE! --><!-- modal.php -->
456<!-- ✅ Load reCAPTCHA script once in your layout -->
vendor: 78 bytes, lines 456-458
456
457<script src="https://www.google.com/recaptcha/api.js" async defer></script>
458
459<!-- ✅ Bootstrap Modal Form -->
460<form id="customerForm" method="POST">
461  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="ModalLabel" aria-hidden="true">
462    <div class="modal-dialog modal-dialog-centered">
463      <div class="modal-content">
464
465        <div class="modal-header">
466          <h1 class="modal-title fs-5" id="ModalLabel">Request Quote</h1>
467          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
468        </div>
469
470        <div class="modal-body">
471          <!-- ✅ Message box -->
472          <div id="formAlert" class="alert d-none" role="alert"></div>
473
474          <div class="mb-3">
475            <label for="name" class="form-label">Name:</label>
476            <input type="text" class="form-control" id="name" name="name" placeholder="Enter your name" required>
477          </div>
478
479          <div class="mb-3">
480            <label for="location" class="form-label">Location:</label>
481            <input type="text" class="form-control" id="location" name="location" placeholder="Enter your location" required>
482          </div>
483
484          <div class="mb-3">
485            <label for="email" class="form-label">Email:</label>
486            <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required>
487          </div>
488
489          <div class="mb-3">
490            <label for="phoneNumber" class="form-label">Phone Number:</label>
491            <input type="tel" class="form-control" id="phoneNumber" name="phoneNumber" placeholder="Enter your phone number" required>
492          </div>
493
494          <div class="mb-3">
495            <label for="serviceOption" class="form-label">Service Option:</label>
496            <select class="form-select" id="serviceOption" name="serviceOption" required>
497              <option value="" selected disabled>Select a service option</option>
498              <option value="Web Design, Hosting & Digital Marketing">Web Design, Hosting & Digital Marketing</option>
499              <option value="Networking & Digital Security">Networking & Digital Security</option>
500              <option value="Graphic Design & Publish Printing">Graphic Design & Publish Printing</option>
501              <option value="ICT Hardware Supply, Installation & Maintenance">ICT Hardware Supply, Installation & Maintenance</option>
502              <option value="Other">Other</option>
503            </select>
504          </div>
505
506          <div class="mb-3">
507            <label for="message" class="form-label">Additional Message:</label>
508            <textarea class="form-control" id="message" name="message" placeholder="Enter your message"></textarea>
509          </div>
510
511          <!-- ✅ Google reCAPTCHA -->
512          <div class="mb-3 text-center">
513            <div class="g-recaptcha" data-sitekey="6LctQoErAAAAADObMskiBehEEH0JuWs72jrIf8df"></div>
514          </div>
515        </div>
516
517        <div class="modal-footer">
518          <button type="submit" class="btn btn-primary">Submit</button>
519        </div>
520
521      </div>
522    </div>
523  </div>
524</form>
525
526<!-- ✅ AJAX Submission Script -->
527<script>
528document.addEventListener('DOMContentLoaded', function () {
529  const form = document.getElementById('customerForm');
530  const alertBox = document.getElementById('formAlert');
531
532  form.addEventListener('submit', function (e) {
533    e.preventDefault();
534
535    const formData = new FormData(form);
536
537    fetch('quote_handler.php', {
538      method: 'POST',
539      body: formData
540    })
541    .then(res => res.text())
542    .then(response => {
543      alertBox.classList.remove('d-none', 'alert-success', 'alert-danger');
544
545      if (response.toLowerCase().includes("thank you")) {
546        alertBox.classList.add('alert-success');
547        alertBox.textContent = response;
548
549        // ✅ Close modal after 2 seconds
550        setTimeout(() => {
551          const modal = bootstrap.Modal.getInstance(document.getElementById('exampleModal'));
552          modal.hide();
553          form.reset();
554          grecaptcha.reset();
555          alertBox.classList.add('d-none');
556        }, 2000);
557
558      } else {
559        alertBox.classList.add('alert-danger');
560        alertBox.textContent = response;
561        grecaptcha.reset(); // allow retry
562      }
563    })
564    .catch(err => {
565      alertBox.classList.remove('d-none');
566      alertBox.classList.add('alert-danger');
567      alertBox.textContent = "Something went wrong. Please try again.";
568      grecaptcha.reset();
569    });
570  });
571});
572</script>
572
573
574  <!-- Breadcrumb area start -->
575    <section class="hero-style-1 contact-hero bg-white">
576    <div class="hero-area overflow-hidden position-relative zindex-1 bg-primary-gradient pt-120">
577        <div class="container">
578            <div class="row align-items-center">
579                <div class="col-lg-6">
580                    <div class="hero1-content-wrap">
581                        <h1 class="display-font mt-4">Contact Us,<br> We’re Here to Help</h1>
582                        <p class="mt-4">Our dedicated support team is always ready to assist you. Reach out anytime for quick, reliable, and friendly customer service tailored to your needs.</p>
583                        <a href="https://wa.me/+255777019901" class="template-btn secondary-btn rounded-pill mt-4"><span class="me-2"><i class="fa-solid fa-comments"></i></span>Live Chat</a>
584                    </div>
585                </div>
586                <div class="col-lg-6">
587                    <div class="hero-right text-center text-lg-end"> <!-- Added 'text-center text-lg-end' classes -->
588                        <img src="assets/img/0001.svg" alt="hero image">
589                    </div>
590                </div>
591            </div>
592        </div>
593    </div>
594    <div class="hm-contact-info promo-area position-relative">
595        <div class="container">
596            <div class="row justify-content-center">
597                <div class="col-lg-4 col-md-6 col-sm-10">
598                    <div class="hm-ct-info-wrapper rounded text-center"> <!-- Added 'text-center' class -->
599                        <span class="icon-wrapper rounded-circle d-inline-flex align-items-center justify-content-center">
600                          <i class="fa-solid fa-phone"></i>
601                      </span>
602                        <div class="info-content mt-4">
603                            <h4>Call Us</h4>
604                            <a href="tel:+255777019901">+255 777 019 901</a></br>
605                            <a href="tel:+255718019901">+255 718 019 901</a>
606                        </div>
607                    </div>
608                </div>
609                <div class="col-lg-4 col-md-6 col-sm-10">
610                    <div class="hm-ct-info-wrapper rounded text-center"> <!-- Added 'text-center' class -->
611                        <span class="icon-wrapper rounded-circle d-inline-flex align-items-center justify-content-center">
612                          <i class="fa-solid fa-at"></i>
613                      </span>
614                        <div class="info-content mt-4">
615                            <h4>Email Us</h4>
616                            <p><strong>General Inquiries:</strong> 
617                                <a href="mailto:[email protected]">[email protected]</a>
618                            </p>
619                            <p><strong>Sales:</strong> 
620                                <a href="mailto:[email protected]">[email protected]</a>
621                            </p>
622                            <p><strong>Support:</strong> 
623                                <a href="mailto:[email protected]">[email protected]</a>
624                            </p>
625                        </div>
626
627                    </div>
628                </div>
629                <div class="col-lg-4 col-md-6 col-sm-10">
630                    <div class="hm-ct-info-wrapper rounded text-center"> <!-- Added 'text-center' class -->
631                        <span class="icon-wrapper rounded-circle d-inline-flex align-items-center justify-content-center">
632                          <i class="fa-solid fa-house"></i>
633                      </span>
634                        <div class="info-content mt-4">
635                            <h4>Our Locations</h4>
636                            <div class="mt-2">
637                              <strong>Taveta Branch:</strong><br>
638                              <span>Taveta, Fuoni Road, Zanzibar - TZ</span>
639                            </div>
640                            
641                            <div class="mt-3">
642                              <strong>Mwembetanga Branch:</strong><br>
643                              <span>Mwembetanga, Mtendeni Road, Zanzibar - TZ</span>
644                            </div>
645
646                        </div>
647                    </div>
648                </div>
649            </div>
650        </div>
651    </div>
652</section>
653
654    <!-- Breadcrumb area end -->
655    
656
657<!-- Contact Section-->
658<!--<section class="hm-contact-area pt-60 pb-120 bg-white">
659    <div class="container">
660        <div class="row justify-content-center">
661            <div class="col-lg-5 text-center">
662                <h2>Send Us Message!</h2>
663            </div>
664        </div>
665        <div class="row justify-content-center mt-5">
666            <div class="col-lg-8">
667                <form action="send_email.php" method="POST" id="contactForm" class="contact-us-form">
668                    <input type="hidden" name="form_type" value="contact_form">
669                    <input type="text" name="website" style="display:none;"> <!-- Honeypot -->
670
671                    <!--<div class="row g-4">
672                        <div class="col-md-6">
673                            <label for="name">Name</label>
674                            <input type="text" name="name" id="name" class="form-control" required>
675                        </div>
676                        <div class="col-md-6">
677                            <label for="email">Email</label>
678                            <input type="email" name="email" id="email" class="form-control" required>
679                        </div>
680                        <div class="col-md-6">
681                            <label for="phone">Phone</label>
682                            <input type="text" name="phone" id="phone" class="form-control" required>
683                        </div>
684                        <div class="col-md-6">
685                            <label for="subject">Subject</label>
686                            <input type="text" name="subject" id="subject" class="form-control" required>
687                        </div>
688                        <div class="col-md-12">
689                            <label for="message">Message</label>
690                            <textarea name="message" id="message" class="form-control" rows="5" required></textarea>
691                        </div>
692                        <div class="col-md-12 text-center">
693                            <div class="g-recaptcha mb-3" data-sitekey="6LctQoErAAAAADObMskiBehEEH0JuWs72jrIf8df"></div>
694                            <button type="submit" class="template-btn primary-btn border-0 rounded-pill">
695                                Send Message <i class="fa-solid fa-chevron-right ms-2"></i>
696                            </button>
697                        </div>
698                    </div>
699                </form>
700            </div>
701        </div>
702    </div>
703</section>
704
705<!-- Google Maps Embed Section -->
706<section class="google-maps-section py-5">
707    <div class="container-fluid">
708        <div class="row justify-content-center">
709
710            <!-- Taveta Office -->
711            <div class="col-md-6 text-center mb-4">
712                <h5 class="mb-3">Taveta Office</h5>
713                <iframe 
714                    src="https://www.google.com/maps?q=-6.1853404,39.2370123&hl=en&z=17&output=embed"
715                    width="100%" 
716                    height="400" 
717                    style="border:0; border-radius:10px;" 
718                    allowfullscreen="" 
719                    loading="lazy">
720                </iframe>
721                <div class="mt-3">
722                    <a href="https://www.google.com/maps?q=-6.1853404,39.2370123" 
723                       target="_blank" 
724                       class="btn btn-primary btn-sm">
725                        View on Google Maps
726                    </a>
727                </div>
728            </div>
729
730            <!-- Mwembetanga Office -->
731            <div class="col-md-6 text-center mb-4">
732                <h5 class="mb-3">Mwembetanga Office</h5>
733                <iframe 
734                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.7622777282745!2d39.19502887700657!3d-6.162583460401252!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x185cd1bda6c27b75%3A0xda238df8b6b488af!2sHASNET%20ICT%20SOLUTION!5e0!3m2!1sen!2stz!4v1776081889818!5m2!1sen!2stz"
735                    width="100%" 
736                    height="400" 
737                    style="border:0; border-radius:10px;" 
738                    allowfullscreen="" 
739                    loading="lazy" 
740                    referrerpolicy="no-referrer-when-downgrade">
741                </iframe>
742                <div class="mt-3">
743                    <a href="https://www.google.com/maps/place/HASNET+ICT+SOLUTION" 
744                       target="_blank" 
745                       class="btn btn-primary btn-sm">
746                        View on Google Maps
747                    </a>
748                </div>
749            </div>
750
751        </div>
752    </div>
753</section>
754<!-- End Google Maps Embed Section -->
755
756
757 <!-- Footer Area -->
758 <footer class="footer pt-100">
759        <div class="footer-top pb-60">
760            <div class="container">
761                <div class="row">
762                    <div class="col-lg-3 col-md-6">
763                        <div class="footer-widget footer-widget-1">
764                            <a href="index.php" class="footer-logo"><img src="assets/img/logo-white-2.png" class="logo"
765                                    alt="logo"></a>
766                            <p class="text-white mt-30">We are specialized in ICT solution that relate to Website
767                                design, Database system development, Domain registration & Hosting, Digital marketing,
768                                Graphic design and Printing, CCTV Supply & Installation, Hardware maintenance,
769                                Networking, ICT Consultancy & Training. We also develop innovative ideas and make them
770                                happen.</p>
771                            <div class="footer-social mt-5">
772                                <h5 class="ft-subtitle text-white position-relative d-inline-block">Follow us on
773                                </h5>
774                                <ul class="social-nav mt-3">
775                                    <li><a href="https://wa.me/255717323132"
776                                        class="rounded-circle overflow-hidden position-relative d-flex align-items-center justify-content-center text-white"><i
777                                            class="fab fa-whatsapp"></i></a></li>
778                                    <li><a href="https://www.facebook.com/hasnet.ict.solution/"
779                                            class="rounded-circle overflow-hidden position-relative d-flex align-items-center justify-content-center text-white"><i
780                                                class="fab fa-facebook-f"></i></a></li>
781                                    <li><a href="https://x.com/i/flow/login?redirect_after_login=%2FICT_HasNet"
782                                            class="rounded-circle overflow-hidden position-relative d-flex align-items-center justify-content-center text-white"><i
783                                                class="fab fa-twitter"></i></a></li>
784                                    <li><a href="https://www.instagram.com/ict.hasnet/?hl=en"
785                                            class="rounded-circle overflow-hidden position-relative d-flex align-items-center justify-content-center text-white"><i
786                                                class="fab fa-instagram"></i></a></li>
787                                    <li><a href="https://tz.linkedin.com/in/hasnet-ict-solution-b80246210"
788                                            class="rounded-circle overflow-hidden position-relative d-flex align-items-center justify-content-center text-white"><i
789                                                class="fab fa-linkedin"></i></a></li>
790                                </ul>
791                            </div>
792                        </div>
793                    </div>
794                    <div class="col-lg-2 col-md-3 col-sm-6">
795                        <div class="footer-widget footer-widget-2 mt-2">
796                            <h5 class="text-white position-relative mb-5 widget-title">Support</h5>
797                            <ul class="footer-nav">
798                                <li><a href="./assets/docs/HASNET COMPANY PROFILE.pdf" target="_blank">Company Profile</a></li>
799                                <li><a href="./assets/docs/HASNET PRODUCTS AND SERVICES CATALOGUE 2025.pdf" target="_blank">Product Catalogue</a></li>
800                                <li><a href="./assets/docs/Refund-Policy.pdf" target="_blank">Refund Policy</a></li>
801                                <li><a href="/policies.php" target="_blank">General Policies</a></li>
802                                <li><a href="./assets/docs/FAQs.pdf" target="_blank">FAQs</a></li>
803                            </ul>
804                        </div>
805                    </div>
806                    <div class="col-lg-2 col-md-3 col-sm-6">
807                        <div class="footer-widget footer-widget-3 mt-2">
808                            <h5 class="text-white position-relative mb-5 widget-title">Platforms</h5>
809                            <ul class="footer-nav">
810                                <li><a href="https://gps.hasnet.co.tz" target="_blank">GPS Tracking</a></li>
811                                <li><a href="https://shop.hasnetict.co.tz" target="_blank">Online Shopping</a></li>
812
813                            </ul>
814                        </div>
815                    </div>
816                    <div class="col-lg-2 col-md-3 col-sm-6">
817                        <div class="footer-widget footer-widget-3 mt-2">
818                            <h5 class="text-white position-relative mb-5 widget-title">Services</h5>
819                            <ul class="footer-nav">
820                                <li><a href="web-design-hosting-and-digital-marketing.php">Web Design, Hosting & Digital Marketing</a></li>
821                                <li><a href="networking-and-digital-security.php">Networking & Digital Security</a></li>
822                                <li><a href="graphic-design-and-publish-printing.php">Graphic Design & Publish Printing</a></li>
823                                <li><a href="ict-hardware-supply-and-maintanance.php">ICT Hardware Supply, Installation & Maintanance</a></li>
824                     
825
826                            </ul>
827                        </div>
828                    </div>
829                    <div class="col-lg-3 col-md-8">
830                        <div class="footer-widget footer-sb-widget mt-2">
831                            <h5 class="text-white position-relative mb-5 widget-title">Get In Touch</h5>
832                            <form action="#" class="footer-sb-form position-relative">
833                                <input type="email" placeholder="Type Your Mail">
834                                <button type="submit" class="template-btn primary-btn btn-small">Subscribe</button>
835                            </form>
836                            <div class="ft-payment-method mt-40">
837                                <h5 class="text-white position-relative ft-subtitle d-inline-block">We Accept</h5>
838                                <ul class="payment-list d-flex align-items-center mt-3">
839
840                                    <li class="d-inline-flex align-items-center justify-content-center"><img
841                                            src="assets/img/affiliate/tigopes
841a.png" width="70px;" alt="visa" class="img-fluid"></li>
842
843                                            <!-- <li class="d-inline-flex align-items-center justify-content-center"><img
844                                            src="assets/img/mastercard.png" alt="mastercard" class="img-fluid"></li> -->
845                                            <!-- <li class="d-inline-flex align-items-center justify-content-center"><img
846                                            src="assets/img/payoneer.png" alt="payoneer" class="img-fluid"></li> -->
847
848
849                                            <li class="d-inline-flex align-items-center justify-content-center"><img
850                                            src="assets/img/affiliate/pbz.png" width="60px;" alt="paypal" class="img-fluid"></li>
851
852
853                                            <li class="d-inline-flex align-items-center justify-content-center"><img
854                                            src="assets/img/cash.png" alt="visa" class="img-fluid"></li>
855                                </ul>
856                            </div>
857                        </div>
858                    </div>
859                </div>
860            </div>
861        </div>
862        <div class="footer-copyright">
863            <div class="container">
864                <div class="row align-items-center">
865                    <div class="col-md-6">
866                        <div class="copyright-txt text-white">
867                            <p class="mb-0">Copyright 2025 Hasnet ICT Solution . All Rights Reserved</p>
868                        </div>
869                    </div>
870                    
871                    <div class="col-md-6">
872                        <div class="copyright-links mt-2 mt-md-0 text-start text-md-end">
873                            <a href="./assets/docs/Terms&Conditions.pdf" target="_blank">Terms & Conditions</a>
874                            <a href="./assets/docs/Privacy-Policy.pdf" target="_blank" class="ml-20">Privacy Policy</a>
875                        </div>
876                    </div>
877                </div>
878            </div>
879        </div>
880    </footer> <!-- Footer Area End -->
881
882    </div>
883    <!-- main content wrapper ends -->
884
885<!-- Modal Scripts -->
886
887 <!-- Slider Scripts -->
888 
888<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
888
889 
889<script src="assets/js/vendors/slider-init.js"></script>
889 
890 <!-- Slider Scripts -->
891
892
893    <!--build:js-->
894    
894<script src="assets/js/vendors/jquery.min.js"></script>
894
895    
895<script src="assets/js/vendors/popper.min.js"></script>
895
896    
896<script src="assets/js/vendors/bootstrap.min.js"></script>
896
897    
897<script src="assets/js/vendors/easing.min.js"></script>
897
898    
898<script src="assets/js/vendors/swiper.min.js"></script>
898
899    
899<script src="assets/js/vendors/massonry.min.js"></script>
899
900    
900<script src="assets/js/vendors/bootstrap-slider.js"></script>
900
901    
901<script src="assets/js/vendors/magnific-popup.js"></script>
901
902    
902<script src="assets/js/vendors/waypoints.js"></script>
902
903    
903<script src="assets/js/vendors/counterup.js"></script>
903
904    
904<script src="assets/js/vendors/isotop.pkgd.min.js"></script>
904
905    
905<script src="assets/js/vendors/countdown.min.js"></script>
905
906    
906<script src="assets/js/app.js"></script>
906
907    <!--endbuild-->
908
909
910    <!-- Whatsapp -->
911
912
913    <a href="https://wa.me/+255777019901" class="whatsapp-button" target="_blank">
914  <i class="fab fa-whatsapp"></i>
915</a>
916
917
918
919
920
921</body>
922
923
924
925</html></body>
926</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.