ALFAR Style Clothing Website

A static fashion storefront website for the ALFAR brand, built with HTML and CSS. The site includes pages for Home, Women, Men, Material, Size Guide, Store Locator, and About Us.

Features

• Multi-page static website layout
• Responsive navigation menu across pages
• Promotional hero section with product imagery and CTA buttons
• On-sale product cards with clickable shop buttons
• Brand logo showcase section
• Footer with contact info, company links, and Instagram image grid
• Newsletter subscription form integrated with FormSubmit.co
• Asset organization for images, videos, and CSS files

Technologies

• HTML
• CSS
• Static assets: images and video
• FormSubmit.co for newsletter form submission (no backend required)

Installation

1. Clone the repository:

   git clone <repository-url>

2. Open the project folder in VS Code or your preferred code editor.
3. Use a local web server to view the site correctly.

Local Development

This project should be viewed through a local web server so that form submission and relative asset paths work correctly.

Using VS Code Live Server

1. Install the Live Server extension.
2. Open the project folder in VS Code.
3. Open all_pages/Home.html.
4. Click Go Live.
5. Visit the served URL, e.g. http://127.0.0.1:5500/all_pages/Home.html.

Using Python

From the project root folder:

python -m http.server 8000

Then open:

http://localhost:8000/all_pages/Home.html

Usage

• Open all_pages/Home.html through the local server URL.
• Navigate between pages using the top menu.
• Click any SHOP NOW button to visit the related page.
• Enter an email in the newsletter field and submit to send a message via FormSubmit.co.

Folder Structure

• all_pages/ — main HTML pages
• style_sheets/ — CSS files for each page
• home_page_data/, women_page_data/, men_page_data/, material_page_data/, footer_data/ — image assets
• company_logos/ — brand logos
• website_videos/ — video assets

Notes

• Do not open pages directly via file:/// for full functionality.
• FormSubmit.co requires the page to be served over HTTP(S) and will not submit from a local file path.
• Update form email address in all_pages/Home.html if you want the newsletter to send to a different email.

Contact

For questions or updates, contact the project owner or maintainer.