2 Hour of Code Assignment is below in the next section Download the attachment and

2 Hour of Code Assignment is below in the next section Download the attachment and

2. Hour of Code Assignment is below in the next section. Download the attachment and follow the directions to complete the assignment. Submit your certificate and documents below. 3. Complete the HTML assignment below.HTML is programing language used to create web pages.  As a part of INT 1010, it is important that all students have experience in developing code. Requirements:For this assignment you are required to develop your own 3-page website using Hypertext Markup Language (HTML).  You need to choose what you will like to display on your website. The topic is up to you. The requirements for the assignment are as follows:Each page must contain the following: Title Heading Paragraph Image Link Background color (other than white) and text color (other than black). Site must be readable (appropriate contrast for color) 1 horizontal rule 1 external link You must submit the HTML assignment as a zip file attachment to this assignment.Grading Rubric: Site must have meaningful content relevant to the site (15 points) Site must adhere to HTML guide and principles (5 points) proper tag syntax (5 points) appropriate number of pages (5 points) –  links added and work (5 points) –  Horizontal rule (5 points) Site must be attractive (10 points) site is readable (appropriate contrast for color) Tags These are the tags you need to complete the requirement above. <body> </p> <h1 h6> <p> <img src> <a href></p> <hr> <p> <bgcolor> Resources https://www.w3schools.com/html/http://htmldog.com/guides/html/beginner/ https://www.youtube.com/watch?v=UB1O30fR-EE&feature=youtu.be Storyboarding (optional) You may choose to create a storyboard to help you with designing your site. If you do want to create a storyboard, use the link below to get more information. Why Storyboard a website? It serves as an outline of the design approach. It defines the elements that need to go on each page. It shows the navigational architecture and information flow to the team and demonstrates how the pages are to work together to provide the user’s interactive experience. How to create a storyboard using PowerPoint https://docs.microsoft.com/en-us/azure/devops/boards/backlogs/office/storyboard-your-ideas-using-powerpoint?f=255&MSPPError=-2147217396&view=azure-devops Storyboarding YouTube Video https://www.youtube.com/watch?v=wWY-rV2RA9s&feature=youtu.be You must submit the HTML zip file as an attachment in the folder below labeled Submit HTML Programming Assignment Here.</p> <!-- PRyC WP: Add custom content to bottom of post/page: Standard Content START --></div><!-- PRyC WP: Add custom content to bottom of post/page --><div id="pryc-wp-acctp-bottom"> <style> .banner-steps { background-color: #85c9ff; border-radius: 5px; width: 100%; max-height: 97px; margin-bottom: 20px; padding: 25px 0; display: flex; position: relative; } .banner-steps .wrap-steps { margin: 0; margin-left: 0px; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 0; width: 76%; } .banner-steps .wrap-steps .step { line-height: 1.7; font-family: avenir-roman; font-size: 14px; color: #023965; font-weight: 700; padding-left: 30px; position: relative; counter-increment: item; } .banner-steps .banner-btn { text-decoration: none; background-color: #fff; font-family: avenir; font-size: 15px; color: #000; border-radius: 6px; border: 2px solid #f6b23d; transition: all .2s; position: absolute; right: 40px; padding: 10px 15px; top: 50%; transform: translateY(-50%); } .banner-steps .wrap-steps .step::before { counter-increment: li; content: counter(item); width: 25px; height: 25px; display: block; line-height: 25px; background: #fc5585; border-radius: 5px; color: #fff; text-align: center; font-size: 12px; position: absolute; top: 50%; transform: translateY(-50%); left: -2px; } .awasam-promo5 { background-color: #F0F6FD; text-align: center; color: #367FD3; padding: 10px; } .button { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 10px; } .button4 { background-color: red; border: none; color: #ffffff; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 10px; } </style> <div class="awasam-promo5"> <h2 style="color: #0D014D;">Get your college paper done by experts</strong></h2> <a href="https://readyassignments.com/order" class="button">Do my question</a> <img onclick="smartsupp('chat:open');"> <a href="https://readyassignments.com/order" style="color: #ffffff;" class="button4">How much will it cost? </a> <p style="font-size:16px;">Place an order in 3 easy steps. Takes less than 5 mins.</p> <div class="banner-steps"> <ol class="wrap-steps"> <li class="step">Share requirements</li> <li class="step">Make a payment</li> <li class="step">Get your perfect paper</li> </ol> <a class="banner-btn" href="https://readyassignments.com/order">Order Now</a> </div> </div> </div </div><!-- /PRyC WP: Add custom content to bottom of post/page --></div><footer class="entry-footer"><div class='av-social-sharing-box av-social-sharing-box-default av-social-sharing-box-fullwidth'></div></footer><div class='post_delimiter'></div></div><div class='post_author_timeline'></div><span class='hidden'> <span class='av-structured-data' itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" > <span itemprop='url'>https://readyassignments.com/wp-content/uploads/2024/02/New-Project15.png</span> <span itemprop='height'>0</span> <span itemprop='width'>0</span> </span> <span class='av-structured-data' itemprop="publisher" itemtype="https://schema.org/Organization" itemscope="itemscope" > <span itemprop='name'>bonniejecinta</span> <span itemprop='logo' itemscope itemtype='https://schema.org/ImageObject'> <span itemprop='url'>https://readyassignments.com/wp-content/uploads/2024/02/New-Project15.png</span> </span> </span><span class='av-structured-data' itemprop="author" itemscope="itemscope" itemtype="https://schema.org/Person" ><span itemprop='name'>bonniejecinta</span></span><span class='av-structured-data' itemprop="datePublished" datetime="2024-02-12T09:07:59+00:00" >2024-02-12 09:07:59</span><span class='av-structured-data' itemprop="dateModified" itemtype="https://schema.org/dateModified" >2024-02-12 09:07:59</span><span class='av-structured-data' itemprop="mainEntityOfPage" itemtype="https://schema.org/mainEntityOfPage" ><span itemprop='name'>2 Hour of Code Assignment is below in the next section Download the attachment and</span></span></span></article><div class='single-big'></div> <div class='comment-entry post-entry'> </div> <!--end content--> </main> <aside class='sidebar sidebar_right alpha units' role="complementary" itemscope="itemscope" itemtype="https://schema.org/WPSideBar" ><div class='inner_sidebar extralight-border'><section id="custom_html-4" class="widget_text widget clearfix widget_custom_html"><div class="textwidget custom-html-widget"><h2 style="color: blue; font-size: 9px;">Step 1: Fill the Order Form</h2> <p style="font-size: 9px;">📝 Complete the order form and upload all of your files, including any instructions, rubrics, or other materials provided by your instructor.</p> <h2 style="color: blue; font-size: 9px;">Step 2: Make Payment</h2> <p style="font-size: 9px;">📝 Complete the order payment after filling in the order form. We’ll receive your order and assign it to a writer.</p> <h2 style="color: blue; font-size: 9px;">Step 3: The Writing Process</h2> <p style="font-size: 9px;">📝 The assigned writer will complete your paper and forward it to our Editing Team for review and approval.</p> <h2 style="color: blue; font-size: 9px;">Step 4: Download Paper</h2> <p style="font-size: 9px;">📝 Once approved by the editor, the completed paper will be uploaded to your account for you to download, review, and approve.</p></div><span class="seperator extralight-border"></span></section> <section id="recent-posts-2" class="widget clearfix widget_recent_entries"> <h3 class="widgettitle">Recent Posts</h3> <ul> <li> <a href="https://readyassignments.com/15079-2/">(no title)</a> </li> <li> <a href="https://readyassignments.com/week-5-discussion/">Week 5 discussion “</a> </li> <li> <a href="https://readyassignments.com/seu-accounting-information-systems/">SEU Accounting information systems “</a> </li> <li> <a href="https://readyassignments.com/diversity-work/">Diversity Work “</a> </li> <li> <a href="https://readyassignments.com/your-first-day-starting-at-baruch/">Your first day starting at Baruch</a> </li> <li> <a href="https://readyassignments.com/wrtg-394-advanced-business-writing/">WRTG 394 ADVANCED BUSINESS WRITING</a> </li> <li> <a href="https://readyassignments.com/writing-reflection/">Writing reflection</a> </li> </ul> <span class="seperator extralight-border"></span></section></div></aside> </div><!--end container--> </div><!-- close default .container_wrap element --> <div class='container_wrap footer_color' id='footer'> <div class='container'> <div class='flex_column av_one_fourth first el_before_av_one_fourth'><section id="text-2" class="widget clearfix widget_text"><h3 class="widgettitle">About Us</h3> <div class="textwidget"><section class="av_textblock_section av-l3oc0uu8-977bb31d5898dc0a28a46bce3f0ef6eb "> <div class="avia_textblock "> <p>We provide reliable and top-quality writing services with a great balance of affordability and professionalism with all types of academic papers.</p> </div> </section> </div> <span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth '><section id="nav_menu-2" class="widget clearfix widget_nav_menu"><h3 class="widgettitle">Quick Links</h3><div class="menu-menu-container"><ul id="menu-menu" class="menu"><li id="menu-item-97" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-97"><a href="https://readyassignments.com/">Home</a></li> <li id="menu-item-94" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94"><a href="https://readyassignments.com/services/">Services</a></li> <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="https://readyassignments.com/about-us/">About Us</a></li> <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="https://readyassignments.com/how-it-works/">How it works</a></li> <li id="menu-item-95" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-95"><a href="/order/writer/testimonials">Latest Reviews</a></li> <li id="menu-item-99" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-99"><a href="https://readyassignments.com/faqs2/">FAQs</a></li> <li id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-62"><a href="https://readyassignments.com/order/user/login">Login</a></li> <li id="menu-item-63" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-63"><a href="https://readyassignments.com/order">Order Now</a></li> </ul></div><span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth '><section id="media_image-2" class="widget clearfix widget_media_image"><h3 class="widgettitle">We Accept</h3><a href="https://readyassignments.com/order"><img width="594" height="213" src="https://readyassignments.com/wp-content/uploads/2022/05/paypal-1.png" class="avia-img-lazy-loading-61 image wp-image-61 attachment-full size-full" alt="" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" srcset="https://readyassignments.com/wp-content/uploads/2022/05/paypal-1.png 594w, https://readyassignments.com/wp-content/uploads/2022/05/paypal-1-300x108.png 300w" sizes="auto, (max-width: 594px) 100vw, 594px" /></a><span class="seperator extralight-border"></span></section></div><div class='flex_column av_one_fourth el_after_av_one_fourth el_before_av_one_fourth '><section id="text-3" class="widget clearfix widget_text"><h3 class="widgettitle">Contact Info</h3> <div class="textwidget"><p><a href="mailto:readyassignments123@gmail.com">readyassignments123@gmail.com</a></p> </div> <span class="seperator extralight-border"></span></section><section id="custom_html-3" class="widget_text widget clearfix widget_custom_html"><h3 class="widgettitle">tawk</h3><div class="textwidget custom-html-widget"><!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/65da68fa8d261e1b5f6506a4/1hneik517'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script> <!--End of Tawk.to Script--></div><span class="seperator extralight-border"></span></section></div> </div> <!-- ####### END FOOTER CONTAINER ####### --> </div> <footer class='container_wrap socket_color' id='socket' role="contentinfo" itemscope="itemscope" itemtype="https://schema.org/WPFooter" > <div class='container'> <span class='copyright'>© Copyright 2024 Ready Assignments</span> </div> <!-- ####### END SOCKET CONTAINER ####### --> </footer> <!-- end main --> </div> <a class='avia-post-nav avia-post-prev without-image' href='https://readyassignments.com/1pg-discuss-three-experiences-with-mass-media-movies-or-television-that-affected-you-positively/' > <span class='label iconfont' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span> <span class='entry-info-wrap'> <span class='entry-info'> <span class='entry-title'>1PG  -Discuss three experiences with mass media movies or television that...</span> </span> </span></a><a class='avia-post-nav avia-post-next without-image' href='https://readyassignments.com/300-words-we-continue-to-discuss-and-examine-best-practices-as-they-apply-to-the/' > <span class='label iconfont' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'></span> <span class='entry-info-wrap'> <span class='entry-info'> <span class='entry-title'>300 words We continue to discuss and examine best practices as they apply to...</span> </span> </span></a><!-- end wrap_all --></div> <a href='#top' title='Scroll to top' id='scroll-top-link' aria-hidden='true' data-av_icon='' data-av_iconfont='entypo-fontello'><span class="avia_hidden_link_text">Scroll to top</span></a> <div id="fb-root"></div> <!--Start of Tawk.to Script (0.7.2)--> <script id="tawk-script" type="text/javascript"> var Tawk_API = Tawk_API || {}; var Tawk_LoadStart=new Date(); (function(){ var s1 = document.createElement( 'script' ),s0=document.getElementsByTagName( 'script' )[0]; s1.async = true; s1.src = 'https://embed.tawk.to/65da68fa8d261e1b5f6506a4/1hneik517'; s1.charset = 'UTF-8'; s1.setAttribute( 'crossorigin','*' ); s0.parentNode.insertBefore( s1, s0 ); })(); </script> <!--End of Tawk.to Script (0.7.2)--> <script type='text/javascript'> /* <![CDATA[ */ var avia_framework_globals = avia_framework_globals || {}; avia_framework_globals.frameworkUrl = 'https://readyassignments.com/wp-content/themes/enfold/framework/'; avia_framework_globals.installedAt = 'https://readyassignments.com/wp-content/themes/enfold/'; avia_framework_globals.ajaxurl = 'https://readyassignments.com/wp-admin/admin-ajax.php'; /* ]]> */ </script> <!-- Click to Chat - https://holithemes.com/plugins/click-to-chat/ v4.7 --> <div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-2 " id="ht-ctc-chat" style="display: none; position: fixed; bottom: 15px; right: 15px;" > <div class="ht_ctc_style ht_ctc_chat_style"> <div style="display: flex; justify-content: center; align-items: center; " class="ctc-analytics ctc_s_2"> <p class="ctc-analytics ctc_cta ctc_cta_stick ht-ctc-cta ht-ctc-cta-hover " style="padding: 0px 16px; line-height: 1.6; font-size: 15px; background-color: #25D366; color: #ffffff; border-radius:10px; margin:0 10px; display: none; order: 0; ">WhatsApp us NOW!!</p> <svg style="pointer-events:none; display:block; height:50px; width:50px;" width="50px" height="50px" viewBox="0 0 1024 1024"> <defs> <path id="htwasqicona-chat" d="M1023.941 765.153c0 5.606-.171 17.766-.508 27.159-.824 22.982-2.646 52.639-5.401 66.151-4.141 20.306-10.392 39.472-18.542 55.425-9.643 18.871-21.943 35.775-36.559 50.364-14.584 14.56-31.472 26.812-50.315 36.416-16.036 8.172-35.322 14.426-55.744 18.549-13.378 2.701-42.812 4.488-65.648 5.3-9.402.336-21.564.505-27.15.505l-504.226-.081c-5.607 0-17.765-.172-27.158-.509-22.983-.824-52.639-2.646-66.152-5.4-20.306-4.142-39.473-10.392-55.425-18.542-18.872-9.644-35.775-21.944-50.364-36.56-14.56-14.584-26.812-31.471-36.415-50.314-8.174-16.037-14.428-35.323-18.551-55.744-2.7-13.378-4.487-42.812-5.3-65.649-.334-9.401-.503-21.563-.503-27.148l.08-504.228c0-5.607.171-17.766.508-27.159.825-22.983 2.646-52.639 5.401-66.151 4.141-20.306 10.391-39.473 18.542-55.426C34.154 93.24 46.455 76.336 61.07 61.747c14.584-14.559 31.472-26.812 50.315-36.416 16.037-8.172 35.324-14.426 55.745-18.549 13.377-2.701 42.812-4.488 65.648-5.3 9.402-.335 21.565-.504 27.149-.504l504.227.081c5.608 0 17.766.171 27.159.508 22.983.825 52.638 2.646 66.152 5.401 20.305 4.141 39.472 10.391 55.425 18.542 18.871 9.643 35.774 21.944 50.363 36.559 14.559 14.584 26.812 31.471 36.415 50.315 8.174 16.037 14.428 35.323 18.551 55.744 2.7 13.378 4.486 42.812 5.3 65.649.335 9.402.504 21.564.504 27.15l-.082 504.226z"/> </defs> <linearGradient id="htwasqiconb-chat" gradientUnits="userSpaceOnUse" x1="512.001" y1=".978" x2="512.001" y2="1025.023"> <stop offset="0" stop-color="#61fd7d"/> <stop offset="1" stop-color="#2bb826"/> </linearGradient> <use xlink:href="#htwasqicona-chat" overflow="visible" style="fill: url(#htwasqiconb-chat)" fill="url(#htwasqiconb-chat)"/> <g> <path style="fill: #FFFFFF;" fill="#FFF" d="M783.302 243.246c-69.329-69.387-161.529-107.619-259.763-107.658-202.402 0-367.133 164.668-367.214 367.072-.026 64.699 16.883 127.854 49.017 183.522l-52.096 190.229 194.665-51.047c53.636 29.244 114.022 44.656 175.482 44.682h.151c202.382 0 367.128-164.688 367.21-367.094.039-98.087-38.121-190.319-107.452-259.706zM523.544 808.047h-.125c-54.767-.021-108.483-14.729-155.344-42.529l-11.146-6.612-115.517 30.293 30.834-112.592-7.259-11.544c-30.552-48.579-46.688-104.729-46.664-162.379.066-168.229 136.985-305.096 305.339-305.096 81.521.031 158.154 31.811 215.779 89.482s89.342 134.332 89.312 215.859c-.066 168.243-136.984 305.118-305.209 305.118zm167.415-228.515c-9.177-4.591-54.286-26.782-62.697-29.843-8.41-3.062-14.526-4.592-20.645 4.592-6.115 9.182-23.699 29.843-29.053 35.964-5.352 6.122-10.704 6.888-19.879 2.296-9.176-4.591-38.74-14.277-73.786-45.526-27.275-24.319-45.691-54.359-51.043-63.543-5.352-9.183-.569-14.146 4.024-18.72 4.127-4.109 9.175-10.713 13.763-16.069 4.587-5.355 6.117-9.183 9.175-15.304 3.059-6.122 1.529-11.479-.765-16.07-2.293-4.591-20.644-49.739-28.29-68.104-7.447-17.886-15.013-15.466-20.645-15.747-5.346-.266-11.469-.322-17.585-.322s-16.057 2.295-24.467 11.478-32.113 31.374-32.113 76.521c0 45.147 32.877 88.764 37.465 94.885 4.588 6.122 64.699 98.771 156.741 138.502 21.892 9.45 38.982 15.094 52.308 19.322 21.98 6.979 41.982 5.995 57.793 3.634 17.628-2.633 54.284-22.189 61.932-43.615 7.646-21.427 7.646-39.791 5.352-43.617-2.294-3.826-8.41-6.122-17.585-10.714z"/> </g> </svg></div> </div> </div> <span class="ht_ctc_chat_data" data-no_number="" data-settings="{"number":"254715913049","pre_filled":"Hello,\r\nWelcome, Ready Assignments we tackle;\r\nArticles\r\nresearch","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 15px; right: 15px;","pos_m":"position: fixed; bottom: 15px; right: 15px;","schedule":"no","se":150,"ani":"no-animations","url_target_d":"_blank","ga":"yes","fb":"yes","g_init":"default","g_an_event_name":"click to chat","pixel_event_name":"Click to Chat by HoliThemes"}" ></span> <script type="text/javascript" id="ht_ctc_app_js-js-extra"> /* <![CDATA[ */ var ht_ctc_chat_var = {"number":"254715913049","pre_filled":"Hello,\r\nWelcome, Ready Assignments we tackle;\r\nArticles\r\nresearch","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 15px; right: 15px;","pos_m":"position: fixed; bottom: 15px; right: 15px;","schedule":"no","se":"150","ani":"no-animations","url_target_d":"_blank","ga":"yes","fb":"yes","g_init":"default","g_an_event_name":"click to chat","pixel_event_name":"Click to Chat by HoliThemes"}; var ht_ctc_variables = {"g_an_event_name":"click to chat","pixel_event_type":"trackCustom","pixel_event_name":"Click to Chat by HoliThemes","g_an_params":["g_an_param_1","g_an_param_2","g_an_param_3"],"g_an_param_1":{"key":"number","value":"{number}"},"g_an_param_2":{"key":"title","value":"{title}"},"g_an_param_3":{"key":"url","value":"{url}"},"pixel_params":["pixel_param_1","pixel_param_2","pixel_param_3","pixel_param_4"],"pixel_param_1":{"key":"Category","value":"Click to Chat for WhatsApp"},"pixel_param_2":{"key":"ID","value":"{number}"},"pixel_param_3":{"key":"Title","value":"{title}"},"pixel_param_4":{"key":"URL","value":"{url}"}}; /* ]]> */ </script> <script type="text/javascript" src="https://readyassignments.com/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/js/app.js?ver=4.7" id="ht_ctc_app_js-js"></script> <script type="text/javascript" src="https://readyassignments.com/wp-content/uploads/dynamic_avia/avia-footer-scripts-c868f1ab4e4d08c15da1c6f9f7f714ee---65c762c1c69b9.js" id="avia-footer-scripts-js"></script> </body> </html>