# KYRO — EPISODE 02
## HOW DO WEBSITES WORK?
Create a high-quality, informative, 60-second YouTube Shorts video titled:
"WEBSITES KAISE KAAM KARTI HAIN? | BEGINNER TO PRO — EPISODE 02"
CHANNEL BRANDING:
- Channel Name: KYRO
- Brand Tagline: Make Digital Different.
- Brand Identity: Premium, modern, creative digital studio.
- Use the KYRO name consistently in the opening or closing branding and as a subtle watermark.
- Maintain the same visual identity, typography, editing style, and brand placement as Episode 01.
- Keep education as the primary focus. Do not add unnecessary promotional scenes.
VIDEO SPECIFICATIONS:
Duration: Exactly 60 seconds
Aspect Ratio: 9:16 vertical
Resolution: 1080 × 1920
Language: Natural Hinglish (approximately 60% conversational Hindi and 40% English)
Voice: Natural Indian male voice, confident, friendly, and energetic
Audience: Complete beginners interested in web designing and coding
Visual Style: Professional tech education, realistic computer screens, browser interfaces, server illustrations, clean typography, smooth editing.
IMPORTANT LANGUAGE RULES:
- Speak in natural Hinglish, like a real Indian tech YouTuber.
- Avoid overly formal or pure Hindi.
- Keep technical terms such as browser, server, domain, DNS, HTML, CSS, and HTTP in English.
- Avoid repeating information.
- Every scene must explain a new concept.
- Use simple real-world examples.
- Keep all technical explanations accurate.
- Use Roman Hinglish subtitles, not Devanagari Hindi.
SCENE 1 — STRONG HOOK (0–5 SECONDS)
Visual:
Show a person typing a website address into a browser. The page loads, displaying a modern website. Briefly show the loading process as a visual animation.
Voiceover:
"Tum browser mein koi website open karte ho aur seconds mein page saamne aa jata hai. But background mein actually hota kya hai?"
On-screen text:
"HOW DO WEBSITES WORK?"
"KYRO | EPISODE 02"
SCENE 2 — BROWSER AND WEBSITE REQUEST (5–14 SECONDS)
Visual:
Show a browser on a laptop. A user types a website address and presses Enter. Animate a request travelling from the browser toward a remote server.
Voiceover:
"Jab tum website ka address enter karte ho, tumhara browser website ke required resources ke liye request bhejta hai. Browser hi woh software hai jisme tum website dekhte ho."
On-screen text:
"BROWSER → REQUEST"
SCENE 3 — DOMAIN AND DNS (14–23 SECONDS)
Visual:
Show a readable example domain, such as example.com. Animate the domain being resolved to an IP address through a simplified DNS diagram.
Voiceover:
"Domain, jaise example.com, website ka easy-to-remember address hai. DNS is domain ko us IP address se map karne mein help karta hai jahan website ka server available hota hai."
On-screen text:
"DOMAIN → DNS → IP ADDRESS"
SCENE 4 — SERVER AND WEBSITE FILES (23–34 SECONDS)
Visual:
Show a realistic server illustration. Display HTML, CSS, JavaScript, and image files being delivered in response to a browser request.
Voiceover:
"Server website ke resources provide karta hai. Browser ko HTML, CSS, JavaScript aur images jaise files mil sakti hain, jinhe browser process karke webpage display karta hai."
On-screen text:
"SERVER → WEBSITE RESOURCES"
SCENE 5 — HOW THE PAGE APPEARS (34–45 SECONDS)
Visual:
Show HTML forming the page structure, CSS adding colours and layout, and JavaScript enabling an interactive button. Finish with the complete website in the browser.
Voiceover:
"HTML page ka structure define karta hai, CSS uska look set karta hai aur JavaScript interactions add kar sakta hai. Browser in resources ko process karke tumhare saamne webpage render karta hai."
On-screen text:
"HTML + CSS + JAVASCRIPT"
"→ WEBPAGE"
SCENE 6 — WHAT ABOUT LOGIN AND SEARCH? (45–54 SECONDS)
Visual:
Show a user logging into a website or searching for a product. Animate information travelling to a server and a response returning to the browser.
Voiceover:
"Aur jab tum login karte ho ya product search karte ho, website ka frontend server-side code aur database ke saath communicate kar sakta hai. Isi tarah dynamic results milte hain."
On-screen text:
"FRONTEND ↔ BACKEND ↔ DATABASE"
SCENE 7 — ENDING AND NEXT EPISODE (54–60 SECONDS)
Visual:
Show a finished website on a laptop and smartphone. Transition to a clean, premium KYRO wordmark end card.
Voiceover:
"Ab samjhe website ka basic workflow? Next episode mein jaanenge frontend aur backend ka difference. Follow KYRO — Make Digital Different."
On-screen text:
"KYRO"
"MAKE DIGITAL DIFFERENT."
"EPISODE 03: FRONTEND VS BACKEND"
"Follow for the Next Episode"
AUDIO AND EDITING REQUIREMENTS:
1. Use a natural, conversational Indian male voice.
2. Keep the narration energetic but understandable.
3. Use subtle background music at a low volume.
4. Synchronize Roman Hinglish subtitles accurately with the narration.
5. Use clear diagrams to explain browser requests, DNS, servers, and webpage rendering.
6. Show realistic browser interfaces and technically correct examples.
7. Keep visual changes every 2–4 seconds without excessive transitions.
8. Avoid gibberish code, fake browser interfaces, and misleading network diagrams.
9. Use short on-screen labels rather than long paragraphs.
10. Keep KYRO branding subtle during educational scenes and prominent on the final end card.
11. Ensure all technical terms are spelled correctly.
12. Make the video visually consistent with Episode 01.
13. Keep the total runtime at exactly 60 seconds, with narration paced naturally.
FINAL OBJECTIVE:
By the end of this Short, viewers should understand the basic journey from entering a website address to viewing a webpage, including the roles of the browser, domain, DNS, server, and website resources.
The video should teach useful technical concepts while building a consistent KYRO educational brand.
