/fridah-investments

This repository contains the source code for a responsive E-Commerce Website. The project includes essential CSS styles, fonts, JavaScript files, and multiple HTML pages to provide a user-friendly and interactive experience.

Primary LanguageCSSMIT LicenseMIT

E-Commerce Website 🚀

This repository contains the source code for a responsive E-Commerce Website. The project includes essential CSS styles, fonts, JavaScript files, and multiple HTML pages to provide a user-friendly and interactive experience.

Table of Contents 📚

  • Overview
  • Features
  • Folder Structure
  • Technologies Used
  • Setup Instructions
  • Pages
  • Credits

Overview 🌟

The E-Commerce Website is a front-end project designed for showcasing products and providing a smooth navigation experience to users. It includes responsive design, interactive elements, and customizable components.

Features ✨

  • CSS Styling: Predefined CSS files for layouts and custom styles.
  • Interactive Elements: JavaScript functionalities to enhance user experience.
  • Font Integration: FontAwesome and Glyphicon fonts for icons and visuals.
  • Static Pages: Clean and organized HTML pages for different sections like Home, Gallery, About, and Contact.
  • Bootstrap Integration: Quick responsive design implementation with Bootstrap.
  • SEO Support: Includes sitemap.xml for search engine optimization.

Folder Structure 📁

E-COMMERCE WEBSITE/
│
├── css/
│   ├── combined.min.css          # Combined stylesheets
│   ├── custom.css                # Custom styles for website
│   └── default.css               # Default styles
│
├── fonts/
│   ├── fontawesome-webfont.eot   # FontAwesome font formats
│   ├── fontawesome-webfont.svg
│   ├── fontawesome-webfont.ttf
│   ├── fontawesome-webfont.woff
│   ├── fontawesome-webfont.woff2
│   ├── FontAwesome.otf
│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   └── glyphicons-halflings-regular.woff
│
├── js/
│   ├── bootstrap.min.js          # Bootstrap JS for interactivity
│   └── wow.js                    # Animation effects
│
├── about.html                    # About Us Page
├── contact.html                  # Contact Page
├── gallery.html                  # Gallery Page
├── home.html                     # Home Page
├── services.html                 # Services Page
└── sitemap.xml                   # Sitemap for SEO

Technologies Used 🛠️

  • HTML5: Structuring website content.
  • CSS3: Styling and responsive design.
  • JavaScript: Adding interactivity.
  • Bootstrap: CSS framework for responsiveness.
  • FontAwesome: Icons and visual enhancements.
  • Glyphicon: Additional font-based icons.
  • WOW.js: Animation library for scroll-based effects.

Setup Instructions 🖥️

  1. Clone the Repository:
git clone https://github.com/stephenombuya/fridah-investments/tree/main
cd ecommerce-website
  1. Open in Browser:
  • Use VS Code or any editor and open the home.html file in your preferred browser.
  1. Customizing Styles:
  • Modify custom.css for personal style changes.
  1. Integrate with Backend (Optional):
  • You can integrate the front-end with a back-end using technologies like Spring Boot, Node.js, or Python Flask.

Pages 🗂️

  • Home Page: home.html
  • About Page: about.html
  • Gallery Page: gallery.html
  • Services Page: services.html
  • Contact Page: contact.html

Credits 🌟

  • Bootstrap - GetBootstrap
  • FontAwesome - FontAwesome Icons
  • WOW.js - Animate on Scroll

License 📝

This project is licensed under the MIT License. You are free to use, modify, and distribute it as per the license.