<style> .bj-pg{max-width:960px;margin:40px auto;padding:0 20px;font-family:'Segoe UI',system-ui,sans-serif;color:#1a202c;line-height:1.75} .bj-pg-hero{background:linear-gradient(135deg,#052e16,#15803d);border-radius:16px;padding:40px;margin-bottom:36px;color:#fff;text-align:center} .bj-pg-hero h1{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:900;margin:0 0 10px} .bj-pg-hero p{opacity:.88;margin:0;font-size:1rem} .bj-pg h2{font-size:1.2rem;font-weight:800;color:#15803d;margin:32px 0 14px;padding-bottom:8px;border-bottom:2px solid #dcfce7} .bj-pg p{font-size:.93rem;color:#374151;margin-bottom:14px} .bj-pg ul{font-size:.93rem;color:#374151;padding-left:22px;margin-bottom:14px} .bj-pg ul li{margin-bottom:7px} .bj-pg .bj-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px;margin:16px 0} .bj-pg .bj-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0} @media(max-width:600px){.bj-pg .bj-two{grid-template-columns:1fr}} </style> <div class="bj-pg"> <div class="bj-pg-hero"> <div style="font-size:2.5rem;margin-bottom:12px">🎬</div> <h1>Tutorials & How-To Guides</h1> <p>Get the most out of every BCSJobGuide feature</p> </div> <h2>Getting Started</h2> <p>New to BCSJobGuide? Start here. These tutorials walk you through every major feature of the platform step by step.</p> <div class="bj-two"> <div class="bj-card"><h3 style="color:#15803d;font-weight:800;margin:0 0 8px">📋 MCQ Practice</h3><p style="font-size:.87rem;color:#374151;margin:0">How to use the BCS question bank, filter by subject and track your score improvement over time.</p></div> <div class="bj-card"><h3 style="color:#15803d;font-weight:800;margin:0 0 8px">✍ Written Test Prep</h3><p style="font-size:.87rem;color:#374151;margin:0">Setting up your written exam practice schedule and using AI feedback effectively.</p></div> <div class="bj-card"><h3 style="color:#15803d;font-weight:800;margin:0 0 8px">🎤 Viva Prep</h3><p style="font-size:.87rem;color:#374151;margin:0">Using the AI viva simulator — how to set topic, difficulty and review your confidence score.</p></div> <div class="bj-card"><h3 style="color:#15803d;font-weight:800;margin:0 0 8px">📄 Resume Builder</h3><p style="font-size:.87rem;color:#374151;margin:0">Creating a professional CV optimised for government job applications in Bangladesh.</p></div> </div> <h2>Need More Help?</h2> <p>Visit our <a href="/help/" style="color:#15803d;font-weight:700">Help Centre</a> or contact us at +8801761489255.</p> </div>