1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 7 <meta name="author" content="INSPIRO" /> 8 <meta name="description" content="Themeforest Template Polo, html template"> 9 <link rel="icon" type="image/png" href="images/favicon.png"> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 11 <!-- Document title --> 12 <title>Contact Us - Niagara Falls International Marathon</title> 13 <!-- Stylesheets & Fonts --> 14 <link href="css/plugins.css" rel="stylesheet"> 15 <link href="css/style.css" rel="stylesheet"> 16 <link href="css/animate.css" rel="stylesheet" > 17 <link href="css/custom.css" rel="stylesheet"> 18 <link href="css/portfolio.css" rel="stylesheet"> 19 <link href="css/aos.css" rel="stylesheet"> 20
20<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
20 21</head> 22 23<body> 24 <!-- Body Inner --> 25 <div class="body-inner contact-page"> 26 <!-- Header Include Start --> 27 28 <div id="topbar" class="d-none d-xl-block d-lg-block" data-aos="fade-up"> 29 <div class="container"> 30 <div class="row"> 31 <div class="col-md-6"> 32 <ul class="top-menu"> 33 <li><a href="mailto:[email protected]">[email protected]</a></li> 34 </ul> 35 </div> 36 <div class="col-md-6 d-none d-sm-block"> 37 <div class="social-icons social-icons-colored-hover"> 38 <ul> 39 <li class="social-facebook"><a href="https://www.facebook.com/NiagaraFallsRaces"><i class="fab fa-facebook-f"></i></a></li> 40 <li class="social-instagram"><a href="https://www.instagram.com/niagaramarathon"><i class="fab fa-instagram"></i></a></li> 41 <li class="social-twitter"><a href="https://twitter.com/niagaramarathon"><i class="fab fa-twitter"></i></a></li> 42 </ul> 43 </div> 44 </div> 45 </div> 46 </div> 47 </div> 48 <!-- end: Topbar --> 49 50 <!-- Header --> 51 <header id="header" data-aos="fade-down"> 52 <div class="header-inner"> 53 <div class="container"> 54 <!--Logo--> 55 <div id="logo"> <a href="index.html"><img class="black-logo" src="images/niagara-falls-marathon-logo.png"/> 56 <img class="white-logo" src="images/niagara-falls-marathon-logo-w.png"/></a></div> 57 <!--End: Logo--> 58 <!--Navigation Resposnive Trigger--> 59 <div id="mainMenu-trigger"> <a class="lines-button x"><span class="lines"></span></a> </div> 60 <!--end: Navigation Resposnive Trigger--> 61 <!--Navigation--> 62 <div id="mainMenu"> 63 <div class="container"> 64 <nav> 65 <ul> 66 <li class="dropdown"><a href="#">Our Races</a> 67 <ul class="dropdown-menu"> 68 <li><a href="5k-event.html">5K</a></li> 69 <li><a href="10k-event.html">10K</a></li> 70 <li><a href="half-event.html">Half-Marathon</a></li> 71 <li><a href="marathon-event.html">Marathon</a></li> 72 </ul> 73 </li> 74 <li class="dropdown"><a href="#">Race Weekend Details</a> 75 <ul class="dropdown-menu"> 76 <li><a href="race-location.html">Race Location / Expo</a></li> 77 <li><a href="volunteers.html">Volunteers</a></li> 78 79 <li><a href="spectator-info.html">Spectator Viewing</a></li> 80 <li><a href="hotel-accommodations.html">Hotel / Accommodations</a></li> 81 </ul> 82 </li> 83 <li class="dropdown"><a href="about.html">About Us</a> 84 <ul class="dropdown-menu"> 85 <li><a href="about.html">About Us</a></li> 86 <li><a href="race-history.html">Race History</a></li> 87 <li><a href="faq.html">F.A.Q</a></li> 88 </ul> 89 </li> 90 <li class="mega-menu-item"><a href="sponsors-partners.html">Sponsors / Partners</a></li> 91 <li class="mega-menu-item"><a href="race-results.html">Results</a></li> 92 <li class="mega-menu-item"><a href="contact-us.html">Contact Us</a></li> 93 </ul> 94 </nav> 95 </div> 96 </div>
97 <!--end: Navigation--> 98 </div> 99 </div> 100 </header> <!-- Header Include End--> 101 <!-- Content --> 102 <content> 103 <div class="video-banner-section d-flex align-items-center position-relative"> 104 <video autoplay="" muted="" loop="" class="tagline-video"> 105 <source src="videos/nfim-header-bg.mp4" type="video/mp4"> 106 </video> <div class="overlay"></div> 107 <div class="banner-innner py-5" data-aos="fade-in"> 108 <div class="container"> 109 <div class="row py-3"> 110 <div class="col-12"> 111 <div class="banner-text-box text-center"> 112 <h1 class="text-white mb-0 text-uppercase">Contact Us</h1> 113 114 </div> 115 </div> 116 </div> 117 </div> 118 </div> 119 </div> 120 <section class="about-us-section" data-aos="zoom-in"> 121 <div class="container"> 122 <div class="row justify-content-between"> 123 <div class="col-lg-5 col-md-6 col-sm-12 col-12"> 124 <div class="contactbox"> 125 <h4>Our Office</h4> 126 <ul class="list list-icons list-icons-style-2 mt-2 p-0"> 127 <li class="position-relative ps-4"> 128 <i class="fas fa-map-marker-alt top-8 position-absolute start-0"></i> 129 <strong>Address:</strong> 5603 Spring St, Niagara Falls, ON, L2G 1P7 130 </li> 131 132 <li class="position-relative ps-4"> 133 <i class="fas fa-envelope top-8 position-absolute start-0"></i> 134 <strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a> 135 </li> 136 </ul> 137 </div> 138 139 <div class="contactbox mt-5"> 140 <h4>Get in Touch</h4> 141 <p>Feel free to reach me directly with the contact details above or send me an email using the embedded form.</p> 142 </div> 143 </div> 144 <div class="col-lg-6 col-md-6 col-sm-12 col-12 mt-md-0 mt-4"> 145 <div class="contactform"> 146 <h2 class="font-weight-bold">Contact Us</h2> 147 <p>Feel free to ask for details, don't save any questions!</p> 148 <form id="contact-form" method="post"> 149 <div class="row"> 150 <div class="col-xl-6 form-group"> 151 <label>Full Name</label> 152 <input type="text" name="fullName" class="form-control" required> 153 </div> 154 <div class="col-xl-6 form-group"> 155 <label>Email Address</label> 156 <input type="email" name="email" class="form-control" required> 157 </div> 158 <div class="col-xl-12 form-group"> 159 <label>Subject</label> 160 <input type="text" name="subject" class="form-control" required> 161 </div> 162 <div class="col-xl-12 form-group"> 163 <label>Message</label> 164 <textarea name="message" class="form-control" required></textarea> 165 </div> 166 <div class="text-center col-xl-12"> 167 <button type="submit" id="submit-button" class="site-btn btn-primary m-1 btn px-5 text-center rounded-0"> 168 Send 169 </button> 170 <span id="loader" style="display:none; margin-left:10px;">â³ Sending...</span> 171 </div> 172 173 <div class="success-box"></div> 174 <div class="error-box"></div> 175 </div> 176 </form> 177 </div> 178 </div> 179 </div> 180 </div> 181 </section> 182 </content> 183 <!-- end: Content --> 184<!-- Footer Include Start --> 185
186<script> 187$(document).ready(function () { 188 $('#contact-form').submit(function (e) { 189 e.preventDefault(); 190 191 $('#submit-button').prop('disabled', true); 192 $('#loader').show(); 193 $('.success-box, .error-box').hide(); 194 195 $.ajax({ 196 type: 'POST', 197 url: 'functions/contact-form.php', 198 data: $(this).serialize(), 199 dataType: 'json', // ð important fix 200 success: function (result) { 201 if (result.status === 'success') { 202 $('.success-box').text(result.message).show(); 203 $('#contact-form')[0].reset(); 204 } else { 205 $('.error-box').text(result.message).show(); 206 } 207 }, 208 error: function (xhr, status, error) { 209 $('.error-box').text("AJAX Error: " + error).show(); 210 }, 211 complete: function () { 212 $('#submit-button').prop('disabled', false); 213 $('#loader').hide(); 214 } 215 }); 216 }); 217}); 218</script>
218 219 <footer id="footer"> 220 <div class="footer-content" data-aos="fade-right"> 221 <div class="container"> 222 <div class="row gap-y"> 223 <div class="col-md-6 col-xl-4"> 224 <p><a href="#"><img src="images/niagara-falls-marathon-logo.png" alt="logo"/></a></p> 225 <p>Run The Roar: A majestic experience running along the horseshoe falls in Niagara Falls, 226 Ontario. Choose from our races ranging from a 5k, 10k, half-marathon and Marathon</p> 227 </div> 228 <div class="col-6 col-md-3 col-xl-2"> 229 <!-- Footer widget area 1 --> 230 <div class="widget"> 231 <h4>Our Races</h4> 232 <ul class="list"> 233 <li><a href="5k-event.html">5k</a></li> 234 <li><a href="10k-event.html">10k</a></li> 235 <li><a href="half-event.html">Half-Marathon</a></li> 236 <li><a href="marathon-event.html">Marathon</a></li> 237 </ul> 238 </div> 239 <!-- end: Footer widget area 1 --> 240 </div> 241 <div class="col-6 col-md-3 col-xl-2"> 242 <!-- Footer widget area 2 --> 243 <div class="widget"> 244 <h4>Quick Links</h4> 245 <ul class="list"> 246 <li><a href="race-results.html">Past Results</a></li> 247 <li><a href="sponsors-partners.html">Sponsors & Partners</a></li> 248 <li><a href="race-location.html">Race Location / Expo</a></li> 249 <li><a href="hotel-accommodations.html">Hotel Info</a></li> 250 </ul> 251 </div> 252 <!-- end: Footer widget area 2 --> 253 </div> 254 <div class="col-6 col-md-6 col-xl-2"> 255 <!-- Footer widget area 3 --> 256 <div class="widget"> 257 <h4>About Us</h4> 258 <ul class="list"> 259 <li><a href="faq.html">F.A.Q.</a></li> 260 <li><a href="about.html">About Us</a></li> 261 <li><a href="race-history.html">Race History</a></li> 262 <li><a href="contact-us.html">Contact Us</a></li> 263 </ul> 264 </div> 265 <!-- end: Footer widget area 3 --> 266 </div> 267 <div class="col-6 col-md-6 col-xl-2"> 268 <!-- Weather widget by https://meteodays.com --> 269 <a class="weatherwidget-io" href="https://forecast7.com/en/43d09n79d08/niagara-falls/" data-label_1="NIAGARA FALLS" data-label_2="WEATHER" data-mode="Current" data-days="3" data-theme="original" >NIAGARA FALLS WEATHER</a> 270
270<script> 271 !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js'); 272 </script>
272 273 <!-- End --> 274 <br> 275 <!-- Social icons --> 276 <h5>FOLLOW US</h5> 277 <div class="social-icons social-icons-colored social-icons-rounded float-left"> 278 <ul> 279 <li class="social-facebook"><a href="https://www.facebook.com/NiagaraFallsRaces"><i class="fab fa-facebook-f"></i></a></li> 280 <li class="social-instagram"><a href="https://www.instagram.com/niagaramarathon"><i class="fab fa-instagram"></i></a></li> 281 <li class="social-twitter"><a href="https://twitter.com/niagaramarathon"><i class="fab fa-twitter"></i></a></li> 282 283 </ul> 284 </div> 285 <!-- end: Social icons --> 286 </div> 287 </div> 288 </div> 289 </div> 290 <div class="copyright-content" data-aos="fade-left"> 291 <div class="container"> 292 <div class="copyright-text text-center"> 293 Copyright © Niagara Falls Marathon 2026 | Website Designed & Hosted By: <a href="https://www.omis.ca" target="_blank">OMIS.ca</a> 294 </div> 295 </div> 296 </div> 297 </footer> 298 <!-- end: Footer --> 299 300 </div> 301 <!-- end: Body Inner --> 302 303 <!-- Scroll top --> 304 <a id="scrollTop"><i class="icon-chevron-up"></i><i class="icon-chevron-up"></i></a> 305 <!--Plugins--> 306
306<script src="js/jquery.js"></script>
306 307
307<script src="js/plugins.js"></script>
307 308 309 <!--Template functions--> 310
310<script src="js/functions.js"></script>
310 311 312
312<script src="js/bootstrap.js"></script>
312 313 314 <!--Google Maps files--> 315
315<script src="js/aos.js"></script>
315 316
316<script src="js/custom.js"></script>
316 317</body> 318</html><!-- Footer Include End--> 319
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.