n the Assign3 folder created in Week 1, use a text editor like Notepad++ to create an HTML5 homepage called index.html. This homepage should contain some information about yourself. If you want you can use the template in the notes as a starter.
Your homepage should be divided into three sections, each related to something about you (like background, favorite movies, best vacation, goals in taking the class, etc).
One section should consist of at least two paragraphs of 3 - 4 sentences each
One section should contain an ordered or unordered list of at least 3 or 4 items
The format of the third section is up to you
In at least one section, you'll need a link to an external web page
You are required to use these elements (include end tags where appropriate):
</p> <p><link> tag to tie HTML to CSS style sheet <strong>styles.css</strong></p> <p><meta> tag to define charset so that HTML will validate</p> <p>one <h1> heading</p> <p>at least three <h2> headings (one at the beginning of each section)</p> <p>at least two <p> paragraphs</p> <p>ordered list <ol> or unordered list <ul> with at least 3 list items <li> </p> <p>anchor <a> with link to external web site</p> <p>Create a CSS file called <strong>styles.css</strong>. In it:</p> <p>add rule sets for at least three different elements used in your HTML code (body, h1, ol, etc.)</p> <p>include at least 5 different properties (color, background-color, text-align, etc.)</p> <p>you may use the CSS template, but you must, at least, change the property values</p> <p>Additional requirements:</p> <p>HTML should begin with a comment with title, author, date</p> <p>CSS should begin with a comment with title, author, date</p> <p>HTML and CSS code should be properly formatted so it's easy to read</p> <p>color and background color should work well together so that text is clearly visible (light background / dark color or dark background / light color)</p> <p><strong>Note</strong>: Be sure that the color combinations that you use work well together, all formatting is done in your CSS code, not in your HTML code and that the code validates:</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/microsoft-visual-basic-2017-for-windows-web-and-database-applications-1st-edition-9781337102117">
<img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/64ed7ef7e8816_47792.jpg" width="100" height="131" alt="Microsoft Visual Basic 2017 For Windows Web And Database Applications" loading="lazy">
</a>
</div>
<div class="bookInfo" >
<h3 class="bookTitle">
<a href="/textbooks/microsoft-visual-basic-2017-for-windows-web-and-database-applications-1st-edition-9781337102117">
Microsoft Visual Basic 2017 For Windows Web And Database Applications </a>
</h3>
<div class="bookMetaInfo" >
<p class="bookAuthor">
<b>Authors:</b> <span>Corinne Hoisington</span>
</p>
<p class="bookEdition">
1st Edition </p>
<p class="bookEdition">
1337102113, 978-1337102117 </p>
</div></div></div>
<a href="/textbooks/computer-science-systems-analysis-and-design-666" 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="/which-forecasting-technique-can-place-the-most-emphasis-on-recent" >
Which forecasting technique can place the most emphasis on recent values? How does it do this? </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/chemistry-principles-and-practice/draw-the-structure-of-the-following-complexes-a-facbromotrichloroethylenediaminecobaltiii-b-1229930" >
Draw the structure of the following complexes. (a) Fac-bromotrichloro(ethylenediamine)cobalt(III) (b) Cis-dibromotetrachloroferrate(II) </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/social-media-marketing/2-influencer-marketing-and-engaging-with-a-large-audience-online-2108906" >
=+2. Influencer marketing and engaging with a large audience online has become quite the trend for businesses and brands. You have been asked to engage with influencers as part of the Kentucky Derby... </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="/selected-yearend-financial-statements-of-overton-corporation-follow-all-sales-were-on" >
Selected year-end financial statements of Overton Corporation follow. (All sales were on credit; selected balance sheet amounts at December 31, 2015, were inventory, $17,400; total assets, $94,900;... </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/help-me-answer-this-system-calls-and-arithmetic-operation-question-13142635" >
Help me answer this system calls and Arithmetic Operation question 3. Using MIPS Assembly evaluate the following 3vd degree Diophantine Equation equation: where, 3 45 Place the result into register:... </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/10-some-of-the-major-lessons-to-be-learned-from-7172769" >
10) Some of the major lessons to be learned from capital market history include: a) The overall eturn on stocks reflects short term major announcements by one/several companies, risk is discounted by... </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/563-a-missile-starting-from-rest-on-the-ground-is-1057071" >
5.6.3. A missile, starting from rest on the ground, is propelled by its jets with a 50,000 N force upward. Consider that the average mass of the missile is 4,000 kg. A. Setup with a labeled diagram.... </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/zoey-is-selling-chocolate-bars-as-a-fundraiser-she-has-1056987" >
Zoey is selling chocolate bars as a fund-raiser. She has 9 chocolate bars left to sell, of which 3 have almonds in them and the rest have caramel in them. If 2 of Zoeys candy bars are randomly... </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/when-we-communicate-using-posture-eye-contact-tone-of-voice-1056271" >
When we communicate using posture, eye contact, tone of voice, and volume, we are delivering a(n). message. encoded O nonverbal verbal ineffective </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/assume-that-you-are-an-analyst-who-uses-the-capm-1057018" >
Assume that you are an analyst who uses the CAPM to evaluate stocks. There is a firm that has ROE of 25%, a beta of 1.12, the expected return on the market is 15%, the risk-free rate is 5%, and 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 active half">★</span><span class="star">★</span> </div>
</div>
<a class="relatedQuestionText" href="/study-help/questions/the-most-significant-difference-between-an-owner-representation-agreement-and-1056287" >
The most significant difference between an owner representation agreement and a buyer representation agreement is the client. the commission amount. agency law applications. contract law applications. </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/international-human-resource-management/2-discuss-the-impact-on-an-individual-employee-and-work-2124667" >
2. Discuss the impact on an individual employee and work unit if organizational justice is not honored by managers. Recall any past work experience you may have in which a supervisor played... </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/international-human-resource-management/3-give-some-examples-of-how-technology-is-creating-employeremployee-2124668" >
3. Give some examples of how technology is creating employeremployee rights and policy issues. Then suggest some possible actions that may be needed. </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/international-human-resource-management/4-discharge-if-the-employee-fails-to-follow-the-action-2124666" >
4. Discharge: If the employee fails to follow the action plan that was developed and problems continue, then the supervisor can discharge the employee. #!# 1. Identify how overreliance on the... </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/which-function-will-return-the-location-of-a-value-relative-13142633">Previous Question</a>
<a class="nextQuestionButton" href="/study-help/questions/help-me-answer-this-system-calls-and-arithmetic-operation-question-13142635">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="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=13142634&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> 
