Now, create a folder to serve as the root folder for the website and name the folder portfolio.

Open a text editor. You can use notepad or any other text editor you choose.

Create a webpage template inside the portfolio directory with HTML semantic elements and static content. Add a multiline comment beginning at Line $2$ that includes your name $($firstname lastname$),$ the file name, and the current date $($MM$/$DD$/$YYYY$).$

Add a comment above the main element to note its purpose.

In the header, include a heading element for your name, and then add another heading element with your mission statement or tagline.

In the nav area, include text for the links you will provide to the other webpages in the website.

Validate the template, correct any errors, and then use the template to create a home page for your portfolio called index.html$.$

Finally, add content to the main content area on your home page and add at least one character or symbol on your page. See example below. Don't worry about formatting because you will get the change to format later. Include a footer Create a subfolder within your portfolio website folder and name the new folder images. Save a picture of yourself within the images folder. Ensure that the image file has an appropriate file name, such as your name. Use all lowercase and no spaces.

Review the image file properties to ensure that the image size and file size are not too large. If your image size is greater than $500$ x $500$ pixels, use photo$-$editing software, such as Paint, to adjust the image size. Likewise, if the file size is greater than $1$ MB$,$ use an online image file compression tool to reduce the file size.

Add a picture of yourself within the header element on your home page and your template file. Be sure to include all necessary attributes within the img element; src$,$ alt, height, and width.

Open your template.html file and add anchor elements to create text links within the navigation area. Though the other pages do not yet exist, use an appropriate file name for each text link. For example, if you have a navigation link for $$About Me$,$ use about.html as the file name. Update the navigation area on your home page to match the navigation area on your template.

Add your student email address to the footer element and include an email hyperlink to your email address. Update the footer area on your home page to match the footer area on your template.

Review your site map and then use your template to create a new webpage for your website. If you create a new page for $$About Me$,$ use about.html as the file name.

Update the comment and the title element on your new page. Nest a div element with an id attribute and appropriate value within your main element. Add relevant content to the div element and include a list with content relevant to the page. Use at least one ordered list, unordered list, or a description list. If using one list, it should include a minimum of five list items.

Create another new webpage using your template file. Use this new page for your contact information. Use an appropriate file name, such as contact.html$.$

Update the comment and the title element on your new page. Nest a div element with an id attribute and appropriate value within your main element. Add relevant contact information to the div element. Embed an online location map with the location of your educational institution.