Question: n the Assign3 folder created in Week 1 , use a text editor like Notepad++ to create an HTML5 homepage called index.html . This homepage
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>
<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/part-1-hardware-pioneer-5-points-copy-your-web-page-13429187" >
Part 1: Hardware Pioneer (5 points) Copy your web page ( index.html and styles.css ) in XXAssign3 that you created in Assignment 3 into XXAssign5 . Transfer them to XXAssign5 on the student web... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/please-note-hardware-the-web-pages-produced-below-should-be-9295561" >
Please Note:- Hardware The web pages produced below should be based on research from the Web and other sources, but the text should not be copied directly from the Web or other sources. That is a... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/the-web-pages-produced-below-should-be-based-on-research-13115936" >
The web pages produced below should be based on research from the Web and other sources, but the text should not be copied directly from the Web or other sources. That is a violation of academic... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/use-a-text-editor-like-notepad-to-create-a-web-13514264" >
use a text editor like Notepad++ to create a web page called pioneer.html about a person who greatly contributed to the development of computer hardware like: Charles Babbage Doug Englebart Alan... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/required-files-historic-stock-data-for-tesla-links-to-an-13812083" >
Required Files Historic Stock Data for Tesla (Links to an external site.) Right-click, save-as to your desktop, drag to the correct location in your Eclipse project. This is a csv (comma-separated... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/assignment-2-information-city-coffee-house-city-coffee-house-home-12299323" >
Assignment 2 Information City Coffee House City Coffee House Home Menu Events Event Registration Relax at City Coffee Friendly and eclectic - City Coffee House is the perfect place to take a break,... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/html5-plz-128-147-of-713-b-100-acific-trails-8154766" >
html5 plz 128 (147 of 713) B- 100% acific Trails Resort See Chapter 2 for an introduction to the Pacific Trails Resort Case Study. Figure 2.38 shows a site map for the Pacific Trails Resort website.... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/assignment-2-information-city-coffee-house-city-coffee-house-home-12669001" >
Assignment 2 Information City Coffee House City Coffee House Home Menu Events Event Registration Relax at City Coffee Friendly and eclectic - City Coffee House is the perfect place to take a break,... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/assignment-2-information-city-coffee-house-city-coffee-house-home-12624310" >
Assignment 2 Information City Coffee House City Coffee House Home Menu Events Event Registration Relax at City Coffee Friendly and eclectic - City Coffee House is the perfect place to take a break,... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/subject-web-and-mobile-developmentplease-chegg-team-help-me-with-12479066" >
Subject: Web and Mobile Development(please Chegg team help me with this project as asked in the question) (Web Development and Design Foundations With HTML 5 - 8th Edition page 125) Fish Creek Animal... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/the-accounting-firm-described-in-exercise-28-is-interested-in" >
The accounting firm described in Exercise 28 is interested in providing opportunities for its auditors to gain more expertise in statistical sampling methods. They wish to compare traditional... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/chapter-1-reproduction-of-organisms-how-does-the-progeny-formed-66913" >
Chapter 1 Reproduction of Organisms How does the progeny formed from asexual fenroduction differ from those formed by sexual reproduction? </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/generally-at-what-payout-percentage-is-a-stock-dividend-considered-27954237" >
Generally, at what payout percentage is a stock dividend considered a stock split? Question 1 3 Answer a . 3 3 % of the outstanding shares. b . 1 5 % of the outstanding shares c . 2 5 % of the... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<a class="relatedQuestionText" href="/study-help/questions/a-company-has-just-received-a-special-onetime-order-for-15352788" >
A company has just received a special, one-time order for 1,000 units. Producing the order will have no effect on the production and sales of other units. The buyer's name will be stamped on each... </a>
</div>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<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>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<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>
<div class="relatedQuestionCart ">
<p class="heading">Q: </p>
<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>
</div>
<nav 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>
</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/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" style="width: 100px !important;">
</a>
<a href="/textbooks/computer-science-adobe-freehand-2397" 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/microsoft-visual-basic-2017-for-windows-web-and-database-applications-1st-edition-9781337102117" style="text-align: left;">
Microsoft Visual Basic 2017 For Windows Web And Database Applications </a>
</span>
<div class="bookMetaInfo" style="text-align: left;">
<p class="bookAuthor" style="text-align: left;">
<b>Authors:</b> <span>Corinne Hoisington</span>
</p>
<p class="bookEdition" style="text-align: left;">
1st Edition </p>
<p class="bookEdition" style="text-align: left;">
1337102113, 978-1337102117 </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=13142634&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.28');
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>
