Task 5 – Home Page

by

Portfolio

  1. Describe which design elements (at least 3+) that will be primary as you build your Portfolio website.
  2. Post your current Homepage URL as a clickable link.
  3. Complete your Home Page with
    • Default Header with Logo &  default Menu
    • Photo of you
    • text content personalized.  (Footer not needed yet).
  4. Your global fonts & colors should be set by now.

HTML Practice

W3S

  1. W3S  HTML Styles and Formatting
  2. Quiz 5

CodePen

  1. Add the following code to you CCS stylesheet in Codepen– Note what the CSS changes in your website:  you can select alternate colors or font families, if you wish, but try to keep the structure intact as you go forward.
    Note: if you have already added CSS options, you may have to “fork” your project, delete the current CSS, and add the new CSS that I will be adding week by week. Then use that project for class.

codepen5 image


body {
/* 13. Set the main font. */
font-family: Geometria, Tahoma, sans-serif;
font-size: 1.2em;
/* 14. Set the main colors. */
background-color: papayawhip ;
color: dimgray;
/* 15. Eliminate gap around the viewport. */
padding: 0;
margin: 0;
}
h2 {
/* 16. Set the heading size and spacing. */
font-size: 2em;
margin: 0;
padding-left: .5em;
}

 

Post

  1. Subject: Task 5-yourname
  2. Category: Task 5
  3. Codepen URL
  4. Portfolio Home page URL
  5. Portfolio Template Test page URL
  6. Extra credit–any other pages you create