A modern, responsive website for Sports Digital Network - Canada's premium digital out-of-home advertising network.

SDN-website/
├── index.html          # Homepage
├── about.html          # About Us page
├── advertisers.html    # For Advertisers (National + Local)
├── venues.html         # Partner Venues page
├── resources.html      # Articles, Case Studies, Gallery
├── contact.html        # Contact form
├── css/
│   └── styles.css      # Shared stylesheet
├── js/
│   └── main.js         # Mobile nav, tabs, smooth scroll
├── assets/
│   └── images/
│       ├── logo-light.png    # SDN logo (white for dark backgrounds)
│       └── favicon.png       # Site favicon (needs to be added)
└── README.md

• Responsive Design: Mobile-first approach with hamburger menu
• Shared CSS: Single stylesheet for all pages (easier maintenance)
• Mobile Navigation: Working hamburger menu with smooth animations
• Tab System: Resources page has Articles/Case Studies/Gallery tabs
• Contact Form: Ready for Formspree integration
• SEO Optimized: Meta descriptions and Open Graph tags on all pages
• Accessibility: ARIA labels, semantic HTML, proper alt texts

1. Go to Formspree.io and create a free account
2. Create a new form and copy your form ID
3. In contact.html, replace YOUR_FORM_ID with your actual form ID:

   <form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">

Add a favicon.png (32x32 or 64x64) to assets/images/:

• You can create one from the SDN logo using an online favicon generator
• Or use a simple "S" icon in the brand colors

# Install Vercel CLI (if not installed)
npm install -g vercel

# Deploy
cd SDN-website
vercel

# Or connect to GitHub repo and auto-deploy

• Bebas Neue: Headlines and titles
• Work Sans: Body text (weights: 400, 500, 600, 700)

Both loaded from Google Fonts CDN.

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile Safari (iOS 13+)
• Chrome Mobile (Android 8+)

• Stock images from Unsplash are placeholders - replace with actual venue photos
• Contact form requires Formspree setup to function
• Logo is downloaded from the current WordPress site

Full project path: C:\Users\joshk\Downloads\SDN-website\