{"id":3652,"date":"2024-03-03T17:45:22","date_gmt":"2024-03-03T22:45:22","guid":{"rendered":"https:\/\/umainenewmedia.net\/nmd340\/?p=3652"},"modified":"2025-12-27T22:13:18","modified_gmt":"2025-12-28T03:13:18","slug":"task-9","status":"publish","type":"post","link":"https:\/\/umainenewmedia.net\/nmd340\/task-9\/","title":{"rendered":"Task 9 – Footers & Menus"},"content":{"rendered":"

Portfolio<\/span><\/h3>\n
    \n
  1. Update any post content or page content as you continue customizing your portfolio–specify any changes made in your post.<\/li>\n
  2. Update Header<\/a><\/li>\n
  3. Complete Footer<\/a><\/li>\n
  4. Create additional menu(s) for use elsewhere on your website–post URL<\/li>\n
  5. Set up additional pages: \u00a0About Me page, Portfolio\/Works page & Contact page (with menu items & minimal content).<\/li>\n
  6. Confirm Contact form works (ask classmate to try your form & screenshot it & add to your post)<\/li>\n<\/ol>\n

    HTML\/CSS Practice<\/h3>\n

    W3S<\/h4>\n
      \n
    1. \n
    2. Quiz 9<\/a><\/li>\n<\/ol>\n

      CodePen<\/h4>\n

      Add the following code to your CCS stylesheet in Codepen– Note what the CSS changes in your website.<\/p>\n

      \r\n#navigation {\r\n\/* 29. Expand the menu to stretch horizontally across the page. *\/\r\nwidth: 100%;\r\n\/* 30. Set the menu to stay at the top when the user scrolls down the page. *\/\r\nposition: fixed;\r\ntop: 0;\r\n\/* 31. Position the menu to cover underlying content. *\/\r\nz-index: 2;\r\n\/* 32. Space the menu items evenly with gaps on either end. *\/\r\ndisplay: flex;\r\njustify-content: space-around;\r\n\/* 33. Give the menu links some breathing room. *\/\r\npadding: 1em;\r\n}\r\n#logo {\r\n\/* 34. Adjust the logo size. *\/\r\nfont-size: 1.3em;\r\n}\r\n\r\n<\/code><\/pre>\n
      Post<\/h3>\n
        \n
      1. Subject: Task 9-yourname<\/li>\n
      2. Category: Task 9<\/li>\n
      3. Codepen URL<\/li>\n
      4. Portfolio URL as a clickable link<\/li>\n
      5. Screenshot of Contact form email sent to you by classmate.<\/li>\n
      6. Description of any significant changes\/updates you have made to content, layout styling.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
        Update Headers and Create Footers<\/p>\n","protected":false},"author":2,"featured_media":2003,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,38],"tags":[53],"class_list":["post-3652","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-16","category-task-9","tag-tasks"],"_links":{"self":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/comments?post=3652"}],"version-history":[{"count":10,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3652\/revisions"}],"predecessor-version":[{"id":5986,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/3652\/revisions\/5986"}],"wp:attachment":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/media?parent=3652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/categories?post=3652"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/tags?post=3652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}