1<!DOCTYPE html> 2<html class="no-js" lang="en"> 3<head> 4 <meta charset="utf-8"> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=98641bc3-cd27-4af3-bef7-8332ae5bb3c3 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta http-equiv="x-ua-compatible" content="ie=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 <meta name="author" content="Wazir Mubashir Hussain"> 11 <meta name="description" content="Get in touch with Inno Sync Web Hub to explore customized web development and software solutions for your business needs. Reach out today to start your journey towards digital excellence."> 12 <meta name="keywords" content="Contact Us, Inno Sync, web development services, software solutions provider, business inquiries, get in touch, customer support, digital excellence, personalized solutions"> 13 <link rel="icon" href="assets/img/favicon.png"> 14 <title>Contact Us | Inno Sync Web Hub</title> 15 <link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css"> 16 <link rel="stylesheet" href="assets/css/plugins/fontawesome.min.css"> 17 <link rel="stylesheet" href="assets/css/plugins/slick.css"> 18 <link rel="stylesheet" href="assets/css/plugins/lightgallery.min.css"> 19 <link rel="stylesheet" href="assets/css/plugins/animate.css"> 20 <link rel="stylesheet" href="assets/css/style.css"> 21
21<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
21 22</head> 23 24<body> 25 <div oncontextmenu="return false"> 26 <!-- Start Header Section --> 27 <header class="cs-site_header cs-style1 text-uppercase cs-sticky_header"> 28 <div class="cs-main_header"> 29 <div class="container"> 30 <div class="cs-main_header_in"> 31 <div class="cs-main_header_left"> 32 <a class='cs-site_branding' href='/'> 33 <img src="./assets/img/logo.png" alt="Logo"> 34 </a> 35 </div> 36 <div class="cs-main_header_center"> 37 <div class="cs-nav cs-primary_font cs-medium"> 38 <ul class="cs-nav_list"> 39 <li> 40 <a href='/'>Home</a> 41 </li> 42 <li> 43 <a href='/about'>About</a> 44 </li> 45 <li class="menu-item-has-children"> 46 <a href='/service'>Services</a> 47 <ul> 48 <li> 49 <a href='/service'>Website Development</a> 50 </li> 51 <li> 52 <a href='/service'>Shopify Development</a> 53 </li> 54 <li> 55 <a href='/service'>Mobile App Development</a> 56 </li> 57 <li> 58 <a href='/service'>Custom Software Development</a> 59 </li> 60 </ul> 61 </li> 62 <li> 63 <a href='/portfolio'>Portfolio</a> 64 </li> 65 <li> 66 <a href='/contact'>Contact Us</a> 67 </li> 68 </div> 69 </div> 70 <div class="cs-main_header_right"> 71 <div class="cs-toolbox"> 72 <span class="cs-icon_btn"> 73 <span class="cs-icon_btn_in"> 74 <span></span> 75 <span></span> 76 <span></span> 77 <span></span> 78 </span> 79 </span> 80 </div> 81 </div> 82 </div> 83 </div> 84 </div> 85 </header> 86 <nav class="mobile-tab-bar"> 87 <ul class="custom-page-icons"> 88 <li class="custom-page-item home-icon"><a href='/'><i class="fa fa-home"></i><span>Home</span></a></li> 89 <li class="custom-page-item"><a href='/about'><i class="fa fa-address-card"></i><span>About</span></a></li> 90 <li class="custom-page-item"><a href='/contact'><i class="fa fa-phone"></i><span>Contact</span></a></li> 91 <li class="custom-page-item"><a href='/portfolio'><i class="fa fa-folder-open"></i><span>Portfolio</span></a></li> 92 <li class="custom-page-item"><a href='/service'><i class="fa fa-cogs"></i><span>Services</span></a></li> 93 </ul> 94 </nav> 95 <div class="cs-side_header"> 96 <button class="cs-close"></button> 97 <div class="cs-side_header_overlay"></div> 98 <div class="cs-side_header_in"> 99 <div class="cs-side_header_shape"></div> 100 <a class='cs-site_branding' href='/'> 101 <img src="assets/img/logo.png" alt="Logo"> 102 </a> 103 <div class="cs-side_header_box"> 104 <h2 class="cs-side_header_heading">Ready to start your project?<br>Contact us today!</h2> 105 </div> 106 <div class="button-container"> 107 <a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/innosyncwebhub/45min'});return false;" class="calendly-button"> 108 Schedule a Consultation 109 <svg width="26" height="12" viewBox="0 0 26 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 110 <path 111 d="M25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM0 6.75H25V5.25H0V6.75Z" 112 fill="currentColor" /> 113 </svg> 114 </a> 115 </div> 116 <div class="cs-side_header_box"> 117 <div class="cs-newsletter cs-style1"> 118 119<div class="cs-side_header_box"> 120 <h3 class="cs-side_header_title cs-primary_color">Our Mission</h3> 121 <p class="cs-mission-statement">At Inno Sync Web Hub, our mission is to empower businesses with innovative digital solutions that drive growth and success. We strive to understand our clients' unique goals and challenges, leveraging our expertise to deliver personalized strategies and exceptional results. By combining creativity, technology, and strategic thinking, we aim to be a trusted partner in our
121clients' journey towards digital transformation.</p> 122</div> 123 </div> 124 </div> 125 <div class="cs-side_header_box"> 126 <div class="cs-social_btns cs-style1"> 127 <a href="https://www.facebook.com/inno_syncwebhub/" class="cs-center"> 128 <i class="fab fa-facebook" style="color: #0051ff;"></i> 129 </a> 130 <a href="https://www.linkden.com/inno_syncwebhub/" class="cs-center"> 131 <i class="fab fa-linkedin" style="color: #0077b5;"></i> 132 </a> 133 <a href="https://www.instagram.com/inno_syncwebhub/" class="cs-center"> 134 <i class="fab fa-instagram" style="color: #c32aa3;"></i> 135 </a> 136 <a href="https://wa.me/923263950224" class="cs-center"> 137 <i class="fab fa-whatsapp" style="color: #25d366;"></i> 138 </a> 139 <a href="mailto:[email protected]" class="cs-center"> 140 <i class="fas fa-envelope" style="color: #eb0000;"></i> 141 </a> 142 </div> 143 </div> 144 </div> 145 </div> 146 <!-- End Header Section --> 147 148 <!-- Start Hero --> 149 <div class="cs-page_heading cs-style1 cs-center text-center cs-bg" data-src="assets/img/about_hero_bg.jpeg"> 150 <div class="container"> 151 <div class="cs-page_heading_in"> 152 <h1 class="cs-page_title cs-font_50 cs-white_color">Contact Us</h1> 153 <ol class="breadcrumb text-uppercase"> 154 <li class="breadcrumb-item"><a href='/'>Home</a></li> 155 <li class="breadcrumb-item active">Contact</li> 156 </ol> 157 </div> 158 </div> 159 </div> 160 <!-- End Hero --> 161 <div class="cs-height_150 cs-height_lg_80"></div> 162 <div class="container"> 163 <div class="row"> 164 <div class="col-lg-6"> 165 <div class="cs-section_heading cs-style1"> 166 <h3 class="cs-section_subtitle">Getting Touch</h3> 167 <h2 class="cs-section_title">Do you have a project <br>in your mind?</h2> 168 </div> 169 <div class="cs-height_55 cs-height_lg_30"></div> 170 <ul class="cs-contact_info cs-style1 cs-mp0"> 171 <li> 172 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 173 <path d="M17 12.5C15.75 12.5 14.55 12.3 13.43 11.93C13.08 11.82 12.69 11.9 12.41 12.17L10.21 14.37C7.38 12.93 5.06 10.62 3.62 7.79L5.82 5.58C6.1 5.31 6.18 4.92 6.07 4.57C5.7 3.45 5.5 2.25 5.5 1C5.5 0.45 5.05 0 4.5 0H1C0.45 0 0 0.45 0 1C0 10.39 7.61 18 17 18C17.55 18 18 17.55 18 17V13.5C18 12.95 17.55 12.5 17 12.5ZM9 0V10L12 7H18V0H9Z" fill="#FF4A17"></path> 174 </svg> 175 <span>+44 7783 181640 </span> 176 </li> 177 <li> 178 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 179 <path d="M17 12.5C15.75 12.5 14.55 12.3 13.43 11.93C13.08 11.82 12.69 11.9 12.41 12.17L10.21 14.37C7.38 12.93 5.06 10.62 3.62 7.79L5.82 5.58C6.1 5.31 6.18 4.92 6.07 4.57C5.7 3.45 5.5 2.25 5.5 1C5.5 0.45 5.05 0 4.5 0H1C0.45 0 0 0.45 0 1C0 10.39 7.61 18 17 18C17.55 18 18 17.55 18 17V13.5C18 12.95 17.55 12.5 17 12.5ZM9 0V10L12 7H18V0H9Z" fill="#FF4A17"></path> 180 </svg> 181 <span>+92 346 9657528 </span> 182 </li> 183 <li> 184 <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 185 <path d="M20 6.98V16C20 17.1 19.1 18 18 18H2C0.9 18 0 17.1 0 16V4C0 2.9 0.9 2 2 2H12.1C12.04 2.32 12 2.66 12 3C12 4.48 12.65 5.79 13.67 6.71L10 9L2 4V6L10 11L15.3 7.68C15.84 7.88 16.4 8 17 8C18.13 8 19.16 7.61 20 6.98ZM14 3C14 4.66 15.34 6 17 6C18.66 6 20 4.66 20 3C20 1.34 18.66 0 17 0C15.34 0 14 1.34 14 3Z" fill="#FF4A17"></path> 186 </svg> 187 <span>[email protected]</span> 188 </li> 189 </ul> 190 <div class="cs-height_0 cs-height_lg_50"></div> 191 </div> 192 193 <div class="col-lg-6"> 194 <form id="contact-form" class="row"> 195 <div class="col-sm-6"> 196 <label class="cs-primary_color" for="name">Name*</label> 197 <input type="text" id="name" class="cs-form_field" name="name" required> 198 <div class="cs-height_20 cs-height_lg_20"></div> 199 </div> 200 <div class="col-sm-6"> 201 <label class="cs-primary_color" for="email">Email*</label> 202 <input type="email" id="email" class="cs-form_field" name="email" required> 203 <div class="cs-height_20 cs-height_lg_20"></div> 204 </div> 205 <div class="col-sm-6"> 206 <label class="cs-primary_color" for="phone">Phone Number</label> 207 <input type="tel" id="phone" class="cs-form_field" name="phone"> 208 <div class="cs-height_20 cs-height_lg_20"></div> 209 </div> 210 <div class="col-sm-6"> 211 <label class="cs-primary_color" for="project-title">Project Title*</label> 212 <input type="text" id="project-title" class="cs-form_field" name="project_title" required> 213 <div class="cs-height_20 cs-height_lg_20"></div> 214 </div> 215 <div class="col-lg-12"> 216 <label class="cs-primary_color" for="message">Project Details/Message*</label> 217 <textarea id="message" class="cs-form_field" name="message" rows="4" required></textarea> 218 <div class="cs-height_25 cs-height_lg_25"></div> 219 </div> 220 <div class="col-lg-12"> 221 <button class="cs-btn cs-style1" type="submit">
222 <span>Submit</span> 223 <svg width="26" height="12" viewBox="0 0 26 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 224 <path d="M25.5303 6.53033C25.8232 6.23744 25.8232 5.76256 25.5303 5.46967L20.7574 0.696699C20.4645 0.403806 19.9896 0.403806 19.6967 0.696699C19.4038 0.989593 19.4038 1.46447 19.6967 1.75736L23.9393 6L19.6967 10.2426C19.4038 10.5355 19.4038 11.0104 19.6967 11.3033C19.9896 11.5962 20.4645 11.5962 20.7574 11.3033L25.5303 6.53033ZM0 6.75H25V5.25H0V6.75Z" fill="currentColor"/> 225 </svg> 226 </button> 227 <!-- Success message --> 228 <div id="success-message" style="display: none; color: green;"> 229 Message sent successfully! 230 </div> 231 <div id="cs-result"></div> 232 </div> 233 </form> 234 </div> 235 236
236<script src="https://cdn.emailjs.com/dist/email.min.js"></script>
236 237
237<script> 238 (function(){ 239 emailjs.init("FjrLGCnIGUUM-d6xY"); 240 })(); 241 242 document.getElementById('contact-form').addEventListener('submit', function(event) { 243 event.preventDefault(); 244 emailjs.sendForm('service_9lrdctm', 'template_eundorc', this) 245 .then(function(response) { 246 // Hide the form inputs 247 document.getElementById('name').style.display = 'none'; 248 document.getElementById('email').style.display = 'none'; 249 document.getElementById('phone').style.display = 'none'; 250 document.getElementById('project-title').style.display = 'none'; 251 document.getElementById('message').style.display = 'none'; 252 // Show the success message 253 document.getElementById('success-message').style.display = 'block'; 254 console.log('SUCCESS!', response.status, response.text); 255 }, function(error) { 256 alert('Message failed to send. Please try again later.'); 257 console.log('FAILED...', error); 258 }); 259 }); 260 </script>
260 261 <div class="cs-height_150 cs-height_lg_80"></div> 262 <div class="cs-google_map cs-bg" data-src="assets/img/map_img.jpeg"> 263 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d96652.27317354927!2d-74.33557928194516!3d40.79756494697628!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c3a82f1352d0dd%3A0x81d4f72c4435aab5!2sTroy+Meadows+Wetlands!5e0!3m2!1sen!2sbd!4v1563075599994!5m2!1sen!2sbd" allowfullscreen></iframe> 264 </div> 265 <div class="cs-height_50 cs-height_lg_40"></div> 266<!-- Start CTA --> 267<section> 268 <div class="container"> 269 <div class="cs-cta cs-style1 cs-bg text-center cs-shape_wrap_1 cs-position_1" data-src="assets/img/cta_bg_2.jpeg"> 270 <div class="cs-shape_1"></div> 271 <div class="cs-shape_1"></div> 272 <div class="cs-shape_1"></div> 273 <div class="cs-cta_in"> 274 <h2 class="cs-cta_title cs-semi_bold cs-m0"> Ready to Build? <br>Book Your Web Consultation Today!</h2> 275 <div class="cs-height_70 cs-height_lg_30"></div> 276 <!-- Calendly link widget begin --> 277<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
278<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
278 279<a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/innosyncwebhub/45min'});return false;">Book A Call</a> 280<!-- Calendly link widget end --> 281 <svg width="26" height="12" viewBox="0 0 26 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 282 <path 283 d="M25.5307 6.53033C25.8236 6.23744 25.8236 5.76256 25.5307 5.46967L20.7577 0.696699C20.4648 0.403806 19.99 0.403806 19.6971 0.696699C19.4042 0.989593 19.4042 1.46447 19.6971 1.75736L23.9397 6L19.6971 10.2426C19.4042 10.5355 19.4042 11.0104 19.6971 11.3033C19.99 11.5962 20.4648 11.5962 20.7577 11.3033L25.5307 6.53033ZM0.000366211 6.75H25.0004V5.25H0.000366211V6.75Z" 284 fill="currentColor" /> 285 </svg> 286 </a> 287 </div> 288 </div> 289 </div> 290</section> 291<!-- End CTA --> 292<!-- Calendly badge widget begin --> 293<!-- Start Footer --> 294<footer class="cs-fooer"> 295<div class="cs-fooer_main"> 296 <div class="container"> 297 <div class="row"> 298 <div class="col-lg-3 col-sm-6"> 299 <div class="cs-footer_item"> 300 <div class="cs-text_widget"> 301 <div style="text-align: left;"> 302 <img src="assets/img/logo.png" alt="InnoSync Logo" style="display: inline-block; width: 50%;"> 303 </div> 304 </div> 305 <p style="text-align: left; font-size: 16px; color: #ffffff; margin-top: 20px;"> Inno Sync Web Hub, where we strive to provide you with innovative solutions to all your needs</p> 306 <div class="cs-social_btns cs-style1"> 307 <a href="https://www.facebook.com/inno_syncwebhub/" class="cs-center"> 308 <i class="fab fa-facebook" style="color: #0051ff;"></i> 309 </a> 310 <a href="https://www.linkden.com/inno_syncwebhub/" class="cs-center"> 311 <i class="fab fa-linkedin" style="color: #0077b5;"></i> 312 </a> 313 <a href="https://www.instagram.com/inno_syncwebhub/" class="cs-center"> 314 <i class="fab fa-instagram" style="color: #c32aa3;"></i> 315 </a> 316 <a href="https://wa.me/923263950224" class="cs-center"> 317 <i class="fab fa-whatsapp" style="color: #25d366;"></i> 318 </a> 319 <a href="mailto:[email protected]" class="cs-center"> 320 <i class="fas fa-envelope" style="color: #eb0000;"></i> 321 </a> 322 </div> 323 </div> 324 </div> 325 <div class="col-lg-3 col-sm-6"> 326 <div class="cs-footer_item"> 327 <h2 class="cs-widget_title">Services</h2> 328 <ul class="cs-menu_widget cs-mp0"> 329 <li> 330 <a href='/service'>Web Development</a> 331 </li> 332 <li> 333 <a href='/service'>Shopify Development</a> 334 </li> 335 <li> 336 <a href='/service'>Mobile Application Development</a> 337 </li> 338 <li> 339 <a href='/service'>Custom Software Solutions</a> 340 </li> 341 </ul> 342 </div> 343 </div> 344 <div class="col-lg-3 col-sm-6"> 345 <div class="cs-footer_item"> 346 <h2 class="cs-widget_title">Quick Links</h2> 347 <ul class="cs-menu_widget cs-mp0"> 348 <li><a href='/'>Home</a></li> 349 <li><a href='/about'>About Us</a></li> 350 <li><a href='/contact'>Contact Us</a></li> 351 <li><a href='/portfolio'>Portfolio</a></li> 352 </ul> 353 </div> 354 </div> 355 <div class="col-lg-3 col-sm-6"> 356 <div class="cs-footer_item"> 357 <h2 class="cs-widget_title">Our Mission</h2> 358 <div class="cs-mission_description"> 359 <p>We are committed to revolutionizing the digital landscape by providing innovative solutions that empower businesses and individuals to thrive in a rapidly evolving technological world.</p> 360 </div> 361 </div> 362 </div> 363 </div> 364 <div class="container"> 365 <div class="cs-bottom_footer"> 366 <div class="cs-bottom_footer_left"> 367 <div class="cs-copyright">Copyright © 2024. Inno Sync Web Hub</div> 368 </div> 369 <div class="cs-bottom_footer_right"> 370 <ul class="cs-footer_links cs-mp0"> 371 <li> 372 <a href="">Terms & Conditions</a> 373 </li> 374 <li> 375 <a href="">Refund Policies</a> 376 </li> 377 <li> 378 <a href="">Privacy Policy</a> 379 </li> 380 381 </ul> 382 </div> 383 </div> 384 </div> 385</footer> 386<!-- End Footer --> 387<span class="cs-scrollup"> 388<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 389 <path d="M0 10L1.7625 11.7625L8.75 4.7875V20H11.25V4.7875L18.225 11.775L20 10L10 0L0 10Z" fill="currentColor" /> 390</svg> 391</span>
392<script src="assets/js/plugins/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 392
392
393<script src="assets/js/plugins/isotope.pkg.min.js"></script>
vendor: 1 bytes, line 393
393
394<script src="assets/js/plugins/jquery.slick.min.js"></script>
vendor: 1 bytes, line 394
394
395<script src="assets/js/plugins/jquery.counter.min.js"></script>
vendor: 1 bytes, line 395
395
396<script src="assets/js/plugins/lightgallery.min.js"></script>
vendor: 1 bytes, line 396
396
397<script src="assets/js/plugins/wow.min.js"></script>
vendor: 1 bytes, line 397
397
398<script src="assets/js/plugins/gsap.min.js"></script>
vendor: 1 bytes, line 398
398
399<script src="assets/js/main.js"></script>
vendor: 1 bytes, line 399
399
400<script> 401(function() { 402 var f12Pressed = function(event) { 403 if (event.keyCode === 123 || (event.ctrlKey && event.shiftKey && event.key === 'I')) { 404 event.preventDefault(); 405 } 406 }; 407 408 var preventCopyPaste = function(event) { 409 if (event.ctrlKey && (event.key === 'c' || event.key === 'C' || event.key === 'v' || event.key === 'V')) { 410 event.preventDefault(); 411 } 412 }; 413 414 var preventDragStart = function(event) { 415 event.preventDefault(); 416 }; 417 418 var preventContextMenu = function(event) { 419 if (event.target.tagName.toLowerCase() === 'body' || event.type === 'contextmenu') { 420 event.preventDefault(); 421 } 422 }; 423 424 var preventTextSelection = function(event) { 425 event.preventDefault(); 426 }; 427 428 document.addEventListener('keydown', f12Pressed); 429 document.addEventListener('keydown', preventCopyPaste); 430 document.addEventListener('dragstart', preventDragStart); 431 document.addEventListener('contextmenu', preventContextMenu); 432 document.addEventListener('selectstart', preventTextSelection); 433})(); 434</script>
434 435</div> 436</body> 437 438</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.