Using Visual Stuido Code: $1.)$ Make a copy of the files from the personal$2$ folder and put them in a new folder called personal$32.)$ Use GIMP or PIXLR $($or the image editor of your choice$)$ to create a header image for your page that incorporatesyour initials or first name. Be creative with colors, etc. Add it to the top of each of your pages. It can become theentire header of your page, or just a common image on each page.a$.$ We previously applied a style to all images to make their width $25\%.$ To remove this restriction from yourheader image:i$.$ First, change the img$\{\}$ style rule to specify only images in the main section using the main $>$img$\{\}$selector$.$ii$.$ Then, create a new style rule using header img$\{\}$ and set the width to $100\%\mathrm{.}3.)$ If applicable, modify the colors of your pages $($background color, text color, etc$)$ so that it matches your newheader image. $($Matches doesn$$t necessarily mean that it has to be the same colors, but they should go welltogether$)4.)$ HTMLa. Add a background image to the html section of your CSS stylesheet. You can use the search engine of yourchoice to search $$free background images$$ if you$$re not sure what to use. Be sure to use appropriatebackground repeat and background position values to ensure the background covers the entire page$\mathrm{.}5.)$ Bodya. Remove the $25$px marginb. Set the width of the page to $90\%$c$.$ Center the page using margin$-$left and margin$-$right$6.)$ Headingsa. For all h$1$ and h$2$s create a text shadow that is gray in color with a $4$px offset X and a $6$px offset Y$,$ with ablur value of $5$px$\mathrm{.}7.)$ Navigationa. Change the current format of the nav section to display the links in a $5-$column layout using floati. Remove the $|$ from your nav section of your HTML file.ii$.$ Create an unordered list $($ul$)$ and make each link in your navigation a list item.iii. In your CSS file, comment out the nav$\{\}$ section you have from the previous assignment. Thenapply the styles belowiv. In the nav ul$\{\}$ section of your CSS file apply the following:$1.$ Set the list style to none$2.$ Set the margin to $03.$ Set the padding to $0$v$.$ In the nav li$\{\}$ section:$1.$ Set the display to block$2.$ Set the width to $20\%($because there are $5$ items and it should add to $100\%.$ If you hadmore than $5$ items in your navigation, you$$d adjust accordingly$)3.$ Set the float to left.vi$.$ In the nav a$\{\}$ section:$1.$ Set the display to block

$2.$ Set the background color of you navigation section$\mathrm{.}3.$ Set a line height of $2\mathrm{.}8$em$4.$ Set the text decoration to none$5.$ Center align the text.vii. In the nav a:hover$\{\}$ section:$1.$ Set the background color to the color to something that coordinates with your site$\mathrm{.}2.$ Set the font color to a contrasting color$8.)$ Imagea. Apply a right float$9.)$ For the main element:a$.$ change the current padding, to be $20$px all aroundb. Add a top margin of $35$px;$10.)$ To ensure that the image does not spill over into the footer section, we need to apply a clear in the footer styles.In the body $>$ footer section:a$.$ Apply a clear to bothUsUs