https://github.com/nermeenkamal/ecommerce-website-chanzel

https://github.com/nermeenkamal/ecommerce-website-chanzel

bootstrap5 html5-css3 js

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/nermeenkamal/ecommerce-website-chanzel
• Owner: NermeenKamal
• License: mit
• Created: 2024-05-17T22:25:05.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-26T17:28:38.000Z (3 months ago)
• Last Synced: 2024-08-27T14:17:35.632Z (3 months ago)
• Topics: bootstrap5, html5-css3, js
• Language: CSS
• Homepage: https://nermeenkamal.github.io/Ecommerce-Website-ChanZel/
• Size: 55.5 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Screenshot 2024-05-20 013450](https://github.com/NermeenKamal/Ecommerce-Website-ChanZel/assets/114883845/a59dd593-8bcc-4392-9fe6-c44507dbd441)

---

# E-commerce Landing Page

This repository contains the HTML and CSS code for a responsive e-commerce landing page. The landing page is designed using Bootstrap 4.6 for styling and includes various sections showcasing different products, collections, and categories.

## Table of Contents

- [Demo](#demo)

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Installation](#installation)

- [Usage](#usage)

- [Contributing](#contributing)

- [License](#license)

## Features

- **Responsive Design:** Ensures compatibility across various devices and screen sizes.

- **Navbar:** A responsive navigation bar with links to different sections.

- **Hero Section:** Features a prominent banner with a call-to-action button.

- **Product Showcase:** Displays a collection of popular T-shirts with different color options and sizes.

- **Collection Sections:** Highlights different product categories for men and women.

- **Footer:** Includes subscription form and links to social media profiles.

## Technologies Used

- **HTML5**

- **CSS3**

- **Bootstrap 4.6**

  

## Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/your-username/ecommerce-landing-page.git

   ```

2. Navigate to the project directory:

   ```bash

   cd ecommerce-landing-page

   ```

## Usage

1. Open the `index.html` file in your preferred web browser to view the landing page.

## Code Overview

### HTML Structure

- The page starts with a navbar that includes links to various sections such as Home, Women, Men, About, and Contact.

- The hero section contains a banner with a background image and a call-to-action button.

- The product showcase section displays different T-shirts with color and size options.

- Separate sections are dedicated to different collections for men and women.

- The footer contains a subscription form and social media links.

### CSS

- Custom styles are defined in the `css/style.css` file.

- Bootstrap 4.6 is included via a CDN for responsive design and pre-defined styles.

## Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

---