The aim of the project was to build a version of my portfolio built in HTML and CSS with the use of Bootstrap. Documented below is the step by step build of the site using Bootstrap.
The navigation bar was implemented using Bootstrap with built-in Menu.
Implemented Hero section using Bootstrap along with a card which has a custom built image (Canva). Instead of listing the skills I am expected to learn in the bootcamp I added my current skillset given I have some experience which overlapped.
The display was built using a Bootstrap grid section which displayed cards, images and descriptive text. The project section is internally linked and the Netflix clone links to an external page.
The about me section was built at the top of the page using a grid layout in an attempt to mirror the original site.
The footer was copied and implemented from the original, all links have the hover effect flowing through other elements of the page as-well as the footer to keep the style consistant.
Bootstrap dramatically reduced the need for media queries as a lot of the elements styled themselves.
MDM, StackOverflow, google and class material were used at various points throughout the build.
Below are screenshots of the final version of the site along which you can find live here https://dezmondo7.github.io/Bootstrap-Portfolio/