Skip to content

This project is the design and layout of an online shop for shoes, it uses Bootstrap 4 for some of the components and layout, for example the carrousel and on the results page the layout of the cards.

Notifications You must be signed in to change notification settings

Yors-git/Online-Shop

Repository files navigation

Online Shoe Shop

This is an online shop for shoes, it displays its categories on the index.html page and after hitting the search button it takes you to the search results page which displays the results of a query, right now it's missing the JS implementation to complete the functionality.

screenshot

The whole project was made mostly with Bootstrap 4, however, in some parts of the project, I used plain Flexbox as it was required on the specification, also on the search-results I used also CSS Grid to do the main layout. The layout of the results page was made using Bootstrap .card-columns, which in my opinion gives the layout of the cards an appealing look, solving the issue of the different sizes of the images which in consequence changes the size of each card. One other thing I tried and proved to be very useful was the use of SASS preprocessor, it is really at they tell you, at first you don't want to use it, but after trying it I like it very much.

Built With

  • HTML and CSS
  • Bootstrap 4
  • VSCode and SASS

Live Demo

Live Demo Link

Authors

👤 Jorge Torres

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

About

This project is the design and layout of an online shop for shoes, it uses Bootstrap 4 for some of the components and layout, for example the carrousel and on the results page the layout of the cards.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published