Responsive Portfolio

As a student, this homework is to create 3 webpages using Bootstrap CSS Framework to create a mobile responsive portfolio. Bootstraps were used for navbar, grid system, responsive layout and responsive images.

• Bonus - used bootstrap for making a sticky footer and sub-columns and sub-rows.

Installation

1. Download or clone repository
2. Open the main page (index.html) on your browser to view webpage
3. On the main page, you can click on the links on top right to go to the other 2 pages (portfolio.html and contact.html) or can open them up separately.

Websites

• Github: https://github.com/mmeii/2-responsive-portfolio
• Deployed: https://mmeii.github.io/2-responsive-portfolio/

Outcome

The page layouts should look like the screenshots below on different screens

• on 992px screens

  

  

• on 768px screens

  

  

• on 400px screens

  

  

Usage

All images used on the websites are taken by me. Please site source if you use any.

• Copyright © 2020 Mengmei Tu

License

MIT