{"id":1555,"date":"2024-01-04T01:01:01","date_gmt":"2024-01-04T01:01:01","guid":{"rendered":"https:\/\/umainenewmedia.net\/nmd340\/task-4\/"},"modified":"2026-02-03T19:06:40","modified_gmt":"2026-02-04T00:06:40","slug":"task-4","status":"publish","type":"post","link":"https:\/\/umainenewmedia.net\/nmd340\/task-4\/","title":{"rendered":"Task 4 &#8211; Pages &#038; Widgets"},"content":{"rendered":"<h3>Portfolio<\/h3>\r\n<ol>\r\n \t<li>Using your color palette Hex numbers from last week, adjust Globals Colors, Fonts, Typography in your website in Elementor Settings<\/li>\r\n \t<li>Update Header background color and adjust widget sizes &amp; positions<\/li>\r\n \t<li>Add your Logo to Site Settings in Elementor, so it can appear in header<\/li>\r\n \t<li>Create Primary Menu with posts\/categories &amp; add Menu widget to Header<\/li>\r\n<\/ol>\r\n<h3>HTML Practice<\/h3>\r\n<h4>W3Schools<\/h4>\r\n<ul>\r\n \t<li>W3S <a href=\"https:\/\/www.w3schools.com\/html\/html_attributes.asp\">Attributes<\/a> &amp; <a href=\"https:\/\/www.w3schools.com\/html\/html_comments.asp\">Comments<\/a><\/li>\r\n \t<li><a href=\"https:\/\/umainenewmedia.net\/nmd340\/quiz\/quiz-4\/\">Quiz 4<\/a><\/li>\r\n<\/ul>\r\n<h4>CodePen<\/h4>\r\n<ul>\r\n \t<li>This addition adds a navigation menu by creating a div with an ID of &#8220;navigation&#8221;, then creating a set of 5 anchors &lt;a&gt; that link to their corresponding divs later in the page. See if you can map the href names to their IDs later in the document.<\/li>\r\n \t<li>Add new code at the beginning of your HTML, after the &#8220;First build the HTML step-by-step&#8221; comment, but before the &#8220;Add an h1&#8230;&#8221;<\/li>\r\n<\/ul>\r\nLike This:\r\n<img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-2833 size-large\" src=\"https:\/\/umainenewmedia.net\/nmd340\/wp-content\/uploads\/2024\/01\/Screenshot-2024-02-04-at-17.14.26-1024x751.png\" alt=\"\" width=\"1024\" height=\"751\" srcset=\"https:\/\/umainenewmedia.net\/nmd340\/wp-content\/uploads\/2024\/01\/Screenshot-2024-02-04-at-17.14.26-1024x751.png 1024w, https:\/\/umainenewmedia.net\/nmd340\/wp-content\/uploads\/2024\/01\/Screenshot-2024-02-04-at-17.14.26-300x220.png 300w, https:\/\/umainenewmedia.net\/nmd340\/wp-content\/uploads\/2024\/01\/Screenshot-2024-02-04-at-17.14.26-768x563.png 768w, https:\/\/umainenewmedia.net\/nmd340\/wp-content\/uploads\/2024\/01\/Screenshot-2024-02-04-at-17.14.26.png 1246w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\r\n<pre class=\"wp-block-code\"><code>\r\n&lt;!-- 10. Add a &lt;div&gt; at top for the navigation menu. --&gt;\r\n&lt;div id=\"navigation\"&gt;\r\n&lt;!-- 11. Add a &lt;span&gt; for special text formatting. --&gt;\r\n&lt;span id=\"logo\"&gt;\ud83c\uddee\ud83c\uddf9&lt;\/span&gt;\r\n&lt;!-- 12. Add &lt;a&gt;s that link to ids in the page. --&gt;\r\n&lt;a href=\"#introduction-heading\"&gt;Introduction&lt;\/a&gt;\r\n&lt;a href=\"#florence-heading\"&gt;Florence&lt;\/a&gt;\r\n&lt;a href=\"#rome-heading\"&gt;Rome&lt;\/a&gt;\r\n&lt;a href=\"#naples-heading\"&gt;Naples&lt;\/a&gt;\r\n&lt;a href=\"#reserve-heading\"&gt;Reserve a trip&lt;\/a&gt;\r\n&lt;\/div&gt;\r\n<\/code><\/pre>\r\n<h3>\r\nPost<\/h3>\r\n<ol>\r\n \t<li>Subject: Task 4-yourname<\/li>\r\n \t<li>Category: Task 4<\/li>\r\n \t<li>Codepen URL\/ embed<\/li>\r\n \t<li>Clickable portfolio URL<\/li>\r\n \t<li>Current palette colors<\/li>\r\n<\/ol><!-- \/wp:post-content -->","protected":false},"excerpt":{"rendered":"<p>Home Page and HTML Attributes &#038; Comments<\/p>\n","protected":false},"author":2,"featured_media":2003,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,33],"tags":[53],"class_list":["post-1555","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-16","category-task-4","tag-tasks"],"_links":{"self":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/1555","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=1555"}],"version-history":[{"count":10,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/1555\/revisions"}],"predecessor-version":[{"id":6434,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/posts\/1555\/revisions\/6434"}],"wp:attachment":[{"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/media?parent=1555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/categories?post=1555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umainenewmedia.net\/nmd340\/wp-json\/wp\/v2\/tags?post=1555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}