</ iframe ></noscript> <nav class="navbar navbar-expand-lg navbar-dark scrolling-navbar top-nav-collapse sticky-navbar" style="background: #010413;"> <div class="container"> <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="d-flex innerlayout-searchbutton-width bd-highlight w-100"> <div class="flex-grow-1 pr-2 w-100 bd-highlight"> <app-search></app-search> </div> <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="navbar-toggler p-0 my-auto"> <a href="/account/login" class="btn btn-sm btn-outline-success p-1" title="Login"> <i class="fa fa-sign-in fa-2x"></i> </a> </div> <div class="navbar-toggler p-0 my-auto"> <a href="/account/register" class="btn btn-sm btn-outline-info p-1" title="Register"> <i class="fa fa-user-plus fa-2x"></i> </a> </div> </div> <div class="bd-highlight collapse navbar-collapse" id="basicExampleNav1"> <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="navbar-nav "> <li class="nav-item mr-2"> <a class="nav-link btn btn-sm btn-login" href="/account/login"><b> Login </b></a> </li> <li class="nav-item"> <a class="nav-link btn btn-sm btn-getStarted width-max-content" href="/Account/Register"><b> Get Started </b></a> </li> </ul> </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 --> <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="416" /> <input type="hidden" id="MeetingId" data-value="" /> <input type="hidden" id="PageType" data-value="9" /> <input type="hidden" id="groupId" data-value="" /> <div class="pb-5" style="background-color: #110303;"> <div class="container pb-5 mb-5 "> <div class="text-white mb-5 py-2 px-0 text-left" style=" color: white;background-color: #110303;"> <span class="badge badge_webinar_preview"> Webinar </span> <h1> Python Coding Classes for Kids </h1> <div class="row"> <div class="col-md-10"> <app-webinar-header-preview></app-webinar-header-preview> </div> </div> </div> </div> </div> <app-root></app-root> <<link rel="stylesheet" href="/css/custom-event-preview-app.css" /> <script src="/js/custom-event-preview-app.js"></script> <div class="footer-bottom footer "> <div class="container py-2"> <div class="row"> <div class="col-md-8"> <p>© Copyright 2024 Guruface Inc. Designed by <a href="http://www.guruface.com" target="_blank">Guruface Inc.</a></p> </div> <div class="col-md-4"> <div class="f-social pull-right"> <a class="fa fa-twitter"></a> <a class="fa fa-facebook"></a> <a class="fa fa-linkedin"></a> </div> </div> </div> <div class="row"> <div class="col-md-12"> <p> <span class="">Release Version: </span> </p> </div> </div> </div> </div> </body> </html>