diff --git a/README.md b/README.md index f4d3c39..614a658 100644 --- a/README.md +++ b/README.md @@ -1,38 +1,42 @@ # 🏁 Hotwheels Landing Page — UI2Code Challenge -A vibrant, high-speed Hotwheels-inspired landing page built during the **UI2Code Challenge** at **ESOC-X-HACK, IIIT Nagpur**. This project brings the adrenaline of Hotwheels to the web using only HTML, CSS, and JavaScript. +A vibrant, high-speed Hotwheels-inspired landing page built during the **UI2Code Challenge** at **ESOC-X-HACK, IIIT Nagpur**. This project brings the adrenaline of Hotwheels to the web using **HTML**, **CSS**, and **JavaScript**, with zero frameworks. -> 🚀 **Live Demo:** [https://endgame-delta.vercel.app](https://endgame-delta.vercel.app) +🔗 **Live Demo**: [https://endgame-delta.vercel.app](https://endgame-delta.vercel.app) --- -## 🎨 Design Philosophy +## ✨ Features & Design -The UI captures the signature Hotwheels aesthetic — **electric blues, fiery reds, bold gradients**, and **sleek race-inspired typography**. An animated loader delivers a cinematic experience as users enter, mirroring the excitement of a race about to begin. +- **🔥 Dynamic Animated Loader**: A cinematic loading animation that builds excitement before revealing the page. +- **🎨 Bold Aesthetics**: Uses electric blues, fiery reds, and bold gradients to match the Hotwheels brand. +- **🔠 Custom Typography**: Sleek, race-inspired fonts to enhance the high-speed theme. +- **⚡ Pure Front-End**: Built without any frameworks or libraries for a lightweight, fast experience. --- ## ⚙️ Tech Stack -- **HTML5** — Semantic structure -- **CSS3** — Custom styling, gradients, animations -- **JavaScript (Vanilla)** — Dynamic loader and interactivity +- **HTML5** – Semantic and accessible page structure. +- **CSS3** – Custom styling, gradients, animations, and layout. +- **JavaScript (Vanilla)** – Controls the animated loader and interactive effects. --- ## 👨‍💻 Contributors -| Name | GitHub Handle | -| ------------ | -------------------------------------------------- | -| Arnab Mistry | [@ArnabMistry](https://github.com/ArnabMistry) | -| Swapnil Jain | [@Swapnil220705](https://github.com/Swapnil220705) | -| Arnav Timble | [@Arnz18](https://github.com/Arnz18) | -| Ojaswi Joshi | [@OjaswiJoshi13](https://github.com/OjaswiJoshi13) | +| Name | GitHub Handle | +|----------------|------------------------| +| Arnab Mistry | [@ArnabMistry](https://github.com/ArnabMistry) | +| Swapnil Jain | [@Swapnil220705](https://github.com/Swapnil220705) | +| Arnav Timble | [@Arnz18](https://github.com/Arnz18) | +| Ojaswi Joshi | [@OjaswiJoshi13](https://github.com/OjaswiJoshi13) | --- ## ⚠️ Disclaimer -This project is created purely for **learning and non-commercial purposes** as part of a hackathon challenge. -We do **not** hold any official license or affiliation with *Hotwheels* or *Mattel Inc.* -All branding elements belong to their respective owners. +This project was created purely for learning and non-commercial purposes as part of a hackathon challenge. +We do **not** hold any official license or affiliation with **Hotwheels** or **Mattel Inc.** All branding elements belong to their respective owners. + +---