Project Title: Responsive Portfolio for Ivan Beres

The Project: Using Bootstrap, develop a portfolio site with the following items:

• A navbar

• A responsive layout

• Responsive images

• The Bootstrap portfolio should minimize the use of media queries.

• Use Bootstrap's grid system

• Use an HTML validation service to ensure that each page has valid HTML.

Table of Contents:

• The project repository: https://github.com/BeresIvan/ResponsivePortfolio
• The README.MD file with all the instructions: https://github.com/BeresIvan/ResponsivePortfolio/README.md
• The STYLE.HTML, PORTFOLIO.HTML and CONTACT.HTML files contains the HTML codes: https://github.com/BeresIvan/HM1_Refactor/blob/master/index.html
• The ASSETS folder contains the IMAGES folder and the CSS folder: https://github.com/BeresIvan/ResponsivePortfolio/assets
• The IMAGES folder contains all the images used on the website: https://github.com/BeresIvan/ResponsivePortfolio/assets/images
• The CSS folder contains the STYLE.CSS, PORTFOLIO.CSS and CONTACT.CSS files that is linked to the HTML files: https://github.com/BeresIvan/ResponsivePortfolio/assets/css
• The CSS files contain all the style sheet code for the web page: https://github.com/BeresIvan/ResponsivePortfolio/assets/css

Current status and updates:

• Created the file and folder structure of the website using Git Bash.
• Wrote the a basic HTML code for all 3 pages.
• Added the Bootstrap links to the header, also added the google font link and linked the 3 CSS files to the appropriate HTML files.
• Added The javascript link to the bottom of the HTML files.
• Copied and Added the Navbar to the container section.
• Created the the rows a and columns inside the container elements.
• Added the images links and text paragraph to their designated columns.
• Added the codes to the footer elements.
• Wrote the code in the css files to create the styling of the pages and added the background image link.

The project was created by using Visual Studio Code https://code.visualstudio.com/ , Git Bash https://gitforwindows.org/index.html , and github https://github.com/join , Bootstrap https://getbootstrap.com/ , google fonts https://fonts.google.com/ .

• Go to the repository page by following the link: https://github.com/BeresIvan/ResponsivePortfolio
• Clone the repository using the "git clone" command in the command line.
• Open the files in visual studio code using the ". code" command in the command line.
• The web page can be accessed using this link https://beresivan.github.io/ResponsivePortfolio/