</ iframe ></noscript> <!-- For Large Screens header _InnerLayout_FullWidth_B4_V2_TW--> <div class="bg-[#010413] h-[3.4rem] z-[110] w-full shadow-lg lg:!block hidden relative"> <nav class=" flex items-center justify-between custom-container"> <div class="mx-auto flex justify-between w-full"> <div class="flex items-center space-x-4 w-full my-1"> <main-search class="w-full" [showlogo]="true" _nghost-wdc-c116="" ng-version="15.2.8"><div _ngcontent-wdc-c116="" class="search-div"><div _ngcontent-wdc-c116="" class="flex md:flex-row justify-between my-1"><!----><div _ngcontent-wdc-c116="" id="headerWithLogo" class="relative border border-transparent text-gray-800 bg-gray-100 border-gray-100 rounded mr-2 px-2.5"><a _ngcontent-wdc-c116="" href="/" aria-expanded="false" aria-haspopup="true" class="btn btn-light"><img _ngcontent-wdc-c116="" alt="CompanyLogo" class="h-[28px] min-w-[61.25px] my-0.5 mx-0.5 lg:!h-[35px] md:!min-w-[65px]" src="https://cdn-images-gf-prod.azureedge.net/GuruFaceLogo.png"></a></div><!----><div _ngcontent-wdc-c116="" class="flex items-center border border-gray-300 rounded overflow-hidden w-full my-0 py-0 mr-2 lg:flex hidden"><input _ngcontent-wdc-c116="" type="text" placeholder="What're you searching for?" class="form-input px-4 py-2 w-full border-0 focus:outline-none focus:ring-0 ng-untouched ng-pristine ng-valid"><button _ngcontent-wdc-c116="" type="button" class="bg-gray-100 text-gray-500 hover:bg-gray-200 px-3 py-2 border-l border-gray-300"><i _ngcontent-wdc-c116="" class="fa fa-search"></i></button></div><!----><div _ngcontent-wdc-c116="" class="bg-white border px-2 py-1 rounded shadow focus:outline-none lg:hidden block ml-auto md:!mr-1 mr-0.5"><button _ngcontent-wdc-c116="" type="button" class="text-gray-400"><i _ngcontent-wdc-c116="" class="fa fa-search text-sm text-black"></i></button></div></div></div><!----></main-search> </div> <!-- 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=""> <input type="hidden" id="CartItemCount" data-value=""> <div class="hidden lg:flex items-center"> <!-- 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 _nghost-wdc-c124="" ng-version="15.2.8"><div _ngcontent-wdc-c124="" class="modal-body min-h-[25rem]"><div _ngcontent-wdc-c124="" class="bg-white shadow-md rounded-lg overflow-hidden"><div _ngcontent-wdc-c124="" class="bg-gray-100 px-4 py-2"><div _ngcontent-wdc-c124="" class="flex"><input _ngcontent-wdc-c124="" name="Name" id="Name" placeholder="Search Company" type="search" class="w-full border border-gray-300 rounded-l-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 ng-untouched ng-pristine ng-valid"><button _ngcontent-wdc-c124="" type="button" class="bg-green-600 text-white px-4 py-2 rounded-r-md hover:bg-green-700"><i _ngcontent-wdc-c124="" class="fa fa-search"></i></button></div></div><!----><!----><!----></div></div></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> </div> </div> </div> </nav> </div> <!-- For Small Screens header _InnerLayout_FullWidth_B4_V2_TW--> <div class="lg:hidden flex bg-[#010413] fixed top-0 right-0 left-0 z-[555]"> <div class="w-full flex justify-between items-center relative py-1 px-2 gap-0.5"> <div class="w-full"> <div class="flex items-center space-x-4"> <main-search class="w-full" [showlogo]="true" _nghost-wdc-c116="" ng-version="15.2.8"><div _ngcontent-wdc-c116="" class="search-div"><div _ngcontent-wdc-c116="" class="flex md:flex-row justify-between my-1"><!----><div _ngcontent-wdc-c116="" id="headerWithLogo" class="relative border border-transparent text-gray-800 bg-gray-100 border-gray-100 rounded mr-2 px-2.5"><a _ngcontent-wdc-c116="" href="/" aria-expanded="false" aria-haspopup="true" class="btn btn-light"><img _ngcontent-wdc-c116="" alt="CompanyLogo" class="h-[28px] min-w-[61.25px] my-0.5 mx-0.5 lg:!h-[35px] md:!min-w-[65px]" src="https://cdn-images-gf-prod.azureedge.net/GuruFaceLogo.png"></a></div><!----><div _ngcontent-wdc-c116="" class="flex items-center border border-gray-300 rounded overflow-hidden w-full my-0 py-0 mr-2 lg:flex hidden"><input _ngcontent-wdc-c116="" type="text" placeholder="What're you searching for?" class="form-input px-4 py-2 w-full border-0 focus:outline-none focus:ring-0 ng-untouched ng-pristine ng-valid"><button _ngcontent-wdc-c116="" type="button" class="bg-gray-100 text-gray-500 hover:bg-gray-200 px-3 py-2 border-l border-gray-300"><i _ngcontent-wdc-c116="" class="fa fa-search"></i></button></div><!----><div _ngcontent-wdc-c116="" class="bg-white border px-2 py-1 rounded shadow focus:outline-none lg:hidden block ml-auto md:!mr-1 mr-0.5"><button _ngcontent-wdc-c116="" type="button" class="text-gray-400"><i _ngcontent-wdc-c116="" class="fa fa-search text-sm text-black"></i></button></div></div></div><!----></main-search> </div> </div> <div class=""> <!-- For Small Screens --> <div class="lg:hidden flex justify-end right-1"> <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 _nghost-wdc-c124="" ng-version="15.2.8"><div _ngcontent-wdc-c124="" class="modal-body min-h-[25rem]"><div _ngcontent-wdc-c124="" class="bg-white shadow-md rounded-lg overflow-hidden"><div _ngcontent-wdc-c124="" class="bg-gray-100 px-4 py-2"><div _ngcontent-wdc-c124="" class="flex"><input _ngcontent-wdc-c124="" name="Name" id="Name" placeholder="Search Company" type="search" class="w-full border border-gray-300 rounded-l-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 ng-untouched ng-pristine ng-valid"><button _ngcontent-wdc-c124="" type="button" class="bg-green-600 text-white px-4 py-2 rounded-r-md hover:bg-green-700"><i _ngcontent-wdc-c124="" class="fa fa-search"></i></button></div></div><!----><!----><!----></div></div></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> <!-- 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 --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> <link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet"> <input type="hidden" id="EventId" data-value="289"> <input type="hidden" id="MeetingId" data-value=""> <input type="hidden" id="PageType" data-value="9"> <input type="hidden" id="groupId" data-value=""> <input type="hidden" id="ImageCDN" data-value="https://cdn-images-gf-prod.azureedge.net"> <div class="bg-light m-0 pb-5"> <div class="pb-5 bg-[#110303]"> <div> <div class="custom-container px-2 md:!mt-0 mt-12"> <div class="text-white mb-24 py-2 px-0 text-left bg-[#110303]"> <span class="text-black preview-header-badge bg-yellow">Webinar</span> <h1 class="md:!text-3xl text-xl font-semibold">Free Webinar on Robotics for Kids</h1> <div class="row"> <div class="col-span-10 md:col-span-8"> <app-webinar-header-preview _nghost-wdc-c65="" ng-version="15.2.8"><div _ngcontent-wdc-c65="" class="flex flex-wrap gap-3 my-2"><!----><!----></div><!----></app-webinar-header-preview> </div> </div> </div> </div> </div> </div> <app-root _nghost-wdc-c56="" ng-version="15.2.8"><!----><!----><!----><!----><!----><!----><!----><!----><div _ngcontent-wdc-c56=""><app-webinar-meeting-preview _ngcontent-wdc-c56="" _nghost-wdc-c66=""><div _ngcontent-wdc-c66="" class="custom-container mt-[-120px]"><div _ngcontent-wdc-c66="" class="flex flex-wrap"><div _ngcontent-wdc-c66="" class="w-full"><div _ngcontent-wdc-c66="" class="rounded bg-white md:!px-4 px-2 py-2"><div _ngcontent-wdc-c66="" class="flex flex-wrap"><div _ngcontent-wdc-c66="" class="w-full pb-1"><nav _ngcontent-wdc-c66="" aria-label="breadcrumb"><div _ngcontent-wdc-c66="" class="py-0"><div _ngcontent-wdc-c66="" class="flex text-gray-900"><div _ngcontent-wdc-c66="" class="flex align-middle"><span _ngcontent-wdc-c66="" class="pl-1 flex md:!text-sm text-[12px] hover:bg-gray-200 hover:rounded-md justify-center items-center"><button _ngcontent-wdc-c66="" routerlink="/" class="flex my-auto ml-auto rounded-full hover:bg-gray-200 hover:rounded-md" tabindex="0"><svg _ngcontent-wdc-c66="" viewBox="-5 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="#000000" class="w-3 h-3"><g _ngcontent-wdc-c66="" id="SVGRepo_bgCarrier" stroke-width="0"></g><g _ngcontent-wdc-c66="" id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g _ngcontent-wdc-c66="" id="SVGRepo_iconCarrier"><title _ngcontent-wdc-c66="">chevron-left</title><desc _ngcontent-wdc-c66="">Created with Sketch Beta.</desc><defs _ngcontent-wdc-c66=""></defs><g _ngcontent-wdc-c66="" id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"><g _ngcontent-wdc-c66="" id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-421.000000, -1195.000000)" fill="#000000"><path _ngcontent-wdc-c66="" d="M423.429,1206.98 L434.686,1196.7 C435.079,1196.31 435.079,1195.67 434.686,1195.28 C434.293,1194.89 433.655,1194.89 433.263,1195.28 L421.282,1206.22 C421.073,1206.43 420.983,1206.71 420.998,1206.98 C420.983,1207.26 421.073,1207.54 421.282,1207.75 L433.263,1218.69 C433.655,1219.08 434.293,1219.08 434.686,1218.69 C435.079,1218.29 435.079,1217.66 434.686,1217.27 L423.429,1206.98" id="chevron-left" sketch:type="MSShapeGroup"></path></g></g></g></svg></button><span _ngcontent-wdc-c66="" class="p-1 flex text-sm text-muted hover:bg-gray-200 hover:rounded-md"><span _ngcontent-wdc-c66=""><a _ngcontent-wdc-c66="" href="/"><i _ngcontent-wdc-c66=""></i> Home</a></span><span _ngcontent-wdc-c66="" class="ml-1 mt-[5.5px]"><svg _ngcontent-wdc-c66="" 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" class="w-3 h-3"><g _ngcontent-wdc-c66="" id="SVGRepo_bgCarrier" stroke-width="0"></g><g _ngcontent-wdc-c66="" id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g _ngcontent-wdc-c66="" id="SVGRepo_iconCarrier"><title _ngcontent-wdc-c66="">right-arrow</title><desc _ngcontent-wdc-c66="">Created with Sketch.</desc><g _ngcontent-wdc-c66="" id="icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g _ngcontent-wdc-c66="" id="ui-gambling-website-lined-icnos-casinoshunter" transform="translate(-212.000000, -159.000000)" fill="#252528" fill-rule="nonzero"><g _ngcontent-wdc-c66="" id="square-filled" transform="translate(50.000000, 120.000000)"><path _ngcontent-wdc-c66="" 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><span _ngcontent-wdc-c66="" class="py-1 flex text-sm text-gray-800 hover:bg-gray-200 hover:rounded-md"><span _ngcontent-wdc-c66="">Webinar</span></span></span></div></div></div></nav></div><div _ngcontent-wdc-c66="" class="md:w-3/4 w-full text-left"><!----><div _ngcontent-wdc-c66=""><img _ngcontent-wdc-c66="" class="w-full h-auto" alt="Free Webinar on Robotics for Kids" src="https://cdn-images-gf-prod.azureedge.net/assets/event/750_422_llhh4995LL.png"></div><!----><!----><!----><!----><!----></div><div _ngcontent-wdc-c66="" class="md:w-1/4 w-full text-center mt-4 md:mt-0"><div _ngcontent-wdc-c66="" class="bg-white border rounded shadow-lg lg:ml-4"><div _ngcontent-wdc-c66="" class="p-2"><h4 _ngcontent-wdc-c66="" class="text-[1.5rem] font-semibold">Date And Time</h4><!----><h4 _ngcontent-wdc-c66="" class="text-[1.5rem] font-semibold mt-4">Location</h4><p _ngcontent-wdc-c66="" class="mt-1">Online Event</p><h4 _ngcontent-wdc-c66="" class="text-[1.5rem] font-semibold mt-4">Price</h4><p _ngcontent-wdc-c66=""><span _ngcontent-wdc-c66="" class="text-green-500">FREE</span></p><!----><!----><!----></div></div></div></div><div _ngcontent-wdc-c66="" class="md:w-3/4 text-left py-3"><h2 _ngcontent-wdc-c66="" class="md:!text-[1.75rem] text-[1.5rem] font-semibold mb-2"> About this Webinar </h2><p _ngcontent-wdc-c66="" class="text-md mt-5 description"><p>Have you ever dreamt of building a robot that could do anything you say or ever wanted to build electronic circuits?</p> <p>Robotics learning is a wonderful hobby you can instill on your kids. Welcome to the wonderful world of the Arduino microcontroller, a powerful and easy to use microcontroller that opens the door to many great innovations. In this webinar we will be going through the essential bits to get your first robotics leaning project off the ground, and where to go to take full use of these fun machines!</p> <p>Arduino is an open-source electronics platform based on easy-to-use hardware and software. It is a great introduction to robotics and electronics.</p> <p>With an Arduino, you can do everything from control robot to manage a home automation. One can learn the planning, designing and building process with simple structural thing s available at home and then add Arduino’s functionality /Program to make a robot do complicated things.</p> <p>Sounds interesting? The Robotics for kids ’ webinar is designed to give the little ones a good idea about robotics and what’s happening behind these cool machines. Introduce your kids to Robotics learning and boost their interest in Robotics and Arduino classes .</p> <p>Children can learn the fundamentals of circuits along with the fundamentals of building & Programming . T his is why Arduino is perfect for them to learn about robotics principles and programming Using Hands on Principles.</p> <p>Arduino is the perfect platform to learn Science, Technology, Engineering, and Math (STEM). Register for the webinar now and let’s meet at the live session!</p></p><div _ngcontent-wdc-c66="" class="bg-red-100 text-red-600 p-4 rounded">No Meetings Found.</div><!----><!----><div _ngcontent-wdc-c66=""><div _ngcontent-wdc-c66="" class="w-full py-3"><h2 _ngcontent-wdc-c66="" class="md:!text-[1.75rem] text-[1.5rem] font-semibold mb-2">Frequently Asked Questions</h2><div _ngcontent-wdc-c66="" class="mt-5"><div _ngcontent-wdc-c66="" class="mb-0 py-3"><div _ngcontent-wdc-c66="" class="bg-white"><h6 _ngcontent-wdc-c66="" class="mb-0"><a _ngcontent-wdc-c66="" class="flex items-center justify-between cursor-pointer"><div _ngcontent-wdc-c66="" class="flex text-[#007bff] md:!items-center items-start space-x-2 mr-auto"><span _ngcontent-wdc-c66="" class="text-[#007bff] font-semibold">1.</span><span _ngcontent-wdc-c66="" class="text-[#007bff] font-semibold">Is prior knowledge of electronics or programming required to attend this webinar?</span></div><div _ngcontent-wdc-c66="" class="text-md text-[#007bff] font-bold ml-auto fa pr-5"><span _ngcontent-wdc-c66="" class="fa-plus"></span></div></a></h6></div><!----><hr _ngcontent-wdc-c66="" class="my-1 border-gray-300"></div><div _ngcontent-wdc-c66="" class="mb-0 py-3"><div _ngcontent-wdc-c66="" class="bg-white"><h6 _ngcontent-wdc-c66="" class="mb-0"><a _ngcontent-wdc-c66="" class="flex items-center justify-between cursor-pointer"><div _ngcontent-wdc-c66="" class="flex text-[#007bff] md:!items-center items-start space-x-2 mr-auto"><span _ngcontent-wdc-c66="" class="text-[#007bff] font-semibold">2.</span><span _ngcontent-wdc-c66="" class="text-[#007bff] font-semibold">Who all can attend this webinar ?</span></div><div _ngcontent-wdc-c66="" class="text-md text-[#007bff] font-bold ml-auto fa pr-5"><span _ngcontent-wdc-c66="" class="fa-plus"></span></div></a></h6></div><!----><hr _ngcontent-wdc-c66="" class="my-1 border-gray-300"></div><div _ngcontent-wdc-c66="" class="mb-0 py-3"><div _ngcontent-wdc-c66="" class="bg-white"><h6 _ngcontent-wdc-c66="" class="mb-0"><a _ngcontent-wdc-c66="" class="flex items-center justify-between cursor-pointer"><div _ngcontent-wdc-c66="" class="flex text-[#007bff] md:!items-center items-start space-x-2 mr-auto"><span _ngcontent-wdc-c66="" class="text-[#007bff] font-semibold">3.</span><span _ngcontent-wdc-c66="" class="text-[#007bff] font-semibold">What is the best age to get your child introduced to robotics?</span></div><div _ngcontent-wdc-c66="" class="text-md text-[#007bff] font-bold ml-auto fa pr-5"><span _ngcontent-wdc-c66="" class="fa-plus"></span></div></a></h6></div><!----><hr _ngcontent-wdc-c66="" class="my-1 border-gray-300"></div><div _ngcontent-wdc-c66="" class="mb-0 py-3"><div _ngcontent-wdc-c66="" class="bg-white"><h6 _ngcontent-wdc-c66="" class="mb-0"><a _ngcontent-wdc-c66="" class="flex items-center justify-between cursor-pointer"><div _ngcontent-wdc-c66="" class="flex text-[#007bff] md:!items-center items-start space-x-2 mr-auto"><span _ngcontent-wdc-c66="" class="text-[#007bff] font-semibold">4.</span><span _ngcontent-wdc-c66="" class="text-[#007bff] font-semibold">Is this webinar completely free ?</span></div><div _ngcontent-wdc-c66="" class="text-md text-[#007bff] font-bold ml-auto fa pr-5"><span _ngcontent-wdc-c66="" class="fa-plus"></span></div></a></h6></div><!----><hr _ngcontent-wdc-c66="" class="my-1 border-gray-300"></div><!----></div></div><!----></div><!----></div><!----><!----><!----><!----></div></div></div></div><!----><!----><!----></app-webinar-meeting-preview></div><!----><!----><!----><!----><!----><!----><!----></app-root> </div> <link rel="stylesheet" href="/css/custom-event-preview-app.css"> <script src="/js/custom-event-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 2025 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> <script src="/js/tailwind/tailwind.js"></script> </body></html>