</ 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" [showLogo]="true"></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"> <!-- Login Button --> <div class="my-auto"> <a href="/account/login" class="inline-flex items-center justify-center p-2 border border-green-500 text-green-500 rounded-md hover:bg-green-500 hover:text-white transition-colors duration-200" title="Login"> <i class="fa fa-sign-in text-[19px]"></i> </a> </div> <!-- Register Button --> <div class="my-auto"> <a href="/account/register" class="inline-flex items-center justify-center p-2 border border-blue-500 text-blue-500 rounded-md hover:bg-blue-500 hover:text-white transition-colors duration-200" title="Register"> <i class="fa fa-user-plus text-[19px]"></i> </a> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const toggleButton = document.getElementById("dropdownToggle"); const dropdownContent = document.getElementById("dropdownContent"); var dropdownButton = document.getElementById('dropdownheaderButton'); var dropdownMenu = document.getElementById('dropdownMenu'); // Toggle dropdown on button click toggleButton.addEventListener("click", function (event) { event.stopPropagation(); dropdownContent.classList.toggle("hidden"); dropdownMenu.classList.add("hidden"); }); // Close dropdown when clicking outside document.addEventListener("click", function () { dropdownContent.classList.add("hidden"); }); // Close dropdown when clicking an item dropdownContent.addEventListener("click", function () { dropdownContent.classList.add("hidden"); }); // Toggle dropdown on button click dropdownButton.addEventListener("click", function (event) { event.stopPropagation(); dropdownMenu.classList.toggle("hidden"); }); // Close dropdown when clicking outside document.addEventListener("click", function () { dropdownMenu.classList.add("hidden"); dropdownContent.classList.add("hidden"); }); // Close dropdown when clicking an item dropdownMenu.addEventListener("click", function () { dropdownMenu.classList.add("hidden"); }); }); </script> <!-- 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> <input type="hidden" id="CourseId" data-value="1603" /> <input type="hidden" id="PreviewType" data-value="" /> <input type="hidden" id="EncyrptedData" data-value="" /> <input type="hidden" id="CUID" data-value="bgfd8sE7aC4=" /> <input type="hidden" id="CouponId" data-value="0" /> <div class="sticky top-0 pl-2 py-0 z-50 bg-opacity-90 w-full bg-[#010413] transition-opacity duration-300 ease-in-out hidden" id="stickyElement"> <div class="custom-container py-2 text-white"> <div class="w-full"> <span class="common-header-badge header-badge-course">Course</span> <h5 class="text-3xl font-bold mt-2">Learning Transfer and Strategic Human Resource Development</h5> </div> </div> </div> <div class="p-3 px-0 relative bg-gray-900 text-white w-full headercommon"> <div class="custom-container"> <span class=""> <span class="common-header-badge header-badge-course">Course</span> </span> <div class="mt-1 mb-0 text-sm text-gray-300 flex items-center space-x-2"> <a class="text-[#42bda8] font-bold" href="/courses/personal-development">Personal Development</a> <span class="text-[#42bda8]">></span> <a class="text-[#42bda8] font-bold" href="/courses/learning-and-development">Learning and Development</a> </div> <h1 class="text-3xl font-bold mt-2">Learning Transfer and Strategic Human Resource Development</h1> <div class="flex flex-wrap mt-2"> <div class="w-full sm:w-1/3 md:w-1/4 lg:w-1/4 xl:w-1/5"> <div class="trained_by_with_dates text-white rounded-sm shadow p-1"> <div class="text-center"> <p class="text-[0.8rem] text-gray-300">Trained by</p> <div class="flex items-center justify-center"> <a href="/user/{{_global.Event.TrainingBatchTrainers[0].Profile.User.UserName}}" class="mr-2"> <img src="https://cdn-images-gf-prod.azureedge.net/assets/user/200_200_rgst7010RG.png" alt="Mike Smith" class="h-[30px] w-[30px] rounded-full border-2 border-white" /> </a> <span class="text-[0.8rem] font-medium text-white">Mike Smith</span> </div> </div> </div> </div> </div> </div> </div> <nav aria-label="breadcrumb" class="bg-[#f0f4f8]"> <div class="custom-container"> <div class="flex 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="py-1 flex text-sm hover:bg-gray-200 hover:rounded-md"> <span>Course</span> </span> </span> </div> </div> </div> </nav> <div class="custom-body"> <div class="custom-container" id="MainContainer"> <div class="flex flex-wrap mb-10 p-2"> <div class="lg:w-9/12"> <div class="border border-[#f2f2f2] shadow-custom-small lg:mr-4 p-3 rounded-md"> <div class="card-body"> <app-course-introvideo></app-course-introvideo> <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 Summary</h2> <div class="preview-description text-justify lg:!text-[1rem] leading-6"><p>An introduction to the challenges facing Strategic HRD professionals when dealing with learning transfer in organisations. </p><p>The world of learning, training and teaching is changing dramatically, this programme focuses on the particular challenges faced by HRD professionals and follows on from our successful <a href="https://www.coursera.org/learn/intro-learning-transfer?">Introduction to Learning Transfer programme</a> created for the University of California/Coursera. </p><p>This programme is a result of our 10+ years in Learning Transfer and in particular of Mike Smith's past 3+ years of doctoral research and 30+ years experience as an HR Professional, Consultant and Trainer. </p><p>The programme looks at HRs strategic focus in making sure that the individual learners, the companies and organisations have true impact and add value to each. As HR professionals we are more interested in solving problems than research, but we need to establish the underpinning rationale for our work in order to add value. It will enable you as an HR professional to rebuff the criticism that says we do not have the data which legitimises HRs role as a strategic partner in the business. </p><p>The transfer of learning and training is a complex, multifaceted issue. A PsycINFO search using the terms learning, training, or development returns over 1.6 million results - an astronomical knowledge base for guiding decisions on the design, delivery, evaluation, and optimization of training and learning effectiveness. Which leads to misinterpretation and misunderstanding. </p><p>This series will highlight the gaps and offer solutions to the delivery of impact and value. It will ensure that your role at the Executive Table is fully justified and theoretically sound.</p><p> </p><p><i><strong>4Ds model © all videos and original research is owned by 3L Life Long Learning and Empowered Achiever.</strong></i></p><p><i><strong>If you'd like to use any of the materials presented please contact us in writing, we're happy to support research and work in this area.</strong></i></p><p> </p><p> </p></div> <div class="clearfix space30"></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>- Strategic HRD, OD professionals</li><li>- Trainers</li><li>- Coaches</li><li>- Instructional designers</li><li>- Learning professionals</li><li>- Teachers</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"><p>How to add value and design more effective learning programmes by weaving transfer design into your courses and learning/development programmes.</p><p> </p></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>Learning Programme no certification</p><p> </p></div> </div> </div> </div> <app-root> </app-root> </div> </div> </div> <div class="lg:w-3/12"> <app-course-price-info> </app-course-price-info> </div> </div> </div> <app-course-join></app-course-join> </div> <script> window.addEventListener('scroll', function () { const content = document.getElementById('stickyElement'); if (window.scrollY >= 50) { content.classList.remove('hidden'); content.classList.add('block'); // Show content } else { content.classList.add('hidden'); content.classList.remove('block'); // Hide content } }); </script> <link rel="stylesheet" href="/css/course-preview-app.css" /> <script src="/js/course-preview-app.js"></script> <!-- Footer --> <footer class="page-footer text-white p-2" style="background: #152F4F;"> <!-- Copyright --> <div class="footer-copyright text-center py-3"> © Copyright 2024 <a href="https://www.guruface.com/"> GuruFace Inc.</a> </div> <!-- Copyright --> </footer> <!-- Footer --> </body> </html>