As an example of iterative SDLC, students will create and im

As an example of iterative SDLC, students will create and improve their creative website through each Part of the course (HTML5, CSS3 and JS). For Part D of the project, create, validate, and submit the following website:** You can continue to work with vertical website or do a combination of ‘traditional and vertical. +10 points extra credit. Make sure all your code works. Remember, each project should be more sophisticated than the last.ComponentsUse HTML5 in all that you do. Do NOT use deprecated tags or techniques.Web ConventionA true website ( a collection of interconnected web pages with a common purpose and theme and anchored by a home page.)Home pageHeader-Banner with SITE titleMain navigation- above the foldPage title for every page (not the same as the title tag in the head section of your web page.)Page title should ‘match’ link title Use of headings and other appropriate tags to control paragraphs and other content and to promote Accessibility and usability.Readable contentFooter with email linkHighly accessible and usableAppropriately named filesA 6-page site (or sections) based on your theme.Home page of your website, the index.html which must include:Basic DOCTYPE for HTML5Basic tags including, but not limited to, web page title, body, address, horizontal ruleTable with table attributes – accessible – create coding source table as described above. Do NOT use tables for layout for content OR navigation.Images (15) – accessible. Remember images can be SVG, Canvas, jpg, pngs, CSS controlled, and can be in an array controlled by JavaScript.VideosAudioList – lists of three or more other relevant sites or conceptsForm – that validates/self-verifies – this form is a part of the interactive web page user’s feedback. Use at least five different types of form fields.Hyperlinks to sources, citations, resources.**HTML5 semantic tags are used appropriatelyHTML CommentsCreate a responsive website. All your measurements should be relative.Use JavaScript from what you learned in lesson 7 & 8.) The code ‘assignments’ below are in the W3 schools and are done with a combination of JavaScript and CSS for the most part. Look at the W3 How-to. Strive to Change the script 50% to earn full credit.Complete four JavaScript Projects to do that fit in with your web purpose and theme. These JavaScripts should be ‘useful’ and ‘substantial’ e.g., no 3 form field controlled by JavaScript. You can do any of the following: Modal box with image or graphics, form or text Dropdown MenuOther type of Menu controlled by JavaScript & CSS (You can use JavaScript to change CSS for a menu ) AccordionCanvas controlled by JavaScript (You can do the clock or create a rotating business card OR ? Your choice.)JavaScript Image ArrayControl a 6 field form with JavaScript.** (show completion of form by changing CSS, create an output window, etc.)HTML APIs (geolocation, drag.drop, local storage, App Cache, Web Workers, SSE) Have an idea you want to try? Check with the instructor.Put COMMENTS in everyday English in the code to summarize and explain what you are doing. Why are you using particular coding statements? What does this code help you accomplish? Be specific!350 words minimum of text for entire site.Aesthetic and highly usable and accessible in all aspects (except I do not expect you to caption, just be aware that it is the right thing to do!).Complete your website using Notepad ++ (or other text editor). Save your files as an .html file and validate before submitting. Put the entire web in your web directory, zip it and submit by selecting the title link, browsing to, and attaching your saved compressed folder (web directory). Make sure to select SUBMIT.