4.0
Course Rating
3.4k+
Learners
Not set
Total Content
Beginner
Level
🌐 Build Websites With HTML And CSS From Scratch
Learn HTML and CSS from the ground up by building modern, responsive websites. Master layouts, forms, Flexbox, Grid, and styling while creating real portfolio-ready projects.
Lifetime Access
Learn anytime. No deadlines.
Session Recordings
Rewatch sessions and learn at your pace.
Mentor Support
Get guidance and clear your doubts.
Community Access
Learn, connect, and grow together.
Tools & Technologies You'll Use
HTML
CSS
Javascript
Lifetime Access
Learn at your own pace, anytime, anywhere.
Certificate
Earn a verified certificate upon completion.
Hands-on Projects
Build real-world projects for your portfolio.
Mentor Support
Get guidance and clear your doubts.
Live Sessions Including
Topic Explanation
Learn concepts live with practical examples.
Doubt Clearing Sessions
Ask questions, clear doubts, and get help.
Hands-on Projects
Work on projects with guidance and support.
Mock Interview
Practise interviews and exchange feedback.
Session dates and times are scheduled based on community demand.
₹0
₹499
Discount 100% off
Course Fee
₹0
Worth of
₹499
Your Savings
100% Off
Benefits
Get Full Course Access
Earn a Verified Certificate
Pay as Much as You Wish
Risk-free. Start learning today!
After this course, you can
Build responsive websites
Master HTML and CSS basics
Create modern web layouts
Publish your first website
Course Curriculum
Follow this structured learning path to build skills from beginner to advanced.
Lessons
Start here after enrolling. These lessons build your core foundation step by step.
How the Web Works: Browsers, Servers, and What Happens When You Hit Enter
15 min
Setting Up: Code Editor, Dev Tools, and Your First Peek Behind the Curtain
12 min
HTML Document Structure: The Skeleton Every Page Is Built On
15 min
Text Elements: Headings, Paragraphs, Emphasis, Quotes, and Code
18 min
Lists and Links: Organizing Content and Connecting the Web
13 min
Mini Project: Your First Multi-Page Personal Profile Site
12 min
Images and Media: Pictures, Audio, Video, and Embedded Everything
13 min
Tables Done Right: Rows, Columns, and When to Actually Use Them
19 min
Forms Part 1: Inputs, Select, Textarea, Buttons, and Labels
16 min
Forms Part 2: Validation, Fieldsets, GET vs POST, and Accessible Forms
12 min
Semantic HTML and Accessibility: Building Pages That Make Sense
16 min
Mini Project: A Registration Form in a Semantic Page Layout
12 min
CSS Syntax, Three Ways to Add It, and Why External Wins
15 min
Selectors: Targeting Exactly the Element You Want
14 min
Cascade, Specificity, and Inheritance: Why Your Style Isn't Applying
18 min
Colors and Units: Hex, RGB, HSL, and the px vs rem Debate
17 min
Typography and Backgrounds: Making Text and Pages Look Professional
19 min
Mini Project: Style Your Profile Site Into Something You'd Show People
17 min
The Box Model: Why Every Element Is Secretly a Box
16 min
Borders, Shadows, Radius, and Opacity: Making Things Pretty
19 min
Display: Why Some Boxes Stack and Others Sit Side by Side
18 min
Positioning: Pinning, Floating, and Layering Boxes
15 min
Spacing Strategies: Auto Margins, Gap, and Centering (Finally, a Straight Answer)
14 min
Mini Project: A Product Card and Pricing Section
13 min
Flexbox Part 1: Finally, Layouts That Just Make Sense
12 min
Flexbox Part 2: Wrap, Grow, Shrink, and Real Patterns
19 min
CSS Grid: Two-Dimensional Layouts Made Easy
16 min
Responsive Design: One Site That Looks Great Everywhere
16 min
Responsive Media: Making Images and Video Behave
18 min
Mini Project: A Responsive Navbar and Landing Page
15 min
Transitions and Transforms: Hover Effects That Feel Professional
14 min
Keyframe Animations: Making Things Move on Purpose
15 min
Modern CSS: Variables, calc(), clamp(), :has(), and Nesting
18 min
SEO and Performance Basics: Getting Found and Loading Fast
18 min
CSS Architecture: BEM, Organizing Files, and Reusable Components
13 min
Capstone: A Complete Responsive Business Website
13 min
Live Session Recordings
LiveLearn live with instructors, ask questions, and get real-time guidance. Previous recordings are included.
Topic Explanation
Learn concepts live with practical examples and guidance.
Doubt Clearing Sessions
Ask questions, clear doubts, and get help when you need it.
Hands-on Projects
Work on projects with guidance and support from mentors.
Mock Interview
Practise interviews, exchange feedback, and build confidence.
Bonus Resources
Get bonus content and resources to practise, revise, and go deeper.
Study Materials
Cheat Sheets
Interview Q&A
PYQ PDFs
PPTs
Quizzes
Requirements
What you should have before starting the course.
No coding experience required
A computer with a code editor
A modern web browser
Willingness to practice by building
This course is for you if you want to
Wherever you are in your journey, this course helps you learn, build, and grow with confidence.
Students & Fresh Graduates
Build a strong foundation and turn what you learn into practical experience.
Learn from beginner to advanced
Build real-world projects
Get feedback and improve
Working Professionals
Upgrade your skills and apply new knowledge directly in your career.
Learn in-demand skills
Apply directly to your work
Grow with practical knowledge
Career Switchers
Follow a clear path as you transition confidently into a new career.
Structured learning path
Hands-on practice
Mentor support at every step
Freelancers & Creators
Sharpen your craft and deliver better results for your clients and audience.
Work on client-ready projects
Improve efficiency and quality
Stay current with modern tools
For anyone who wants to learn, build, and grow. All you need is curiosity and a willingness to take the first step.
What you will get after completing this course
Receive an official course completion certificate
Live verification URL with PDF and downloadable option
Signed by your course designer and the Director of Shattak
Carries your name, course title, and completion date
Recruiters can check it in seconds from your LinkedIn or resume
Pay After Certification
Pay whatever you feel it is worth, only after you get certified. No questions asked.
Join Our Community, Ask Questions
Learners
3,415+
Duration
Not set
Get Life Time Access
₹0
₹499
100% off
Get Life Time Access
₹0
₹499
100% off