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>
</section>
<section class="answerHolder">
<div class="answerHolderHeader">
<div class="answer-heading">
<h2>Step by Step Solution</h2>
</div>
<div class="answerReviews">
<div class="starReview">
<div class="starIcon">
</div>
<div class="starText">
</div>
</div>
</div>
</div>
<div class="answerSteps">
<p>There are <span>3</span> Steps involved in it</p>
<div class="step">
<h3>Step: 1</h3>
<img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-text-image.webp" width="759" height="271" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low">
<div class="step1Popup">
<h3>Get Instant Access to Expert-Tailored Solutions</h3>
<p>See step-by-step solutions with expert insights and AI powered tools for academic success</p>
<button class="view_solution_btn step1PopupButton">View Solution</button>
</div>
</div>
<div class="step">
<h3 class="accordion">Step: 2</h3>
<div class="panel">
<img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp" width="975" height="120" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low">
<button class="view_solution_btn stepPopupButton">Sign Up to view</button>
</div>
</div>
<div class="step">
<h3 class="accordion">Step: 3</h3>
<div class="panel">
<img src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/document_product_info/blur-subtext-image.webp" width="975" height="120" alt="blur-text-image" loading="lazy" decoding="async" fetchpriority="low">
<button class="view_solution_btn stepPopupButton">Sign Up to view</button>
</div>
</div>
</div>
</section>
</div>
<div class="expertRight">
<section class="AIRedirect">
<div class="AIHolder">
<h2>Ace Your Homework with AI</h2>
<p>Get the answers you need in no time with our AI-driven, step-by-step assistance</p>
<a class="AILink" href="/ask_ai">Get Started</a>
</div>
</section>
<section class="relatedBook">
<div class="bookHolder" >
<div class="relatedBookHeading" >
<h2>Recommended Textbook for</h2>
<object class="freeTagImage" type="image/svg+xml" data="https://dsd5zvtm8ll6.cloudfront.net/includes/images/rewamp/document_product_info/free.svg" name="free-book-icon"></object>
</div>
<div class="bookMainInfo" >
<div class="bookImage" >
<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">
</a>
</div>
<div class="bookInfo" >
<h3 class="bookTitle">
<a href="/textbooks/beginning-c-5-0-databases-2nd-edition-9781430242604">
Beginning C# 5.0 Databases </a>
</h3>
<div class="bookMetaInfo" >
<p class="bookAuthor">
<b>Authors:</b> <span>Vidya Vrat Agarwal</span>
</p>
<p class="bookEdition">
2nd Edition </p>
<p class="bookEdition">
1430242604, 978-1430242604 </p>
</div></div></div>
<a href="/textbooks/computer-science-javascript-2443" class="viewMoreBooks">More Books</a>
</div>
</section>
</div>
</div>
<section class="relatedQuestion">
<div class="relatedQuestionHolder">
<h4>Students also viewed these Databases questions</h4>
<div class="relatedQuestionSliderHolder">
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/jessica-is-the-lead-hospitality-industry-audit-partner-at-a" >
Jessica is the lead hospitality industry audit partner at a prestigious international accounting firm. Jessica recently won an engagement of a large, publicly traded hotel chain. In planning the... </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/introduction-to-actuarial-and-financial/use-the-bisection-method-to-obtain-the-roots-required-of-1199131" >
Use the bisection method to obtain the roots required of the following functions to an error tolerance of = 0.01. a. The single real positive root of f (x) = x 2 + 2.011x 5.04795. b. The single... </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/entrepreneurship/how-do-those-who-are-leading-patientslikeme-practice-productcustomer-focus-2122133" >
How do those who are leading PatientsLikeMe practice product/customer focus? How do they practice execution intelligence? </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/allocation-to-accomplish-smoothing-ohara-corporation-estimated-its-overhead-costs" >
Allocation to accomplish smoothing OHara Corporation estimated its overhead costs would be $24,000 per month except for January when it pays the $72,000 annual insurance premium on the manufacturing... </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/questions/write-a-code-for-the-following-create-homepage-indexhtml-for-13712879" >
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... </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/questions/kingbird-company-reports-the-following-financial-information-before-adjustments-prepare-6865085" >
Kingbird Company reports the following financial information before adjustments. Prepare the journal entry to record bad debt expense assuming Kingbird Company estimates bad debts at (a) 4% of accour... </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/questions/you-have-resources-deployed-to-multiple-azure-regions-you-plan-3278150" >
You have resources deployed to multiple Azure regions. You plan to deploy Microsoft Sentinel. You need to estimate the costs associated with using Microsoft Sentinel to monitor the Azure resources.... </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/questions/an-important-question-raised-in-occupational-psychology-by-global-outsourcing-3277969" >
An important question raised in occupational psychology by global outsourcing and offshoring is Group of answer choices Will the cost of cultural and linguistic differences be offset by the financial... </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/questions/which-activity-is-not-a-primary-charge-of-a-health-3277310" >
Which activity is not a primary charge of a health hazard evaluation? Instruction: Choose the option that best answers the question. Answer Choices Conducting field evaluations and consultations... </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/questions/the-residence-where-drouet-and-carrie-move-in-together-is-3272825" >
The residence where Drouet and Carrie move in together is Group of answer choices a single hotel room a three-room flat a small cottage along the lake a mansion on North Shore Blvd </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/questions/which-of-the-following-is-a-structural-source-of-power-3266654" >
Which of the following is a structural source of power? Group of answer choices Ambition Popularity One's position in a company The match of style and situation </a>
<div class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<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 class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<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 class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
<div class="relatedQuestionCart ">
<div class="relatedQuestionCartHeader">
<h3>Question</h3>
<div class="relatedStarRating">
<span class="star active">★</span><span class="star active">★</span><span class="star active">★</span><span class="star active half">★</span><span class="star">★</span> </div>
</div>
<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 class="relatedQuestionCartFooter">
<div class="relatedHistory">
<p>
Answered: <span>1 week ago</span>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<hr class="expert-separator">
<div class="next-previous-button">
<div 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>
</div>
</div>
</div>
<div class="promo items-center justify-center hidden" style="margin-left:-15px;">
<div class="app_promo">
<div class="app_promo_headline">
<img class="app_promo_icon" alt="Mobile App Logo" width="40" height="40" loading="lazy" src="https://dsd5zvtm8ll6.cloudfront.net/includes/images/mobile/finalLogo.png">
<p class="app_promo_title font-sans items-center">View Answer in SolutionInn App</p>
</div>
<button class="app_promo_action redirection question_open_url='q_id=13712879&q_type=2'"> Download on the App Store </button>
<button class="btn btn-default app_promo_dismiss"> Continue with the mobile website </button>
</div>
</div>
</main>
</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="/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>
</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>
</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="/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>© 2024 SolutionInn. All Rights Reserved</p>
</div></footer>
<script>
window.addEventListener("load",function(){jQuery(document).ready(function(t){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("question_open_url"))}),jQuery(".redirection").click(function(){var n=jQuery(this).attr("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> 
