A single-page, responsive event website built for the GDG GU event task.
The page includes registration, countdown, highlights, schedule, location, and social links.
PROJECT REPO LINK-https://github.com/dakshtemp002-creator/gdg-gu-devconnect.git
This is a static 1-page website designed for a hypothetical upcoming GDG Galgotias University event.
Tech stack:
- HTML5
- Modern CSS (Flexbox + Grid)
- Vanilla JavaScript (no frameworks)
-
β Event Registration Form
- Captures: Name, Email, College/Organization, Interest Area
- Optional field: What do you expect from this event?
- Basic validation + success message simulation
-
β Countdown Timer
- Live countdown until the mock event date:
30 November 2025, 10:00 AM(configurable inscript.js)
-
β Event Highlights Section
- 3 highlight cards:
- Web & Cloud Track
- Android & Flutter Track
- Community & Careers Track
- 3 highlight cards:
-
β Location Section
- Google Maps embed for Galgotias University, Greater Noida
- Short description of venue
-
β Social Media Links
- Placeholder buttons for:
- Twitter / X
- YouTube
- Placeholder buttons for:
Replace the
href="#"values in the social links with the official GDG Galgotias handles when available.
-
β Dark / Light Theme Toggle
- Toggle button in the header
- Theme preference stored in
localStorage
-
β Event Schedule
- Clean, responsive table layout
- Covers full-day sessions from keynote to closing
-
β Form Submission Success Simulation
- On form submit:
- Validates required fields
- Displays a success message
- Resets the form
- Mimics email confirmation behavior
- On form submit:
.
βββ index.html # Main single-page layout, structure & content
βββ style.css # All styling (light/dark theme, layout, responsive design)
βββ script.js # Countdown, theme toggle, smooth scroll, form logic