This project is the capstone of Microverse HTML/CSS curriculum module.
This project is the final in the Microverse HTML & CSS module - CAPSTONE. It's a real-world-like project, built with business specifications. The project for the HTML & CSS Capstone Project is based on an online shop for electronics. The given design of the website should be followed, but the content is personalized.
- Project build for 3 screen sizes, small up to 576px wide, tablet size up to 768px and bigger screen sizes more than 768px.
- Bootstrap is used for responsive layout and JS actions.
- I choose Beauty Products collectibles for my e-store page, as it is a very popular segment of business with millions of dollars in turnover and costs of items reaching thousands per separate one.
- The page has a responsive navbar menu collapsing by changing screen size from large to smaller, SEARCH bar leads to the search results page.
- Page layout changes accordingly to the viewer's screen size to nicely fit the content.
- There are two pages available for displaying: the main page (search page) and the search results page. Switch between them by clicking the search button on the main page, and HOME anywhere on the search results page.
- Bootstrap snippets used for dropdown menus and form checkboxes.
- Just one JS function used for smooth scrolling.
Project video presentation here: Video Presentation
- HTML/CSS/SCSS/JS
- Fontawesome library
- Bootstrap
- MDBootstrap library
To get a local copy up and running follow these simple example steps.
- Any PC or device with internet connection and ability to use command line terminal
- Open the command line terminal
- Go to your preferred directory
- Run [
git clone https://github.com/Davidosky007/Html-capstone.git
] command
- Open index.html file in any modern browser
- Tests passed can be found here ()
- Page deployed through the Github pages service and can be viewed through the Live Demo Link (see above)
👤 David BASSEY
- GitHub: @davidosky007
- Twitter: @davidosky2
- LinkedIn: David Bassey
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!
- Thanks to Bootstrap
- Thanks to rawpixel for produts images
- Thanks to Nordstorm for Products Images Nordstorm.com
- Thanks to stand-up team for raising issues and giving constructive critics out
- Thanks to Mohammed Awad Mohammed Awad
- Design page Link
This project is MIT licensed.