Formatting the Portfolio
- Re-build the HTML for your portfolio web pages to include four distinct sections: header, navigation, main, and footer, using the HTML elements <header>, <nav>, <main>, and <footer>. Move your name to the header and your email address to the footer. (You might use the same kind of template process from the formatting lab, that is, create a well-structured HTML template page first, then paste content from each of your existing portfolio pages into the content section of the template and save the file as a new page.)
- Be sure your portfolio file structure includes an _images directory and a _css directory. Move your format.css file into the _css directory, and move any website images you might create into the _images directory. Adjust links as needed.
- Update your format.css file to include your own styling for the header, navigation, main and footer (be creative - don't just copy the styles from the lab.)
- Edit the Web Style Guide document to reflect your current website styling. Provide a link to your Portfolio Web Style Guide on your homepage in the footer