Solve-it Event Website is a single-page landing site for the Solve-it event hosted by GDSC Estin, built with plain HTML, CSS, and JavaScript and deployable to GitHub Pages.
What is the Solve-it Event Website?
The Solve-it Event Website is a static landing page created to promote the Solve-it event organized by the GDSC (Google Developer Student Clubs) Estin chapter. It is built with HTML, CSS, and JavaScript, with no server-side components or build tools. The site accepts no dynamic input; instead, its content is hardcoded into the markup and presented to visitors. Its output is a responsive, animated promotional page that can be hosted on any static file server, including the GitHub Pages link provided in the repository. The project was authored by the GDSC Estin club team and is shared publicly on GitHub, where it has accumulated 17 stars.
Key Features
The template's functionality centers on the core web technologies and two specific JavaScript libraries:
- Plain HTML/CSS/JS stack — The site uses only fundamental web technologies, avoiding frameworks like React or Vue, which makes it easy to read and modify for beginners.
- Swiper sliders — Interactive carousels are powered by the Swiper JavaScript library, commonly used for displaying event images, speaker cards, or schedules.
- AOS scroll animations — Elements animate into view as the user scrolls, using the Animate On Scroll library, giving the page motion without heavy JavaScript logic.
- GitHub Pages hosting — The project includes a live preview at https://aymendn.github.io/solve-it-event-website, demonstrating that the site is static and can be deployed for free on GitHub Pages.
- Custom visual assets — The repository contains an SVG logo and a thumbnail image in the assets folder, providing ready-to-use branding materials for the event.
- Single-page layout — All content is organized on one page, which suits event announcements where visitors scroll through sections like details, schedule, and registration.
Who is it for?
This template is aimed at three main audiences:
- GDSC club members — The primary users are members of GDSC Estin who need an official-looking web presence for their Solve-it event.
- University tech event organizers — Clubs or committees hosting hackathons, coding competitions, or workshops can adopt this template as a starting point for their own event pages.
- Front-end beginners — Students learning web development can examine a real-world project that integrates HTML, CSS, and JavaScript with popular libraries like Swiper and AOS.
What can you do with the Solve-it Event Website?
- Promote a tech competition — Display event details, dates, and prizes on a scrolling landing page with animated sections.
- Showcase event content — Use the Swiper slider to present images, past editions, or testimonials from previous participants.
- Learn by modifying — Change the text and colors in the HTML/CSS to rebrand the page for a different GDSC event or another club activity.
- Deploy quickly — Publish the site to GitHub Pages or any static host by uploading the files; no server configuration is needed.
