</ iframe ></noscript> ; <nav class="border-b-2 border-[#43bda8] bg-white"> <div class="mx-auto flex items-center justify-between pb-4 lg:!px-48 px-4"> <!-- Brand --> <div class="flex-shrink-0"> <a href="/" class="block"> <img src="/trend/images/basic/logo.png" alt="Guruface Logo" class="w-[60%] h-[60%]"> </a> </div> <!-- Navbar links --> <div> <div class="mt-4"> <a href="/Account/Login" class="bg-orange-600 text-white px-4 py-2 rounded hover:bg-orange-700 transition">Login</a> </div> </div> </div> </nav> <meta name="google-signin-client_id" content="540540347203-qt1gl5s071ao6c8qlu0ndsqrvomi9eg8.apps.googleusercontent.com"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <style> #map { height: 400px; width: 100%; } </style> <!-- Start - Registration Box Control --> <!-- Modern Registration Page with inline SVG icons --> <div class="max-w-7xl mx-auto px-6 pt-8 pb-12"> <!-- Header --> <div class="text-center mb-6"> <h1 class="text-4xl font-bold text-gray-900">Start Growing Today</h1> <p class="text-gray-500 mt-2">Whether you're here to learn, teach, or train your team — we've got you covered.</p> </div> <!-- Tabs - pill style, active gets dark fill --> <div class="flex justify-center mb-6"> <div class="inline-flex bg-gray-100 rounded-xl p-1.5 gap-1"> <button onclick="switchTab('student')" id="tab-student" class="reg-tab px-8 py-2.5 text-base font-bold rounded-lg transition-all bg-gray-900 text-white shadow-sm">Student</button> <button onclick="switchTab('trainer')" id="tab-trainer" class="reg-tab px-8 py-2.5 text-base font-bold rounded-lg transition-all text-gray-500 hover:text-gray-700 hover:bg-gray-200">Trainer</button> <button onclick="switchTab('business')" id="tab-business" class="reg-tab px-8 py-2.5 text-base font-bold rounded-lg transition-all text-gray-500 hover:text-gray-700 hover:bg-gray-200">Business</button> </div> </div> <!-- ==================== STUDENT TAB ==================== --> <div id="panel-student" class="reg-panel"> <div class="bg-white rounded-2xl border border-gray-200 shadow-sm overflow-hidden"> <div class="flex flex-col md:flex-row"> <div class="flex-1 p-8 lg:p-10 bg-gradient-to-r from-blue-50 via-blue-50/60 to-white"> <span class="inline-flex items-center bg-blue-600 text-white text-sm font-bold px-4 py-1.5 rounded-full mb-4"><svg class='w-4 h-4 inline mr-1' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'><polyline points='20 12 20 22 4 22 4 12'></polyline><rect x='2' y='7' width='20' height='5'></rect><line x1='12' y1='22' x2='12' y2='7'></line><path d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'></path><path d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'></path></svg> 100% Free — Forever</span> <h2 class="text-3xl font-bold text-gray-900 mb-1">Accelerate your career growth</h2> <p class="text-gray-500 mb-5">Everything you need to learn, practice, and get certified — at your own pace or with live trainers.</p> <div class="grid grid-cols-3 gap-6"> <!-- Column 1: Learn --> <div> <div class="flex items-center gap-2 mb-3"> <div class="w-7 h-7 rounded-lg bg-blue-600 flex items-center justify-center text-white"><svg class='w-3.5 h-3.5' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polygon points='5 3 19 12 5 21 5 3'></polygon></svg></div> <span class="text-sm font-bold text-gray-900 uppercase tracking-wide">Learn Your Way</span> </div> <ul class="space-y-2"> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Self-Paced Courses</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Live Virtual Classes</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Multi-Day Training Events</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Webinars & Bootcamps</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Course Packages & Bundles</li> </ul> </div> <!-- Column 2: Practice --> <div> <div class="flex items-center gap-2 mb-3"> <div class="w-7 h-7 rounded-lg bg-blue-600 flex items-center justify-center text-white"><svg class='w-3.5 h-3.5' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><path d='M6 9H4.5a2.5 2.5 0 0 1 0-5H6'></path><path d='M18 9h1.5a2.5 2.5 0 0 0 0-5H18'></path><path d='M4 22h16'></path><path d='M18 2H6v7a6 6 0 0 0 12 0V2Z'></path></svg></div> <span class="text-sm font-bold text-gray-900 uppercase tracking-wide">Practice & Prepare</span> </div> <ul class="space-y-2"> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Practice Exams</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Knowledge Tests</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Interview Preparation Tool</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Interview Practice Tool</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>AI Tutor Assistance</li> </ul> </div> <!-- Column 3: Earn --> <div> <div class="flex items-center gap-2 mb-3"> <div class="w-7 h-7 rounded-lg bg-blue-600 flex items-center justify-center text-white"><svg class='w-3.5 h-3.5' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><circle cx='12' cy='8' r='7'></circle><polyline points='8.21 13.89 7 23 12 20 17 23 15.79 13.88'></polyline></svg></div> <span class="text-sm font-bold text-gray-900 uppercase tracking-wide">Earn & Grow</span> </div> <ul class="space-y-2"> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Verifiable Certificates</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Structured Learning Paths</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Book 1-on-1 Trainer Sessions</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>200+ Learning Categories</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-blue-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>24/7 AI Support</li> </ul> </div> </div> </div> <div class="w-full md:w-80 flex-shrink-0 p-8 lg:p-10 flex flex-col justify-center border-t md:border-t-0 md:border-l border-gray-100"> <p class="text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Student Account</p> <span class="text-6xl font-extrabold text-gray-900">$0</span> <p class="text-sm text-gray-400 mt-1 mb-8">Free forever. No credit card.</p> <a href="/Account/Register/Student" class="block w-full text-center bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 rounded-xl transition-all shadow-md hover:shadow-lg text-lg">Start Learning Free <svg class='w-4 h-4 inline ml-2' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><line x1='5' y1='12' x2='19' y2='12'></line><polyline points='12 5 19 12 12 19'></polyline></svg></a> <p class="text-sm text-gray-400 mt-4 text-center">Have an account? <a href="/Account/Login" class="text-blue-600 font-semibold hover:underline">Log in</a></p> </div> </div> </div> <!-- Student: What makes us different --> <div class="mt-8 pt-6 border-t border-gray-100"> <div class="text-center mb-6"> <p class="text-sm font-bold text-blue-600 uppercase tracking-wider mb-1">Learning & Career Tools Other Platforms Don't Offer</p> <h2 class="text-2xl font-bold text-gray-900">More than courses — tools that actually get you hired</h2> <p class="text-gray-400 text-sm mt-1">AI interview prep, verifiable certificates, personal AI tutors & more — all free, all in one place.</p> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6"> <div class="bg-gradient-to-br from-blue-50 to-white border border-gray-100 rounded-2xl p-6"> <h3 class="text-lg font-bold text-gray-900 mb-4 flex items-center gap-2"> <span class="w-8 h-8 rounded-lg bg-blue-600 flex items-center justify-center text-white"><svg class='w-5 h-5' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'><polygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'></polygon></svg></span> What You Won't Find Elsewhere </h3> <div class="grid grid-cols-2 gap-x-6 gap-y-3"> <div class="flex items-start gap-2"><span class="text-blue-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">AI Mock Interviews</p><p class="text-xs text-gray-400">Simulate real interviews with AI feedback — walk in confident</p></div></div> <div class="flex items-start gap-2"><span class="text-blue-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Employer-Verifiable Certificates</p><p class="text-xs text-gray-400">Not just a PDF — employers can verify your credentials online</p></div></div> <div class="flex items-start gap-2"><span class="text-blue-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">AI Tutor That Knows Your Course</p><p class="text-xs text-gray-400">Not a generic chatbot — trained on the exact material you're learning</p></div></div> <div class="flex items-start gap-2"><span class="text-blue-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Real Multi-Day Programs</p><p class="text-xs text-gray-400">Schedules, assignments & breaks — like attending an actual academy</p></div></div> </div> </div> <div class="bg-gradient-to-br from-indigo-50 to-white border border-gray-100 rounded-2xl p-6"> <h3 class="text-lg font-bold text-gray-900 mb-4 flex items-center gap-2"> <span class="w-8 h-8 rounded-lg bg-indigo-600 flex items-center justify-center text-white"><svg class='w-5 h-5' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'></path></svg></span> Built for Serious Learners </h3> <div class="grid grid-cols-2 gap-x-6 gap-y-3"> <div class="flex items-start gap-2"><span class="text-indigo-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Track Your Progress</p><p class="text-xs text-gray-400">See exactly where you stand across modules, exams & meetings</p></div></div> <div class="flex items-start gap-2"><span class="text-indigo-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Learn from Real Trainers</p><p class="text-xs text-gray-400">Not just pre-recorded videos — live sessions with industry experts</p></div></div> <div class="flex items-start gap-2"><span class="text-indigo-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Skill Assessments</p><p class="text-xs text-gray-400">Benchmark your knowledge before & after — see real improvement</p></div></div> <div class="flex items-start gap-2"><span class="text-indigo-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">100% Free — No Catch</p><p class="text-xs text-gray-400">No trial period, no hidden fees, no credit card — free forever</p></div></div> </div> </div> </div> </div> </div> <!-- ==================== TRAINER TAB ==================== --> <div id="panel-trainer" class="reg-panel hidden"> <div class="bg-white rounded-2xl border border-gray-200 shadow-sm overflow-hidden relative"> <div class="absolute top-4 right-4 z-10"><span class="inline-flex items-center bg-amber-400 text-amber-900 text-xs font-bold px-3 py-1.5 rounded-full shadow"><svg class='w-3 h-3 inline mr-0.5' fill='currentColor' viewBox='0 0 24 24'><polygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'></polygon></svg> Most Popular</span></div> <div class="flex flex-col md:flex-row"> <div class="flex-1 p-8 lg:p-10 bg-gradient-to-r from-teal-50 via-teal-50/60 to-white"> <span class="inline-flex items-center bg-teal-600 text-white text-sm font-bold px-4 py-1.5 rounded-full mb-4"><svg class='w-4 h-4 inline mr-1' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'><path d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z'></path><path d='m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'></path><path d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0'></path><path d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5'></path></svg> Free to Start</span> <h2 class="text-3xl font-bold text-gray-900 mb-1">Your all-in-one training platform</h2> <p class="text-gray-500 mb-5">Create, market, and sell courses & events — no tech skills needed. Your own branded platform.</p> <div class="grid grid-cols-3 gap-6"> <!-- Column 1: Create --> <div> <div class="flex items-center gap-2 mb-3"> <div class="w-7 h-7 rounded-lg bg-teal-600 flex items-center justify-center text-white"><svg class='w-3.5 h-3.5' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><path d='M9 18h6'></path><path d='M10 22h4'></path><path d='M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14'></path></svg></div> <span class="text-sm font-bold text-gray-900 uppercase tracking-wide">Create & Deliver</span> </div> <ul class="space-y-2"> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>AI Course Builder</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Course & Module Editor</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Live Webinars & Events</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Multi-Day Training Programs</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Exam & Survey Builder</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Certificate Templates</li> </ul> </div> <!-- Column 2: Grow --> <div> <div class="flex items-center gap-2 mb-3"> <div class="w-7 h-7 rounded-lg bg-teal-600 flex items-center justify-center text-white"><svg class='w-3.5 h-3.5' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><line x1='18' y1='20' x2='18' y2='10'></line><line x1='12' y1='20' x2='12' y2='4'></line><line x1='6' y1='20' x2='6' y2='14'></line></svg></div> <span class="text-sm font-bold text-gray-900 uppercase tracking-wide">Grow & Monetize</span> </div> <ul class="space-y-2"> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Branded Website</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>AI Marketing Tools</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Email Campaigns</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Coupons & Promotions</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Affiliate Program</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Trainer Booking System</li> </ul> </div> <!-- Column 3: Manage --> <div> <div class="flex items-center gap-2 mb-3"> <div class="w-7 h-7 rounded-lg bg-teal-600 flex items-center justify-center text-white"><svg class='w-3.5 h-3.5' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><path d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'></path><circle cx='9' cy='7' r='4'></circle><path d='M23 21v-2a4 4 0 0 0-3-3.87'></path><path d='M16 3.13a4 4 0 0 1 0 7.75'></path></svg></div> <span class="text-sm font-bold text-gray-900 uppercase tracking-wide">Manage & Scale</span> </div> <ul class="space-y-2"> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Student CRM & Leads</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Analytics & Reports</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Orders & Payments</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>Job Proposals</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>AI Tutor for Students</li> <li class="flex items-center gap-2 text-base text-gray-700"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span>24/7 AI Support</li> </ul> </div> </div> <div class="mt-5 bg-teal-100/50 rounded-lg px-4 py-2.5 flex items-center gap-2"> <span class="text-teal-600"><svg class='w-5 h-5' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'><polygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'></polygon></svg></span> <p class="text-sm text-teal-800"><strong>Running a training business?</strong> Upgrade to Business for custom domain, 100+ themes, team management & advanced analytics.</p> </div> </div> <div class="w-full md:w-80 flex-shrink-0 p-8 lg:p-10 flex flex-col justify-center border-t md:border-t-0 md:border-l border-gray-100"> <p class="text-xs font-bold text-gray-400 uppercase tracking-wider mb-2">Trainer Account</p> <span class="text-6xl font-extrabold text-gray-900">$0</span> <p class="text-sm text-gray-400 mt-1 mb-3">No monthly fees.</p> <div class="bg-teal-50 rounded-lg px-3 py-2.5 mb-6 flex items-start gap-2"> <span class="text-teal-600 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span> <p class="text-sm text-teal-700 font-medium">Keep your earnings. Small fee per sale only.</p> </div> <a href="/Account/Register/Trainer" class="block w-full text-center bg-teal-600 hover:bg-teal-700 text-white font-bold py-4 rounded-xl transition-all shadow-md hover:shadow-lg text-lg">Start Teaching Free <svg class='w-4 h-4 inline ml-2' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><line x1='5' y1='12' x2='19' y2='12'></line><polyline points='12 5 19 12 12 19'></polyline></svg></a> <p class="text-sm text-gray-400 mt-4 text-center">Have an account? <a href="/Account/Login" class="text-teal-600 font-semibold hover:underline">Log in</a></p> </div> </div> </div> <!-- Trainer: What makes us different --> <div class="mt-8 pt-6 border-t border-gray-100"> <div class="text-center mb-6"> <p class="text-sm font-bold text-teal-600 uppercase tracking-wider mb-1">Training & Business Tools Other Platforms Don't Offer</p> <h2 class="text-2xl font-bold text-gray-900">More than course hosting — tools to build a real training business</h2> <p class="text-gray-400 text-sm mt-1">AI course builder, student AI tutors, recruitment tools & more — all from one platform.</p> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6"> <div class="bg-gradient-to-br from-teal-50 to-white border border-gray-100 rounded-2xl p-6"> <h3 class="text-lg font-bold text-gray-900 mb-4 flex items-center gap-2"> <span class="w-8 h-8 rounded-lg bg-teal-600 flex items-center justify-center text-white"><svg class='w-5 h-5' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'><polygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'></polygon></svg></span> What You Won't Find Elsewhere </h3> <div class="grid grid-cols-2 gap-x-6 gap-y-3"> <div class="flex items-start gap-2"><span class="text-teal-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">AI Builds Your Course</p><p class="text-xs text-gray-400">Describe your topic — AI generates modules, content & structure</p></div></div> <div class="flex items-start gap-2"><span class="text-teal-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Students Get an AI Tutor</p><p class="text-xs text-gray-400">Your students get 24/7 AI help — without extra work from you</p></div></div> <div class="flex items-start gap-2"><span class="text-teal-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Real Training Programs</p><p class="text-xs text-gray-400">Multi-day events with schedules, breaks & assignments — not just video uploads</p></div></div> <div class="flex items-start gap-2"><span class="text-teal-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Recruit Through Your Platform</p><p class="text-xs text-gray-400">Post jobs, assess candidates & hire — all from your training site</p></div></div> </div> </div> <div class="bg-gradient-to-br from-emerald-50 to-white border border-gray-100 rounded-2xl p-6"> <h3 class="text-lg font-bold text-gray-900 mb-4 flex items-center gap-2"> <span class="w-8 h-8 rounded-lg bg-emerald-600 flex items-center justify-center text-white"><svg class='w-5 h-5' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'><path d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'></path></svg></span> Your Business, Your Rules </h3> <div class="grid grid-cols-2 gap-x-6 gap-y-3"> <div class="flex items-start gap-2"><span class="text-emerald-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Zero Monthly Fees</p><p class="text-xs text-gray-400">Start free — only pay a small fee when you make a sale</p></div></div> <div class="flex items-start gap-2"><span class="text-emerald-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Your Own Branded Platform</p><p class="text-xs text-gray-400">Custom domain, logo, colors — students see your brand, not ours</p></div></div> <div class="flex items-start gap-2"><span class="text-emerald-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Payments Built In</p><p class="text-xs text-gray-400">Stripe & PayPal — collect payments globally from day one</p></div></div> <div class="flex items-start gap-2"><span class="text-emerald-500 mt-0.5"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><div><p class="text-sm font-semibold text-gray-800">Scale with Affiliates</p><p class="text-xs text-gray-400">Let others promote your courses — they earn, you grow</p></div></div> </div> </div> </div> </div> </div> <!-- ==================== BUSINESS TAB ==================== --> <div id="panel-business" class="reg-panel hidden"> <div class="text-center mb-6"> <span class="inline-flex items-center bg-amber-500 text-white text-sm font-bold px-4 py-1.5 rounded-full mb-3"><svg class='w-5 h-5' fill='none' stroke='currentColor' stroke-width='2' viewBox='0 0 24 24'><polygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'></polygon></svg> 7-Day Free Trial</span> <h2 class="text-2xl font-bold text-gray-900">All-in-one learning & training management</h2> <p class="text-gray-500 mt-1">Select your organization type to see tailored pricing</p> </div> <div id="biz-categories" class="grid grid-cols-2 lg:grid-cols-4 gap-5 mb-6"> <button onclick="selectBizCategory('corporate',1,this)" class="biz-cat group bg-teal-50 border-2 border-gray-200 rounded-2xl p-6 text-center hover:border-teal-400 hover:shadow-lg transition-all cursor-pointer"> <div class="w-16 h-16 rounded-xl bg-teal-100 flex items-center justify-center mx-auto mb-4 text-teal-600"><svg class='w-7 h-7' fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 24 24'><rect x='2' y='7' width='20' height='14' rx='2' ry='2'></rect><path d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'></path></svg></div> <h3 class="text-base font-bold text-gray-800">Training Companies</h3> <p class="text-sm text-gray-400 mt-1">Small to mid-sized orgs</p> <span class="inline-block mt-3 text-sm font-semibold text-teal-600 group-hover:text-teal-700">View Plans <svg class='w-4 h-4 inline ml-2' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><line x1='5' y1='12' x2='19' y2='12'></line><polyline points='12 5 19 12 12 19'></polyline></svg></span> </button> <button onclick="selectBizCategory('schools',2,this)" class="biz-cat group bg-blue-50 border-2 border-gray-200 rounded-2xl p-6 text-center hover:border-blue-400 hover:shadow-lg transition-all cursor-pointer"> <div class="w-16 h-16 rounded-xl bg-blue-100 flex items-center justify-center mx-auto mb-4 text-blue-600"><svg class='w-7 h-7' fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 24 24'><rect x='4' y='2' width='16' height='20' rx='2' ry='2'></rect><path d='M9 22v-4h6v4'></path><line x1='8' y1='6' x2='8' y2='6'></line><line x1='12' y1='6' x2='12' y2='6'></line><line x1='16' y1='6' x2='16' y2='6'></line><line x1='8' y1='10' x2='8' y2='10'></line><line x1='12' y1='10' x2='12' y2='10'></line><line x1='16' y1='10' x2='16' y2='10'></line><line x1='8' y1='14' x2='8' y2='14'></line><line x1='12' y1='14' x2='12' y2='14'></line><line x1='16' y1='14' x2='16' y2='14'></line></svg></div> <h3 class="text-base font-bold text-gray-800">Schools & Universities</h3> <p class="text-sm text-gray-400 mt-1">Academic institutions</p> <span class="inline-block mt-3 text-sm font-semibold text-blue-600 group-hover:text-blue-700">View Plans <svg class='w-4 h-4 inline ml-2' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><line x1='5' y1='12' x2='19' y2='12'></line><polyline points='12 5 19 12 12 19'></polyline></svg></span> </button> <button onclick="selectBizCategory('recruiters',3,this)" class="biz-cat group bg-purple-50 border-2 border-gray-200 rounded-2xl p-6 text-center hover:border-purple-400 hover:shadow-lg transition-all cursor-pointer"> <div class="w-16 h-16 rounded-xl bg-purple-100 flex items-center justify-center mx-auto mb-4 text-purple-600"><svg class='w-7 h-7' fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 24 24'><path d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'></path><circle cx='9' cy='7' r='4'></circle><path d='M23 21v-2a4 4 0 0 0-3-3.87'></path><path d='M16 3.13a4 4 0 0 1 0 7.75'></path></svg></div> <h3 class="text-base font-bold text-gray-800">Recruiters & Staffing</h3> <p class="text-sm text-gray-400 mt-1">Hiring & assessment</p> <span class="inline-block mt-3 text-sm font-semibold text-purple-600 group-hover:text-purple-700">View Plans <svg class='w-4 h-4 inline ml-2' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><line x1='5' y1='12' x2='19' y2='12'></line><polyline points='12 5 19 12 12 19'></polyline></svg></span> </button> <button onclick="selectBizCategory('churches',5,this)" class="biz-cat group bg-amber-50 border-2 border-gray-200 rounded-2xl p-6 text-center hover:border-amber-400 hover:shadow-lg transition-all cursor-pointer"> <div class="w-16 h-16 rounded-xl bg-amber-100 flex items-center justify-center mx-auto mb-4 text-amber-600"><svg class='w-7 h-7' fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 24 24'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'></path></svg></div> <h3 class="text-base font-bold text-gray-800">Churches & Charities</h3> <p class="text-sm text-gray-400 mt-1">Non-profit organizations</p> <span class="inline-block mt-3 text-sm font-semibold text-amber-600 group-hover:text-amber-700">View Plans <svg class='w-4 h-4 inline ml-2' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><line x1='5' y1='12' x2='19' y2='12'></line><polyline points='12 5 19 12 12 19'></polyline></svg></span> </button> </div> <div id="biz-pricing" class="hidden"> <div class="flex items-center justify-between mb-5"> <!-- Monthly/Annual toggle centered --> <div class="flex-1"></div> <div class="inline-flex bg-gray-100 rounded-full p-1"> <button onclick="toggleBizPlan(false)" id="biz-monthly-btn" class="px-5 py-2 rounded-full text-sm font-bold bg-white text-gray-900 shadow-sm transition-all">Monthly</button> <button onclick="toggleBizPlan(true)" id="biz-annual-btn" class="px-5 py-2 rounded-full text-sm font-bold text-gray-400 hover:text-gray-600 transition-all">Annual <span class="text-teal-600 ml-1">Save 20%</span></button> </div> <!-- Back to categories on the right --> <div class="flex-1 text-right"> <button onclick="backToCategories()" class="inline-flex items-center gap-2 text-sm font-medium text-gray-400 hover:text-gray-700 transition-colors">← All categories</button> </div> </div> <div id="biz-packages-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 justify-items-center max-w-4xl mx-auto"></div> <div id="biz-no-packages" class="hidden text-center py-12"><p class="text-gray-500 text-lg">No packages available yet.</p></div> <div id="biz-loading" class="hidden text-center py-16"> <div class="inline-flex flex-col items-center gap-3"> <div class="w-10 h-10 border-3 border-gray-200 border-t-teal-500 rounded-full animate-spin"></div> <p class="text-sm text-gray-400 font-medium">Loading plans...</p> </div> </div> </div> <div class="mt-6 bg-gradient-to-r from-gray-50 to-gray-50/50 rounded-2xl p-6 border border-gray-100"> <p class="text-center text-xs font-bold text-gray-400 uppercase tracking-wider mb-4">Included in every plan</p> <div class="grid grid-cols-2 md:grid-cols-4 gap-y-4 gap-x-6"> <div class="flex items-center gap-2.5"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><span class="text-sm font-medium text-gray-700">Self-Paced Courses</span></div> <div class="flex items-center gap-2.5"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><span class="text-sm font-medium text-gray-700">Trainer-Led Programs</span></div> <div class="flex items-center gap-2.5"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><span class="text-sm font-medium text-gray-700">AI Course Builder</span></div> <div class="flex items-center gap-2.5"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><span class="text-sm font-medium text-gray-700">Live Virtual Events</span></div> <div class="flex items-center gap-2.5"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><span class="text-sm font-medium text-gray-700">Exams & Certifications</span></div> <div class="flex items-center gap-2.5"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><span class="text-sm font-medium text-gray-700">Surveys & Feedback</span></div> <div class="flex items-center gap-2.5"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><span class="text-sm font-medium text-gray-700">Reporting & Analytics</span></div> <div class="flex items-center gap-2.5"><span class="text-teal-500"><svg class='w-4 h-4' fill='none' stroke='currentColor' stroke-width='2.5' viewBox='0 0 24 24'><polyline points='20 6 9 17 4 12'></polyline></svg></span><span class="text-sm font-medium text-gray-700">24/7 AI Chatbot</span></div> </div> </div> </div> </div> <script> function switchTab(tab){document.querySelectorAll('.reg-panel').forEach(function(p){p.classList.add('hidden')});document.querySelectorAll('.reg-tab').forEach(function(t){t.classList.remove('bg-gray-900','text-white','shadow-sm');t.classList.add('text-gray-500')});document.getElementById('panel-'+tab).classList.remove('hidden');var a=document.getElementById('tab-'+tab);a.classList.remove('text-gray-500');a.classList.add('bg-gray-900','text-white','shadow-sm')} var bizIsAnnual=false,bizGlobalData=null; function selectBizCategory(c,t,el){document.querySelectorAll('.biz-cat').forEach(function(c){c.classList.remove('border-teal-400','shadow-lg');c.classList.add('border-gray-200')});el.classList.remove('border-gray-200');el.classList.add('border-teal-400','shadow-lg');document.getElementById('biz-categories').classList.add('hidden');document.getElementById('biz-pricing').classList.remove('hidden');document.getElementById('biz-packages-grid').innerHTML='';document.getElementById('biz-no-packages').classList.add('hidden');document.getElementById('biz-loading').classList.remove('hidden');fetch('/account/CompanyPackage/'+t).then(function(r){return r.json()}).then(function(d){document.getElementById('biz-loading').classList.add('hidden');bizGlobalData=d;renderBizPackages(d)}).catch(function(){document.getElementById('biz-loading').classList.add('hidden');document.getElementById('biz-no-packages').classList.remove('hidden')})} function backToCategories(){document.getElementById('biz-categories').classList.remove('hidden');document.getElementById('biz-pricing').classList.add('hidden');document.querySelectorAll('.biz-cat').forEach(function(c){c.classList.remove('border-teal-400','shadow-lg');c.classList.add('border-gray-200')})} function toggleBizPlan(a){bizIsAnnual=a;var m=document.getElementById('biz-monthly-btn'),b=document.getElementById('biz-annual-btn');if(a){b.classList.add('bg-white','text-gray-900','shadow-sm');b.classList.remove('text-gray-400');m.classList.remove('bg-white','text-gray-900','shadow-sm');m.classList.add('text-gray-400')}else{m.classList.add('bg-white','text-gray-900','shadow-sm');m.classList.remove('text-gray-400');b.classList.remove('bg-white','text-gray-900','shadow-sm');b.classList.add('text-gray-400')}if(bizGlobalData)renderBizPackages(bizGlobalData)} function renderBizPackages(d){var g=document.getElementById('biz-packages-grid'),n=document.getElementById('biz-no-packages');g.innerHTML='';if(!Array.isArray(d)||d.length===0){n.classList.remove('hidden');return}n.classList.add('hidden');if(d.length<=2){g.className='grid grid-cols-1 md:grid-cols-2 gap-5 max-w-2xl mx-auto'}else if(d.length===3){g.className='grid grid-cols-1 md:grid-cols-3 gap-5 max-w-4xl mx-auto'}else{g.className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-5 max-w-5xl mx-auto'}d.forEach(function(p,i){var pr=bizIsAnnual?(p.YearlyPrice||p.Price):p.Price,sv=Math.abs((p.YearlyPrice||p.Price)-p.Price),pop=i===1;var c=document.createElement('div');c.className='relative bg-white rounded-2xl overflow-hidden hover:shadow-lg transition-all w-full max-w-sm '+(pop?'border-2 border-teal-400':'border border-gray-200');c.innerHTML=(pop?'<div class="absolute top-0 right-0 bg-teal-500 text-white text-xs font-bold px-3 py-1.5 rounded-bl-xl">POPULAR</div>':'')+'<div class="p-6"><h3 class="text-xl font-bold text-gray-900">'+p.PackageName+'</h3><p class="text-sm text-gray-400 mt-1 min-h-[1.5rem]">'+(p.PackageDetails||'')+'</p><div class="mt-4 mb-5"><span class="text-4xl font-extrabold text-gray-900">$'+pr+'</span><span class="text-gray-400 text-lg"> /mo</span>'+(bizIsAnnual&&sv>0?'<br><span class="inline-block bg-teal-50 text-teal-600 text-sm font-bold px-3 py-1 rounded-full mt-2">Save $'+sv+'/mo</span>':'')+'</div><a href="/account/register/company/'+encodeURIComponent(p.PackageName)+'" class="block w-full text-center '+(pop?'bg-teal-600 hover:bg-teal-700':'bg-gray-900 hover:bg-gray-800')+' text-white font-bold py-3.5 rounded-xl transition-all shadow-md hover:shadow-lg text-base">Get Started →</a><p class="text-xs text-gray-400 text-center mt-3">7-day free trial</p></div>';g.appendChild(c)})} </script> <!-- End - Registration Box Control --> <div class="bg-gray-900 text-white lg:pt-5 pt-2 pb-5"> <div class="custom-container px-4"> <div class="flex flex-wrap -mx-4"> <!-- About Company --> <div class="w-full lg:w-5/12"> <div class="hidden lg:!flex flex-col"> <h4 class="text-lg font-semibold">ABOUT US</h4> <a href="/about-us"> <img src="https://cdn-images-gf-prod.azureedge.net/GuruFaceLogo.png" class="mt-4 p-1 rounded w-[72px] bg-[#f8f9fa]" alt="Logo"> </a> </div> <div class=" lg:!hidden flex justify-between"> <h4 class="text-lg font-semibold">ABOUT US</h4> <a href="/about-us"> <img src="https://cdn-images-gf-prod.azureedge.net/GuruFaceLogo.png" class="p-1 rounded w-[72px] bg-[#f8f9fa]" alt="Logo"> </a> </div> <p class="lg:mt-4 mt-1 text-muted"> Guruface is your complete online platform for learning, teaching, and training. Our mission is to provide a state-of-the-art online training platform for students, freelance teachers, corporate trainers, and small to mid-size companies worldwide. </p> <p class="mt-2 "> We have a foundation of highly talented professional trainers who specialize in a variety of subject areas. </p> <a href="/about-us" class="mt-4 inline-block px-4 py-2 border border-yellow-400 text-yellow-400 rounded hover:bg-yellow-400 hover:text-gray-900 transition duration-300">Read More</a> </div> <!-- Links --> <div class="w-full lg:w-3/12 lg:px-4 mb-2 lg:mb-0"> <h4 class="text-lg font-semibold mt-4 lg:mt-0">Links</h4> <ul class="lg:mt-4 mt-2 lg:space-y-2 text-[#007bff]"> <li><a href="/faq" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>FAQs</a></li> <li><a href="/contact-us" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Contact Us</a></li> <li><a href="/about-us" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>About Us</a></li> <li><a href="http://blog.guruface.com/" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Blogs</a></li> <li><a href="/find-courses" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Courses</a></li> <li><a href="/training-events" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Events</a></li> <li><a href="/find-trainers" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Trainers</a></li> <li><a href="/find-trainer-jobs" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Jobs</a></li> <li><a href="/practice-exams" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Practice Exams</a></li> <li><a href="/knowledge-tests" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Knowledge Tests</a></li> <li><a href="/masterclasses" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Master Classes</a></li> <li><a href="/learningpaths" class="hover:text-gray-200"><i class="fa fa-angle-right mr-2"></i>Learning Paths</a></li> </ul> </div> <!-- Location --> <div class="w-full lg:w-4/12 lg:px-4"> <h4 class="text-lg font-semibold">Location</h4> <p class="lg:mt-4 text-gray-400">P O Box 1843<br>Frisco<br>Texas 75034</p> <a href="tel:(+1) 888-448-7432" class="mt-4 text-[#007bff]"><i class="fa fa-phone mr-2"></i>(+1) 888-448-7432</a><br /> <a href="mailto:info@guruface.com" class="text-[#007bff]"><i class="fa fa-envelope mr-2"></i>info@guruface.com</a> </div> </div> <!-- Copyright --> <div class="border-t border-gray-800 mt-5 pt-4"> <p class="text-center text-muted text-sm"> © Copyright 2026 Guruface Inc. Designed by <a href="https://www.guruface.com" class="text-[#007bff] hover:underline">Guruface Inc.</a> </p> </div> </div> </div> </body> </html>