Question: Write a code for the following: Create homepage (index.html) for IS 306 using NOTEPAD.EXE. Use the requirements below. Use simple HTML code. No Doctype needed

Write a code for the following:

Create homepage (index.html) for IS 306 using NOTEPAD.EXE. Use the requirements below. Use simple HTML code. No Doctype needed for this assignment. This document will not be validated. No CSS on this document. We will enhance the document at a later time. 2. Details Include a tag in the <head> section which identifies your page as your homepage for IS 306. Change the background color of the page. Do not use a white background. bgcolor=????. Create a table to hold the entire layout of your design. See example. Main Table 80%, centered in the middle of the browser, border=0. In my example, I have used a 3 column x 3 row table. This is an example. It must have all the required components. The images below is only an example. It may not have all of the requirements outlined in this assignment. Defne the title tag for the page. Add a header in the first row of the table. You will need to use a colspan to put all the cells into for that row of your table. Use yourname as the page Header Add a link to your email address. Include a short biography subheading, a work history subheading and hobbies subheading. Use one of the h1 , h2 , h3 tags for the subheadings. I used a h2 in the example below. Add information to each section. There must be real information not lorem ipsum. Add a link to your employers and any hobby sites that support your hobby. Add a subheader called Portfolio. In this section you will add links to your homework which I will use when grading your assignments. o Add a 2x2 table 90% in width. Use a table to contain the page layout. (3x3) o No border. o Add cell padding and cell spacing to add active white space to the table. o The table maybe centered or left justified. o Change the background color of the page and use a contrasting color for the page text.Do not use a white background. o Change the color of the table to compliment the page background color. Create a header for the In class Assignments and for Individual Assignments. Under the Inclass Assignment section Add the link the practice.html. Use a relative link. o Under the Individuals Assignments (all homework assignments are stored in the homework folder) link your HTML tutorial pdf and the SSH assignment pdf that were completed in Part A and Part B. Use relative linking. (Hint: you will need to upload your pdf documents to the server to your homework folder.) Include a picture of yourself, use the width and height attributes to resize the picture. Be sure to include alt and title attributes. The picture can be anything that represents you. Left Navigation place in the leftmost column of the main table. Use a heading 2 for each of the navigation text. Home index.html Project project/index.html the link for this navigation text will be broken for the time being. Once your project is underway it will be linked to your project homepage. HTML Help - link to w3schools.com. Bottom Text Navigation Provide the following textual navigation links. Use a heading 4 for each navigation text. o UK https://www. o Buiness https://business..com/ Name your file index.html. Publish 1. Upload/publish your pages to your students account. Publish all files to the studentweb server into the appropriate folders. The PDF files are in your homework folder. Your index.html file is in the 306 folder. Test your page to be sure they are working correctly. Remember test in the browser not through the SSH or Cyberduck tool.</p> <p> </p> </div> <div class="question-answer-divider"></div> <section class="answerHolder" itemscope itemtype="http://schema.org/Answer"> <div class="answerHolderHeader"> <h2>Step by Step Solution</h2> <div class="answerReviews"> <div class="starIcon"> </div> </div> </div> <div class="questionProperties"> <p>There are 3 Steps involved in it</p> <div class="cart-flex"> <div class="cart cart1"> 1 Expert Approved Answer </div> </div> </div> <div class="step org_answer"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="step-heading step-1">Step: 1 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> <img src="https://www.solutioninn.com/includes/images/document_product_info/blur-text-image.webp" class="blured-ans-image" width="759" height="271" alt="blur-text-image" decoding="async" fetchpriority="high"> <div class="step1Popup"> <span class="heading">Question Has Been Solved by an Expert!</span> <p>Get step-by-step solutions from verified subject matter experts</p> <button class="view_solution_btn step1PopupButton">View Solution</button> </div> </div> <div class="step"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="accordion step-heading">Step: 2 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> </div> <div class="step"> <span class="view_solution_btn view-solution-btn-cursor"> <strong class="accordion step-heading">Step: 3 <span>Unlock <i class="fa-solid fa-lock"></i></span></strong> </span> </div> </section> <section class="relatedQuestion"> <h3>Students Have Also Explored These Related Databases Questions!</h3> <div class="relatedQuestionSliderHolder"> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/assignment-3model-and-view-for-game-grid-and-pieces-due-23286255" > Assignment 3--Model and view for game grid and pieces Due: October 1, 2018 In Assignment 1 you wrote a sample game state and made hand-coded an HTML mock-up showing the sample game state. Then in... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/vivek-patel-vp-ga-x-autosave-hub-2021wassignment1new-1-13675994" > Vivek Patel VP Ga X AutoSave HUB 2021W_Assignment_1_NEW (1) - Protected View - Saved to this PC- O Search File Home Insert Draw Design References Mailings Review View Help O PROTECTED VIEW Be... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/create-the-process-file-in-php-standard-simple-beginner-coding-13663454" > Create the process file in PHP (standard simple beginner coding) NO intricate coding with colors, width, div class, height, scroll through options. Just simple hardcoded, please. Objectives: Write... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/in-java-the-last-picture-is-adventurestxt-thank-you-assignment-12473914" > in java, the last picture is adventures.txt thank you Assignment Description This assignment is an opportunity to review objects, inheritance, and polymorphism. You will create the following... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/learning-objectives-this-assignment-is-designed-to-practice-1-basic-13115544" > Learning Objectives: This assignment is designed to practice: 1. Basic understanding of JavaScript variables, including declaration, initialization and assignment processes. 2. Obtain user input via... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/not-sure-how-to-write-this-code-in-java-introduction-15039082" > Not sure how to write this code in Java. Introduction This lab builds upon lab 3, using if-else and other branching statements to classify short messages (like tweets) based on keywords in the... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/i-can-add-the-section-number-myself-where-it-is-12572100" > I can add the section number myself where it is needed, I just need some help with the rest. Using the text editor of your choice, in your website folder, create a html named assignment5.html If... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/can-someone-help-please-for-this-java-adventures-assignment-thank-12632285" > Can someone help please for this java adventures assignment! Thank you! Write a test program (i.e. main) that: a.Opens the test file Adventures.txt for reading.b. Creates a polymorphic array to store... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/can-someone-help-with-this-assignment-create-a-new-c-13216967" > Can someone help with this assignment? Create a new C++ repl project to write the code below. You will create a total of 5 files and submit a link to your repl. Write a class called Dog in C++. Dogs... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/i-will-teach-you-how-to-create-a-new-project-13267417" > I will teach you how to create a new project from scratch in the class in the upcoming weeks. For now, just follow these steps. Download the program in section 3.2 from: Click here to download a zip... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/1-a-company-has-an-inventory-of-1250-assorted-parts" > 1. A company has an inventory of 1,250 assorted parts for a line of missiles that has been discontinued. The inventory cost is $ 76,000. The parts can be either (a) remachined at total additional... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/if-we-make-d--a-in-figure-the-two" > If we make d = a in Figure the two slits coalesce into a single slit of width 2a. Show that Eq. 36-19 reduces to give the diffraction pattern for such aslit. d </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/6-suppose-you-have-the-following-information-stockexpected-returnbetagoog-27898450" > 6 . Suppose you have the following information: Stockexpected returnbetaGOOG 1 0 . 0 0 % 0 . 9 MSFT 7 . 0 0 % 0 . 9 AAPL 4 . 0 0 % 0 . 4 The arbitrage strategy would be to: Question 6 options: Buy... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/9-5-6-14782545" > 9 5 6 . </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/cost-of-capital-in-managerial-finance/how-does-the-job-level-table-differ-from-the-job-2132114" > How does the Job Level Table differ from the Job Family and Occupation Tables, and how are all Three tables related? </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/cost-of-capital-in-managerial-finance/what-is-the-definition-for-third-normal-form-2132118" > What is the Definition for Third Normal Form? </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/cost-of-capital-in-managerial-finance/provide-two-examples-of-a-onetomany-relationship-2132121" > Provide two examples of a One-To-Many relationship. </a> </div> </div> <nav class="navigationButtons"> <a class="previousQuestionButton" href="/study-help/questions/can-u-make-sure-that-those-codes-are-matches-what-13712878">Previous Question</a> <a class="nextQuestionButton" href="/study-help/questions/which-one-of-the-following-is-not-an-instance-method-13712880">Next Question</a> </nav> </section> </main> <aside class="expertRight"> <section class="relatedBook" style="margin-bottom:40px; width: 100%;" > <div class="bookHolder" > <div class="relatedBookHeading" > <h2 class="heading">Recommended Textbook</h2> </div> <div class="bookMainInfo" > <div class="bookImage" style="width: 100px !important; min-width: 100px; flex-shrink: 0; margin-right: 20px;"> <a href="/textbooks/beginning-c-5-0-databases-2nd-edition-9781430242604"> <img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/64ed83cdbba43_47809.jpg" width="100" height="131" alt="Beginning C# 5.0 Databases" loading="lazy" style="width: 100px !important;"> </a> <a href="/textbooks/computer-science-website-seo-669" style="margin-top: 8px; display: block; text-align: left;">More Books</a> </div> <div class="bookInfo" style="text-align: left;"> <span class="bookTitle" style="text-align: left;"> <a href="/textbooks/beginning-c-5-0-databases-2nd-edition-9781430242604" style="text-align: left;"> Beginning C# 5.0 Databases </a> </span> <div class="bookMetaInfo" style="text-align: left;"> <p class="bookAuthor" style="text-align: left;"> <b>Authors:</b> <span>Vidya Vrat Agarwal</span> </p> <p class="bookEdition" style="text-align: left;"> 2nd Edition </p> <p class="bookEdition" style="text-align: left;"> 1430242604, 978-1430242604 </p> </div></div></div> </div> </section> <div class="post-question-section"> <div class="description-question-section"> <span class="post-question-section-title">Ask a Question and Get Instant Help!</span> </div> <div class="text-area-post-question"> <form action="/study-help/post-question?ref=search" method="post" enctype="multipart/form-data"> <textarea rows="4" class="form-control form-posting-margin" name="textarea-question-content" id="textarea-question-content" placeholder="Type Your Question ...."></textarea> <button type="submit" class="btn btn-sm btn-submit-post-question text-center">Get Answer</button> </form> </div> </div> </aside> </div> </div> <div class="promo items-center justify-center hidden"> <div class="app_promo"> <span class="app_promo_dismiss"> <i class="fa-solid fa-x"></i> </span> <div class="app-button"> <div class="image-wrapper"> <img width="30" height="30" src="https://www.solutioninn.com/includes/images/rewamp/common/mobile-app-logo.png" decoding="async" fetchpriority="high" alt="SolutionInn App Logo"> <strong>Study Help</strong> </div> <button class="app_promo_action redirection" data-question-open-url='q_id=13712879&q_type=2'> Open in App </button> </div> </div> </div> </div> </div> <div class="blank-portion"></div> <footer> <div class="container footerHolder"> <div class="footerLinksFlex"> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Services</p> <ul> <li><a href="/site-map">Sitemap</a></li> <li><a href="/fun/">Fun</a></li> <li><a href="/study-help/definitions">Definitions</a></li> <li><a href="/tutors/become-a-tutor">Become Tutor</a></li> <li><a href="/books/used-textbooks">Used Textbooks</a></li> <li><a href="/study-help/categories">Study Help Categories</a></li> <li><a href="/study-help/latest-questions">Recent Questions</a></li> <li><a href="/study-help/questions-and-answers">Expert Questions</a></li> <li><a href="/clothing">Campus Wear</a></li> <li><a href="/sell-books">Sell Your Books</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Company Info</p> <ul> <li><a href="/security">Security</a></li> <li><a href="/copyrights">Copyrights</a></li> <li><a href="/privacy">Privacy Policy</a></li> <li><a href="/conditions">Terms & Conditions</a></li> <li><a href="/solutioninn-fee">SolutionInn Fee</a></li> <li><a href="/scholarships">Scholarship</a></li> <li><a href="/online-quiz">Online Quiz</a></li> <li><a href="/study-feedback">Give Feedback, Get Rewards</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-6"> <p>Get In Touch</p> <ul> <li><a href="/about-us">About Us</a></li> <li><a href="/support">Contact Us</a></li> <li><a href="/career">Career</a></li> <li><a href="/jobs">Jobs</a></li> <li><a href="/support">FAQ</a></li> <li><a href="https://www.studentbeans.com/en-us/us/beansid-connect/hosted/solutioninn" target="_blank" rel="noopener nofollow">Student Discount</a></li> <li><a href="/campus-ambassador-program">Campus Ambassador</a></li> </ul> </div> <div class="footerLinksCol col-md-3 col-lg-3 col-sm-6 col-12"> <p>Secure Payment</p> <div class="footerAppDownloadRow"> <div class="downloadLinkHolder"> <img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/common/footer/secure_payment_method.png" class="img-fluid mb-3" width="243" height="28" alt="payment-verified-icon" loading="lazy"> </div> </div> <p>Download Our App</p> <div class="footerAppDownloadRow"> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection" data-id="1"> <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/google-play-svg.svg" alt="SolutionInn - Study Help App for Android" width="116" height="40" class="img-fluid mb-3 " loading="lazy"> </div> <div class="downloadLinkHolder mobileAppDownload col-md-6 col-lg-6 col-sm-6 col-6 redirection" data-id="2"> <img style="cursor:pointer;" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/home_page/apple-store-download-icon.svg" alt="SolutionInn - Study Help App for iOS" width="116" height="40" class="img-fluid mb-3" loading="lazy"> </div> </div> </div> </div> </div> <div class="footer-bottom"> <p>© 2026 SolutionInn. All Rights Reserved</p> </div></footer> <script> window.addEventListener("load",function(){jQuery(document).ready(function(t){ // Clarity tracking (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "sjv6tuxsok"); // Helper to read a cookie by name function getCookie(name) { return document.cookie .split('; ') .map(v => v.split('=')) .reduce((acc, [k, val]) => (k === name ? decodeURIComponent(val || '') : acc), ''); } // Read cookies var si = getCookie('si_u_id'); var uid = getCookie('u_id'); var zen = getCookie('zenid'); // Send to Clarity if (si) clarity('set', 'si_u_id', si); if (uid) clarity('set', 'u_id', uid); if (zen) clarity('set', 'zenid', zen); clarity('set', 'ip_address', '216.73.216.134'); t.ajax({type:"POST",url:"/",data:{trackUserActivity:!0,reqUri:document.URL,referer:document.referrer},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(t){t.ajax({type:"POST",url:"/",data:{insertCrawler:!0,reqUri:document.URL,parseTime:"0.056",queryTime:"0.01654768548584",queryCount:"30"},success:function(t){}})})},!1),window.addEventListener("load",function(){jQuery(document).ready(function(){function t(t="",n=!1){var i="itms-apps://itunes.apple.com/app/id6462455425",e="openApp://action?"+t;isAndroid()?(setTimeout(function(){return window.location="market://details?id=com.solutioninn.studyhelp",!1},25),window.location=e):isIOS()?(setTimeout(function(){return window.location=i,!1},25),window.location=e):(i="https://apps.apple.com/in/app/id6462455425",n&&(i="https://play.google.com/store/apps/details?id=com.solutioninn.studyhelp"),window.open("about:blank","_blank").location.href=i)}jQuery("#appModal").modal("show"),jQuery(".download-app-btn").click(function(){t(jQuery(this).attr("data-question-open-url"))}),jQuery(".redirection").click(function(){var n=jQuery(this).attr("data-question-open-url"),i=jQuery(this).attr("data-id");void 0!=n?1==i?t(n,!0):t(n,!1):1==i?t("",!0):t("",!1)}),jQuery(".app-notification-close").click(function(){jQuery(".app-notification-section").css("visibility","hidden");var t=new FormData;t.append("hide_notification",!0),jQuery.ajax({type:"POST",url:"/",data:t,cache:!1,contentType:!1,processData:!1,beforeSend:function(){},success:function(t){location.reload()}})})})},!1); </script> </body> </html>