How can i figure out

Lab Instructions

Create a new repl called Labs. Exrract ofll of the fllea in LabBFilles zip te your cemputer and then upload them to your LabB reph.

In this lab, we will practce using llsts$.$ Ihave attached an Image ahowing a competad examplo,

There are afew css propertes in the fille, leave them there, Use the css in Chapter $8,$ on page $289$ to create column layout with a header, maln, asdde and footer seetlon.

In the header element in the top of the body, cllaplay the trleeratopslogo.Jpg Imags, Next to the Imare, adde span olement with class$=$"tike". Add content to dlaplay your name. Vertleal allgn the text by applying vartical$-$allgnumbldolle css property to the image.

In the main section, add the following subuthles: Objeetives, Courses Completed, Hobbles, and Faverito Books.

Under the Objectives subutklo, add an unordered llat of your aeademlo and profestlonal graals, lneludo at least$3$ltems.

Under Courses Complated add an ordared Ust $($with the default Ust type$)$ with ceurses youvo takon, are taking, or plan to take in the future.

UnderHobbles, add an ordored llst with llst stylo set to $"$a$"$ with at least $3$ hobbles.

In the aslde, add a link to your repllt under the subtrlo "Cocdo Examples".

Add an unordared llst of organkzatons that you belong to under the subextlo "Organlzatlons",

In the footer, center allsn your omall address.

The background should be set to "teal" for the body. The background for any contont seetlons: malm, asdco, header, footer should be set to "whilto".