In this chapter, we have done the following:
- Employed Bootstrap styles to quickly set up breadcrumbs, a page title, and pagination customized according to our needs
- Adjusted Bootstrap grid styles to create a visually pleasing grid of product items, all of the same height so as to ensure a regular grid
- Styled a complex Clearance Sale button with
@brand-featurered background color - Used the styles from the
btnclass to make our filter options more easily clickable, while customizing the styles to suit our needs - Used Bootstrap column classes with responsive adjustments to arrange our options list items optimally for multiple viewport widths
- Used Font Awesome styles in the context of our own custom stylesheet in order to add checkboxes beside our filter options
- Set our options panel to collapse for viewers with narrow viewports, while remaining visible for small viewports and larger ones
Congratulations! We now have an attractive business website with a well-crafted e-commerce section.
Next, let's take our skills another step forward by creating a single page marketing website in the next chapter.
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.