The YouTube Blueprint
Make Content Creation
Your Career!

Learn how to build a successful YouTube business from scratch. Discover content strategy, audience growth and monetization techniques with step-by-step lessons.

✔ 75+ Hours ✔ 7 Chapters ✔ Hindi + English

Join Now See Curriculum

10,000+
Learners

⭐⭐⭐⭐⭐
4.9 Rating

*{ margin:0; padding:0; box-sizing:border-box; font-family:Poppins,sans-serif; } body{ background:#111; color:#fff; } /* Navbar */ .navbar{ width:90%; margin:auto; height:70px; display:flex; justify-content:space-between; align-items:center; } .logo{ color:#fff; font-size:22px; font-weight:700; } .logo .red{ color:#ff2020; } .navbar ul{ display:flex; list-style:none; gap:35px; } .navbar a{ color:#fff; text-decoration:none; font-size:14px; } .login-btn{ padding:10px 25px; border:none; border-radius:25px; background:#fff; cursor:pointer; } /* Hero */ .hero{ width:100%; min-height:90vh; position:relative; overflow:hidden; background:linear-gradient( rgba(0,0,0,.75), rgba(0,0,0,.75)), url("bg.jpg") center/cover; } .overlay{ position:absolute; width:100%; height:100%; background:radial-gradient(circle,#ff8f0080,transparent 60%); } .content{ width:90%; margin:auto; display:flex; justify-content:space-between; align-items:center; min-height:90vh; position:relative; z-index:2; } .left{ width:50%; } .left h1{ font-size:58px; line-height:1.2; margin-bottom:20px; } .left h1 .red{ color:#ff2a2a; } .left p{ color:#ddd; width:90%; line-height:1.8; margin-bottom:25px; } .features{ display:flex; gap:20px; margin-bottom:35px; flex-wrap:wrap; } .features span{ border:1px solid rgba(255,255,255,.3); padding:10px 18px; border-radius:30px; } .buttons{ display:flex; gap:20px; margin-bottom:35px; } .join{ background:#ff1d1d; color:#fff; text-decoration:none; padding:16px 40px; border-radius:8px; } .curriculum{ background:transparent; border:2px solid #fff; color:#fff; text-decoration:none; padding:16px 40px; border-radius:8px; } .rating{ display:flex; align-items:center; gap:20px; } .avatars{ display:flex; } .avatars img{ width:45px; height:45px; border-radius:50%; border:3px solid #111; margin-left:-10px; } .stars{ color:gold; } /* Right */ .right{ width:45%; text-align:right; } .right img{ width:100%; max-width:600px; } /* Responsive */ @media(max-width:900px){ .content{ flex-direction:column; text-align:center; } .left,.right{ width:100%; } .left p{ width:100%; } .buttons{ justify-content:center; } .features{ justify-content:center; } .rating{ justify-content:center; } .left h1{ font-size:38px; } .navbar ul{ display:none; } }