पूरा मुफ़्त Course · Hindi + English
20 दिनों में CSS – Job-Ready, Hindi + English
साधारण HTML को सुंदर, responsive websites में बदलिए। हर lesson किसी असली client की समस्या हल करता है, page पर ही आज़माने लायक live previews के साथ – colours, typography, box model, Flexbox, Grid, responsive design, dark mode, animations और reusable components – फिर आप coaching landing page बनाते हैं और पूरी 6-page business website redesign करते हैं।
- 1Days 1–3: Selectors, colours, fonts
- 2Days 4–6: Box model, cascade, position
- 3Days 7–8: Flexbox
- 4Days 9–10: Grid + dashboard
- 5Days 11–12: Responsive + dark mode
- 6Days 13–14: Motion
- 7Days 15–18: Forms, UI kit, BEM, frameworks
- 8Days 19–20: Two projects
📊
Admin dashboard (Day 10)Grid areas + KPI cards + chart🧩
UI component kit (Day 16)Buttons, tabs, modal, toast🎓
Coaching landing page (Day 19)Responsive, dark mode, mobile menu🍬
Business redesign (Day 20)6 pages, एक stylesheetआप क्या सीखेंगे
- CSS कैसे काम करता है: rules, selectors, external stylesheets
- Colours (hex, rgb, hsl), units (rem, %, vw) और gradients
- Google Fonts से typography – English और Hindi
- Box model, box-sizing और modern reset
- Specificity, cascade और DevTools में debugging
- Position: badges, sticky headers, floating buttons
- Flexbox: navbars, card rows, sticky footers
- Grid: galleries, page layouts, admin dashboards
- Mobile-first responsive design और container queries
- CSS variables, clamp() और dark mode
- Transitions, transforms और keyframe animations
- सुंदर forms और responsive tables
- Reusable component kit और BEM architecture
- Bootstrap 5 और Tailwind CSS – कब कौन
- पूरी explanation के साथ दो portfolio projects
🎨 Days 1–6 – CSS की नींव
6 दिन
01
दिन 1: CSS क्या है? Syntax, Linking और Basic Selectors
02
दिन 2: Colours, Units, Backgrounds और Gradients
03
दिन 3: Typography: Fonts, Text और Google Fonts
04
दिन 4: Box Model: Margin, Padding, Border
05
दिन 5: Advanced Selectors, Specificity और Cascade
06
दिन 6: Display, Position, z-index और Overflow
📐 Days 7–12 – Layout और Responsive Design
6 दिन
07
दिन 7: Flexbox 1: Axis, Alignment और Wrapping
08
दिन 8: Flexbox 2: असली Layouts (Navbar, Cards, Footer)
09
दिन 9: CSS Grid 1: Rows, Columns और Gaps
10
दिन 10: CSS Grid 2: Template Areas और Dashboards
11
दिन 11: Responsive Design और Media Queries
12
दिन 12: CSS Variables, calc(), clamp() और Dark Mode
✨ Days 13–18 – Motion, UI और Professional CSS
6 दिन🚀 Days 19–20 – Projects
2 दिनअक्सर पूछे जाने वाले प्रश्न (FAQ)
क्या पहले HTML आना ज़रूरी है?
हाँ, basics। हमारा 15-day HTML course सही शुरुआत है – यह course वहीं बनाई Sharma Sweets website को style करता है।
क्या CSS से front-end job मिल जाएगी?
HTML + CSS से आप कोई भी page बनाकर style कर सकते हैं। Junior front-end level के लिए हमारा 30-day JavaScript course जोड़ें; यहाँ के projects मज़बूत portfolio pieces बनेंगे।
क्या Bootstrap और Tailwind सिखाते हैं?
हाँ, Day 18 में – असली CSS समझने के बाद, ताकि आप frameworks से लड़ने की जगह उन्हें customise कर सकें।
रोज़ कितना समय लगता है?
Practice समेत रोज़ लगभग 1.5 से 2 घंटे; project वाले दिन 3–7 घंटे। यह 100% self-paced है।
Files कहाँ मिलेंगी?
Login करके “सारे Examples + Projects Download” लें: हर example .html file में, practice solutions, images और दोनों पूरे projects।
