-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathapp.cudy.co.html
1 lines (1 loc) · 27.9 KB
/
app.cudy.co.html
1
<!-- * CoreUI - Open Source Bootstrap Admin Template * @version v1.0.6 * @link http://coreui.io * Copyright (c) 2017 creativeLabs Łukasz Holeczek * @license MIT --><!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content="Cudy - The Online Classroom Experience"> <meta name="author" content="Łukasz Holeczek"> <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,AngularJS,Angular,Angular2,Angular 2,Angular4,Angular 4,jQuery,CSS,HTML,RWD,Dashboard,React,React.js,Vue,Vue.js"> <link rel="shortcut icon" href="img/favicon.png"> <title>Cudy - The Online Classroom Experience</title> <!-- Icons --> <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css" rel="stylesheet"> <script defer src="https://use.fontawesome.com/releases/v5.0.1/js/all.js"></script> <!-- Main styles for this application --> <link href="css/style-v0.01a.css" rel="stylesheet"> <!-- Bootstrap core CSS --> <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Pace CSS --> <link href="lib/pace-progress/pace-theme-minimal.css" rel="stylesheet" /> <!-- Jquery-UI CSS --> <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <!--owl carousel --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css"> <!--Toastr --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/1.3.1/css/toastr.css"> <!--jquery-confirm--> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css"> <!--Charts script --> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js"></script> <link rel="stylesheet" href="css/style1-v0.01b.css"> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version="2.0"; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,"script", "https://connect.facebook.net/en_US/fbevents.js"); fbq("init", "1941912506126927"); fbq("track", "PageView"); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1941912506126927&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-110953732-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "UA-110953732-1"); </script> <!-- End Global site tag (gtag.js) - Google Analytics --></head><body class='app'> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="index.php"> <img src="img/logo.png" alt="cudy logo" style="height:45px;"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <form action = "browseProgrammes.php" method = "GET" class="form-inline my-2 my-lg-0"> <input name="search" class="form-control mr-sm-2" type="search" placeholder="Search for classes"> <button class="btn cudy-button my-2 my-sm-0" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button> </form> <ul class="navbar-nav ml-auto mt-2 mt-lg-0"><li class="nav-item"> <a class="nav-link" href="browseProgrammes.php">Browse Classes</a> </li><li class="nav-item"> <a href="#" class="nav-link" data-toggle="modal" data-target="#myModal">Login/Signup</a><div class="modal fade text-center" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button></div> <div class="modal-body"> <div role="tabpanel"> <ul class="nav nav-tabs nav-fill" role="tablist"> <li role="presentation" class="nav-item"> <a href="#loginTab" aria-controls="loginTab" id="loginLink" role="tab" class="nav-link active" data-toggle="tab">Login</a> </li> <li role="presentation" class="nav-item"> <a href="#signupTab" class="nav-link" id="signupLink" aria-controls="signupTab" role="tab" data-toggle="tab">Signup</a> </li> </ul> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="loginTab"> <div class="container-fluid" style="min-height:20vh;"> <form id = "loginForm" action = "_doUserLogin.php" name="sentMessage"> <div class="form-group"> <label for="email">Email address</label> <div class="controls"> <input type="email" class="form-control form-email" name="email" required data-validation-required-message="This field is required" data-validation-email-message="Email should be in the correct format"> </div> </div> <div class="form-group"> <label for="password">Password</label> <input type="password" class="form-control form-password" name="password" required data-validation-required-message="This field is required"> </div> <div class="message"></div> <div class="form-group g-recaptcha" data-sitekey="6LdtJTkUAAAAAJrRTR4YkQMtYgA2yPh6uEWqUaEK"> </div> <button class="btn cudy-button btn-lg btn-block" type="submit">Login</button> <br> <p style="text-align:center;"><a href="resetPassword.php">Forgot Password</a></p> </form> </div> </div><div role="tabpanel" class="tab-pane" id="signupTab"> <form id="signupForm" action = "_doSignUp.php"> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="firstName">First Name</label> <input type="text" class="form-control" name="firstName" placeholder="First Name" required data-validation-required-message="This field is required"> </div> </div> <div class="col-md-6"> <div class="form-group control-group"> <label for="lastName">Last Name</label> <div class="controls"> <input type="text" class="form-control" name="lastName" placeholder="Last Name" required data-validation-required-message="This field is required"> <p class="help-block"></p> </div> </div> </div> </div> <div class="form-group"> <label for="email">Email address</label> <input type="email" class="form-control" name="email" placeholder="Email" required data-validation-required-message="This field is required" data-validation-email-message="Email should be in the correct format"> <p class="help-block"></p> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="password">Password</label> <input type="password" class="form-control" name="password" id="password" placeholder="Password" required data-validation-required-message="This field is required"> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="confirmPassword">Confirm Password</label> <input type="password" class="form-control" name="confirmPassword" id="confirmPassword" placeholder="Confirm Password" oninput="checkIfPasswordsAreTheSame()" required data-validation-matches-match="password" data-validation-required-message="This field is required" data-validation-matches-message="Password and confirm password should match"> </div> </div> </div> <div class="form-group"> <label for="dob">DOB</label> <input type="text" id = "datepicker" class="form-control form-dob" name="dob" placeholder="dd/mm/yyyy" onkeydown="return false" required data-validation-required-message="This field is required"> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="gender">Gender</label> <select class="form-control" name="gender" required data-validation-required-message="This field is required"> <option selected hidden>Choose one</option> <option>Male</option> <option>Female</option> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="race">Race</label> <select class="form-control" name="race" required data-validation-required-message="This field is required"> <option selected hidden>Choose one</option> <option>Chinese</option> <option>Malay</option> <option>Indian</option> <option>Others</option> </select> </div> </div> </div> <div class="form-group"> <label for="role">Role</label> <select class="form-control form-role" name="role" required data-validation-required-message="This field is required"> <option selected hidden>Choose one</option> <option value = "Student">Student</option> <option value = "Tutor">Tutor</option> </select> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="nric">NRIC/FIN</label> <input type="text" class="form-control" id="nric" name="nric" placeholder="NRIC/FIN in caps" required data-validation-required-message="This field is required" oninput="checkNricFinValidity()"> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="contact">Contact</label> <input type="text" class="form-control" name="contact" placeholder="Contact Number" required data-validation-required-message="This field is required"> </div> </div> </div> <div class = "form-parent hidden"> <div class = "row"> <div class="col-md-6"> <div class="form-group"> <label for="parentName">Parent's First Name</label> <input type="text" class="form-control" name="parentFName" required data-validation-required-message="This field is required" placeholder="Parent's First Name"> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="parentName">Parent's Last Name</label> <input type="text" class="form-control" name="parentLName" required data-validation-required-message="This field is required" placeholder="Parent's Last Name"> </div> </div> </div> <div class="form-group"> <label for="parentEmail">Parent Email address</label> <input type="email" class="form-control" name="parentEmail" placeholder="Parent's Email" required data-validation-required-message="This field is required"> </div> <div class="form-group"> <label for="parentContact">Parent Contact</label> <input type="text" class="form-control" name="parentContact" placeholder="Parent's Contact" required data-validation-required-message="This field is required"> </div> </div> <div class="form-group"> <label class="form-check-label"> <input class="form-check-input" type="checkbox" name="agreement" required> I have read and agreed to the <a target="_blank" href="https://www.cudy.co/terms.php">terms and conditions</a>, as well as the <a target="_blank" href="https://www.cudy.co/privacy.php">privacy policy</a> of the site. </label> </div> <div class="form-group g-recaptcha" data-sitekey="6LdtJTkUAAAAAJrRTR4YkQMtYgA2yPh6uEWqUaEK"> </div> <div class="message"></div> <button class="btn cudy-button btn-lg btn-block">Signup</button> </form> <script> function checkIfPasswordsAreTheSame() { var password = document.getElementById("password"); var confirmPassword = document.getElementById("confirmPassword"); if(password.value != confirmPassword.value){ confirmPassword.setCustomValidity("Password and confirm password does not match"); confirmPassword.validationMessage; } else { confirmPassword.setCustomValidity(""); } } function checkNricFinValidity() { var nric = document.getElementById("nric"); if(!isNricValid(nric.value) && !isFinValid(nric.value)){ nric.setCustomValidity("Please enter a valid nric/fin"); nric.validationMessage; } else { nric.setCustomValidity(""); } } </script> </div> </div> </div> </div> </div> </div> </div> </div> </nav> <div id="homePageCarousel" class="carousel slide" data-ride="carousel"style="width: 90%;margin: 0 auto;"> <ol class="carousel-indicators"> <li data-target="#homePageCarousel" data-slide-to="0" class="active"></li> <li data-target="#homePageCarousel" data-slide-to="1"></li> <li data-target="#homePageCarousel" data-slide-to="2"></li> <li data-target="#homePageCarousel" data-slide-to="3"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" src="resource/1carousel.jpg" alt="First slide" style="object-fit:scale-down;"> </div> <div class="carousel-item"> <img class="d-block w-100" src="resource/2carousel.jpg" alt="Second slide" style="object-fit:scale-down;"> </div> <div class="carousel-item"> <img class="d-block w-100" src="resource/3.png" alt="Second slide" style="object-fit:scale-down;"> </div> <div class="carousel-item"> <img class="d-block w-100" src="resource/4.jpg" alt="Second slide" style="object-fit:scale-down;"> </div> <a class="carousel-control-prev" href="#homePageCarousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#homePageCarousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div></div> <div class="jumbotron" style="background-color: #ffffff"> <div align ="center" class="form-center"> <img class ="img-fluid" src="img/logo_main.png" alt="Cudy - The online classroom learning experience" style="padding-bottom: 20px; width:450px"> <form class="col-sm-4" action = "browseProgrammes.php" method = "GET"> <div class = "form-row justify-content-center"> <div class="form-row"> <div class="form-group col-md-5"> <select name ="searchby" class="form-control"> <option value = "title">Class Title</option> <option value = "subject">Subject</option> <option value = "level">Level</option> </select> </div> <div class="form-group col-md-5"> <input name="search" class="border border-warning form-control" placeholder="Search for classes" type="search" id ="search"> </div> <div class="form-group col-md-2"> <button class="btn cudy-button" type = "submit">Search</button> </div> </div> </div> <br /> </form> </div></div><footer class="app-footer"> <!-- <a href="http://coreui.io">CoreUI</a> © 2017 creativeLabs. <span class="float-right">Powered by <a href="http://coreui.io">CoreUI</a></span> --> <div class="row" style="width:100%;"> <div class="col-md-2" style="text-align:center; margin: 0.5em auto;"> <div class="row justify-content-around"> <span style="margin: 0.5em 1em;"><a href="https://www.cudy.co/terms.php">T&C</a></span> <span style="margin: 0.5em 1em;"><a href="https://www.cudy.co/privacy.php">Privacy Policy</a></span> </div> </div> <div class="col-md-8" style="margin: 1em auto 0.5em auto;text-align:center;"> <span style="margin: auto 1em;"><a href="aboutUs.php" target="_blank">About Us </a></span> <span style="margin: auto 1em;"><a href="contactUs.php" target="_blank">Contact Us </a></span> <span style="margin: auto 1em;"><a href="https://www.cudy.co/index.php#blog" target="_blank">Blog </a></span> <span style="margin: auto 1em;"><a href="communities.php" target="_blank">Communities</a></span> <span style="margin: auto 1em;"><a href="promotion.php" target="_blank">Promotions </a></span> <span style="margin: auto 1em;"><a href="press.php" target="_blank">Press </a></span> <span style="margin: auto 1em;"><a href="internship.php" target="_blank">Internship</a></span> <p style="margin-top:0.5em;color:#5d5d5d"> Copyright © 2018 Cudy Pte. Ltd. All Rights Reserved.</p> </div> <div class="col-md-2" style="text-align:center;margin:0.5em auto;"> <div class="row justify-content-around"> <span style="margin: auto 1em;"> <a href="https://www.facebook.com/cudysingapore" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </span> <span style="margin: auto 1em;"> <a href="https://www.instagram.com/cudy_sg/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a> </span> <span style="margin: auto 1em;"> <a href="https://www.linkedin.com/company/cudy/" target="_blank"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </span> </div> </div> </div> </footer><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="lib/popper/popper.min.js"></script> <script src="lib/bootstrap/js/bootstrap.min.js"></script> <script src="lib/pace-progress/pace.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/1.3.1/js/toastr.js"></script> <!--jquery-confirm--> <script src ="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script> <script type="text/javascript"> var CaptchaCallback = function() { $(".g-recaptcha").each(function(index, el) { grecaptcha.render(el, {"sitekey" : "6LdtJTkUAAAAAJrRTR4YkQMtYgA2yPh6uEWqUaEK"}); }); }; </script> <script src="https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer></script> <!-- CoreUI main scripts --> <script src="js/app-v0.01a.js"></script> <!--jqBootstrap validation --> <script src="js/jqBootstrapValidation.js"></script> <!--Form script--> <script src="js/form-v0.01a.js"></script> <!--Paginate script --> <script src="js/paginator-v0.01a.js"></script> <!--Calendar script --> <script src="js/calendar-v0.01a.js"></script> <!--Xfers script --> <script src="lib/xfers.js"></script> <script> $( function() { var curyear = $("#year").text( (new Date).getFullYear() ); $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true, yearRange: "c-100:c", inline: true, showOtherMonths: true, dayNamesMin: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], }); } ); // $(function(){ // var maxlength = $("textarea").attr("maxlength"); // // $(".textarea_feedback").html(maxlength + " characters remaining"); // // $("textarea").keyup(function() { // var text_length; // // text_length = $("textarea").val().length; // console.log("Text length: "+text_length); // var text_remaining; // text_remaining = maxlength - text_length; // console.log("Text remaining: "+text_remaining); // // $(".textarea_feedback").html(text_remaining + " characters remaining"); // }); // }); </script> <!--Calender--> <link rel="stylesheet" href="lib/fullcalendar/fullcalendar.css"> <script src="lib/moment/moment.min.js"></script> <script src="lib/fullcalendar/fullcalendar.js"></script> <!--Star Rating --> <script src="lib/star-rating/jquery.star-rating-svg.js"></script> <link rel="stylesheet" type="text/css" href="lib/star-rating/star-rating-svg.css"> <!--Paginator --> <script src="lib/twbs-pagination/jquery.twbsPagination.min.js"></script> <!--Timepicker--> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js"></script> <!--Multiseclect Dropdown--> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script> <!--Custom Helper functions --> <script> function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf("?") + 1).split("&"); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split("="); // vars.push(hash[0]); vars[hash[0]] = hash[1]; } return vars; }// nric and fin validatorvar nric = [];nric.multiples = [ 2, 7, 6, 5, 4, 3, 2 ];function isNricValid(theNric) { if (!theNric || theNric == "") { return false; } if (theNric.length != 9) { return false; } var total = 0 , count = 0 , numericNric; var first = theNric[0] , last = theNric[theNric.length - 1]; if (first != "S" && first != "T") { return false; } numericNric = theNric.substr(1, theNric.length - 2); if (isNaN(numericNric)) { return false } while (numericNric != 0) { total += (numericNric % 10) * nric.multiples[nric.multiples.length - (1 + count++)]; numericNric /= 10; numericNric = Math.floor(numericNric); } var outputs; if (first == "S") { outputs = [ "J", "Z", "I", "H", "G", "F", "E", "D", "C", "B", "A" ]; } else { outputs = [ "G", "F", "E", "D", "C", "B", "A", "J", "Z", "I", "H" ]; } return last == outputs[total % 11];}function isFinValid(fin){ if (!fin || fin == "") { return false; } if (fin.length != 9) { return false; } var total = 0 , count = 0 , numericNric; var first = fin[0] , last = fin[fin.length - 1]; if (first != "F" && first != "G") { return false; } numericNric = fin.substr(1, fin.length - 2); if (isNaN(numericNric)) { return false; } while (numericNric != 0) { total += (numericNric % 10) * nric.multiples[nric.multiples.length - (1 + count++)]; numericNric /= 10; numericNric = Math.floor(numericNric); } var outputs; if (first == "F") { outputs = [ "X", "W", "U", "T", "R", "Q", "P", "N", "M", "L", "K" ]; } else { outputs = [ "R", "Q", "P", "N", "M", "L", "K", "X", "W", "U", "T" ]; } return last == outputs[total % 11];} </script> <script> $(function() { var params = getUrlVars(); if("ntf" in params){ var str = unescape(params["ntf"]); toastr.info(str); } if("sucss" in params){ var str = unescape(params["sucss"]); toastr.success(str); } if("wrn" in params){ var str = unescape(params["wrn"]); toastr.warning(str); } if("alrt" in params){ var str = unescape(params["alrt"]); toastr.error(str); } }); </script> <script> $(function() { $("#loginForm").submit(function(e){ e.preventDefault(); return false; }); initForm("loginForm",function(data){ var message =""; if(data["status"] == false){ //display link to resend verfication email if(data["info"][0] === "Account has not been verified."){ message = data["info"][0] + "<br>Click <a href='sendVerificationEmail.php?email="+data["info"][1]+"'>here</a> to resend your email"; } else{ message = data["info"]; } } else if(data["status"] == true){ message = "Welcome back! Logging you in.."; if(data["info"] === "Tutor"){ window.location.href = "tutor_dashboard.php"; } else if(data["info"] === "Student"){ window.location.href = "student_dashboard.php"; } } return message;},function(data){return 'Sorry, it seems like something went wrong. Please try again later!' },"1", "#loginForm .message"); }); /*When clicking on Full hide fail/success boxes */ $("#loginForm .form-name").focus(function() { $("#loginForm .message").html(""); }); </script> <script> $(function() { $("#signupForm").submit(function(e){ e.preventDefault(); return false; }); initForm("signupForm",function(data){ var message =""; if(data["status"] == false){ message = "Invalid registration : "+data["info"]; } else if(data["status"] == true){ console.log("success!"); message = "Your account has been created! Please follow the link in your email to verify your account."; } return message;},function(data){return 'Sorry, it seems like something went wrong. Please try again later!' },"1", "#signupForm .message"); }); /*When clicking on Full hide fail/success boxes */ $("#signupForm .form-name").focus(function() { $("#signupForm .message").html(""); }); </script><script> function age(){ var now = moment().unix(); var then = moment($(".form-dob").val(), "MM/DD/YYYY").unix(); var diff = (now - then) / (60 * 60 * 24 * 365); //May cause errors in edge case due to leap years etc var years = Math.floor(diff); return years; } $(function() { $(".form-parent").hide(); $(".form-parent input, .form-parent select").removeAttr("required"); $(".form-dob, .form-role").change(function(){ if(0 <= age() && age() < 18 && $(".form-role").val() === "Student"){ $(".form-parent").show(); $(".form-parent input, .form-parent select").prop("required",true); } else{ $(".form-parent").hide(); $(".form-parent input, .form-parent select").removeAttr("required"); } }); }); </script><script> toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-top-full-width", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "10000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" } toastr["info"]("You are currently not using a Chrome or Firefox browser. Please note that our virtual classrooms performs best on either mentioned browsers. You might experience performance issues or the site may not display properly if you continue using your current browser.", "Notice") </script><script> $(".carousel").carousel({interval: 3000}) </script> <!-- WhatsHelp.io widget --><script type='text/javascript'> (function () { var options = { facebook: '313039605789244', // Facebook page ID email: 'hello@cudy.co', // Email company_logo_url: '//storage.whatshelp.io/widget/e7/e73d/e73dc270ddb9032d8376880209b3e342/25289677_372378753188662_8217388554473031492_n.png', // URL of company logo (png, jpg, gif) greeting_message: 'Hello, how may we help you? Just send us a message now to get assistance.', // Text of greeting message call_to_action: 'Message us', // Call to action button_color: '#FF9C00', // Color of button position: 'right', // Position may be 'right' or 'left' order: 'facebook,email' // Order of buttons }; var proto = document.location.protocol, host = 'whatshelp.io', url = proto + '//static.' + host; var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; s.onload = function () { WhWidgetSendButton.init(host, proto, options); }; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })();</script><!-- /WhatsHelp.io widget --> </body></html>