⌬ Aytict Academy
🌐

HTML Professional

Capstone: build a complete, accessible, semantic landing page graded by the Academy AI.

1 lessons 🛠 Project-based
Lessons Project Certificate

📚 Lessons

1 Brief & rubric

This level is project-based. Build the page described below directly in the editor. The Academy AI scores your submission on accuracy, cleanliness and performance. Reach 70% to earn the certificate.

🛠 Capstone Project

Build a semantic product landing page

Create a single, valid HTML5 landing page for a fictional product. It must be well-structured, accessible and SEO-friendly — no CSS or JS required.

Requirements

  • Start with <!DOCTYPE html> and set <html lang="…">
  • Include a <head> with a <title> and a <meta name="description">
  • Use semantic layout: <header>, <nav>, <main> and <footer>
  • Include a sign-up <form> with at least one required input
  • Add at least one <img> with a non-empty alt attribute
  • Use a single <h1> and a sensible heading hierarchy

When you submit, the Academy AI evaluates your code on accuracy (50%), code cleanliness (25%) and performance (25%). Score 70%+ to earn your certificate.

HTML · your solution 

            

        

    

    






    
🎓 Certificate of Completion

    

        
🔒 Pass the project evaluation above (70%+) to unlock your downloadable certificate.