In the Lab Chapter $7,$ Pages $393-396$

You have already developed a responsive web design website and now need to integrate additional HTML $5$ semantic elements and create a new page. The Gallery page, displayed in mobile and tablet viewports, is shown in Figure $779.$ The Gallery page, as displayed in desktop and large desktop viewports is shown in Figure $780.$ Figure $780$ also shows the favicon.

$1.$ Copy the image data files in the chapter$07\backslash$lab$2$ folder from the Data Files your rescue$\backslash$images folder.

$2.$ Use the template.html file to create a new HTML file, and name the file gallery.html$.$ Add the current date to the comment near the top of the page and update the file name.

$3.$ In the gallery.html file, update the title by replacing the word Template with Gallery.

$4.$ In the main element, add a class attribute with a value of grid.

$5.$ In the main element, replace the div element with an aside element and then add a paragraph with the following text: Meet our friends in need.

$6.$ Add $12$ figure elements below the aside element. Add a comment for each figure element to note figure element $1,$ figure element $2,$ and so on$.$ Follow the example below: