Grades 6–12 · Live 1-on-1 Online Classes · Beginner to Advanced · 100-Class Curriculum

Learn to build real websites from scratch with Edifychamps’ comprehensive HTML & CSS course. Designed for students in Grades 6–12, this live instructor-led program takes your child from zero web development experience to building fully responsive, professional-quality websites, covering everything from page structure and styling to animations, forms, and deployment.

Quick Course Facts

What is HTML & CSS?

HTML and CSS are the two fundamental building blocks of every website on the internet. HTML HyperText Markup Language gives a web page its structure and content. CSS Cascading Style Sheets controls how that content looks, including colours, fonts, layouts, and how the page adapts across different screen sizes.

Every website you have ever visited, from Google to YouTube to your favourite online store, is built on HTML and CSS at its core. Learning these two technologies gives students a real, practical skill they can see working immediately. Unlike abstract programming concepts, HTML and CSS produce visible results from the very first lesson, students write code and watch a real web page appear in front of them.

At Edifychamps, our HTML & CSS course goes far beyond basic tutorials. Students build actual websites, personal portfolios, business landing pages, blog layouts, and multi-page responsive sites under the guidance of a live expert instructor who gives personalised feedback throughout every session.

What Will Your Child Learn?

This course takes students through every layer of modern front-end web development from writing the first HTML tag to publishing a complete responsive website.

• HTML document structure, headings, paragraphs, links, and lists
• Images, tables, multimedia embedding, and semantic HTML elements
• Accessibility basics: writing web pages that work for everyone
• CSS selectors, colours, fonts, backgrounds, borders, and spacing
• The CSS Box Model: understanding how every element is sized and spaced
• Page layouts using positioning, display properties, Flexbox, and CSS Grid
• Responsive web design: building websites that work on desktop, tablet, and mobile
• Media queries and mobile-first design principles
• HTML forms, input elements, validation, and basic UX principles
• Advanced CSS animations, transitions, transformations, CSS variables, and visual effects
• Real website projects portfolio, landing page, blog layout, and multi-page site
• Website performance optimisation and SEO basics
• Website hosting, domain introduction, and deployment
• Final Capstone Project: designing and publishing a complete website

Who is This Course For?

• Students in Grades 6–12 who want to learn how websites are actually built
• Students with no prior coding experience who want to start with the most visual, beginner-friendly skill in tech
• Creative students who enjoy design and want to combine artistic thinking with technical skills
• Students interested in web development, UI/UX design, digital marketing, or computer science
• Parents who want their child to build a portfolio-worthy, employable skill alongside school academics

No prior coding or design experience is required. If your child can use a browser, they are ready to begin.

Course Curriculum – 100-Class Roadmap

How Assessment Works

Students are assessed consistently throughout every module building real skills and a real portfolio with each passing week.

Ongoing: Weekly coding assignments, module quizzes, practical coding exercises, and design challenges keep skills developing steadily at every stage.

Project-Based: Mini web projects, responsive website development tasks, and portfolio building activities ensure every concept is applied to real, working websites not just exercises.

Performance Review: Code reviews, UI/UX evaluations, and project presentations assess not just whether the code works but whether the design is clean, accessible, and professional.

Final: A complete Capstone Project where each student plans, designs, builds, tests, and presents a fully responsive website of their own the centrepiece of their web development portfolio.

What’s Included in Every Package

• Live instructor-led online classes
• Personalized learning pathways tailored to each student
• Hands-on coding assignments
• Website design projects
• Responsive web development practice
• Progress tracking and performance reports for parents
• Dedicated doubt-solving sessions
• Individual feedback and improvement plans
• Access to templates, coding resources, and practice exercises

Pricing & Enrollment Options

Starter Package – 50 Classes

$850 – $950 USD
$17–$19 per 60-minute live session

Best for students who want to build a strong HTML & CSS foundation covering document structure, CSS styling, layouts, and responsive design through to real mini-projects.

Complete Package – 100 Classes

$1,700 – $1,900 USD
$17–$19 per 60-minute live session

Best for students who want to go from complete beginner to a confident web developer covering advanced CSS, animations, forms, full website projects, optimization, hosting, and a final Capstone website.

Payment is available as a one-time full payment or in installments upon request. Secure international payment methods accepted.

Frequently Asked Questions

Does my child need any prior coding or design experience?
No prior experience of any kind is needed. HTML & CSS is one of the most beginner-friendly coding skills available students see real, visual results from their very first session. A basic comfort with using a computer and browser is all that is needed.

What age group is this course designed for?
The course is built for students in Grades 6 through 12, ages 11 to 18. Younger students with strong reading skills and an interest in technology or design may also be considered contact us to discuss readiness.

Are the classes live or pre-recorded?
All classes are live, instructor-led online sessions. Students share their screen, write code in real time with their instructor, get immediate feedback on their designs, and ask questions throughout every session.

What will my child be able to build by the end of the course?
By the end of the 100-class course, students will have built multiple real websites a personal portfolio, a business landing page, a blog layout, a multi-page website and a final Capstone website they design independently. These form a strong web development portfolio they can show to colleges, competitions, or future employers.

Is this course a good foundation for JavaScript and web development careers?
Yes HTML and CSS are the essential prerequisites for every other front-end technology. Students who complete this course will be fully ready to move into JavaScript, React, and advanced web development. Module 9 even covers SEO basics, hosting, and deployment real-world skills used by professional web developers.

How long does the 100-class course take to complete?
At 2 classes per week the course takes approximately 12 months. At 4 classes per week it takes around 6 months. The schedule is fully flexible around school timetables.

How do I enroll?
Contact us at Contact@edifychamps.com or WhatsApp +91 93105 96720. We will arrange a free discovery call to understand your child’s goals and get them started on their first web development project.