438 lines
18 KiB
HTML
Executable File
438 lines
18 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>Book Now | Mobile Galaxy Gaming — Winfield, IL</title>
|
|
|
|
<!-- SEO -->
|
|
<meta name="description" content="Request a booking with Mobile Galaxy Gaming. Tell us your event date, guest count, and location and we'll confirm availability for your party.">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="canonical" href="https://mobile-galaxy-gaming-preview.aimloperations.com/pages/Pages/Get-Quote.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>Book Now</h1>
|
|
</div>
|
|
|
|
<div class="link">
|
|
<a href="../../index.html">Home</a>
|
|
<i class="fa-solid fa-angles-right"></i>
|
|
<span class="page">Book Now</span>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- ==================== Page-Title (End) ==================== -->
|
|
|
|
|
|
|
|
<!-- ==================== Get A Quote Area (Start) ==================== -->
|
|
<section class="custom-form get-quote linear-bg">
|
|
<div class="box-container">
|
|
<div class="content">
|
|
<form class="dark-form" id="quote-form" method="post">
|
|
<!-- Form Heading -->
|
|
<div class="heading">
|
|
<div class="sub"><span>Let's Plan Your Party</span><i class="fa-solid fa-gamepad"></i></div>
|
|
<h2>Request A Booking</h2>
|
|
</div>
|
|
|
|
<div class="input-box">
|
|
<!-- Name Input Field -->
|
|
<div class="input-field">
|
|
<label for="name" class="fa-solid fa-user"></label>
|
|
<input type="text" name="name" class="box" id="name" placeholder="Name" required>
|
|
</div>
|
|
|
|
<!-- Email Input Field -->
|
|
<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>
|
|
|
|
<div class="input-box">
|
|
<!-- Phone Number Input Field -->
|
|
<div class="input-field">
|
|
<label for="number" class="fa-solid fa-phone"></label>
|
|
<input type="tel" name="number" class="box" id="number" placeholder="Phone Number" required>
|
|
</div>
|
|
|
|
<!-- Event Type Select Field -->
|
|
<div class="select">
|
|
<div class="select-container">
|
|
<label for="service-type" class="fa-solid fa-gamepad"></label>
|
|
<select class="select-box" id="service-type" name="service-type" required>
|
|
<option value="">Event Type</option>
|
|
<option value="birthday">Birthday Party</option>
|
|
<option value="school">School / Youth Event</option>
|
|
<option value="corporate">Corporate Event</option>
|
|
<option value="community">Community Event</option>
|
|
</select>
|
|
<div class="icon-container">
|
|
<i class="fas fa-angle-down"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-box">
|
|
<!-- Event Date Input Field -->
|
|
<div class="input-field">
|
|
<label for="event-date" class="fa-solid fa-calendar-days"></label>
|
|
<input type="date" name="event-date" class="box" id="event-date" required>
|
|
</div>
|
|
|
|
<!-- Address Input Field -->
|
|
<div class="input-field">
|
|
<label for="address" class="fa-solid fa-location-dot"></label>
|
|
<input type="text" name="address" class="box" id="address" placeholder="Event Address" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-box">
|
|
<!-- Setting Select Field -->
|
|
<div class="select">
|
|
<div class="select-container">
|
|
<label for="property-type" class="fa-solid fa-house"></label>
|
|
<select class="select-box" id="property-type" name="property-type" required>
|
|
<option value="">Indoor or Outdoor</option>
|
|
<option value="indoor">Indoor</option>
|
|
<option value="outdoor">Outdoor</option>
|
|
</select>
|
|
<div class="icon-container">
|
|
<i class="fas fa-angle-down"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Guest Count Input Field -->
|
|
<div class="input-field">
|
|
<label for="area-size" class="fas fa-user-group"></label>
|
|
<input type="number" name="guest-count" class="box" id="area-size" min="1" placeholder="Number of Guests"
|
|
required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="input-box">
|
|
<!-- Package Select Field -->
|
|
<div class="select">
|
|
<div class="select-container">
|
|
<label for="package-type" class="fa-solid fa-gamepad"></label>
|
|
<select class="select-box" id="package-type" name="package-type" required>
|
|
<option value="">Preferred Package</option>
|
|
<option value="basic">Basic Party — $249</option>
|
|
<option value="premium">Premium Party — $349</option>
|
|
<option value="all-access">All-Access Party — $449</option>
|
|
<option value="not-sure">Not Sure Yet</option>
|
|
</select>
|
|
<div class="icon-container">
|
|
<i class="fas fa-angle-down"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Time Frame Select Field -->
|
|
<div class="select">
|
|
<div class="select-container">
|
|
<label for="project-urgency" class="fas fa-clock"></label>
|
|
<select class="select-box" id="project-urgency" name="project-urgency" required>
|
|
<option value="">How Soon Is the Event?</option>
|
|
<option value="asap">Within 2 Weeks</option>
|
|
<option value="within-a-month">Within a Month</option>
|
|
<option value="within-three-months">Within 1-3 Months</option>
|
|
<option value="no-rush">No Rush / Just Exploring</option>
|
|
</select>
|
|
<div class="icon-container">
|
|
<i class="fas fa-angle-down"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Comment Text Area -->
|
|
<div class="input-field text-area">
|
|
<label for="comment" class="fa-solid fa-comment"></label>
|
|
<textarea cols="30" rows="10" name="comment" class="box" id="comment" placeholder="Tell us more about your event"
|
|
required></textarea>
|
|
</div>
|
|
|
|
<!-- Add-Ons Checkboxes -->
|
|
<div class="extra-services">
|
|
<!-- VR Station Checkbox -->
|
|
<div class="checkbox-label">
|
|
<input type="checkbox" id="vr-station-checkbox" name="extra-services[]"
|
|
value="VR Station">
|
|
<label for="vr-station-checkbox">VR Station</label>
|
|
<div class="checkbox-indicator"></div>
|
|
</div>
|
|
|
|
<!-- Extra Hour Checkbox -->
|
|
<div class="checkbox-label">
|
|
<input type="checkbox" id="extra-hour-checkbox" name="extra-services[]" value="Extra Hour">
|
|
<label for="extra-hour-checkbox">Extra Hour</label>
|
|
<div class="checkbox-indicator"></div>
|
|
</div>
|
|
|
|
<!-- Tournament Setup Checkbox -->
|
|
<div class="checkbox-label">
|
|
<input type="checkbox" id="tournament-checkbox" name="extra-services[]" value="Tournament Setup">
|
|
<label for="tournament-checkbox">Tournament Setup</label>
|
|
<div class="checkbox-indicator"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Submit Button for Booking Request -->
|
|
<button type="submit" class="btn" name="submit" id="submit">submit</button>
|
|
<span class="alert" id="msg"></span>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- ==================== Get A Quote 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>
|
|
<script src="../../assets/js/quote.js"></script>
|
|
|
|
|
|
</body>
|
|
</html>
|