VALORANT Info Landing Page

A game-themed landing page inspired by VALORANT, built to showcase information about the game, agents, and music with a clean, game-style UI.

This project is created as a front-end practice and portfolio project using vanilla web technologies.

Features

• 📂 Toggleable Sidebar Navigation
• 🧭 Topbar & Back-to-Top Button (smooth scroll)
• 🧑‍🚀 Agent Cards
  • Responsive grid layout
• 🎵 Music Player Cards
  • Play / pause functionality
  • Only one track plays at a time
  • Audio loaded from local assets
• 📱 Fully Responsive Design

Tech Stack

• HTML5
• CSS3 (Flexbox, Grid, Media Queries)
• JavaScript (Vanilla JS)

📁 Project Structure

project3/ ├─ index.html ├─ style.css ├─ script.js ├─ music.js └─ assets/ └─ musik/

▶️ How to Run

It is recommended to use a local server (for audio support):

• VS Code Live Server

⚠️ Disclaimer

This project is not officially affiliated with Riot Games. All assets are used for educational purposes only.