We added new classes, .slide-number, .total-slides, and .sub-slide-number to the footer elements that will hold the slide and sub-slide numbers. Inside the loop that iterates through slides, we update the text content of these newly added elements with the current slide index (plus 1 for display), total slides, and current sub-slide index (plus 1 for display).

Slide 3 Level 1 Content