Oceanside Athletics Winter Advertising

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Oceanside Athletics Scoretable Ads</title> <style> :root { --navy: #002147; --light-blue: #7EC8E3; --white: #ffffff; --accent: #FFD700; } * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body { background-color: var(--white); color: var(--navy); line-height: 1.6; } header { background-color: var(--navy); color: var(--white); padding: 2rem 1rem; text-align: center; border-bottom: 5px solid var(--light-blue); } header h1 { font-size: 2.2rem; margin-bottom: 0.5rem; } header p { font-size: 1.2rem; max-width: 700px; margin: 0 auto; } .container { max-width: 1100px; margin: 2rem auto; padding: 0 1.5rem; } section { margin-bottom: 2.5rem; } h2 { color: var(--navy); border-bottom: 2px solid var(--light-blue); padding-bottom: 0.5rem; margin-bottom: 1.2rem; } .rates { background-color: #f8f9fa; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); } .rates ul { list-style: none; padding-left: 0; } .rates li { padding: 0.8rem 0; border-bottom: 1px dashed #ccc; } .rates li:last-child { border-bottom: none; } .form-group { margin-bottom: 1.2rem; } label { display: block; margin-bottom: 0.5rem; font-weight: bold; } input, textarea, select { width: 100%; padding: 0.8rem; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; } button { background-color: var(--navy); color: var(--white); padding: 0.9rem 1.5rem; border: none; border-radius: 4px; cursor: pointer; font-size: 1rem; font-weight: bold; transition: background 0.3s; } button:hover { background-color: var(--light-blue); } footer { background-color: var(--navy); color: var(--white); text-align: center; padding: 1.5rem; font-size: 0.9rem; } .logo { max-width: 120px; margin-bottom: 1rem; /* border-radius: 50%; */ /* Removed for non-circular logo */ border: 3px solid var(--light-blue); } .scoretable-image { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin-bottom: 1rem; } .sponsor-sample { max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin: 1rem 0; } @media (max-width: 768px) { header h1 { font-size: 1.8rem; } header p { font-size: 1rem; } } </style> </head> <body> <header> <img src="Oceanside Mariners logo.jpeg" alt="Oceanside Mariners Logo" class="logo" /> <h1>Oceanside Athletics Scoretable Advertisements</h1> <p> Advertise with us and support the Mariners! Showcase your business during games and live streams. </p> </header> <div class="container"> <section> <h2>Unleash Your Brand’s Potential with Oceanside’s Interactive Scoreboard!</h2> <p> Oceanside now offers exclusive advertising on our new 10ft LED video scoreboard! Get your brand in front of enthusiastic gym spectators and online viewers through tailored ad packages, expanding your reach locally and globally. </p> </section> <section> <h2>Why Advertise with Mariner Nation?</h2> <img src="Generated Image December 02, 2025 - 11_45PM.png" alt="LED Scoretable" class="scoretable-image" /> <ol> <li><strong>Prime Time Exposure</strong> – Your brand will feature during key events, including High School Games and Championships.</li> <li><strong>Local & Global Reach</strong> – Your message reaches beyond the gym, thanks to 34 games streamed via Vimeo.</li> <li><strong>Custom-Tailored Ads</strong> – Personalized ad creation to align with your brand’s unique voice.</li> <li><strong>Dynamic Rotations</strong> – Up to 50 ad displays per event, keeping your brand top-of-mind.</li> <li><strong>Interactive Engagement</strong> – Connect with fans through real-time scoreboard prompts and warm-ups.</li> <li><strong>Seamless Visibility</strong> – Strategically placed ads for impactful engagement.</li> <li><strong>Maximum Impact</strong> – Placements maximize exposure without disrupting the game experience.</li> </ol> </section> <section class="rates"> <h2>SPONSORSHIP PACKAGES</h2> <ul> <li><strong>Mariner Supporter – $299</strong><br />1 digital ad per rotation on the video scoretable at all home basketball games</li> <li><strong>Blue Level Partner – $499</strong><br />2 digital ads per rotation on the video scoretable at all home basketball games</li> <li><strong>Nautical Media Partner – $1,000</strong><br />2 digital ads per rotation on the video scoretable<br />Static image/logo presence on our home basketball livestream</li> <li><strong>Captain’s Club Sponsor – $1,999</strong><br />2 digital ads per rotation on the video scoretable<br />Featured video ad during select breaks on our home basketball livestream<br />Logo placement on select social media game promotions for Oceanside basketball</li> </ul> <p><em>Send us your ad or we’ll create one for you! All proceeds benefit Oceanside Athletics.</em></p> </section> <section> <h2>Where Have Proceeds Gone to Assist Athletics?</h2> <p> Last year’s proceeds were instrumental in enhancing our athletic programs. They helped us purchase sub-varsity basketball uniforms, upgrade sound systems in the gym and Wasgatt, acquire a used Gator for the Middle School campus, and invest in new equipment for Unified Basketball. Every dollar raised goes directly toward athletic needs and improvements, enriching the experience for our student-athletes. </p> <img src="Screenshot 2025-12-02 at 11.01.26PM.png" alt="Sample Sponsor Ad on Scoretable" class="sponsor-sample" /> </section> <section> <h2>Reserve Your Ad Space</h2> <form id="adForm"> <div class="form-group"> <label for="businessName">Business Name</label> <input type="text" id="businessName" name="businessName" required /> </div> <div class="form-group"> <label for="contactName">Contact Name</label> <input type="text" id="contactName" name="contactName" required /> </div> <div class="form-group"> <label for="email">Email</label> <input type="email" id="email" name="email" required /> </div> <div class="form-group"> <label for="phone">Phone</label> <input type="tel" id="phone" name="phone" /> </div> <div class="form-group"> <label for="package">Ad Package</label> <select id="package" name="package" required> <option value="">Select a package</option> <option value="299">Mariner Supporter – $299</option> <option value="499">Blue Level Partner – $499</option> <option value="1000">Nautical Media Partner – $1,000</option> <option value="1999">Captain’s Club Sponsor – $1,999</option> </select> </div> <div class="form-group"> <label for="message">Message / Special Requests</label> <textarea id="message" name="message" rows="4"></textarea> </div> <button type="submit">Submit Ad Request</button> </form> </section> </div> <footer> <p>Contact: Troy Smith, Athletic Director | [email protected]</p> <p>All proceeds support Oceanside Athletics</p> </footer> <script> document.getElementById('adForm').addEventListener('submit', function (e) { e.preventDefault(); alert('Thank you! Your ad request has been submitted. We will contact you shortly.'); this.reset(); }); </script> </body> </html>