MASS

A responsive fashion storefront concept built with semantic HTML and modular CSS/SASS.

Overview

This project is a static multi-page website prototype focused on layout, typography, and responsive behavior for an e-commerce style interface.

Pages

• index.html — landing page with hero, featured sections, Instagram showcase, articles, and footer.
• shoppingcart.html — shopping cart page with product table and order summary layout.

Tech Stack

• HTML5
• CSS3
• SASS/SCSS sources (with compiled CSS files included)
• Font Awesome (CDN)
• Google Fonts (Public Sans)

Project Structure

MASS/
├── index.html
├── shoppingcart.html
├── css/
│   ├── import.css
│   ├── header/
│   ├── springspotlight/
│   ├── lastforever/
│   ├── summer2019/
│   ├── followinstagram/
│   ├── stylefeeds/
│   ├── shoppingcart/
│   ├── footer/
│   ├── responsive/
│   └── ...
├── img/
└── icon/

Run Locally

Because this is a static project, you can run it in either of these ways:

1. Open index.html directly in your browser.
2. Serve the folder with any local static server.

Example with VS Code Live Server:

• Open the project folder.
• Right-click index.html.
• Select Open with Live Server.

Notes

• css/import.css is the main stylesheet entry point.
• The repository includes both SASS/SCSS source files and compiled CSS outputs.
• There is no JavaScript logic in this project; interactions are CSS/HTML-based.