This project is a website for the music band "Generics." The website showcases various sections, including the store section with merch and music albums, a cart for making purchases, a home page with information about upcoming tours, and an about section.
The project folder contains the following files and directories:
index.html
: The main HTML file for the website's landing page.about.html
: The HTML file containing information about the band.store.html
: The HTML file for the store section, where users can find merch and music albums.css
: Directory containing thestyle.css
file for styling the website.js
: Directory containing JavaScript files, includingstore.js
andhome.js
.font
: Directory containing font files used in the project.images
: Directory containing image files used in the website.
The home page (index.html
) serves as the landing page for the website and provides information about the band's upcoming tours and events. The JavaScript file home.js
contains the logic to display and manage the upcoming tours data.
The "About" section (about.html
) gives visitors an insight into the band's history, members, and achievements.
The store section (store.html
) allows users to explore and purchase merchandise and music albums. The JavaScript file store.js
handles interactions in the store, including adding items to the cart and updating the cart total.
The cart section is part of the store (store.html
) and keeps track of the items selected by the user for purchase. It displays the items, their quantities, and the total cost. The cart functionality is managed using JavaScript.
The project uses the style.css
file in the css
directory to apply consistent and visually appealing styles to the website.
Fonts used in the project are stored in the font
directory. The images
directory contains image files used for various sections of the website, including tour posters, merchandise, and band member photos.
To view the website, open any of the HTML files (index.html
, about.html
, store.html
) in a web browser.
For the best experience, ensure that the browser supports CSS and JavaScript.
Contributions to improve and enhance the website are welcome. If you encounter any issues or have suggestions, please feel free to submit a pull request or open an issue.