Question: This file should be created in a folder called XXAssign3 where XX are your initials. So if your name is Aretha Franklin, you would create

This file should be created in a folder called XXAssign3 where XX are your initials. So if your name is Aretha Franklin, you would create a folder called AFAssign3.

Using Brackets, NotePad++ or another Text Editor create an HTML page about yourself. Name this file index.html.

  • The element must contain:
    • with the appropriate name of the webpage</li> <li>comment with purpose, author, and date </li> <li><meta charset="UTF-8"> to pass validator</li> <li><link rel="stylesheet" href="styles.css"> to use a separate file for styles </li> </ul> </li> <li>In the <body> element, you must have: <ul> <li>A .container division that contains everything </li> <li>A <header> with an <h1> with the appropriate title of your page</li> <li>An <article> with an <h2> and at least two paragraphs about you of at least three sentences each</li> <li>An <aside> with a list of your favorite hobbies, sports, or music, etc.</li> <li>A <footer> with copyright information, e.g. copyright <em>your name</em>, 1984. (If my name was Jessica Jones and it was 1984, it would be copyright Jessica Jones, 1984)</li> </ul> </li> </ul> <p><strong>Please Note:</strong> all styles <strong>MUST</strong> be in your CSS file. <strong>DO NOT</strong> use a <style> tag or a style attribute in your HTML file.</p> <p>Minor violations will result in point loss. Major violations (like not having a CSS file at all) will result in a 0 for the assignment.</p> <p><strong>Validate this page using the W3C Markup Validator</strong></p> <p>Part 2: Create a CSS named styles.css </p> <p>This file should be created in the same folder as <strong>Part 1</strong>.</p> <p>Using Brackets, NotePad++ or another Text Editor, create a file named <strong>styles.css</strong> that formats <strong>index.html</strong>. It must include:</p> <ul> <li>A comment that includes Author and Date </li> <li>A rule that resets all styles used </li> <li>A .container rule that sets background-color, max-width, and margin</li> </ul> <p>Use the CSS box model to make an attractive web page that is easy to read. </p> <ul> <li>Use margin, padding, border. </li> <li>Choose colors that work well together. Consult w3schools color picker for help in choosing colors. </li> <li>Adjust other styles so that the web page is attractive. </li> </ul> <p><strong>Spacing</strong>:</p> <ul> <li>Header and footer take up the complete width</li> <li>Article and aside form two columns: article is in one column; aside in the other. </li> <li>Make sure that footer always takes up complete width regardless of the size of aside and article. </li> </ul> <p>Validate this sheet using the W3C CSS Validation Service</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/this-file-should-be-created-in-a-folder-called-xxassign3-13219231" > This file should be created in a folder called XXAssign3 where XX are your initials. So if your name is Aretha Franklin, you would create a folder called AFAssign3 . Using Brackets, NotePad++ or... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/part-1-create-an-html5-page-containing-places-important-to-13721500" > Part 1: Create an HTML5 page containing places important to you (25 points) Create a folder named XX Assign4 , where XX are your initials (So if my name were Joe Jackson, the folder would be named... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/part-1-create-an-html5-page-containing-places-important-to-13548226" > Part 1: Create an HTML5 page containing places important to you (25 points) Create a folder named XX Assign4 , where XX are your initials (So if my name were Joe Jackson, the folder would be named... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/lab-activity-gsp115a7-lab-7-of-7-understanding-scope-9714910" > Lab Activity # GSP115-A7 Lab 7 of 7: Understanding Scope and Introducing Classes. Lab Overview Scenario / Summary: CO(s) that the lab supports: 7 Given a complex game problem, employ a complete... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/in-java-1-start-apache-netbeans-2-26583522" > IN JAVA!! 1 . Start Apache NetBeans . 2 . Create a new project called YourlastnameLab 1 2 with your last name . 3 . Write code to create and write to an empty file. ( a ) Write a public static method... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/help-with-putty-software-for-linux-1-create-a-folder-13397445" > Help with PuTTy Software for linux 1. Create a folder called HW7 in your home folder on lolin01. in that folder create a bash script called 7-1a that looks for the existence of a file called... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/help-with-putty-software-for-linux-logged-into-the-system-13436131" > Help with PuTTy Software for linux logged into the system "lolin01" **it would also be nice if you can provide screenshots while using the PuTTy system so i can learn/understand it better* 1. Create... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/in-mathematics-sign-function-or-signum-function-is-12431662" > In mathematics, sign function ( or signum function ) is a function that returns the sign of a real number. In mathematical notation the sign function is often represented as sgn . s g n ( x ) = { - 1... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/part-a-reading-and-writing-to-files-lab8xxpy-in-this-13370534" > Part A Reading and writing to files (lab8_XX.py): In this lab you will need to take a test file (included on blackboard as lab08_python.txt) and rewrite the contents of the file to a new file (called... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/implementing-a-list-class-problem-scenario-the-state-university-of-8590525" > Implementing a list class Problem Scenario The State University of needs a Java programmer to assist it with creating a grade book application. You have graciously volunteered to help. The university... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/a-horizontal-125cmod-tube-is-heated-to-a-surface-temperature" > A horizontal 1.25-cm-OD tube is heated to a surface temperature of 250oC and exposed to air at room temperature of 20oC and 1 atm. What is the free-convection heat transfer per unit length of tube? </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/what-does-it-mean-to-say-that-extension-by-dna-87577" > What does it mean to say that extension by DNA polymerase Ill proceeds 53'? O The 5' end of a DNA polymerase molecule attaches to the 3' end of primase. O DNA polymerase adds nucleotides to a growing... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/the-probability-the-economy-will-boom-is-1-5-percent-27873871" > The probability the economy will boom is 1 5 percent, otherwise it will be normal. Stock a should return 1 5 percent in a boom and 8 percent in a normal economy </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/questions/direct-materials-15-pounds-5-per-pound-direct-15286284" > Direct materials ( 15 pounds @ \$5 per pound) Direct labor (3 hours @ \$15 per hour) $75 45 During May the company incurred the following actual costs to produce 8,800 units. Direct materials... </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/managing-human-behavior-in-public/5-what-might-you-do-in-your-organization-to-encourage-2124336" > 5. What might you do in your organization to encourage laughter and fun at work in a way that contributes to stress reduction and increased effectiveness and productivity? </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/managing-human-behavior-in-public/2-what-did-you-do-in-response-to-the-challenge-2124330" > 2. What did you do in response to the challenge? How did your responses improve your ability to cope or make you stronger, more flexible, or capable? </a> </div> <div class="relatedQuestionCart "> <p class="heading">Q: </p> <a class="relatedQuestionText" href="/study-help/managing-human-behavior-in-public/3-how-might-you-apply-these-learnings-to-the-challenges-2124331" > 3. How might you apply these learnings to the challenges you face currently? </a> </div> </div> <nav class="navigationButtons"> <a class="previousQuestionButton" href="/study-help/questions/c-function-printbroccoliweight-takes-an-integer-parameter-define-the-second-13209137">Previous Question</a> <a class="nextQuestionButton" href="/study-help/questions/consider-the-following-algorithm-sn-input-a-positive-integer-n-13209139">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/database-concepts-10th-edition-9780137916788"> <img src="https://dsd5zvtm8ll6.cloudfront.net/si.question.images/book_images/64f0208cceb85_48822.jpg" width="100" height="131" alt="Database Concepts" loading="lazy" style="width: 100px !important;"> </a> <a href="/textbooks/computer-science-adobe-flash-2476" 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/database-concepts-10th-edition-9780137916788" style="text-align: left;"> Database Concepts </a> </span> <div class="bookMetaInfo" style="text-align: left;"> <p class="bookAuthor" style="text-align: left;"> <b>Authors:</b> <span>David Kroenke, David Auer, Scott Vandenberg, Robert Yoder</span> </p> <p class="bookEdition" style="text-align: left;"> 10th Edition </p> <p class="bookEdition" style="text-align: left;"> 0137916787, 978-0137916788 </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=13209138&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>