ivanid22 / zattix-store-front

HTML/CSS implementation of a website for a music store. Designed with a mobile-first approach, and fully responsive.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Zattix: Store Front.

This is the last project in the HTML/CSS section of the main curriculum in the Microverse Full-Stack Development course. As such, it's been the project where I've tried to pour all the knowledge I've acquired over the entire section of the curriculum.

screenshot

The assignment for this project was to implement a site for a webstore, following this design structure. All credit on the design goes to Mohammed Awad. The design layout is great. Simple in scope, but there's a lot of depth in each individual section. This gave me the opportunity to implement almost everything I've learned in this section so far, Namely:

  • Working with typographies.
  • Alignment and positioning of elements.
  • Flex and Grid as display methods for the elements.
  • Bootstrap Grid to lay out the main sections of the site.

Note

To get to the search page of the site, click on "Search" on the index page.

Built With

  • HTML
  • CSS3
  • Bootstrap

Live Demo

Live Demo Link

Credits

Layout design by Mohammed Awad

Author

👤 Ivan Diaz

Show your support

Give a ⭐️ if you like this project!

About

HTML/CSS implementation of a website for a music store. Designed with a mobile-first approach, and fully responsive.


Languages

Language:HTML 72.1%Language:CSS 20.4%Language:JavaScript 7.5%