← All CoursesShuru Karo — Chapter 1.1 →
CSS Course · Free · Beginner
CSS Hyderabad Style
Oka Free Course
Bhai, CSS sikho — Selector se shuru karo, Animation tak pahuncho.
23 chapters + 4 real projects. Seedhe website ko stylish banao, Hyderabadi andaz mein.
23Chapters
4Projects
4Badges
FreeForever
Stage 1
Chai pe Charcha
Basics1.1
What is CSS & How to Add ItIrani chai mein masala — inline, internal, external
8 min→1.2Selectors & SpecificityAuto stand ka numbering — kaun jeeta rule game mein
12 min→1.3Colors & BackgroundsCharminar ke rang — hex, rgb, gradients tak
10 min→1.4Typography & FontsAdvanced font techniques: sizes, weights, spacing, alignment & Google Fonts mastery
10 min→1.5Box ModelBiryani dabba — margin, padding, border explained
9 min→1.6Display & VisibilityDikhao ya chupao — block, inline, none, flex
9 min→1.7PositioningCharminar ka map — relative, absolute, fixed, sticky
12 min→Chai StylistCSS ke basics master kar liye — ab pages mein rang bharenge bhai!
Stage 2
Biryani Layer Level
Layout2.1
PositioningCharminar ka map — relative, absolute, fixed, sticky
15 min→2.2Flexbox BasicsAuto stand line — direction, justify, align
20 min→2.3Flexbox AdvancedBiryani serving order — wrap, gap, flex-grow
25 min→2.4CSS Grid BasicsHussain Sagar ka grid — rows, columns, tracks
25 min→2.5CSS Grid AdvancedParadise seating — areas, spanning, auto-fill
30 min→2.6Responsive DesignMobile se desktop — media queries, breakpoints
20 min→Layout NawabLayout master ho gaye — Biryani ki tarah perfectly layered pages!
Stage 3
Charminar Shine Level
Polish3.1
Shadows & Border EffectsCharminar ki silhouette — box-shadow, border-radius
10 min→3.2TransitionsSmooth chai pouring — hover effects
10 min→3.3TransformsRotate, scale, translate — 3D jadoo
12 min→3.4Animations & KeyframesNizam clock — @keyframes aur animation properties
14 min→3.5CSS VariablesBiryani recipe variables — custom properties reuse
11 min→3.6Pseudo-classes & Pseudo-elementsInvisible masala — ::before, ::after, :nth-child
13 min→3.7CSS Functionscalc, clamp, min, max — smart sizing jadoo
12 min→Nizam DesignerAnimations, variables, pseudo-magic — tu ab asli CSS Nizam hai bhai!
Stage 4
Hitech City Level
ProjectsP1
Restaurant Menu PageParadise jaisi styled menu — full CSS makeover
45 min→P2Chai Shop Landing PageComplete chai dukaan website — hero to footer
60 min→P3IT PortfolioGachibowli fresher portfolio — interview ready
75 min→P4Food BlogMulti-section food blog — biryani se haleem tak
90 min→Hitech City CSS DevChar poore projects banaye — ab tum Gachibowli office mein direct jaoge bhai!
Irani Chai Style Teaching
CSS rules ko chai ki tarah simple rakhte hain. Ek selector, ek property — perfect result. Koi complex magic nahi bhai.
100% Visual Examples
Charminar ke colors, Paradise menu typography, Gachibowli office layouts. Real examples — seedha samajh aata hai.
Live CSS Playground
Har chapter mein code likho aur real-time result dekho. Sirf padhna nahi — style karna bhi padega. Lo kar liya!