LocalBand - Promotional Page

A responsive promotinal page for Local Band's fictional album, Echoes Within.

Tech Stack Used

• HTML5
• CSS3
• JavaScript
• Local SVG and image assets

Page Structure

The page is divided into the following sections:

• Navigation Bar
• Hero Section
• About Section
• Album Tracks Section
• Music Video Section
• Band Members Section
• Footer

local-band-promotional-page/
├── index.html
├── css/
│   └── styles.css
├── js/
│   └── app.js
└── assets/
    ├── images/
    ├── icons/
    ├── branding/
    └── placeholders/

Run locally

Open index.html directly, or use a small local server

python3 -m http.server 8000

Then visit http://localhost:8000.

Requirements Covered

• Clean promotional page and album info
• Track search and empty state
• Responsive layout across desktop, tablet, and mobile
• Plain-text DOM updates to avoid HTML injection
• Monochrome design with a consistent spacing system