-
Inside your
Bootstrap-Portfoliorepo, createindex.html,portfolio.htmlandcontact.html. -
Using Bootstrap, recreate your portfolio site with the following items:
-
A navbar
-
A responsive layout (remember the grid, rows and columns are your friends)
- eg. On
xsandsmscreens, each section should take up the entire grid. Onmand larger screens, each section should take up 2/3 of the grid and the sidebar should take up 1/3 of the grid
- eg. On
-
Responsive images
BONUS Using Bootstrap, make a sticky footer and use sub-rows and sub-solumns on your portfolio site (Hint: Check out the Bootstrap documentation)
-
-
Your Bootstrap solution should minimize use of media queries.
-
Deploy your new Bootstrap-powered portfolio to GitHub Pages.
Submitting Your Work on BootcampSpot.com
-
Submit the GitHub links to your portfolio repositories on GitHub.
-
Submit the link to your (GitHub Pages) deployed site in the same input field.
- Incorporate CSS animations in your portfolio. More info here.