Nawas Shopping

Nawas Shopping is a polished, responsive static e-commerce website showcasing a modern fashion storefront built with HTML, CSS, and JavaScript.

Overview

This project demonstrates a clean online shopping experience with product showcases, responsive layouts, and a client-side cart system. It uses Bootstrap for responsive structure, Font Awesome for icons, and custom styling to create a modern storefront.

Key Features

• Responsive design for desktop, tablet, and mobile screens
• Hero banner and new arrivals section
• Featured product grid with pricing and ratings
• Client-side shopping cart functionality using localStorage
• Interactive add-to-cart buttons and quantity controls
• Sticky navbar with hide/show behavior on scroll
• Multiple static pages: Home, Shop, Blog, About, Contact, Account, Cart, Product details

Pages Included

• index.html - Homepage
• shop.html - Shop/product listing page
• cart.html - Cart page with product quantity controls
• account.html - User account page
• blog.html - Blog listing page
• about.html - About page
• contact.html - Contact page
• sproduct.html - Single product detail page

Technologies Used

• HTML5
• CSS3
• JavaScript
• Bootstrap 4 (CDN)
• Font Awesome (CDN)

Usage

1. Clone or download the repository.
2. Open index.html in a web browser.
3. Browse the site, add products to the cart, and view the cart page.

File Structure

• index.html - Main landing page
• shop.html - Product shop page
• cart.html - Shopping cart page
• style.css - Primary stylesheet
• responsive.css - Responsive layout overrides
• script.js - Client-side page behavior and cart logic
• img/ - Image assets used across the site

Notes

• The cart uses browser localStorage to preserve items between page refreshes.
• The project is a static front-end demo and does not include server-side checkout.

Author

nahor

Screenshots

Homepage

Products

Cart

mobile