# KYRO — YOUTUBE SHORTS
## EPISODE 01: LET'S START OUR CODING JOURNEY
**Video Title:** WEB DESIGNING KYA HAI? | BEGINNER TO PRO — EPISODE 01
**Channel:** KYRO
**Tagline:** Make Digital Different.
**Duration:** Exactly 60 seconds
**Format:** Vertical 9:16 — 1080 × 1920
**Language:** Natural Hinglish
**Style:** Premium, cinematic, professional tech education.
### SCENE 1 — POWERFUL HOOK (0–7 sec)
**Visual:** Quick shots of a modern website, an online shopping page, a login screen and a beautiful portfolio website. Then show a beginner opening a laptop with a blank code editor.
**Voiceover:**
“Tumne websites toh bahut use ki hongi… lekin kabhi socha hai ki inhe banaya kaise jaata hai? Agar tum bhi zero se website banana seekhna chahte ho, toh welcome!”
**On-screen text:**
`YOUR CODING JOURNEY STARTS HERE`
### SCENE 2 — INTRODUCING THE SERIES (7–15 sec)
**Visual:** A clean KYRO logo animation, followed by HTML, CSS and JavaScript appearing on screen. Show a website gradually taking shape.
**Voiceover:**
“Welcome to KYRO — Make Digital Different. Is series mein hum web designing aur coding ko bilkul basics se seekhenge, step by step.”
**On-screen text:**
`BEGINNER TO PRO`
`NO EXPERIENCE NEEDED`
### SCENE 3 — WEB DESIGNING KYA HAI? (15–25 sec)
**Visual:** Show a plain webpage transforming into a professional website with images, headings, buttons and a clean layout.
**Voiceover:**
“Web designing ka matlab hai aisi website banana jo dekhne mein achhi ho, use karne mein easy ho, aur mobile aur laptop dono par sahi dikhe.”
**On-screen text:**
`LAYOUT • COLORS • TYPOGRAPHY • USER EXPERIENCE`
### SCENE 4 — WEBSITES BANTI KAISE HAIN? (25–38 sec)
**Visual:** Display three realistic code-editor panels, one after another. Then show the final webpage in a browser.
**Voiceover:**
“Is journey mein hum teen important technologies se shuru karenge. HTML webpage ka structure banata hai, CSS usse style karta hai, aur JavaScript website mein interactivity add karta hai.”
**On-screen text:**
`HTML = STRUCTURE`
`CSS = STYLE`
`JAVASCRIPT = INTERACTIVITY`
### SCENE 5 — HAMARA LEARNING ROADMAP (38–49 sec)
**Visual:** Show a clear, animated roadmap: HTML basics → CSS styling → responsive websites → JavaScript → real-world projects.
**Voiceover:**
“Hum pehle basics samjhenge, phir khud code likhenge, responsive websites banayenge aur dheere-dheere real projects par kaam karenge.”
**On-screen text:**
`LEARN → BUILD → CREATE`
### SCENE 6 — FIRST STEP (49–55 sec)
**Visual:** A code editor opens with a blinking cursor. The text `<!DOCTYPE html>` appears, but don't explain the full code yet.
**Voiceover:**
“Aur hamara first step hoga HTML. Agli video mein jaanenge ki HTML kya hai aur apna first webpage kaise banate hain.”
**On-screen text:**
`NEXT EPISODE: WHAT IS HTML?`
### SCENE 7 — KYRO OUTRO (55–60 sec)
**Visual:** Clean KYRO wordmark reveal with a subtle electric-blue accent and minimal motion.
**Voiceover:**
“Follow karo KYRO ko. Chalo, milkar apni first website banate hain!”
**On-screen text:**
**KYRO**
MAKE DIGITAL DIFFERENT.
`EPISODE 01 COMPLETE`
### EDITING REQUIREMENTS
- Exactly 60 seconds, vertical 9:16, 1080 × 1920.
- Natural Indian Hinglish voiceover; conversational, energetic and beginner-friendly.
- Roman Hinglish subtitles only.
- Professional, realistic browser and coding visuals.
- Smooth transitions, readable typography and visual changes every 2–4 seconds.
- Subtle background music, always below the voiceover.
- Keep KYRO branding consistent and the watermark subtle.
- Avoid fake code, clutter, excessive effects and robotic narration.
**Final objective:** Introduce KYRO's beginner-to-pro web development series, explain web designing simply, establish the learning roadmap and build excitement for the first HTML lesson.
