This is a design based shopping website, created to practice responsive layouts with media queries and bootstrap using a mobile first approach and Sass.
- Total based on a sneakers shop design by Dmitry Oxygen
- Responsive layout: support to different screen sizes
- Positioning using flex, grid, float and bootstrap
- Images applied in CSS backgrounds with position adjustments
- External fonts imports inside CSS
- Icons from fontawesome.com
The Capstone Shop contains three pages: Index.html, Category.html and Product.html. To reach these pages, use the following instructions:
- Index.html -> Click on Capstone Shop logo or Home (from any page)
- Category.html -> Click on 'Men'
- Product.html -> Click on any product inside Category.html
As this project was created in order to practice html and css design concepts, there are no functionalities included.
- HTML5
- CSS3: Media Queries, Grid, Flexbox, Background-Image, Pseudo-Elements, Transition, Overflow
- Bootstrap: Styling, Positioning
- Sass: Variables and nesting
- BEM (CSS naming convention) for elements
- Github: @flpfar
- Twitter: @flpfar
- Linkedin: Felipe Augusto Rosa
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- This project was entirely based on AXEL ARIGATO, a sneakers shop website designed by Dmitry Oxygen.