https://github.com/joytarafder/clothing-store

This is a responsive, modern website for an online clothing store, designed with a transparent navbar overlaying a hero image, light mode theme, and responsive design for mobile compatibility. Built using HTML and Tailwind CSS, this website has a simple, clean look with easy navigation for an optimal user experience.
https://github.com/joytarafder/clothing-store

css github html js netlify tailwindcss

Last synced: 6 days ago
JSON representation

This is a responsive, modern website for an online clothing store, designed with a transparent navbar overlaying a hero image, light mode theme, and responsive design for mobile compatibility. Built using HTML and Tailwind CSS, this website has a simple, clean look with easy navigation for an optimal user experience.

• Host: GitHub
• URL: https://github.com/joytarafder/clothing-store
• Owner: JoyTarafder
• Created: 2024-10-30T19:44:46.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-01-17T07:10:53.000Z (28 days ago)
• Last Synced: 2025-01-17T08:23:18.793Z (28 days ago)
• Topics: css, github, html, js, netlify, tailwindcss
• Language: HTML
• Homepage: https://clothing-app-store.netlify.app/
• Size: 7.36 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

 # Clothing Store Website

This is a responsive, modern website for an online clothing store, designed with a transparent navbar overlaying a hero image, light mode theme, and responsive design for mobile compatibility. Built using HTML and Tailwind CSS, this website has a simple, clean look with easy navigation for an optimal user experience.

## Features

- **Transparent Navbar**: A clean, transparent navbar positioned over the hero image for a modern look.

- **Responsive Design**: Optimized for mobile and desktop views, adapting to different screen sizes.

- **Search Box and Cart Icon**: Integrated search functionality and cart icon using Font Awesome.

- **Shop Now Button**: A prominent "Shop Now" button on the hero section.

- **Fashion Cards**: Separate sections for Men's and Women's fashion.

## Preview

![Website Screenshot](https://github.com/user-attachments/assets/7f24ba51-65da-47c5-ac93-1706cb8bcba8)

## Technologies Used

- **HTML5**: For basic structure and content.

- **Tailwind CSS**: For styling and layout, making the website responsive and visually appealing.

- **Font Awesome**: For icons (e.g., cart icon, search icon).

## Getting Started

### Prerequisites

Make sure you have the following installed:

- A modern web browser (e.g., Chrome, Firefox)

- An internet connection to fetch the Font Awesome icons, or you can download Font Awesome locally if needed.

### Installation

1. Clone the repository to your local machine:

   ```bash

   git clone https://github.com/JoyTarafder/Clothing-Store.git