$1.$ The Figure element will instead contain the thumbnail image$($lab$6\_$img$\_$thumb$)$ within a hyperlink. The destination of the hyperlink is the original image $($lab$6\_$img$).$

ii$.$ Most likely you will need to add an id$/$class attribute to this Figure element as its style is different from the rest $3$ pages'.

c$.$ All HTML pages will share one CSS file$($lab$6.$css$)$ with following properties:

i$.$ body should be centered with max width of $1100$px$.($If you have watched the lecture

video, then you must know how to do that, or you could refer to the readings$).$ ii$.$ Our page's default text color should either be #f$1$faee or #$1$d$3557.$ Pick one from

them to make sure it has enough contrast against our lab$6\_$img.

iii. Our header, nav and footer all share $20$px padding, $10$px vertical margin and background image of lab$6\_$img. The background image should be using cover size so it will fit either the width or height of element. Also, make sure background image position for these $3$ elements are top, center and bottom respectively.

iv$.$ For our anchor elements, disable the default text decoration line. Also set the horizontal margin and all sides padding of $20$px$.$

v$.$ Figure's text should be aligned to the center. Also it has shadow effect of $5$px size similar to lecture's example. It also has width of $1100$px and vertical margin of $30$px$.$

vi$.$ All images in Figure element has width of $1000$px$.$

vii. Specify figcaption with vertical padding of $20$px and text color of black.

viii, Figure for our thumbnail image is special. It should be with a solid grey border of $1$px and width of $210$px$.$ You might need to use id or class selector to just select that figure.

ix$.$ The thumbnail image should be with width of $200$px$,$ a black double line border of $5$px$,$ and rounded corner of $50\%$ radius.