</ iframe ></noscript> <nav class="bg-black top-0 left-0 right-0 shadow-lg z-50"> <div class="mx-auto hidden lg:flex items-center justify-between p-0 custom-container py-1 "> <!-- LoggedUserHiddenVars Partial --> <input type="hidden" id="ImageCDN" data-value="https://cdn-images-gf-prod.azureedge.net" /> <input type="hidden" id="Username" data-value="" /> <input type="hidden" id="UserRoleInSelectedCompany" data-value="" /> <input type="hidden" id="ShowSetupCompanyLink4CompanyAdmin" data-value="" /> <input type="hidden" id="SelectedCompanyPackageId" data-value="-1" /> <input type="hidden" id="SelectedCompanyPackageName" data-value="" /> <input type="hidden" id="UpgradeLinkUrl" data-value="" /> <input type="hidden" id="UpgradeLinkTitle" data-value="" /> <input type="hidden" id="ChangeCompanyLink" data-value="" /> <input type="hidden" id="DebugMode" data-value="" /> <input type="hidden" id="ShowSwitchToPreviousUser" data-value="" /> <input type="hidden" id="PreviousUser" data-value="" /> <div class="hidden lg:flex w-full items-center"> <!-- Main Search Component --> <div class="w-full pr-2 hidden lg:flex flex-grow"> <main-search class="w-full"></main-search> </div> </div> <!-- For Small Screens --> <div class="lg:hidden"> <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%; } </style> <div class="flex gap-2"> <div class="my-auto"> <a href="/account/login" class="inline-flex items-center justify-center p-1 border border-green-500 text-green-500 rounded-md hover:bg-green-500 hover:text-white transition duration-200" title="Login"> <i class="fa fa-sign-in fa-[19px]"></i> </a> </div> <div class="my-auto"> <a href="/account/register" class="inline-flex items-center justify-center p-1 border border-blue-500 text-blue-500 rounded-md hover:bg-blue-500 hover:text-white transition duration-200" title="Register"> <i class="fa fa-user-plus fa-[19px]"></i> </a> </div> </div> <!-- Show on small screens --> </div> <!-- For Large Screens --> <div class="hidden lg:flex items-center space-x-4"> <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"> <li> <a class="inline-flex items-center px-4 py-2 text-white border border-orange-500 bg-[#000]-600 rounded-md text-sm font-bold transition duration-200 whitespace-nowrap" href="/account/login"> Login </a> </li> <li> <a class="inline-flex items-center px-4 py-2 text-white border border-orange-500 bg-[#e56932] rounded-md text-sm font-bold transition duration-200 whitespace-nowrap" href="/Account/Register"> Get Started </a> </li> </ul> <script> // JavaScript to handle dropdown toggle and close logic document.addEventListener('DOMContentLoaded', function () { const cartButton = document.getElementById('cartButton'); const cartDropdown = document.getElementById('cartDropdown'); const closeDropdownIcon = document.getElementById('closeDropdown'); // Toggle dropdown visibility on button click cartButton.addEventListener('click', function (e) { e.stopPropagation(); // Prevent event bubbling 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); }); // Close dropdown when clicking outside document.addEventListener('click', function () { cartDropdown.classList.add('opacity-0'); cartDropdown.classList.add('invisible'); cartDropdown.classList.remove('opacity-100'); cartDropdown.classList.remove('visible'); }); // Close dropdown when clicking the close icon closeDropdownIcon.addEventListener('click', function () { cartDropdown.classList.add('opacity-0'); cartDropdown.classList.add('invisible'); cartDropdown.classList.remove('opacity-100'); cartDropdown.classList.remove('visible'); }); }); </script> <!-- Show on large screens --> </div> </div> </nav> <!-- Start-Global messaging --> <div id="global-messaging" class="container" > <div id="valSummary" class="alert alert-danger error hide" style="color:Green;display:none;"> </div> <div id="lblSuccess" class="alert alert-success confirmation hide"></div> <div id="lblInformation" class="alert alert-info notice hide"></div> <div id="lblAlert" class="alert alert-warning alerts hide"></div> </div> <!-- End- Global messaging --> <input type="hidden" id="CoursePackageId" data-value="36" /> <input type="hidden" id="ImageCDN" data-value="https://cdn-images-gf-prod.azureedge.net" /> <div class="w-full text-white bg-cover bg-repeat bg-right-bottom" style="background: #271f1f url(https://cdn-images-gf-prod.azureedge.net/event-banner.png); min-height:245px;"> <div class="py-3 px-0 relative text-white w-full"> <div class="custom-container"> <h5 class="my-2 rounded-full px-3 py-1 font-semibold text-sm italic ml-0 Master_Class_Badge">Master Class</h5> <div class="my-2"> <span>Category:</span> <span class="ml-1 border border-gray-400 rounded px-2">Interpersonal and Team Skills</span> </div> <h1 class="my-2 text-3xl font-bold">New Manager Mastery - A Complete Guide To Managing Teams with Paul Banoub</h1> <app-package-header-info></app-package-header-info> </div> </div> </div> <nav aria-label="breadcrumb" class="bg-[#e9ecef]"> <div class="custom-container"> <div class="flex pt-1 text-gray-900"> <div class="flex align-middle"> <span class="p-1 flex text-sm hover:bg-gray-200 hover:rounded-md justify-center items-center"> <i class="fa fa-home my-auto text-gray-600 mr-1"></i> <a href="/">Home</a> <span class="mx-1 mt-1"> <svg class="w-4 h-3" viewBox="0 -6.5 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"> <g id="SVGRepo_bgCarrier" stroke-width="0"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g> <g id="SVGRepo_iconCarrier"> <title>right-arrow</title> <desc>Created with Sketch.</desc> <g id="icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="ui-gambling-website-lined-icnos-casinoshunter" transform="translate(-212.000000, -159.000000)" fill="#252528" fill-rule="nonzero"> <g id="square-filled" transform="translate(50.000000, 120.000000)"> <path d="M187.108012,39.2902857 L197.649804,49.7417043 L197.708994,49.7959169 C197.889141,49.9745543 197.986143,50.2044182 198,50.4382227 L198,50.5617773 C197.986143,50.7955818 197.889141,51.0254457 197.708994,51.2040831 L197.6571,51.2479803 L187.108012,61.7097143 C186.717694,62.0967619 186.084865,62.0967619 185.694547,61.7097143 C185.30423,61.3226668 185.30423,60.6951387 185.694547,60.3080911 L194.702666,51.3738496 L162.99947,51.3746291 C162.447478,51.3746291 162,50.9308997 162,50.3835318 C162,49.8361639 162.447478,49.3924345 162.99947,49.3924345 L194.46779,49.3916551 L185.694547,40.6919089 C185.30423,40.3048613 185.30423,39.6773332 185.694547,39.2902857 C186.084865,38.9032381 186.717694,38.9032381 187.108012,39.2902857 Z M197.115357,50.382693 L186.401279,61.0089027 L197.002151,50.5002046 L197.002252,50.4963719 L196.943142,50.442585 L196.882737,50.382693 L197.115357,50.382693 Z" id="right-arrow"></path> </g> </g> </g> </g> </svg> </span> <span class="p-1 flex text-sm hover:bg-gray-200 hover:rounded-md"> <span>Course Packages</span> </span> </span> </div> </div> </div> </nav> <div class="custom-container mx-auto" id="MainContainer"> <div class="flex flex-wrap mb-10 p-2"> <div class="lg:w-9/12"> <div class="border-0 shadow-md lg:mr-4 p-3 rounded-md"> <div class=""> <app-package-intro-video></app-package-intro-video> <div class="flex flex-wrap" id="showSticky"> <div class="w-full"> <div class="clearfix space30"></div> <h2 class="text-[2rem] font-semibold mt-3 mb-2">Course Package Summary - New Manager Mastery - A Complete Guide To Managing Teams with Paul Banoub</h2> <div class="preview-description text-justify lg:!text-[1rem] leading-6"><p>Become an effective leader by developing the skills you need to inpsire, manage, and cultivate people in the workplace with this MasterClass designed to help new managers succeed in their new roles</p> <p>Congratulations, you did it!</p> <p>You’re a manager now! You’ve worked hard throughout the years, and that work has finally paid off?</p> <p>But what does being a manger entail? Are you frightened? Worried you might fail? These are all questions many new managers have at the onset of their new roles.</p> <p>In this mastery program, you’ll conquer your fear of failure and relinquish any doubts by developing the skills needed to manage people effectively. You’ll learn how to get off to a good start from day one, and develop a passion for your continued development. In addition to professional growth, you’ll also learn about company culture, judging with fairness, and how important emotional intelligence is in the workplace.</p> <p>New Manager Mastery is a comprehensive course that aims to help new managers build their toolkit of managerial techniques. These techniques include learning how to hire top tier talent, onboard new team members, and conduct meaningful performance evaluations. New Manager Mastery is the perfect starting place for every new manager regardless of team size, location, and industry.</p> <p> </p></div> <div> <h2 class="text-[2rem] font-semibold mt-3 mb-2">Who can benefit?</h2> <div class="preview-description text-justify lg:!text-[1rem] leading-6"><ul> <li>New Managers</li> <li>Business Owners</li> <li>Anyone interested in team management</li> </ul> <p> </p></div> </div> <div> <h2 class="text-[2rem] font-semibold mt-3 mb-2">What you will learn?</h2> <span class="preview-description text-justify lg:!text-[1rem] leading-6"><ul> <li>Manage and conquer apprehension towards new management role</li> <li>Develop the mindset of an effective manager</li> <li>Create and cultivate company culture</li> <li>dentifying and hiring top tier talent</li> <li>Evaluating teams based on company and individual goals</li> </ul></span> </div> <div> <h2 class="text-[2rem] font-semibold mt-3 mb-2">How to get certified?</h2> <div class="preview-description text-justify lg:!text-[1rem] leading-6"><p>A certificate of completion will be provided as part of this course.</p></div> </div> </div> </div> <app-root></app-root> </div> </div> </div> <div class="lg:w-3/12 p-0"> <app-package-price-info></app-package-price-info> </div> </div> </div> <app-package-preview></app-package-preview> <link rel="stylesheet" href="/css/course-package-preview-app.css" /> <script src="/js/course-package-preview-app.js"></script> <div class="bg-[#152f4f] py-4 text-white"> <div class="container mx-auto py-2"> <div class="flex flex-wrap"> <!-- Left Section --> <div class="w-full md:w-2/3"> <p>© Copyright 2024 Guruface Inc. Designed by <a href="http://www.guruface.com" target="_blank">Guruface Inc.</a></p> </div> <!-- Right Section --> <div class="w-full md:w-1/3 flex justify-end mt-2 md:mt-0"> <div class="space-x-2"> <a class="fab fa-twitter text-white hover:text-gray-400"></a> <a class="fab fa-facebook-f text-white hover:text-gray-400"></a> <a class="fab fa-linkedin-in text-white hover:text-gray-400"></a> <!-- Uncomment if needed --> <!-- <a class="fa fa-google-plus text-gray-600 hover:text-gray-400" href=""></a> <a class="fa fa-dribbble text-gray-600 hover:text-gray-400" href="#"></a> <a class="fa fa-skype text-gray-600 hover:text-gray-400" href="#"></a> <a class="fa fa-behance text-gray-600 hover:text-gray-400" href="#"></a> <a class="fa fa-stumbleupon text-gray-600 hover:text-gray-400" href="#"></a> <a class="fa fa-rss text-gray-600 hover:text-gray-400" href="#"></a> --> </div> </div> </div> <!-- App Version Display Section --> <div class="w-full mt-6"> <p> <span class="">Release Version: </span> </p> </div> </div> </div> </body> </html>