</ iframe ></noscript> <div class="fixed top-0 right-0 left-0" style="z-index: 556;"> <div class="bg-[#0b4e4e] py-1 shadow-lg" style="z-index: 556;"> <div class="mx-auto"> <div class="flex justify-between "> <div class="flex justify-start"> <!-- Additional content can go here --> </div> <div class="w-full flex justify-between items-center md:!px-5 px-2 custom-container1"> <div class="flex sspace-x-2 text-[10px] text-white items-center"> <i class="fa-solid fa-phone text-[13px] mr-1"></i> <span class="callus_on text-[12px] !mr-2">Call us on</span> <span class="font-[400] text-[12px]"> (+1) 888-448-7432 </span> </div> <ul class="flex md:space-x-4 space-x-2 md:!text-sm text-[10px]"> <li><a href="/faq" class="text-white hover:underline">Faq</a></li> <li><a href="/about-us" class="text-white hover:underline">About Us</a></li> <li><a href="http://blog.guruface.com" class="text-white hover:underline">Blog</a></li> <li><a href="/contact-us" class="text-white hover:underline">Contact Us</a></li> </ul> </div> </div> </div> </div> <!-- For Large Screens header Homelayout--> <div class="lg:flex flex-col hidden"> <nav class="bg-black shadow-lg !w-full justify-center" style="z-index: 555;"> <div class="mx-auto flex items-center lg:justify-between justify-end p-0 custom-container py-1 "> <!-- LoggedUserHiddenVars Partial --> <div class="hidden lg:!flex w-full items-center"> <!-- Main Search Component --> <div class="w-full"> <main-search class="w-full"></main-search> </div> <!-- For Large Screens --> <div class="hidden lg:flex items-center"> <style> .Image-icon-xs { height: 40px; width: 40px; } .topdrpheadercolor { background: black; color: white; } .topdrpCard-top { border-top: 4px solid #00b9bd; } .viewcartdrp-menu { left: auto; right: 21%; min-width: 25%; } .cartitemscount { border-radius: 50%; color: #fff; display: inline-block; font-size: 12px; height: 18px; line-height: 16px; padding: 2px; position: relative; text-align: center; float: right; min-width: 20px; background: red; } </style> <ul class="flex space-x-2 my-1 "> <li> <a class="inline-flex items-center px-4 py-[10px] text-white border border-orange-500 bg-[#000]-600 rounded-[4px] text-sm font-semibold transition duration-200 whitespace-nowrap" href="/account/login"> Login </a> </li> <li> <a class="inline-flex items-center px-4 py-[10px] text-white border border-orange-500 bg-[#e56932] rounded-[4px] text-sm font-semibold transition duration-200 whitespace-nowrap" href="/Account/Register"> Get Started </a> </li> </ul> <div id="changeCompanyModal" class="normal-width-popup" style="display:none;"> <div class="modal-overlay"> <div class="modal-container lg:w-[70%] w-full"> <div class="modal-content mt-[15px]"> <div class="modal-header"> <h3 class="text-2xl font-semibold p-3 py-4">Change Company</h3> <button class="p-0 ml-auto bg-transparent border-0 text-black float-right text-3xl leading-none font-semibold outline-none focus:outline-none" id="CloseModelIcon" onclick="closeChangeCompany()"> <span id="popupCloseIcon" class="text-white text-2xl block outline-none focus:outline-none p-3 py-4 bg-[#c94d4d] rounded-tr-lg">×</span> </button> </div> <div> <app-change-company></app-change-company> </div> </div> </div> </div> </div> <script> function openChangeCompany() { const changeCompanyModal = document.getElementById("changeCompanyModal"); if (changeCompanyModal) { changeCompanyModal.style.display = "block"; } } function closeChangeCompany() { const changeCompanyModal = document.getElementById("changeCompanyModal"); if (changeCompanyModal) { changeCompanyModal.style.display = "none"; } } document.addEventListener("DOMContentLoaded", function () { // Get modal elements const changeCompanyModal = document.getElementById("changeCompanyModal"); const closeModelIcon = document.getElementById("CloseModelIcon"); // Get dropdown elements const cartButton = document.getElementById("cartButton"); const cartDropdown = document.getElementById("cartDropdown"); const topHeaderIcon = document.getElementById("topHeaderIcon"); const topHeaderdropdown = document.getElementById("topHeaderdropdown"); const closeDropdownIcon = document.getElementById("closeDropdown"); // Close modal when clicking the close icon if (closeModelIcon && changeCompanyModal) { closeModelIcon.addEventListener("click", function () { changeCompanyModal.style.display = "none"; }); } // Toggle cart dropdown visibility if (cartButton && cartDropdown) { cartButton.addEventListener("click", function (e) { e.stopPropagation(); const isVisible = cartDropdown.classList.contains("opacity-100"); cartDropdown.classList.toggle("opacity-100", !isVisible); cartDropdown.classList.toggle("visible", !isVisible); cartDropdown.classList.toggle("opacity-0", isVisible); cartDropdown.classList.toggle("invisible", isVisible); }); } // Toggle top header dropdown visibility if (topHeaderIcon && topHeaderdropdown) { topHeaderIcon.addEventListener("click", function (e) { e.stopPropagation(); const isVisible = topHeaderdropdown.classList.contains("opacity-100"); topHeaderdropdown.classList.toggle("opacity-100", !isVisible); topHeaderdropdown.classList.toggle("visible", !isVisible); topHeaderdropdown.classList.toggle("opacity-0", isVisible); topHeaderdropdown.classList.toggle("invisible", isVisible); }); } // Close dropdowns when clicking outside document.addEventListener("click", function () { if (cartDropdown) { cartDropdown.classList.add("opacity-0", "invisible"); cartDropdown.classList.remove("opacity-100", "visible"); } if (topHeaderdropdown) { topHeaderdropdown.classList.add("opacity-0", "invisible"); topHeaderdropdown.classList.remove("opacity-100", "visible"); } }); // Close cart dropdown when clicking the close icon if (closeDropdownIcon && cartDropdown) { closeDropdownIcon.addEventListener("click", function () { cartDropdown.classList.add("opacity-0", "invisible"); cartDropdown.classList.remove("opacity-100", "visible"); }); } }); </script> <!-- Show on large screens --> </div> </div> </div> </nav> </div> <!-- For Small Screens header Homelayout --> <div class="lg:hidden block bg-white border-b border-[#1f9980] bg-[#f5fffd]" style="z-index: 555;"> <div class="w-full flex justify-center items-start relative gap-0.5 pr-2"> <div class="w-full"> <app-category-menuv2></app-category-menuv2> </div> <div class="text-start flex pt-[8px]"> <!-- For Small Screens --> <div class="lg:hidden flex justify-end"> <style> .Image-icon-xs { height: 40px; width: 40px; } .topdrpheadercolor { background: black; color: white; } .topdrpCard-top { border-top: 4px solid #00b9bd; } .viewcartdrp-menu { left: auto; } .drpMenuLeft { left: auto; right: 0; } .moreLinks .dropdown-toggle::after { display: none; } .moreLinks .dropdown-menu { min-width: 15rem; } .moreLinks small { font-size: 65%; } .cursor-pointer { position: relative; z-index: 10; } </style> <div class="flex gap-1 items-center"> <!-- Login Button --> <div class="my-auto"> <a href="/account/login" class="inline-flex items-center justify-center px-1.5 py-2 border bg-white border-orange-500 text-orange-500 rounded-md hover:bg-orange-500 hover:text-white transition-colors duration-200" title="Login"> <i class="fa-solid fa-right-to-bracket"></i> </a> </div> <!-- Register Button --> <div class="my-auto"> <a href="/account/register" class="inline-flex items-center justify-center px-1.5 py-2 border hover:bg-white border-[#6dd5c0] hover:!text-[#6dd5c0] rounded-md bg-[#6dd5c0] text-white transition-colors duration-200" title="Register"> <i class="fa-solid fa-user-plus"></i> </a> </div> </div> <div id="changeCompanyModalsmall" class="normal-width-popup hidden"> <div class="modal-overlay"> <div class="modal-container lg:w-[70%] w-full"> <div class="modal-content mt-[15px]"> <div class="modal-header"> <h3 class="text-2xl font-semibold p-3 py-4">Change Company</h3> <button class="p-0 ml-auto bg-transparent border-0 text-black float-right text-3xl leading-none font-semibold outline-none focus:outline-none" id="CloseModelIconsmall" onclick="closeChangeCompanySmall()"> <span id="popupCloseIconsmall" class="text-white text-2xl block outline-none focus:outline-none p-3 py-4 bg-[#c94d4d] rounded-tr-lg">×</span> </button> </div> <div> <app-change-company></app-change-company> </div> </div> </div> </div> </div> <script> function openChangeCompanySmall() { const modal = document.getElementById('changeCompanyModalsmall'); if (modal) { console.log('Opening modal', modal); modal.classList.remove("hidden"); modal.classList.add("block"); } } function closeChangeCompanySmall() { const modal = document.getElementById('changeCompanyModalsmall'); if (modal) { console.log('Closing modal', modal); modal.classList.remove("block"); modal.classList.add("hidden"); } } document.addEventListener("DOMContentLoaded", function () { const toggleButton = document.getElementById("dropdownToggle"); const dropdownContent = document.getElementById("dropdownContent"); const dropdownButton = document.getElementById('dropdownheaderButton'); const dropdownMenu = document.getElementById('dropdownMenu'); const topHeaderIcon = document.getElementById('topHeaderIcon'); const closeModelIcon = document.getElementById('CloseModelIcon'); const topHeaderdropdown = document.getElementById('topHeaderdropdown'); // Toggle top header dropdown visibility if (dropdownButton && topHeaderdropdown) { dropdownButton.addEventListener('click', function (e) { e.stopPropagation(); const isVisible = topHeaderdropdown.classList.contains('opacity-100'); topHeaderdropdown.classList.toggle('opacity-100', !isVisible); topHeaderdropdown.classList.toggle('visible', !isVisible); topHeaderdropdown.classList.toggle('opacity-0', isVisible); topHeaderdropdown.classList.toggle('invisible', isVisible); }); } // Toggle dropdown visibility if (toggleButton && dropdownContent) { toggleButton.addEventListener("click", function (event) { event.stopPropagation(); dropdownContent.classList.toggle("hidden"); if (dropdownMenu) dropdownMenu.classList.add("hidden"); }); } // Toggle dropdown menu visibility if (dropdownButton && dropdownMenu) { dropdownButton.addEventListener("click", function (event) { event.stopPropagation(); dropdownMenu.classList.toggle("hidden"); }); } // Close all dropdowns when clicking outside document.addEventListener("click", function () { if (dropdownContent) dropdownContent.classList.add("hidden"); if (dropdownMenu) dropdownMenu.classList.add("hidden"); if (topHeaderdropdown) { topHeaderdropdown.classList.add('opacity-0', 'invisible'); topHeaderdropdown.classList.remove('opacity-100', 'visible'); } }); // Close dropdowns when clicking inside if (dropdownContent) { dropdownContent.addEventListener("click", function () { dropdownContent.classList.add("hidden"); }); } if (dropdownMenu) { dropdownMenu.addEventListener("click", function () { dropdownMenu.classList.add("hidden"); }); } }); </script> <!-- Show on small screens --> </div> </div> </div> </div> </div> <div class="hidden lg:block items-center md:!pt-[118px]"> <nav class="bg-azure w-full py-4 shadow-md"> <div class="flex lg:!flex-nowrap flex-wrap items-center justify-between lg:mt-2 mt-0 custom-container-categorymenu"> <!-- Brand --> <a href="/"> <img src="https://cdn-images-gf-prod.azureedge.net/GuruFaceLogo.png" alt="Guruface Logo" class="w-28 md:w-36" /> </a> <!-- Toggler Button --> <button class="block md:hidden text-gray-700 focus:outline-none" id="menu-toggle"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path> </svg> </button> <!-- Navbar Links --> <div class="hidden md:flex items-center space-x-6" id="MenuWrapper"> </div> <div> <a href="/request-demo" class="bg-green-700 text-white px-4 py-2 rounded hover:bg-green-800 transition">Book a Demo</a> </div> </div> </nav> <script> document.getElementById('menu-toggle').addEventListener('click', function () { document.getElementById('MenuWrapper').classList.toggle('hidden'); }); </script> </div> <input type="hidden" id="showlogoandheader" data-value="" /> <input type="hidden" id="ImageCDN" data-value="https://cdn-images-gf-prod.azureedge.net" /> <script> document.addEventListener("DOMContentLoaded", function () { function applyCustomStyles() { const elements = document.querySelectorAll(".custom-container-categorymenu"); if (window.innerWidth > 1024) { elements.forEach(el => el.classList.add("custom-container-categorymenu-style")); } else { elements.forEach(el => el.classList.remove("custom-container-categorymenu-style")); } } applyCustomStyles(); // Run on load window.addEventListener("resize", applyCustomStyles); // Run on resize }); </script> <style> .custom-container-categorymenu-style { margin-left: 9rem; margin-right: 9rem; margin-top: -25px !important; } </style> <div class="warper container-fluid p-0"> <div type="text" id="WhiteLabelling1Template"> <div class="mb-3 pb-3"> <div class="w-full"> <div class="bg-[#5bae9f] shadow-md rounded-lg overflow-hidden"> <div class=""> <div class="custom-container mx-auto lg:!mt-12 mt-24"> <div class="flex flex-col md:flex-row items-center my-16"> <div class="md:w-1/2 text-center md:text-left"> <h1 class="text-white text-4xl font-semibold leading-snug"> Fully Automated and Custom Training Management System for Businesses </h1> <p class="text-white mt-4 text-[16px]" style="font-family:system-ui;"> Finding it challenging to fulfill your learning and development team’s requirements? As businesses grow bigger, providing them with timely training and upskill processes becomes challenging. Online training with Guruface can fill those skill gaps and rising training requirements with ease. With an all-in-one training management platform that allows you to create, automate, and analyze custom courses to manage all training-related workflows, we have the perfect solution for your business. </p> <a href="/contact-us" class="inline-block mt-4 bg-[#1f8472] text-white py-2 px-4 rounded-md shadow-md hover:bg-green-800 transition">Book a Demo</a> </div> <div class="md:w-1/2 flex justify-center"> <img src="https://cdn-images-gf-prod.azureedge.net/trainingsystem/whitelabel.png" class="w-full h-auto" alt="Training System"> </div> </div> </div> </div> </div> </div> </div> </div> <div type="text/ng-template" id="WhiteLabelling2Template"> <div class="w-full my-3"> <h2 class="text-center my-12 text-4xl font-semibold"> Unique Solutions for <span class="text-[#49c5b6]">Unique Users</span> </h2> <div class="custom-container mx-auto"> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <!-- Trainers Card --> <div class="bg-yellow-100 pl-7 pr-0 md:!pt-10 pt-5 md:!pb-0 pb-5 rounded shadow-md min-h-[205px]"> <div class="flex"> <div class="w-2/3"> <h5 class="capitalize mb-2 font-semibold text-xl">Trainers</h5> <p class="pt-2 text-[.92rem]"> Are you a corporate/business trainer with many years of experience in any industry? Do you want to expand your training services by using an online platform? Guruface training management platform is perfect for people like you. </p> </div> <div class="w-1/3 flex justify-end"> <img src="https://cdn-images-gf-prod.azureedge.net/TrainerNew.png" class="h-48 w-64 object-cover" alt="Trainers"> </div> </div> </div> <!-- Training Companies Card --> <div class="bg-green-100 pl-7 pr-0 md:!pt-10 pt-5 md:!pb-0 pb-5 rounded shadow-md min-h-[205px]"> <div class="flex"> <div class="w-2/3"> <h5 class="capitalize font-semibold text-xl">Training Companies</h5> <p class="pt-2 text-[.92rem]"> Managing trainers, clients, and course materials can be challenging. With Guruface training management software, you can set up your custom platform to manage trainers and let them provide their classes effortlessly. </p> </div> <div class="w-1/3 flex justify-end"> <img src="https://cdn-images-gf-prod.azureedge.net/uniqueimage3.png" class="h-44 w-56 object-cover" alt="Training Companies"> </div> </div> </div> </div> <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6"> <!-- Small/Mid Businesses Card --> <div class="bg-blue-100 pl-7 pr-0 md:!pt-10 pt-5 md:!pb-0 pb-5 rounded shadow-md min-h-[205px]"> <div class="flex"> <div class="w-2/3"> <h5 class="capitalize mb-2 font-semibold text-xl">Small/Mid Businesses</h5> <p class="pt-2 text-[.92rem]"> Business owners and team managers need to keep their employees' skills up to date. Guruface provides a comprehensive solution to ensure effective learning and skill development. </p> </div> <div class="w-1/3 flex justify-end"> <img src="https://cdn-images-gf-prod.azureedge.net/CorporatesNew.png" class="h-48 w-48 object-cover" alt="Small/Mid Businesses"> </div> </div> </div> <!-- Schools/Universities Card --> <div class="bg-purple-100 pl-7 pr-0 md:!pt-10 pt-5 md:!pb-0 pb-5 rounded shadow-md min-h-[205px]"> <div class="flex"> <div class="w-2/3"> <h5 class="capitalize mb-2 font-semibold text-xl">Schools/Universities</h5> <p class="pt-2 text-[.92rem]"> Schools and Universities can manage their entire training activities using our custom solutions. From course creation to assigning teachers, everything is easy to set up and monitor. </p> </div> <div class="w-1/3 flex justify-end"> <img src="https://cdn-images-gf-prod.azureedge.net/StudentNew.png" class="h-44 w-64 object-cover" alt="Schools/Universities"> </div> </div> </div> </div> </div> </div> <!-- Book a Demo Button --> <div class="w-full flex justify-center my-8"> <a href="/request-demo" class="bg-[#1f8472] text-white px-5 py-2 rounded shadow hover:bg-green-800">Book a Demo</a> </div> <!-- Quote Section --> <div class="w-full bg-black text-white py-16 mt-16"> <div class="custom-container mx-auto"> <div class="flex flex-col md:flex-row items-center"> <div class="md:w-1/2"> <p class="mt-5 mb-10 !text-[16px]"> “Learning is a continuous process. Businesses, students, trainers, professionals, everyone needs training to upskill and improve their abilities on a regular basis. Even when there are plenty of opportunities out there to get trained and to train others, are we able to do it successfully? Guruface Training Management System is a solution we are offering to help students, trainers, and companies fulfill their learning and training demands.” </p> <small>- Ben Xavier | CEO | Guruface</small> </div> <div class="md:w-1/2 bg-gray-600 h-72 w-full mt-5 md:mt-0"></div> </div> </div> </div> </div> <div type="text/ng-template" id="WhiteLabelling3Template"> <div class="w-full bg-gray-200"> <div class="custom-container mx-auto"> <div class="w-full py-12"> <div class="text-center py-4"> <h2 class="text-center my-12 text-4xl font-semibold"> Why Guruface is unique when it comes to online training </h2> </div> <div class="flex flex-col md:flex-row items-center gap-8 px-4 py-4"> <div class="md:w-1/2"> <h4 class="text-2xl font-semibold pt-4 pb-8">Monitor progress and performance</h4> <p class="text-gray-700 pb-8 text-lg"> When running online courses, managing the courses throughout the timeline is critical. With Guruface Training Management Software, you will be able to monitor the progress of each course and also the performance with ease. </p> <a href="/contact-us" class="bg-[#1f8472] text-white px-5 py-2 rounded shadow hover:bg-green-800">Book a Demo</a> </div> <div class="md:w-1/2"> <img src="https://cdn-images-gf-prod.azureedge.net/trainingsystem/performanceChecking.png" class="max-h-96 min-w-full object-cover" alt="Performance Checking"> </div> </div> <div class=" text-center py-4"> <div class="flex flex-row md:flex-row-reverse flex-wrap items-center gap-8 px-4"> <div class="md:w-1/2"> <img src="https://cdn-images-gf-prod.azureedge.net/trainingsystem/CoursePackage.png" class="max-h-96 min-w-full object-cover" alt="Course Package"> </div> <div class="md:w-1/2 text-left"> <h4 class="text-2xl font-semibold pt-4 pb-8">Packaging the courses as a sellable product</h4> <p class="text-gray-700 pb-8 text-lg"> A Training Management System should allow you to create courses, manage them, and at the same time help you in selling it as a product. Guruface.com is such a modern online training management solution, which allows you to let you package the courses as a sellable product. </p> <a href="/contact-us" class="bg-[#1f8472] text-white px-5 py-2 rounded shadow hover:bg-green-800">Book a Demo</a> </div> </div> </div> </div> </div> </div> </div> <div type="text/ng-template" id="WhiteLabelling4Template"> <div class="block mt-5 mb-5 custom-container"> <div class="py-2"> <h2 class="text-center mt-8 pb-4 text-4xl font-semibold w-fit mx-auto border-b border-[#f67350] pb-2"> Templates to run events and activities </h2> </div> <br> <div type="text/ng-template" id="EventActivityTemplate"> <div id="default-carousel" class="relative w-full" data-carousel="slide"> <!-- Carousel wrapper --> <div class="relative overflow-hidden rounded-lg min-h-[500px]"> <!-- Section 1 --> <div class="active duration-700 ease-in-out" data-carousel-item> <div class="grid grid-cols-2 sm:grid-cols-2 lg:!grid-cols-3 gap-4 py-4 md:mx-[3rem] lg:mx-12 xl:mx-[6rem] 2xl:mx-[9rem]"> <!-- Request Demo Template --> <div class=" bg-[#ffb49c] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Request Demo</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffd2c4] p-2"> <img src="/images/icons/quck-demo.jpg" alt="requestdemo"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Give quick demos as requested by users</div> </div> </div> </div> <!-- Course Event Template --> <div class=" bg-[#ffd07d] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Course Event</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffe3b1] p-2"> <img src="/images/icons/course-event.jpg" alt="courseevent"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create training events associated with courses.</div> </div> </div> </div> <!-- Draft Event Template --> <div class="bg-[#8bc4ed] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Draft Event</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9dcf4] p-2"> <img src="/images/icons/draft-event.png" alt="draftevent"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create draft events and develop them later.</div> </div> </div> </div> <!-- Meeting Event Template --> <div class="bg-[#ff7b7b] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Meeting Room</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffb0b0] p-2"> <img src="/images/icons/draft-event.png" alt="meetingevent"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create meeting rooms for recurring events.courses.</div> </div> </div> </div> <!-- Webinar Event Template --> <div class="bg-[#be9cfe] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Webinar</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#d8c4fe] p-2"> <img src="/images/icons/webinar.jpg" alt="webinarevent"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create webinars to promote your course.</div> </div> </div> </div> <!-- Survey Event Template --> <div class="bg-[#8bd1cb] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Survey</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9e3e0] p-2"> <img src="/images/icons/survey.jpg" alt="surveyevent"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create surveys and analyze statistics.</div> </div> </div> </div> <!-- Practiceexam Event Template --> <div class="bg-[#8be2ed] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Practice Exam</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9eef4] p-2"> <img src="/images/icons/Practise-exam.jpg" alt="practiceexam"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Provide practice exams to self-assess.</div> </div> </div> </div> <!-- Knowledgetest Event Template --> <div class="bg-[#98fb98] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Knowledge Test</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#c1fdc1] p-2"> <img src="/images/icons/draft-event.png" alt="knowledgetest"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Run knowledge tests and recommend courses.</div> </div> </div> </div> <!-- AssessmentTool Event Template --> <div class="bg-[#E6E6FA] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Assessment Tool</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#dfcefd] p-2"> <img src="/images/icons/survey.jpg" alt="assessmentTool"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create assessment Tool and analyze statistics.</div> </div> </div> </div> </div> </div> <!-- Section 2 --> <div class="hidden duration-700 ease-in-out" data-carousel-item> <div class="grid grid-cols-2 sm:grid-cols-2 lg:!grid-cols-3 gap-4 py-4 md:mx-[3rem] lg:mx-12 xl:mx-[6rem] 2xl:mx-[9rem]"> <!-- Bootcamp Event Template --> <div class=" bg-[#ffb49c] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Boot Camp</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffd2c4] p-2"> <img src="/images/icons/course-event.jpg" alt="bootcamp"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create Boot Camp with multiple courses and events</div> </div> </div> </div> <!-- Al Course Event Template --> <div class="bg-[#ffd07d] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Al Course Based Event</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffe3b1] p-2"> <img src="/images/icons/course-event.jpg" alt="schedulecourseevent"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create training event associated with courses.</div> </div> </div> </div> <!-- Exam Event Template --> <div class="bg-[#e7f09b] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Online Exam Event</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#f1f6c3] p-2"> <img src="/images/icons/exam-event.jpg" alt="Examevent"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create and run exams online.</div> </div> </div> </div> <!-- Interview Event Template --> <div class=" bg-[#8bd1cb] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Interview Preparation Tool</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9e3e0] p-2"> <img src="/images/icons/webinar.jpg" alt="practiceinterview"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">AI Powered Interview Preparation Tool.</div> </div> </div> </div> <!-- PracticeInterview Event Template --> <div class=" bg-[#8be2ed] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Practice Interview Tool</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9eef4] p-2"> <img src="/images/icons/Practise-exam.jpg" alt="practiceinterview"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Video based AI powered interview Practice tool.</div> </div> </div> </div> <!-- Interview Event Template --> <div class=" bg-[#E6E6FA] py-2 px-4"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2">Interview Hiring Tool</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#dfcefd] p-2"> <img src="/images/icons/course-event.jpg" alt="practiceinterview"> </div> <div class="md:w-1/2 w-full md:pl-3 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">AI-powered interview management and hiring automation tool.</div> </div> </div> </div> </div> </div> <!-- Section 3 --> </div> <!-- Slider indicators --> <div class="flex justify-center mt-4 space-x-2"> <button class="w-4 h-4 bg-gray-900 rounded-full indicator" onclick="changeSlide(0)"></button> <button class="w-4 h-4 bg-gray-300 rounded-full indicator" onclick="changeSlide(1)"></button> </div> </div> <script> let currentSlide = 0; const slides = document.querySelectorAll("[data-carousel-item]"); const indicators = document.querySelectorAll(".indicator"); function changeSlide(index) { // Hide current slide slides[currentSlide]?.classList.add("hidden"); // Reset all indicators to default color indicators.forEach(indicator => { indicator.classList.remove("bg-gray-900"); indicator.classList.add("bg-gray-300"); }); // Update current slide index currentSlide = index; // Show the selected slide slides[currentSlide]?.classList.remove("hidden"); // Highlight the selected indicator indicators[currentSlide]?.classList.add("bg-gray-900"); } // Attach event listeners to indicator buttons indicators.forEach((indicator, index) => { indicator.addEventListener("click", () => changeSlide(index)); }); </script> <div class="grid lg:grid-cols-3 grid-cols-2 md:mx-[3rem] lg:mx-12 xl:mx-[6rem] 2xl:mx-[9rem] gap-4 mt-12 hidden"> <!-- Request Demo Template --> <ng-container> <div class=" bg-[#ffb49c] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Request Demo</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffd2c4] p-2"> <img src="/images/icons/quck-demo.jpg" alt="requestdemo"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Give quick demos as requested by users</div> </div> </div> </div> </ng-container> <!-- Course Event Template --> <ng-container> <div class=" bg-[#ffd07d] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Course Event</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffe3b1] p-2"> <img src="/images/icons/course-event.jpg" alt="courseevent"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create training events associated with courses.</div> </div> </div> </div> </ng-container> <!-- Draft Event Template --> <ng-container> <div class="bg-[#8bc4ed] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2 md:mb-4">Draft Event</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9dcf4] p-2"> <img src="/images/icons/draft-event.png" alt="draftevent"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create draft events and develop them later.</div> </div> </div> </div> </ng-container> <!-- Meeting Event Template --> <ng-container> <div class="bg-[#ff7b7b] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Meeting Room</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffb0b0] p-2"> <img src="/images/icons/draft-event.png" alt="meetingevent"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create meeting rooms for recurring events.courses.</div> </div> </div> </div> </ng-container> <!-- Webinar Event Template --> <ng-container> <div class="bg-[#be9cfe] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Webinar</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#d8c4fe] p-2"> <img src="/images/icons/webinar.jpg" alt="webinarevent"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create webinars to promote your course.</div> </div> </div> </div> </ng-container> <!-- Survey Event Template --> <ng-container> <div class="bg-[#8bd1cb] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Survey</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9e3e0] p-2"> <img src="/images/icons/survey.jpg" alt="surveyevent"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create surveys and analyze statistics.</div> </div> </div> </div> </ng-container> <!-- Exam Event Template --> <ng-container> <div class="bg-[#e7f09b] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2 md:mb-4">Exam Event</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#f1f6c3] p-2"> <img src="/images/icons/exam-event.jpg" alt="examevent"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create and run exams online.</div> </div> </div> </div> </ng-container> <!-- Practiceexam Event Template --> <ng-container> <div class="bg-[#8be2ed] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Practice Exam</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9eef4] p-2"> <img src="/images/icons/Practise-exam.jpg" alt="practiceexam"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Provide practice exams to self-assess.</div> </div> </div> </div> </ng-container> <!-- Knowledgetest Event Template --> <ng-container> <div class="bg-[#98fb98] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Knowledge Test</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#c1fdc1] p-2"> <img src="/images/icons/draft-event.png" alt="knowledgetest"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Run knowledge tests and recommend courses.</div> </div> </div> </div> </ng-container> <!-- AssessmentTool Event Template --> <ng-container> <div class=" bg-[#8bd1cb] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Assessment Tool</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9e3e0] p-2"> <img src="/images/icons/survey.jpg" alt="assessmentTool"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create assessment Tool and analyze statistics.</div> </div> </div> </div> </ng-container> <!-- Bootcamp Event Template --> <ng-container> <div class=" bg-[#ffb49c] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Boot Camp</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffd2c4] p-2"> <img src="/images/icons/course-event.jpg" alt="bootcamp"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create Boot Camp with multiple courses and events </div> </div> </div> </div> </ng-container> <!-- Schedulecourse Event Template --> <ng-container> <div class="bg-[#ffd07d] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold mb-2 md:mb-4">Al Course Based Event</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#ffe3b1] p-2"> <img src="/images/icons/course-event.jpg" alt="schedulecourseevent"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Create training event associated with courses.</div> </div> </div> </div> </ng-container> <!-- PracticeInterview Event Template --> <ng-container> <div class=" bg-[#8be2ed] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Practice Interview Tool</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#b9eef4] p-2"> <img src="/images/icons/Practise-exam.jpg" alt="practiceinterview"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">Video based AI powered interview Practice tool.</div> </div> </div> </div> </ng-container> <!-- Interview Event Template --> <ng-container> <div class=" bg-[#E6E6FA] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Interview Preparation Tool</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#dfcefd] p-2"> <img src="/images/icons/webinar.jpg" alt="practiceinterview"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">AI Powered Interview Preparation Tool.</div> </div> </div> </div> </ng-container> <!-- Interview Event Template --> <ng-container> <div class=" bg-[#E6E6FA] p-2"> <div class="text-[20px] md:text-start text-center text-gray-900 font-semibold md:mb-4 mb-2">Interview Hiring Tool</div> <div class="flex md:flex-row flex-col"> <div class="md:w-[180px] w-full bg-[#dfcefd] p-2"> <img src="/images/icons/course-event.jpg" alt="practiceinterview"> </div> <div class="md:w-1/2 w-full md:pl-8 flex flex-col justify-between"> <div class="mt-2 flex md:text-start lg:!text-[1rem] text-sm text-center">AI-powered interview management and hiring automation tool.</div> </div> </div> </div> </ng-container> </div> </div> <div class="mt-5 "> <div class="container mx-auto px-4"> <div class="flex flex-wrap -mx-3 my-6"> <div class="w-full px-3 mb-12"> <div class="mt-10 text-left"> <h5 class="text-2xl font-semibold pt-4 pb-8"> Get templates for all kinds of training events </h5> <p class="text-gray-700 pb-6 text-lg leading-relaxed"> Templates are a must-have for online teaching platforms as you will have to create multiple events as part of a training program. Exams, webinars, practice exams, surveys, and other course-related activities are the best examples of common events. At Guruface we provide templates for all kinds of events mentioned above, and also templates for your free trials, knowledge tests, and even meeting rooms. <br />You will get templates to run online exams and schedule them on a desired date and time. Knowledge test templates can be used to recommend courses based on their level of expertise. To assist those who are preparing for exams or trying to get certified, there is also a practice exams facility. </p> </div> </div> <div class="flex flex-col md:flex-row items-center gap-8 px-4 py-4"> <div class="md:w-1/2"> <img src="https://cdn-images-gf-prod.azureedge.net/trainingsystem/Knowldge_Test.png" class="w-11/12 h-auto rounded-sm" alt="Knowledge Test"> </div> <div class="md:w-1/2"> <h4 class="text-2xl font-semibold pt-4 pb-8">Knowledge Tests for students</h4> <p class="text-gray-700 pb-8 text-lg"> Run knowledge tests and suggest courses to students based on their scores. This allows you to suggest ideal courses for students who are unsure about what course they need to attend. </p> <a href="/request-demo" class="inline-block bg-[#1f8472] text-white px-5 py-2 rounded">Book a Demo</a> </div> </div> <div class="flex flex-col md:flex-row items-center gap-8 px-4 py-4"> <div class="md:w-1/2"> <h4 class="text-2xl font-semibold pt-4 pb-8">Course based events for running multi-day/year long events.</h4> <p class="text-gray-700 pb-8 text-lg"> With our course based events template, you can create any number of training events with a predefined course syllabus . You don't need to add course syllabus each time </p> <a href="/request-demo" class="inline-block bg-[#1f8472] text-white px-5 py-2 rounded">Book a Demo</a> </div> <div class="md:w-1/2"> <img src="https://cdn-images-gf-prod.azureedge.net/trainingsystem/Schedule-Training-Events-based-on-courses.jpg" class="img-fluid mr-2" alt="Responsive image " style="width:90%; height:90%;"> </div> </div> <div class="flex flex-col md:flex-row items-center gap-8 px-4 py-4"> <div class="md:w-1/2"> <img src="https://cdn-images-gf-prod.azureedge.net/trainingsystem/Practise_Exam.png" class="img-fluid" alt="Responsive image " style="width:90%; height:90%;"> </div> <div class="md:w-1/2"> <h4 class="text-2xl font-semibold pt-4 pb-8"> Practice Exams to prepare for better.</h4> <p class="text-gray-700 pb-8 text-lg"> Even after the training sessions are complete, users can do final preparation for the final exam with our Practice Exam feature. Let your team face exams with full confidence. </p> <a href="/request-demo" class="inline-block bg-[#1f8472] text-white px-5 py-2 rounded">Book a Demo</a> </div> </div> </div> </div> </div> <br> <div class="flex items-center gap-5 lg:flex-nowrap flex-wrap"> <div class="lg:!pr-16"> <div class="space-y-6"> <div class="bg-white shadow-lg rounded-lg p-6"> <div class="flex items-center mb-4"> <i class="fa fa-square text-green-700 text-xl"></i> </div> <h6 class="text-lg font-semibold">Automating training activities</h6> <p class="text-gray-700 mt-2">With Guruface training management software, you can automate all your training activities effortlessly. Our platform will allow you to automate, track, update, and assess your training activities throughout the training timeline. Along with scheduling dates, you can also assign knowledge tests, exams, surveys, and more.</p> </div> <div class="bg-white shadow-lg rounded-lg p-6"> <div class="flex items-center mb-4"> <i class="fa fa-square text-green-700 text-xl"></i> </div> <h6 class="text-lg font-semibold">Authoring, Publishing, and Packaging Courses</h6> <p class="text-gray-700 mt-2">With the Guruface training platform, trainers can create courses according to their expertise and desire. The course authoring options are easy to manage and easy to design your training courses. Once published, you can start creating training sessions based on registrations.</p> </div> <div class="bg-white shadow-lg rounded-lg p-6"> <div class="flex items-center mb-4"> <i class="fa fa-square text-green-700 text-xl"></i> </div> <h6 class="text-lg font-semibold">Creating training events and activities</h6> <p class="text-gray-700 mt-2">Once the courses are created and published, you can start promoting them. To make the trainer-led sessions efficient, we are providing options for the trainer to create training events for their courses. We understand that you know your courses and their demands better than anyone else and thus you are the right one to schedule and run training events and activities.</p> </div> <div class="bg-white shadow-lg rounded-lg p-6"> <div class="flex items-center mb-4"> <i class="fa fa-square text-green-700 text-xl"></i> </div> <h6 class="text-lg font-semibold">Conduct surveys on your own terms</h6> <p class="text-gray-700 mt-2">At Guruface, we also understand your requirement to gather feedback, reviews, comments, and even opinions for your courses and training sessions. With integrated survey creation features, you can avoid depending on 3rd party survey tools. It allows you to work more efficiently and save resources too.</p> </div> </div> </div> <div class=""> <h4 class="text-2xl font-semibold pt-4 pb-8"> Powerful and Custom Features of Guruface Training Management System</h4> <p class="text-gray-700 pb-8 text-lg"> Our training management platform is loaded with powerful features and capabilities that allow trainers and training companies to handle their courses and trainers exceptionally well. These cool features intend to deliver the desired training with utmost quality and assure great performances. </p> <a href="/request-demo" class="inline-block bg-[#1f8472] text-white px-5 py-2 rounded">Book a Demo</a> </div> </div> <div class="flex flex-col md:flex-row items-center gap-8 px-4 py-16"> <div class="md:w-1/2"> <h4 class="text-2xl font-semibold pt-4 pb-8">Guruface is offering great features that work.</h4> <p class="text-gray-700 pb-8 text-lg"> Our platform is an all-in-one solution for all online training requirements. Create as much as courses you want and decide whether you want them to be self-paced or trainer-led. You can create exams, surveys, and other activities anytime during the course timeline to assure quality and performance. With a handful of collaborative events to choose from, you can easily plan webinars, exams, knowledge tests, and assessments. As all of these options are provided with templates, it is easier to plan and execute training activities. </p> <a href="/request-demo" class="inline-block bg-[#1f8472] text-white px-5 py-2 rounded">Book a Demo</a> </div> <div class="md:w-1/2"> <img src="https://cdn-images-gf-prod.azureedge.net/trainingsystem/Author-course.jpg" class="img-fluid mr-2" alt="Responsive image " style="width:90%; height:90%;"> </div> </div> </div> </div> <div type="text/ng-template" id="WhiteLabelling5Template"> <div class="mt-3 mb-5 "> <div class="py-6" style="background-color: #eeeeee;"> <div class="custom-container"> <h2 class="text-center py-12 text-4xl font-semibold"> Your own branded website, Our Training Engine </h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 m-6"> <div class="flex items-start space-x-2"> <i class="fa fa-check-circle text-3xl text-black"></i> <small class="text-gray-700"> Set up a training management platform for your business in no time and start your online training sessions. </small> </div> <div class="flex items-start space-x-2"> <i class="fa fa-check-circle text-3xl text-black"></i> <small class="text-gray-700"> Get an online training platform with all modern features, that too with your site branding. </small> </div> <div class="flex items-start space-x-2"> <i class="fa fa-check-circle text-3xl text-black"></i> <small class="text-gray-700"> Grab a bundle of features to increase the efficiency and productivity of your online platform. </small> </div> </div> <div class="flex justify-center mx-3 mb-5 flex-wrap gap-10"> <div class="bg-black text-white rounded-xl p-6 w-72 flex flex-col"> <i class="fa fa-edit text-2xl mb-4"></i> <h5 class="text-2xl font-semibold mb-4">Quality Training made real online</h5> <p class="text-sm mt-4 !leading-[25px]"> With our training management software, you can make your training requirements fulfilled effortlessly without compromising on quality. </p> </div> <div class="bg-black text-white rounded-xl p-6 w-72 flex flex-col"> <i class="fa fa-edit text-2xl mb-4"></i> <h5 class="text-2xl font-semibold mb-4">Modern UI and features</h5> <p class="text-sm mt-4 !leading-[25px]"> We are not just providing a platform to run online events, but it is a complete digital solution to all your training challenges. </p> </div> <div class="bg-black text-white rounded-xl p-6 w-72 flex flex-col"> <i class="fa fa-edit text-2xl mb-4"></i> <h5 class="text-2xl font-semibold mb-4">A complete training ecosystem</h5> <p class="text-sm mt-4 !leading-[25px]"> Building courses and offering them to employees is the toughest part, we made it easier by providing amazing options to create and run courses. </p> </div> <div class="bg-black text-white rounded-xl p-6 w-72 flex flex-col"> <i class="fa fa-edit text-2xl mb-4"></i> <h5 class="text-2xl font-semibold mb-4">Anytime customizable courses</h5> <p class="text-sm mt-4 !leading-[25px]"> We know your training program will keep changing along with time. You can customize your courses anytime with our training management system. </p> </div> </div> </div> </div> </div> </div> <div type="text/ng-template" id="WhiteLabelling6Template"> <div class="bottom mt-5 custom-container mx-auto"> <div class="w-full py-12"> <h3 class="text-center my-12 text-4xl font-semibold"> Everything you need to set up a training management platform </h3> <div class="grid grid-cols-1 md:grid-cols-2 gap-8 pt-6"> <div class="space-y-6"> <div class="p-4"> <i class="fa fa-edit fa-2x mb-2 text-gray-700"></i> <h5 class="text-xl font-semibold py-4">Course packaging and Coupons</h5> <p class="text-gray-700 pb-8 text-lg"> Multiple courses sometimes confuse which one to promote and which one to recommend. We are providing you the facility to package related courses into a single bundle, as part of giving much value to the users. Generate coupons to promote your courses too. </p> </div> <div class="p-4"> <i class="fa fa-edit fa-2x mb-2 text-gray-700"></i> <h5 class="text-xl font-semibold py-4">Dedicated team of experts</h5> <p class="text-gray-700 pb-8 text-lg"> Running a training management system for your entire organization is challenging. It requires a dedicated team to always maintain it in good shape. At Guruface we are taking that responsibility and giving you complete peace of mind. </p> </div> <div class="p-4"> <i class="fa fa-edit fa-2x mb-2 text-gray-700"></i> <h5 class="text-xl font-semibold py-4">Multiple currency feature</h5> <p class="text-gray-700 pb-8 text-lg"> We know you want to deliver your courses to people from all over the globe at times. To make that scenario easier we are offering multiple currency feature. This allows you to set up different prices for various geo locations. </p> </div> <div class="p-4"> <i class="fa fa-edit fa-2x mb-2 text-gray-700"></i> <h5 class="text-xl font-semibold py-4">Client-Specific certificate</h5> <p class="text-gray-700 pb-8 text-lg"> At Guruface you can create both self-paced and trailed-led courses. User can choose from the available options according to their desire. In both cases, they will be presented with a client-specific certificate upon completing the course. </p> </div> <div class="p-4"> <i class="fa fa-edit fa-2x mb-2 text-gray-700"></i> <h5 class="text-xl font-semibold py-4">Training Platform with a CRM</h5> <p class="text-gray-700 pb-8 text-lg"> Along with advanced options to create and manage courses, you will get features to promote your courses too. An integrated CRM-like facility helps manage leads. You can assign leads to sales personnel and track activities from a single page. </p> </div> <div class="p-4"> <i class="fa fa-edit fa-2x mb-2 text-gray-700"></i> <h5 class="text-xl font-semibold py-4">Training and support</h5> <p class="text-gray-700 pb-8 text-lg"> Training makes everything good to go. We provide deep training and 24/7 support for getting started with our training management platform. </p> </div> <a href="/contact-us" class="bg-[#1f8472] text-white px-5 py-2 rounded shadow hover:bg-green-800 mx-4"> Book a Demo </a> </div> <div class="flex justify-center items-start"> <img src="https://cdn-images-gf-prod.azureedge.net/trainingsystem/Publish-it-to-market-place.jpg" class="max-h-96 min-w-full object-cover" alt="Training System"> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/css/user-context-tw-app.css" /> <script src="/js/user-context-tw-app.js"></script> <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 2025 Guruface Inc. Designed by <a href="https://www.guruface.com" class="text-[#007bff] hover:underline">Guruface Inc.</a> </p> </div> </div> </div> </body> </html>