1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>ATTC Waste Management - Driving Sustainable Waste Management for a Cleaner Qatar</title> 7 8 <link rel="icon" type="image/png" href="favicon.png"> 9 10 <!-- Bootstrap CSS --> 11 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous" /> 12 <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;700&family=League+Spartan:wght@400;500&display=swap" rel="stylesheet" /> 13 <link rel="stylesheet" href="style.css"> 14 <!-- AOS CSS --> 15 <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet"> 16 17 18
18<script type="module" src="https://static.rocket.new/rocket-web.js?_cfg=https%3A%2F%2Fvibinsap4811back.builtwithrocket.new&_be=https%3A%2F%2Fapplication.rocket.new&_v=0.1.5"></script>
18 19</head> 20<body> 21 <!-- Header --> 22 <header class="header"> 23 <!-- Top Header --> 24 <div class="bg-dark py-3 d-none d-lg-block"> 25 <div class="container"> 26 <div class="row g-3 align-items-center justify-content-center"> 27 <div class="col-12 col-lg-3"> 28 <div class="d-flex align-items-center justify-content-center justify-content-lg-start"> 29 <div class="contact-icon d-flex align-items-center justify-content-center me-3"> 30 <img src="assets/images/img_carbonlocation.svg" alt="Location" width="24" height="24" /> 31 </div> 32 <div> 33 <h6 class="text-light mb-1 fw-medium">Location</h6> 34 <p class="text-light small mb-0">P.O. Box: 60201, Building No. 4, Street 3002, Zone 91, Birkat Al Awamer, Qatar</p> 35 </div> 36 </div> 37 </div> 38 39 <div class="col-12 col-lg-3"> 40 <div class="d-flex align-items-center justify-content-center justify-content-lg-start"> 41 <div class="contact-icon d-flex align-items-center justify-content-center me-3"> 42 <img src="assets/images/img_octiconmail24.svg" alt="Email" width="24" height="24" /> 43 </div> 44 <div> 45 <h6 class="text-light mb-1 fw-medium">Email</h6> 46 <p class="text-light small mb-0"><a class="text-light" href="mailto:[email protected]">[email protected]</a></p> 47 </div> 48 </div> 49 </div> 50 51 <div class="col-12 col-lg-3"> 52 <div class="d-flex align-items-center justify-content-center justify-content-lg-start"> 53 <div class="contact-icon d-flex align-items-center justify-content-center me-3"> 54 <img src="assets/images/img_phphone.svg" alt="Phone" width="24" height="24" /> 55 </div> 56 <div> 57 <h6 class="text-light mb-1 fw-medium">Phone</h6> 58 <p class="text-light small mb-0"><a class="text-light" href="tel:+974 77666248">+974 77666248</a></p> 59 </div> 60 </div> 61 </div> 62 63 <div class="col-12 col-lg-3 text-center"> 64 <button class="btn custom-btn-primary btn-lg fs-6" onclick="window.location.href='contact-us.html'">Contact Us</button> 65 </div> 66 </div> 67 </div> 68 </div> 69 70 <!-- Main Header --> 71 <nav class="navbar navbar-expand-lg navbar-light bg-white"> 72 <div class="container"> 73 <a class="navbar-brand" href="#home"> 74 <img src="assets/images/img_headerlogo.svg" alt="ATTC Waste Logo" height="80" /> 75 </a> 76 77 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> 78 <span class="navbar-toggler-icon"></span> 79 </button> 80 81 <div class="collapse navbar-collapse" id="navbarNav"> 82 <ul class="navbar-nav ms-auto"> 83 <li class="nav-item"> 84 <a class="nav-link fs-5 fw-medium px-3" href="index.html">Home</a> 85 </li> 86 <li class="nav-item"> 87 <a class="nav-link fs-5 fw-medium px-3" href="about.html">About Us</a> 88 </li> 89 <li class="nav-item"> 90 <a class="nav-link fs-5 fw-medium px-3" href="services.html">Our Services</a> 91 </li> 92 <li class="nav-item"> 93 <a class="nav-link fs-5 fw-medium px-3" href="our-clients.html">
93Clients</a> 94 </li> 95 <li class="nav-item"> 96 <a class="nav-link fs-5 fw-medium px-3" href="#">Gallery</a> 97 </li> 98 <li class="nav-item"> 99 <a class="nav-link active fs-5 fw-medium px-3 d-lg-none d-block" href="contact-us.html">Contact Us</a> 100 </li> 101 </ul> 102 </div> 103 </div> 104 </nav> 105 </header> 106 107 <!-- Hero Section --> 108 <section class="hero-section-inner-contact d-flex align-items-center text-white"> 109 <div class="container-fluid"> 110 <div class="row justify-content-center text-center"> 111 <div class="col-12 col-lg-8"> 112 <div class="hero-content" data-aos="fade" data-aos-duration="2000"> 113 <h1 class="display-4 fw-medium">Contact Us</h1> 114 </div> 115 </div> 116 </div> 117 </div> 118 </section> 119 120 <!-- Form Section --> 121 <section id="about" class="py-5"> 122 <div class="container py-5-lg"> 123 <div class="row"> 124 <div class="col-12 col-lg-6" data-aos="zoom-in" data-aos-duration="2000"> 125 <div class=""> 126 <p class="text-accent fw-normal mb-3 text-theme">Who We Are</p> 127 <h2 class="display-6 fw-semibold text-primary-custom mb-3 text-theme">Get In Touch</h2> 128 <p class="text-secondary mb-4">Whether you're a homeowner, businessowner, or part of a municipal organization, we're here to assist you in navigating the complexities of waste management.</p> 129 </div> 130 <div class="contact-form"> 131 <form id="contact_form" name="contact_form" method="post" action="sendmessage.php" novalidate> 132 <div class="col-lg-12"> 133 <input class="form-control mb-3" type="text" id="name" name="name" placeholder="Name"> 134 </div> 135 <div class="col-lg-12"> 136 <input class="form-control mb-3" type="text" name="phonenumer" id="phonenumer" placeholder="Phone"> 137 </div> 138 <div class="col-lg-12"> 139 <input class="form-control mb-3" type="text" id="emailid" name="emailid" placeholder="Email"> 140 </div> 141 <div class="col-lg-12"> 142 <textarea class="form-control mb-3" name="contactcomment" id="contactcomment" placeholder="Message"></textarea> 143 </div> 144 <div class="col-lg-12"> 145 <div class="g-recaptcha mb-3" data-sitekey="6LeN3aErAAAAACi_kY5sD6JOfUGxq55GJxU1xbm-"></div> 146 </div> 147 <div class="col-lg-12"> 148 <button type="submit" class="btn custom-btn-primary btn-lg fs-5 w-100">Submit</button> 149 </div> 150 </form> 151 </div> 152 </div> 153 154 <div class="col-12 col-lg-6"> 155 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3609.71383014932!2d51.574371574837876!3d25.212871431066652!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e45cf000bc4ebd7%3A0x65f1da1a08257fbd!2sBuilding
155%20no%204!5e0!3m2!1sen!2sin!4v1751446953206!5m2!1sen!2sin" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> 156 </div> 157 </div> 158 </div> 159 </section> 160 161 <!-- Footer --> 162 <footer class="footer bg-white position-relative"> 163 <img src="assets/images/img_ellipse.svg" alt="Footer Decoration" class="position-absolute start-0 top-0 d-none d-lg-block" style="width: 176px; height: 183px;" /> 164 165 <div class="container px-4 px-lg-5"> 166 <img src="assets/images/img_vectorisedimage_3.svg" alt="ATTC Waste Logo" class="mb-4" style="width: 227px; height: 113px;" /> 167 <div class="row"> 168 <div class="col-12 col-lg-4 mb-4 mb-lg-0"> 169 170 171 <div class="row g-3"> 172 <div class="col-12"> 173 <div class="d-flex align-items-start"> 174 <div class="footer-contact-icon d-flex align-items-center justify-content-center me-3 flex-shrink-0"> 175 <!--<img src="assets/images/img_carbonlocation_pink_900.svg" alt="Location" width="16" height="16" />--> 176 <i style="color: white;" class="fa-solid fa-location-dot"></i> 177 </div> 178 <p class="text-secondary small mb-0">P.O. Box: 60201, Building No. 4, Street 3002, Zone 91, Birkat Al Awamer, Qatar</p> 179 </div> 180 </div> 181 182 <div class="col-12"> 183 <div class="d-flex align-items-center"> 184 <div class="footer-contact-icon d-flex align-items-center justify-content-center me-3"> 185 <!--<img src="assets/images/img_octiconmail24_white_a700_01.svg" alt="Email" width="16" height="16" />--> 186 <i style="color: white;" class="fa-solid fa-envelope"></i> 187 </div> 188 <p class="text-secondary small mb-0"><a class="text-secondary" href="mailto:[email protected]">[email protected]</a></p> 189 </div> 190 </div> 191 192 <div class="col-12"> 193 <div class="d-flex align-items-center"> 194 <div class="footer-contact-icon d-flex align-items-center justify-content-center me-3"> 195 <!--<img src="assets/images/img_phphone_white_a700_01.svg" alt="Phone" width="16" height="16" />--> 196 <i style="color: white;" class="fa-solid fa-mobile-screen"></i> 197 </div> 198 <p class="text-secondary small mb-0"><a class="text-secondary" href="tel:+974 77666248">+974 77666248</a></p> 199 </div> 200 </div> 201 202 <div class="col-12"> 203 <div class="d-flex align-items-center"> 204 <div class="footer-contact-icon d-flex align-items-center justify-content-center me-3"> 205 <!--<img src="assets/images/img_phphone_white_a700_01.svg" alt="Phone" width="16" height="16" />--> 206 <i style="color: white;" class="fa-solid fa-phone"></i> 207 </div> 208 <p class="text-secondary small mb-0"><a class="text-secondary" href="tel:+97444441968">+974 44441968</a></p> 209 </div> 210 </div> 211 212 <div class="col-12"> 213 <div class="d-flex align-items-center"> 214 <div class="footer-contact-icon d-flex align-items-center justify-content-center me-3"> 215 <!--<img src="assets/images/fax-icon.png" alt="Phone" width="16" height="16" />--> 216 <i style="color: white;" class="fas fa-fax"></i> 217 </div> 218 <p class="text-secondary small mb-0"><a class="text-secondary">+974 40382818</a></p> 219 </div> 220 </div> 221 222 </div> 223 </div> 224 225 <div class="col-12 col-md-6 col-lg-2 mb-4 mb-md-0 d-none d-lg-block"></div> 226 227 <div class="col-12 col-md-6 col-lg-3 mb-4 mb-md-0"> 228 <h5 class="fw-medium text-theme text-primary-custom">Pages</h5> 229 <div class="bg-primary-custom mb-3" style="width: 90px; height: 2px; background-color: #690007;"></div> 230 <div class="d-flex flex-column"> 231 <a href="index.html" class="text-decoration-none text-secondary fw-medium mb-2">Home</a> 232 <a href="about.html" class="text-decoration-none text-secondary fw-medium mb-2">About Us</a> 233 <a href="services.html" class="text-decoration-none text-secondary fw-medium mb-2">Our Service</a> 234 <a href="our-clients.html" class="text-decoration-none text-secondary fw-medium mb-2">Clients</a> 235 <a href="" class="text-decoration-none text-secondary fw-medium">Gallery</a> 236 </div> 237 </div> 238 239 <div class="col-12 col-md-6 col-lg-3"> 240 <h5 class="fw-medium text-theme text-primary-custom">Follow</h5> 241 <div class="bg-primary-custom mb-3" style="width: 90px; height: 2px; background-color: #690007;"></div> 242 <div class="d-flex gap-2"> 243 <a class="social-icon d-flex align-items-center justify-content-center" href="https://www.facebook.com/ALTDKHL" target="_blank" style="cursor: pointer;"> 244 <img src="assets/images/img_icoutlinefacebook.svg" alt="Facebook" width="16" height="16" /> 245 </a> 246 <!-- <div class="social-icon d-flex align-items-center justify-content-center" onclick="openSocialLink('twitter')" style="cursor: pointer;"> 247 <img src="assets/images/img_ritwitterfill.svg" alt="Twitter" width="16" height="16" /> 248 </div> --> 249 <a class="social-icon d-flex align-items-center justify-content-center" href="https://www.instagram.com/altdkhl/" target="_blank" style="cursor: pointer;"> 250 <img src="assets/images/instagram-logo.svg" alt="Instagram" width="16" height="16" /> 251 </a> 252 <!-- <div class="social-icon d-flex align-items-center justify-content-center" onclick="openSocialLink('linkedin')" style="cursor: pointer;"> 253 <img src="assets/images/img_vector.svg" alt="LinkedIn" width="16" height="16" /> 254 </div> --> 255 </div> 256 </div> 257 </div> 258 259 <hr class="my-4 border-secondary" /> 260 <div class="text-center"> 261 <p class="text-primary-custom fw-light mb-0">© 2025 ATTC Waste - All rights reserved | Powered By <a style="color: #690007; font-weight:500;" href="https://www.webdesign.qa" target="_blank">Creative Web Design</a></p> 262 </div> 263 </div> 264 265 <img src="assets/images/img_ellipse_red_50_01.svg" alt="Footer Decoration" class="position-absolute end-0 d-none d-lg-block" style="bottom: 0px; width: 225px; height: 233px;" /> 266 </footer> 267 268 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> 269 <div class="floating_btn">
270 <a target="_blank" href="https://api.whatsapp.com/send?phone=97477666248&"> 271 <div class="contact_icon"> 272 <i class="fa fa-whatsapp my-float"></i> 273 </div> 274 </a> 275 </div> 276 277
277<script src="https://kit.fontawesome.com/10a355b969.js" crossorigin="anonymous"></script>
277<script src="https://kit.fontawesome.com/10a355b969.js" crossorigin="anonymous"></script>
277 278 279 <!-- Bootstrap JS --> 280
280<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
280 281 <!-- AOS JS --> 282
282<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
282 283
283<script> 284 AOS.init(); 285 </script>
vendor: 90 bytes, lines 285-288
285 286 287 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 288
288<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 288
288
289<script> 290$(function () { 291 $("#contact_form").on("submit", function (event) { 292 event.preventDefault(); // stop default browser POST 293 294 $.ajax({ 295 type: "POST", 296 url: "sendmessage.php", 297 data: $(this).serialize(), 298 dataType: "json", 299 success: function (data) { 300 if (data.success) { 301 alert("Thank you! Your message has been sent."); 302 $("#contact_form")[0].reset(); 303 grecaptcha.reset(); 304 window.location.href = "contact-us.html"; 305 } else if (data.errors) { 306 alert(Object.values(data.errors)[0]); 307 } else { 308 alert("Something went wrong. Please try again."); 309 } 310 }, 311 error: function () { 312 alert("An error occurred while sending the message."); 313 } 314 }); 315 }); 316}); 317</script>
317 318 319 320</body> 321</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.