424 lines
16 KiB
HTML
Executable File
424 lines
16 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<!-- Title -->
|
|
<title>Contact Us | Mobile Galaxy Gaming — Winfield, IL</title>
|
|
|
|
<!-- SEO -->
|
|
<meta name="description" content="Book Mobile Galaxy Gaming for your next birthday party, school event, or corporate outing. Call (773) 817-4239 or send us a message to check availability.">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://mobile-galaxy-gaming-preview.aimloperations.com/pages/Contact/Contact.html">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/x-icon" href="../../assets/images/favicon.ico">
|
|
|
|
<!-- Font-Awesome (CSS) -->
|
|
<link rel="stylesheet" href="../../assets/vendors/font-awesome/css/all.min.css">
|
|
|
|
<!-- Custom Stylesheets -->
|
|
<link rel="stylesheet" href="../../assets/css/main.css">
|
|
<link rel="stylesheet" href="../../assets/css/responsive.css">
|
|
|
|
<!-- Preview overrides -->
|
|
<style>
|
|
.preview-concept-banner { position: fixed; inset: 0 0 auto 0; z-index: 10000; padding: .7rem 1rem; background: #071426; color: #fff; text-align: center; font: 600 14px/1.4 Arial, sans-serif; box-shadow: 0 2px 10px rgba(0,0,0,.35); }
|
|
.preview-concept-banner a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
|
|
.preview-concept-banner strong { color: #35e0ff; }
|
|
body { padding-top: 45px; }
|
|
:root {
|
|
--main-color: #1f8fff;
|
|
--secondary-color: #060c18;
|
|
--accent-color: #35e0ff;
|
|
}
|
|
.logo-content .logo-name { display: block; font-size: 2rem; font-weight: 700; line-height: 1.2; color: inherit; }
|
|
.heading .sub span { color: var(--accent-color); }
|
|
.page-title .title h1 { color: var(--white); font-size: 5rem; font-weight: 500; text-transform: uppercase; margin: 0; }
|
|
.header .icon-container button.icon { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- ==================== Preview Concept Banner (Start) ==================== -->
|
|
<div class="preview-concept-banner" role="note"><strong>UX Concept Preview</strong> — Mobile Galaxy Gaming. <a href="../../ux-gallery.html">View proposed screens</a> · <a href="../../pricing.html">View feature pricing</a></div>
|
|
<!-- ==================== Preview Concept Banner (End) ==================== -->
|
|
|
|
<!-- ==================== Scroll-Top Area (Start) ==================== -->
|
|
<a href="#" class="scroll-top">
|
|
<i class="fa-solid fa-arrow-up-long"></i>
|
|
</a>
|
|
<!-- ==================== Scroll-Top Area (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Header Area (Start) ==================== -->
|
|
<header class="header">
|
|
|
|
<!-- ===== Header-1 Area (Start) ===== -->
|
|
<div class="header-1">
|
|
|
|
<!-- == Contacts == -->
|
|
<ul class="header-contacts">
|
|
<li><i class="fa-solid fa-location-dot"></i><span>1N160 Cypress Ln, Winfield, IL 60190</span></li>
|
|
<li><i class="fa-solid fa-phone"></i><span><a href="tel:+17738174239" style="color:inherit;text-decoration:none">(773) 817-4239</a></span></li>
|
|
</ul>
|
|
|
|
<!-- == Social == -->
|
|
<ul class="social-contacts">
|
|
<li><a href="https://www.yelp.com/biz/mobile-galaxy-gaming-chicago-2" class="fa-brands fa-yelp" aria-label="Mobile Galaxy Gaming reviews on Yelp" rel="noopener noreferrer" target="_blank"></a></li>
|
|
</ul>
|
|
|
|
</div>
|
|
<!-- ===== Header-1 Area (End) ===== -->
|
|
|
|
<!-- ===== Header-2 Area (Start) ===== -->
|
|
<div class="header-2">
|
|
|
|
<!-- == Logo == -->
|
|
<a class="logo" href="../../index.html">
|
|
<img src="../../assets/images/Logo/Logo.png" alt="Mobile Galaxy Gaming logo">
|
|
<div class="logo-content">
|
|
<span class="logo-name">Mobile Galaxy Gaming</span>
|
|
<p>Mobile Game Truck Rentals</p>
|
|
</div>
|
|
</a>
|
|
|
|
<div class="container">
|
|
|
|
<!-- == Navbar == -->
|
|
<nav class="navbar">
|
|
|
|
<a class="nav-btn" href="../../index.html">home</a>
|
|
<a class="nav-btn" href="../../pages/About/About.html">about</a>
|
|
<a class="nav-btn" href="../../pages/Service/Services.html">services</a>
|
|
<a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a>
|
|
|
|
</nav>
|
|
|
|
<!-- == Icon Container == -->
|
|
<div class="icon-container">
|
|
<button type="button" id="search-btn" class="icon fa-solid fa-magnifying-glass" aria-label="Open search"></button>
|
|
<button type="button" id="menu-btn" class="icon fa-solid fa-bars-staggered" aria-label="Open menu"></button>
|
|
<a href="../../pages/Pages/Get-Quote.html" class="btn">book now</a>
|
|
</div>
|
|
|
|
<!-- == Search Container == -->
|
|
<form class="search-container">
|
|
<input type="search" id="search-bar" placeholder="search here" required> <!-- Search Input -->
|
|
<button type="submit"><i class="fas fa-search"></i></button> <!-- Submit Button -->
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ===== Header-2 Area (End) ===== -->
|
|
|
|
<!-- ===== Mobile Menu Area (Start) ===== -->
|
|
<div class="mobile-menu">
|
|
|
|
<nav class="mobile-navbar">
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <a class="nav-btn" href="../../index.html">home</a> </div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/About/About.html">about</a> </div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Service/Services.html">services</a> </div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Contact/Contact.html">contact</a> </div>
|
|
</div>
|
|
|
|
<div class="nav-link">
|
|
<div class="main-nav-link"> <a class="nav-btn" href="../../pages/Pages/Get-Quote.html">book now</a> </div>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
<!-- ===== Mobile Menu Area (End) ===== -->
|
|
|
|
</header>
|
|
<!-- ==================== Header Area (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Page-Title (Start) ==================== -->
|
|
<div class="page-title">
|
|
|
|
<div class="title">
|
|
<h1>Contact</h1>
|
|
</div>
|
|
|
|
<div class="link">
|
|
<a href="../../index.html">Home</a>
|
|
<i class="fa-solid fa-angles-right"></i>
|
|
<span class="page">Contact</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ==================== Page-Title (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Contact Area (Start) ==================== -->
|
|
<section class="contact" id="contact">
|
|
|
|
<!-- ========== Contact Info (Start) ========== -->
|
|
<div class="contact-info">
|
|
|
|
<!-- Address Info -->
|
|
<div class="info-item">
|
|
<i class="fa-solid fa-map-location-dot"></i>
|
|
<div class="content">
|
|
<h3>address</h3>
|
|
<p>1N160 Cypress Ln</p>
|
|
<p>Winfield, IL 60190</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Phone Info -->
|
|
<div class="info-item">
|
|
<i class="fas fa-phone"></i>
|
|
<div class="content">
|
|
<h3>call us</h3>
|
|
<p><a href="tel:+17738174239" style="color:inherit;text-decoration:none">(773) 817-4239</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Service Area Info -->
|
|
<div class="info-item">
|
|
<i class="fa-solid fa-map-marked-alt"></i>
|
|
<div class="content">
|
|
<h3>service area</h3>
|
|
<p>Winfield & the</p>
|
|
<p>Chicago suburbs</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Response Time Info -->
|
|
<div class="info-item">
|
|
<i class="fa-solid fa-clock"></i>
|
|
<div class="content">
|
|
<h3>response time</h3>
|
|
<p>We typically reply</p>
|
|
<p>within 24 hours</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ========== Contact Info (End) ========== -->
|
|
|
|
<div class="box-container">
|
|
|
|
<!-- ========== Contact Form (Start) ========== -->
|
|
<form method="post" class="dark-form" id="contact-form">
|
|
|
|
<!-- Form Heading -->
|
|
<div class="heading">
|
|
<div class="sub"><span>Let's Plan Your Party</span><i class="fa-solid fa-gamepad"></i></div> <!-- Sub Heading -->
|
|
<h2>Send Us a Message</h2>
|
|
</div>
|
|
|
|
<!-- Name Input Field -->
|
|
<div class="input-box">
|
|
<div class="input-field">
|
|
<label for="name" class="fas fa-user"></label>
|
|
<input type="text" name="name" class="box" id="name" placeholder="Name" required>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Email Input Field -->
|
|
<div class="input-box">
|
|
<div class="input-field">
|
|
<label for="email" class="fa-solid fa-envelope"></label>
|
|
<input type="email" name="email" class="box" id="email" placeholder="Email" required>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Phone Number Input Field -->
|
|
<div class="input-box">
|
|
<div class="input-field">
|
|
<label for="number" class="fas fa-phone"></label>
|
|
<input type="tel" name="number" class="box" id="number" placeholder="Phone Number" required>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Comment/Message Textarea -->
|
|
<div class="input-box">
|
|
<div class="input-field text-area">
|
|
<label for="comment" class="fas fa-comment"></label>
|
|
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Tell us about your event — type, date, and guest count" required></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Submit Button -->
|
|
<button type="submit" class="btn" name="submit" id="submit">Submit</button>
|
|
|
|
<!-- Alert Message -->
|
|
<span class="alert" id="msg"></span>
|
|
|
|
</form>
|
|
<!-- ========== Contact Form (End) ========== -->
|
|
|
|
<!-- ========== Google Map (Start) ========== -->
|
|
<iframe src="https://www.google.com/maps?q=1N160+Cypress+Ln,+Winfield,+IL+60190&output=embed" title="Map showing Winfield, IL service area" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
|
|
<!-- ========== Google Map (End) ========== -->
|
|
|
|
</div>
|
|
|
|
</section>
|
|
<!-- ==================== Contact Area (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Footer Area (Start) ==================== -->
|
|
<footer class="footer">
|
|
|
|
<div class="box-container">
|
|
|
|
<!-- Company Information & Social Media Links -->
|
|
<div class="footer-item">
|
|
|
|
<!-- Company Logo -->
|
|
<a class="logo" href="../../index.html">
|
|
<img src="../../assets/images/Logo/Logo.png" alt="Mobile Galaxy Gaming logo">
|
|
<div class="logo-content">
|
|
<span class="logo-name">Mobile Galaxy Gaming</span>
|
|
<p>Mobile Game Truck Rentals</p>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Description -->
|
|
<p>Bringing PS5, Xbox, Switch, and VR gaming to birthdays, school events, and corporate parties across Winfield and the Chicago suburbs.</p>
|
|
|
|
<!-- Contact Information -->
|
|
<div class="info connect">
|
|
<p><i class="fas fa-phone"></i><span><a href="tel:+17738174239" style="color:inherit;text-decoration:none">(773) 817-4239</a></span></p>
|
|
<p><i class="fas fa-map-marker-alt"></i><span>1N160 Cypress Ln, Winfield, IL 60190</span></p>
|
|
</div>
|
|
|
|
<!-- Social Media Links -->
|
|
<div class="social">
|
|
<a href="https://www.yelp.com/biz/mobile-galaxy-gaming-chicago-2" rel="noopener noreferrer" target="_blank" aria-label="Mobile Galaxy Gaming on Yelp"><i class="fa-brands fa-yelp"></i></a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Services Offered -->
|
|
<div class="footer-item">
|
|
<h2>Our Services</h2>
|
|
<div class="info links">
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">Birthday Party Gaming</a></p>
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">School & Youth Events</a></p>
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">Corporate & Community Events</a></p>
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">Console Gaming</a></p>
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">VR Experience</a></p>
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Service-Single.html">Multi-Screen Tournaments</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Quick Links -->
|
|
<div class="footer-item">
|
|
<h2>Quick Links</h2>
|
|
<div class="info links">
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/About/About.html">About Us</a></p>
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Service/Services.html">Services</a></p>
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Contact/Contact.html">Contact Us</a></p>
|
|
<p><i class="fa-solid fa-gamepad"></i><a href="../../pages/Pages/Get-Quote.html">Book Now</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Newsletter Subscription -->
|
|
<div class="footer-item">
|
|
|
|
<h2>Newsletter</h2>
|
|
<p>Stay informed about booking openings, party tips, and special offers.</p>
|
|
<form class="dark-form" method="post" id="newsletter-form-2">
|
|
<div class="input-field">
|
|
<label for="news-email-2" class="fas fa-envelope"></label>
|
|
<input type="email" id="news-email-2" name="email" class="box" placeholder="Your email address" required>
|
|
</div>
|
|
<button type="submit" class="btn" name="submit" id="submit-2">Subscribe</button>
|
|
<span class="alert" id="msg-2"></span>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Copyright -->
|
|
<div class="content">
|
|
<p class="aiml-site-credit">Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></p>
|
|
</div>
|
|
|
|
</footer>
|
|
<!-- ==================== Footer Area (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- Jquery -->
|
|
<script src="../../assets/vendors/jquery/jquery.min.js"></script>
|
|
|
|
<!-- Custom Script Files -->
|
|
<script src="../../assets/js/script.js"></script> <!-- Custom JavaScript file with additional website functionality. -->
|
|
<script src="../../assets/js/nav-link-toggler.js"></script> <!-- Manages navigation link toggling (e.g., hamburger menu) for mobile devices -->
|
|
<script src="../../assets/js/newsletter.js"></script>
|
|
|
|
|
|
|
|
<!-- ==================== Custom Script ==================== -->
|
|
|
|
<!-- Contact-Form Script -->
|
|
<script>
|
|
jQuery(document).ready(function($) {
|
|
$('#contact-form').on('submit', function (e) {
|
|
e.preventDefault(); // Prevent the default form submission
|
|
|
|
var form = $(this);
|
|
var msgElement = form.find('#msg');
|
|
var submitBtn = form.find('#submit');
|
|
|
|
// Clear previous message and update button text
|
|
msgElement.html('').show();
|
|
submitBtn.html('Processing...').attr('disabled', true);
|
|
|
|
// Submit form data using AJAX
|
|
$.ajax({
|
|
url: '../../assets/php/submit.php',
|
|
type: 'post',
|
|
data: form.serialize(),
|
|
success: function (result) {
|
|
msgElement.html(result).fadeIn(); // Display success message
|
|
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
|
form[0].reset(); // Reset form fields
|
|
|
|
// Clear success message after 5 seconds
|
|
setTimeout(function () {
|
|
msgElement.fadeOut('slow'); // Fade out message
|
|
}, 4000); // 4 seconds delay
|
|
},
|
|
error: function () {
|
|
msgElement.html('<span style="color: red;">Error occurred. Please try again later.</span>').fadeIn(); // Display error message if AJAX request fails
|
|
submitBtn.html('Submit').attr('disabled', false); // Reset button text and enable button
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|