Online fashion shop

Definition

I have used sass pre-processor to design an online fashion shop. Inspired by the design of Mohammed Awad on Behance.

About the Project

The project is about developing a responsive online store of at least two pages, a home page and a result page.

The features of this project are listed as below:

1. Website has a header:
   • With: logo, menu items, notification, user name and profile picture.
   • The header also contains a hero section including: a title, slogan and search form
2. Index page has a slider for ads
3. The index page has two rows of product categories on display.
4. The result page has a filter section to filter search
5. The result page has a listing of search results.
6. Has a footer with
   • logo, brief about; categories, navigation links, form
   • Copyright information and social icons.

Built With

• HTML5
• CSS3
• SASS

Live Demo

Live Demo Link

Video Presentation

Video presentation

Getting Started

Just clone this repo and open index.html file in your browser then you are good to go.

There are no required npm dependencies.

To get a local copy up and running follow these simple example steps.

clone the repo.

(optional) set sass to watch changes like so: sass --watch css/scss/style.scss css/style.css

the above step is necessary to continue styling in sass

Authors

👤 Misori Simon

• GitHub: Misori-simon
• Twitter: @misori_simon
• LinkedIn: Misori Simon

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Mohammed Awad for his design
• icons used from iconify
• Images used in this shop is from The black tux

📝 License

This project is MIT licensed.