Skip to content

Docs: Improve README structure and formatting #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Arnz18 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Docs: Improve README structure and formatting #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 20 additions & 16 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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.

---