Please do not use chat GPT and give me an explanation with good comments as well. Thank you in advance. Design the page in Figure $1$ using HTML and CSS$.$ The details of the homepage are as follows:

$$ Layout: Use divs for the layout of the website.

$$ Latest: The $$Latest$$ div on the left$-$hand side remains on top of the news items that keep

moving to the left.

$$ Marquee: The marquee on top shows the following news headings:

LeBron sets tone at Cavs media day

Rajon Rondo breaks hand in fall

LeBron: Patience is key for Cavs

Jackson: Knicks can make playoffs

Grizzlies sign F Michael Beasley

$$The text in the marquee moves to the left infinitely. However, whenever the user hovers the

marquee, the text stops moving. Place the NBA logo between the news headings $($see Figures $1$

and $2).$

$$ When the user hovers a news heading, the news heading gets underlined $($Figure $3),$ and the

hand cursor shows up$.$

$$ Also, make sure the marquee is styled as it appears in Figure $1$ and according to the

dimensions in Figure $2.$

$$ News Details: The news details box consists of four parts: the heading, the date, the news

details, and the photo. Follow the dimensions and styling details shown in Figure $2$ to show

them.

$$ Here is the text you should show:

Heading: LeBron sets tone at Cavs media day

Date: September $27,2014$

Details: INDEPENDENCE, Ohio $--$ The satellite trucks started lining up for a

spot close to the Cleveland Cavaliers' training facility early Friday morning. A huge tent was

erected onsite as a temporary media workroom to accommodate the hundreds of reporters on

hand for LeBron James' official return to the Cavs. He never did have a news conference this

summer, if you remember. So whatever party the city of Cleveland was going to throw to

celebrate the return of its prodigal son had to be Friday.

$$ When the user hovers the image, a partly transparent box shows on top of the image with this

text: $$ LeBron James$.$ Use CSS transition to show the box with the text. The text should be

centered. Use your judgment for the dimensions and appearance of the box.