Tailwind CSS

Greetings yannmarc.

• For best practice, use only one h1 element on a page. Using more than one h1 element does not cause errors but is considered not beneficial to assistive technology users
• heading elements should follow a sequential order without skipping headings. An h1 should be followed by an h2 ,then an h2 can be followed by an h3 and so forth.
• input elements like type email should be associated with a label for accessibility, placeholder text is not a replacement for a label.
• alt values should be descriptive for the benefit of assistive tech users. The alt value carries the message in the picture, if it is a decorative image use an empty alt value. Values such as The second illustration does not pass any meaning to the user.
• id values should be unique, do not use an empty value on id's , rather leave out the id attribute.
• remove the commented code in the middle of your html, it is just making following your code difficult.
• a block element , eg p element cannot be a child of a span element.
• the anchor elements in the footer should have readable text. An image is not considered text

Good job overall. Though you need to view the report and fix the issues there.

Thanks man for your reviews I highly appreciate your concern regarding my project. Hope I will upgrade my Semantic HTML code. This comment is worth a thank.