
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="keywords" content="classroom,login,education,course,lessons,workshops,students,teachers,skype,facetime,google hangouts,youtube,united kingdom" />
<meta name="description" content="classroom, login, provides a digital communication platform for teachers and students" />
<title>classroom | App | login</title>
<link rel="icon" href="http://www.classroom.me.uk/favicon.ico" />
<link rel="stylesheet" href="../../assets/core/css/core-root.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-styles.cfml?_schedule=false" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-db-data-edit.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-carousel.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-calendar.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/codepen/codepen-button/codepen-button.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/codepen/button.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/js/lib/jquery-ui-1.10.3.custom/css/jquery-ui-themes-1.10.3/themes/smoothness/jquery-ui.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-basket.cfml" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-ad-zone.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-draggables.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-note-container.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-form.cfml" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-notification.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-cms-view.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-image-cropper.cfml" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-sort-list.cfml" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-cms-calendar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-buttons.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-progress-calendar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-drilldown.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-event-elements.cfml" type="text/css" />
<link type="text/css" href="../../assets/core/css/core-menu.cfml?menuwidth=960&amp;menubackgroundcolor=5E5E5E&amp;submenubackgroundcolor=B7B7B7&amp;menuhoverbackgroundcolor=363636&amp;lckmobileformat=false" rel="stylesheet" />
<link href="../../assets/core/js/lib/shadowbox-3.0.3/shadowbox.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-shadows.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-padding.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-tooltip.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-tagify.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-animation.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-progress-bar.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-data-matrix.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-data-panel.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-loader.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-badges.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-data-table.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-category-tab-bar.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/font/font-awesome-v.3.2/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../assets/core/font/font-awesome-4.2.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../assets/core/font/font-awesome-4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../assets/core/font/map-icons-3.0.2/dist/css/map-icons.css" />
<link href="https://fonts.googleapis.com/css?family=Anton|Spinnaker" rel="stylesheet">
<link href="../../assets/core/js/lib/colorpicker/css/colorpicker.css" type="text/css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-bootstrap.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-jquery-ui-autocomplete.css" type="text/css" />
<link rel="stylesheet" href="../../assets/user/css/user-styles.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/user/css/user-styles.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/jquery.selectbox.cfml" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/core-ui-expanded.cfml" type="text/css" media="screen" />
<link rel="stylesheet" href="../../assets/core/css/core-animate.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/js/lib/highlight/styles/default.css" type="text/css" />
<link rel="stylesheet" href="../../assets/core/css/ng/core-ng-chat.cfml" type="text/css" />
<!-- START: modernizr library -->
<script src="../../assets/core/js/lib/modernizr/modernizr-custom.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/mobile-detect/mobile-detect.js" type="text/javascript"></script>
<!-- END: modernizr library -->
<!-- START: prototype library -->
<script src="../../assets/core/js/core-global-variables-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-global-variables.cfm?rootpageid=0&root=login&displaycatalogmodal=1" type="text/javascript"></script>
<script src="../../assets/core/js/core-global-environment-variables.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-global-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/framework/prototype-1.7.3.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/scriptaculous-js-1.9.0/src/scriptaculous.js?load=effects,dragdrop,controls,builder,slider" type="text/javascript"></script>
<script src="../../assets/core/js/core-help-object.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-category-data.cfm" type="text/javascript"></script>
<script src="../../assets/core/js/core-loader-animation-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-base64-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/dateFormat/dateFormat.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/waypoints/lib/noframework.waypoints.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/Highcharts-3.0.5/js/adapters/prototype-adapter.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/Highcharts-3.0.5/js/highcharts.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/Highcharts-3.0.5/js/modules/exporting.src.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/rgbahslatohex/rgbahslatohex.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/js-cookie/src/js.cookie.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/greensock-js/src/minified/TweenMax.min.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/highlight/highlight.pack.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-parseURI-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.timer.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.cssAnimation.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.cssAnimationListener.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.cssAnimationPromise.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.roleidcontroller.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.imageMask.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/ds.oop.0.2/ds.min.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.base.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.animate.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.element.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.evaluate.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.events.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.execute.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.layout.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.move.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.random.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.translate.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.visibility.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.database.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.notification.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/ds.oop/framework.class.view.js" type="text/javascript"></script>
<script type="text/javascript">
hljs.initHighlightingOnLoad();
</script>
<script type="text/javascript">
Event.observe(window, 'load',function(){
if(!Modernizr.inlinesvg){
$('sales-funnel-panel-fallback').style.display = "block";
}
}, false);
</script>
<script src="../../assets/core/js/extensions/shadowbox-prototype.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/shadowbox-3.0.3/shadowbox.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-accordion-functions.js" type="text/javascript"></script>
<script type="text/javascript" src="../../assets/core/js/class/prototype/base.carousel.js"></script>
<script type="text/javascript" src="../../assets/core/js/class/prototype/base.onionSkin.js"></script>
<script src="../../assets/core/js/core-ajax-functions.cfm?sitepathprefix=../../&pathprefix=../../assets/core/&pathprefixbase=../../&lckroleid=1&supplierid=0&requiredalias=required&searchalias=search&locationalias=location&thismonthstring=april" type="text/javascript"></script>
<script src="../../assets/core/js/core-form-validation-functions.cfm?requiredalias=required&searchalias=search&locationalias=location" type="text/javascript"></script>
<script src="../../assets/core/js/core-functions-1.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-functions-1.cfm" type="text/javascript"></script>
<script src="../../assets/core/js/core-functions-2.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-view-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-draggables-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-element-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-overlay-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-loading-bar-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-toggle-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-form-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-highlight-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-date-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-effects-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.bubble.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.newsFeed.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-events.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.showTooltip.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.imagesetdroppable.js" type="text/javascript"></script>
<script src="../../assets/core/js/class/prototype/base.linkitemtoparentdroppable.js" type="text/javascript"></script>
<script type="text/javascript" src="../../assets/core/js/extensions/easing.js"></script>
<script type="text/javascript">
Event.observe(window, 'load',function(){
Shadowbox.init({
displayNav: false,
modal: true,
onOpen:function(){
if(document.getElementById("clock-wrapper1")){
if($$('#sb-loading-inner')){
//$('sb-loading-inner').innerHTML = document.getElementById("clock-wrapper1").innerHTML;
createCSSLoader("sb-loading-inner",10000003,"large","#FFF");
}
}
}
});
Shadowbox.setup("a.thumbnail-zoom-icon-link", {
modal:false
});
},false);
</script>
<!-- END: prototype library -->
<!-- START: jquery library -->
<script src="../../assets/core/js/framework/jquery.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/jquery.livequery/jquery.livequery.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery.noConflict();
</script>
<script src="../../assets/core/js/lib/jquery-ui-autocomplete-scroll/jquery.ui.autocomplete.scroll.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/jquery.animateNumber/jquery.animateNumber.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-date-picker-calendar-jquery-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-populate-select-list-jquery-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-form-field-autocomplete-jquery-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/jquery.browser/jquery.browser.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/jquery.textChange/jquery.textChange.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-css-gradient-jquery-functions.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-events-jquery.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/jquery.cookie.js/jquery.cookie.js" type="text/javascript"></script>
<script src="../../assets/core/js/lib/jquery.linkedsliders.js/jquery.linkedsliders.js" type="text/javascript"></script>
<script src="../../assets/core/js/core-link-sliders-jquery-functions.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
if($checkmultipleidsdebug){
console.log('jQuery.browser',jQuery.browser);
checkMultipleIds();
}
});
</script>
<script type="text/javascript" src="../../assets/core/js/lib/jquery.hoverIntent/jquery.hoverIntent.js"></script>
<script type="text/javascript" src="../../assets/core/js/core-adjust-menu-functions.cfml?menuwidth=960&amp;pathprefix=../../assets/core/&amp;submenuparentbackgroundcolor=transparent"></script>
<!-- END: jquery library -->
<!-- START: angular helper objects -->
<script type="text/javascript">
document.domain = extractRootDomain($lookupURLBaseNoPort).split(":")[0];
if($ngchatdebug){
console.log("ng chat: document.domain: parent",document.domain);
}
function receiveNgchatMessage(obj) {
var obj = (arguments[0] != null) ? arguments[0] : {};
var ngchatiframecontainer = jQuery("#ng-chat-container-8881519");
var ngchaticonbackground = jQuery("#ng-chat-icon-background-8881519");
var ngchaticonpoweroff = jQuery("#ng-chat-icon-power-off-8881519");
var ngchatavatarcontainer = jQuery("#ng-chat-avatar-container-8881519");
var ngchatavatars = jQuery(".ng-chat-avatar-image");
var domain = extractRootDomain($lookupURLBaseNoPort).split(":")[0];
if(jQuery.trim($serverport) != ""){
domain = extractRootDomain($lookupURLBaseNoPort);
}
if($ngchatdebug){
console.log("ng chat: domain",domain);
console.log("ng chat: obj",obj);
}
if(!jQuery.isEmptyObject(obj) && "origin" in obj){
if(obj['origin'] == domain && "hideNgChat" in obj){
var hideNgChat = obj['hideNgChat'];
if($ngchatdebug){
console.log("ng chat: hideNgChat 1",hideNgChat);
}
if(hideNgChat){
if($ngchatdebug){
console.log("ng chat: hideNgChat 2",hideNgChat);
}
if(ngchatiframecontainer.length){
ngchatiframecontainer.animate({
opacity: 0
}, 1000, function() {
ngchatiframecontainer.css({'bottom':'-1000px'});
if(ngchaticonbackground.length){
ngchaticonbackground.fadeIn();
}
if(ngchaticonpoweroff.length){
ngchaticonpoweroff.fadeIn();
}
if(ngchatavatarcontainer.length){
ngchatavatarcontainer.css({'z-index':100000001});
}
});
}
}
}
if(obj['origin'] == domain && "avatarSrc" in obj){
var avatarSrc = obj['avatarSrc'];
if($ngchatdebug){
console.log("ng chat: avatarSrc 1",avatarSrc);
}
if(avatarSrc){
if($ngchatdebug){
console.log("ng chat: avatarSrc 2",avatarSrc);
}
if(ngchatavatarcontainer.length){
var ngchatavatarsrc = avatarSrc.split("/");
if(ngchatavatarsrc.length){
ngchatavatarfilename = ngchatavatarsrc[ngchatavatarsrc.length - 1];
if($ngchatdebug){
console.log("ng chat: ngchatavatarfilename: ", ngchatavatarfilename);
}
ngchatavatarsrc = "../../assets/core/images/avatar/" + ngchatavatarfilename;
if($ngchatdebug){
console.log("ng chat: ngchatavatarsrc: ", ngchatavatarsrc);
}
var currentObj = null;
ngchatavatars.each(function(){
if(ngchatavatarsrc == jQuery(this).attr("src")){
currentObj = jQuery(this);
if($ngchatdebug){
console.log("ng chat: currentObj: ", currentObj);
}
}
});
if(currentObj){
TweenMax.fromTo(currentObj, 0.75, {scale:1.25, ease:Elastic.easeOut, opacity: 0.5}, {scale:1, ease:Elastic.easeOut, opacity: 1});
ngchatavatars.each(function(){
if($ngchatdebug){
console.log("ng chat: jQuery(this): ", jQuery(this));
}
if(ngchatavatarsrc != jQuery(this).attr("src")){
jQuery(this).css({opacity:0.5});
}
});
}
}
}
}
}
}
}
jQuery(document).ready(function() {
var height = jQuery(window).height();
var ngchatiframecontainer = jQuery("#ng-chat-container-8881519");
var ngchatiframe = jQuery("#ng-chat-8881519");
if(ngchatiframe.length){
jQuery("#ng-chat-8881519").attr("height",height);
}
var ngchatavatars = jQuery(".ng-chat-avatar-image");
TweenMax.staggerFromTo(ngchatavatars, 1, {scale:0, ease:Elastic.easeOut, opacity: 0, delay: 5}, {scale:1, ease:Elastic.easeOut, opacity: 1, delay: 5}, 0.25);
ngchatavatars.on('click touch',function(event){
var currentObj = jQuery(event.currentTarget);
var ngchaticonbackground = jQuery("#ng-chat-icon-background-8881519");
if($ngchatdebug){
console.log("ng chat: currentObj: ", currentObj);
}
if(ngchatiframe.length){
var ngchatavatarsrc = currentObj.attr("src").split("/");
if(ngchatavatarsrc.length){
ngchatavatarfilename = ngchatavatarsrc[ngchatavatarsrc.length - 1];
if($ngchatdebug){
console.log("ng chat: ngchatavatarfilename: ", ngchatavatarfilename);
}
ngchatavatarsrc = "assets/images/avatars/" + ngchatavatarfilename;
ngchatiframe.attr("data-role-ng-chat-avatar-src-in",ngchatavatarsrc);
TweenMax.fromTo(currentObj, 0.75, {scale:1.25, ease:Elastic.easeOut, opacity: 0.5}, {scale:1, ease:Elastic.easeOut, opacity: 1});
ngchatavatars.each(function(){
if($ngchatdebug){
console.log("ng chat: jQuery(this): ", jQuery(this));
}
if(currentObj.attr("src") != jQuery(this).attr("src")){
jQuery(this).css({opacity:0.5});
}
});
if(ngchaticonbackground.length){
ngchaticonbackground.click();
}
}
}
});
jQuery("#ng-chat-icon-background-8881519").on('click touch',function(event){
var currentObj = jQuery(event.currentTarget);
var ngchaticonpoweroff = jQuery("#ng-chat-icon-power-off-8881519");
var ngchatavatarcontainer = jQuery("#ng-chat-avatar-container-8881519");
if(ngchatiframecontainer.length){
ngchatiframecontainer.css({'bottom':'0px'});
ngchatiframecontainer.animate({
opacity: 1
}, 1000, function() {
});
}
if(currentObj){
currentObj.fadeOut();
}
if(ngchaticonpoweroff.length){
ngchaticonpoweroff.fadeOut();
}
if(ngchatavatarcontainer.length){
ngchatavatarcontainer.css({'z-index':1});
}
});
var ngchatMutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
var ngchatTarget = document.getElementById("ng-chat-8881519");
if($ngchatdebug){
console.log("ng chat: ngchatTarget",ngchatTarget);
}
if(ngchatTarget){
var ngchatObserver = new ngchatMutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if($ngchatdebug){
console.log("ng chat: jQuery(mutation.target).attr(mutation.attributeName)",jQuery(mutation.target).attr(mutation.attributeName));
}
var ngchatObj = JSON.parse(jQuery(mutation.target).attr(mutation.attributeName));
receiveNgchatMessage(ngchatObj);
});
});
var ngchatConfig = {attributes:true,childList:true,characterData:false,attributeFilter:['data-role-ng-chat']};
ngchatObserver.observe(ngchatTarget,ngchatConfig);
var ngchatAvatarSelectedObserver = new ngchatMutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if($ngchatdebug){
console.log("ng chat: jQuery(mutation.target).attr(mutation.attributeName)",jQuery(mutation.target).attr(mutation.attributeName));
}
var ngchatAvatarSelectedObj = JSON.parse(jQuery(mutation.target).attr(mutation.attributeName));
receiveNgchatMessage(ngchatAvatarSelectedObj);
});
});
var ngchatAvatarSelectedConfig = {attributes:true,childList:true,characterData:false,attributeFilter:['data-role-ng-chat-avatar-src-out']};
ngchatAvatarSelectedObserver.observe(ngchatTarget,ngchatAvatarSelectedConfig);
}
jQuery("#ng-snack-bar-action").on('click touch',function(event){
var currentObj = jQuery(event.currentTarget);
var ngsnackbarcontainer = jQuery("#ng-snack-bar-container");
if(ngsnackbarcontainer.length){
ngsnackbarcontainer.fadeOut();
}
});
});
</script>
<!-- END: angular helper objects -->
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create','UA-46818946-1','auto');ga('send','pageview');</script>
</head>
<body id="bodyDefault">
<style>
#clock-wrapper1{
position:fixed;
width:88px;
height:88px;
background:none;
z-index:10000001;
}
#clock-content1{
position:relative;
width:88px;
height:88px;
background:none;
}
#clock-circle1{
position:absolute;
width:72px;
height:72px;
border:#406a99 solid 8px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#clock-container1{
position:absolute;
width:56px;
height:56px;
margin:16px;
}
#clock-container1 .clock-hour-container{
position:absolute;
width:56px;
height:56px;
}
#clock-container1 .clock-hours{
position:absolute;
width:56px;
height:56px;
}
#clock-container1 .clock-hours-base{
position:absolute;
width:8px;
height:8px;
background:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#clock-container1 .clock-hours-three{
top:24px;
left:48px;
}
#clock-container1 .clock-hours-six{
top:48px;
left:24px;
}
#clock-container1 .clock-hours-nine{
top:24px;
left:0px;
}
#clock-container1 .clock-hours-twelve{
top:0px;
left:24px;
}
#clock-container1 .clock-rotate-30{
-ms-transform:rotate(30deg);
-webkit-transform:rotate(30deg);
transform:rotate(30deg);
}
#clock-container1 .clock-rotate-60{
-ms-transform:rotate(60deg);
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
}
#clock-container1 .clock-hand-base{
position:absolute;
background:#fff;
-webkit-border-radius:10%;
-moz-border-radius:10%;
border-radius:10%;
}
#clock-container1 .clock-minute-hand-container{
position:absolute;
width:56px;
height:56px;
}
#clock-container1 .clock-minute-hand{
top:14.8px;
left:25.2px;
width:5.6px;
height:12.4px;
}
#clock-container1 .clock-minute-hand-cap-top{
position:absolute;
background:#fff;
top:12.8px;
left:25.2px;
width:5.6px;
height:5.6px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#clock-container1 .clock-minute-hand-cap-bottom{
position:absolute;
background:#fff;
top:24.4px;
left:25.2px;
width:5.6px;
height:5.6px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#clock-container1 .clock-hour-hand-container{
position:absolute;
width:56px;
height:56px;
}
#clock-container1 .clock-hour-hand{
top:25.2px;
left:18.8px;
width:8.4px;
height:5.6px;
}
#clock-container1 .clock-hour-hand-cap-top{
position:absolute;
background:#fff;
top:25.2px;
left:16.8px;
width:5.6px;
height:5.6px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#clock-container1 .clock-hour-hand-cap-bottom{
position:absolute;
background:#fff;
top:25.2px;
left:24.4px;
width:5.6px;
height:5.6px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#clock-content1 .clock-circle-spin {
-webkit-animation-name:clockcirclespin1;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-animation-iteration-count:1;
-moz-animation:clockcirclespin1 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
-ms-animation:clockcirclespin1 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
-o-animation:clockcirclespin1 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
animation:clockcirclespin1 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
}
@keyframes clockcirclespin1 {
0%{transform:scale(0);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}
@-webkit-keyframes clockcirclespin1 {
0%{-webkit-transform:scale(0);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes clockcirclespin1 {
0%{-moz-transform:scale(0);}
50%{-moz-transform:scale(1.1);}
100%{-moz-transform:scale(1);}
}
@-ms-keyframes clockcirclespin1 {
0%{-ms-transform:scale(0);}
50%{-ms-transform:scale(1.1);}
100%{-ms-transform:scale(1);}
}
@-o-keyframes clockcirclespin1 {
0%{-o-transform:scale(0);}
50%{-o-transform:scale(1.1);}
100%{-o-transform:scale(1);}
}
#clock-container1 .clock-hour-container-spin {
-webkit-animation-name:clockhourcontainerspin1;
-webkit-animation-duration:10s;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-animation-iteration-count:infinite;
-moz-animation:clockhourcontainerspin1 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-ms-animation:clockhourcontainerspin1 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-o-animation:clockhourcontainerspin1 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
animation:clockhourcontainerspin1 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
}
@keyframes clockhourcontainerspin1 {
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes clockhourcontainerspin1 {
100%{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes clockhourcontainerspin1 {
100%{-moz-transform:rotate(-360deg);}
}
@-ms-keyframes clockhourcontainerspin1 {
100%{-ms-transform:rotate(-360deg);}
}
@-o-keyframes clockhourcontainerspin1 {
100%{-o-transform: rotate(-360deg);}
}
#clock-container1 .clock-minute-hand-container-spin {
-webkit-animation-name:clockminutehandcontainerspin1;
-webkit-animation-duration:10s;
-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-animation-iteration-count:infinite;
-moz-animation:clockminutehandcontainerspin1 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-ms-animation:clockminutehandcontainerspin1 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-o-animation:clockminutehandcontainerspin1 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
animation:clockminutehandcontainerspin1 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
}
@keyframes clockminutehandcontainerspin1 {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes clockminutehandcontainerspin1 {
100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes clockminutehandcontainerspin1 {
100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes clockminutehandcontainerspin1 {
100%{-ms-transform:rotate(360deg);}
}
@-o-keyframes clockminutehandcontainerspin1 {
100%{-o-transform: rotate(360deg);}
}
#clock-container1 .clock-hour-hand-container-spin {
-webkit-animation-name:clockhourhandcontainerspin1;
-webkit-animation-duration:10s;
-webkit-animation-timing-function:linear;
-webkit-animation-direction:reverse;
-webkit-animation-iteration-count:infinite;
-moz-animation:clockhourhandcontainerspin1 10s linear infinite reverse;
-ms-animation:clockhourhandcontainerspin1 10s linear infinite reverse;
-o-animation:clockhourhandcontainerspin1 10s linear infinite reverse;
animation:clockhourhandcontainerspin1 10s linear infinite reverse;
}
@keyframes clockhourhandcontainerspin1 {
100%{-webkit-transform:rotate(-30deg);transform:rotate(360deg);}
}
@-webkit-keyframes clockhourhandcontainerspin1 {
100%{-webkit-transform:rotate(-30deg);}
}
@-moz-keyframes clockhourhandcontainerspin1 {
100%{-moz-transform:rotate(-30deg);}
}
@-ms-keyframes clockhourhandcontainerspin1 {
100%{-ms-transform:rotate(-30deg);}
}
@-o-keyframes clockhourhandcontainerspin1 {
100%{-o-transform: rotate(-30deg);}
}
</style>
<div id="clock-wrapper1" style="display:none;">
<div id="clock-content1" style="display:inline-block;cursor:pointer;" onclick="hideClockAnimation();">
<div id="clock-circle1" class="clock-circle-spin" style="display:block;"></div>
<div id="clock-container1" style="display:block;">
<div class="clock-hour-container clock-hour-container-spin">
<div class="clock-hours">
<div class="clock-hours-base clock-hours-three"></div>
<div class="clock-hours-base clock-hours-six"></div>
<div class="clock-hours-base clock-hours-nine"></div>
<div class="clock-hours-base clock-hours-twelve"></div>
</div>
<div class="clock-hours clock-rotate-30">
<div class="clock-hours-base clock-hours-three"></div>
<div class="clock-hours-base clock-hours-six"></div>
<div class="clock-hours-base clock-hours-nine"></div>
<div class="clock-hours-base clock-hours-twelve"></div>
</div>
<div class="clock-hours clock-rotate-60">
<div class="clock-hours-base clock-hours-three"></div>
<div class="clock-hours-base clock-hours-six"></div>
<div class="clock-hours-base clock-hours-nine"></div>
<div class="clock-hours-base clock-hours-twelve"></div>
</div>
</div>
<div class="clock-minute-hand-container clock-minute-hand-container-spin">
<div class="clock-hand-base clock-minute-hand"></div>
<div class="clock-minute-hand-cap-top"></div>
<div class="clock-minute-hand-cap-bottom"></div>
</div>
<div class="clock-hour-hand-container">
<div class="clock-hand-base clock-hour-hand"></div>
<div class="clock-hour-hand-cap-top"></div>
<div class="clock-hour-hand-cap-bottom"></div>
</div>
</div>
</div>
</div>
<a id="close-clock-animation-link"><i class="fa fa-times-circle-o"></i></a>
<div id="clock-animation-black" style="display:none;"></div>
<div id="loader-wrapper1" style="display:none;"></div>
<a id="close-loader-animation-link" data-role-overlay-id=""><i class="fa fa-times-circle-o"></i></a>
<div id="messageOverlay" style="display:none;"></div>
<div id="dataWrapper" class="shadow-wrapper"><div id="closeData"><a id="hide-data-link"><i class="fa fa-times-circle-o"></i></a></div><div id="dataContainer"></div></div>
<div id="documentWrapper"><div id="closeDocumentData"><a id="hide-document-data-link"><i class="fa fa-times-circle-o"></i></a></div><div id="documentContainer"></div></div>
<div id="contactWrapper" class="shadow-wrapper"><div id="closeContactData"><a id="hide-viewcontacts-data-link"><i class="fa fa-times-circle-o"></i></a></div><div id="contactContainer"></div></div>
<div id="carouselWrapper"><div id="closeCarouselData"><a id="hide-viewcarousel-data-link"><i class="fa fa-times-circle-o"></i></a></div><div id="carouselContainer"></div></div>
<div id="contactemailWrapper" class="shadow-wrapper"><div id="closeContactemailData"><a id="hide-contactemail-data-link"><i class="fa fa-times-circle-o"></i></a></div><div id="contactemailContainer"></div></div>
<div id="analysisWrapper" class="shadow-wrapper"><div id="closeAnalysisData"><a id="hide-analysis-data-link"><i class="fa fa-times-circle-o"></i></a></div><div id="analysisContainer"></div></div>
<div id="linkedinWrapper" class="shadow-wrapper">
<i class="fa fa-linkedin linkedinicon"></i>
<div id="closeLinkedinData">
<a id="hide-linkedin-data-link">
<i class="fa fa-times-circle-o"></i>
</a>
</div>
<div id="linkedinContainer">
<script type="in/Login"></script>
<div class="css-loader" id="css-loader-3252553" style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;"><div class="lds-spinner-svg lds-black-medium"></div></div>
</div>
</div>
<div id="videoWrapper" class="videoWrapper"><div id="videoContainer" class="videoContainer"></div></div>
<div id="viewordersdataWrapper" class="shadow-wrapper" style="width:645px;"><div id="vieworderscloseData"><a id="hide-vieworders-data-link"><i class="fa fa-times-circle-o"></i></a></div><div id="viewordersdataContainer"></div></div>
<div id="viewproductdataWrapper" class="shadow-wrapper" style="width:645px;"><div id="viewproductcloseData"><a id="hide-viewproduct-data-link"><i class="fa fa-times-circle-o"></i></a></div><div id="viewproductdataContainer"></div></div>
<div id="errorWrapper" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><span class="peripheral" translate="Please fill in all form fields correctly">Please fill in all form fields correctly</span></td></tr></table></div>
<div id="errorExtWrapper" class="shadow-message" style="display:none;"></div>
<div id="view" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><span class="peripheral" translate="Please fill in all form fields correctly">Please fill in all form fields correctly</span></td></tr></table></div>
<div id="checkoutInformationWrapper" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr valign="middle"><td><i class="icon-ok-sign"></i></td></tr></table></div>
<div id="sessionexpiredWrapper" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><span class="peripheral" translate="Session expired">Session expired</span></td></tr></table></div>
<div id="strikeaddedWrapper" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><strong class="peripheral" translate="Lesson will proceed now">Lesson will proceed now</strong><br /><em class="peripheral" translate="Lesson cannot be re-started">Lesson cannot be re-started</em></td></tr></table></div>
<div id="messageWrapper" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td id="messageContent"></td></tr></table></div>
<div id="translation-canvas" class="apply-shadow shadow-wrapper" style="display:none;z-index:1000000000;cursor:move;"><div id="translation-canvas-container"></div><div id="translation-canvas-close"><a id="translation-canvas-close-link"><i class="fa fa-times-circle-o"></i></a></div></div>
<div id="keyword-density" class="apply-shadow shadow-wrapper" style="display:none;z-index:1000000001;cursor:move;"><div id="keyword-density-container"></div><div id="keyword-density-close"><a id="keyword-density-close-link"><i class="fa fa-times-circle-o"></i></a></div></div>
<div id="itemaddedWrapper" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><i class="icon-ok-sign"></i></td></tr></table></div>
<div id="documentsInformationWrapper" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><i class="icon-ok-sign"></i></td></tr></table></div>
<div id="changescheduleWrapper" class="shadow-message" style="display:none;"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><i class="icon-ok-sign"></i></td></tr></table></div>
<div id="loading" class="loading" style="display:none;">
<div class="loadingtext">Processing data.<i id="loaded"></i></div>
<div id="loadingbar">
<div id="loadingbarcontainer">
<div id="loadingbarblock"></div>
</div>
</div>
</div>
<div id="loaderImage"></div>
<div id="clock-animation-display" style="display:none;">0</div>
<div id="progress-bar-overlay" style="display:none;"></div>
<div id="progress-bar-widget" style="text-align:center;display:none;">
<div class="optionsArea">
<div class="progress-bar-wrapper">
<div class="progress-bar-icon">
<div class="progress-bar-icon-holder">
<i class="fa fa-clock-o"></i>
</div>
</div>
<div class="progress-bar-components">
<div class="progress-bar-title">
<div>Processing uploaded file...</div>
<div id="progress-bar-time">00:00:00</div>
<div style="clear:both;"></div>
</div>
<div class="progress-bar-percentage">
<div class="progress-bar-percentage-inner">
<span id="progress-bar-percentage">0%</span>
</div>
</div>
<div id="progress-bar-container" class="progress-bar-container" style="width:572px;">
<div id="progress-bar" class="progress-bar" style="width:0px;"></div>
</div>
</div>
</div>
</div>
</div>
<div id="wrapper">
<div id="expandwrapper"></div>
<div id="innerwrapper" class="ui-expanded">
<!--CACHE: start-->
<div id="menuwrapper" class="ui-expanded">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr valign="middle">
<td>
<table cellspacing="0" cellpadding="0" border="0" width="960">
<tr valign="middle">
<td style="position:relative;">
<div id="menu" style="margin:0px 0px 50px 0px;">
<ul class="menu">
<li><a href="http://www.classroom.me.uk" class="parent"><span>home</span></a></li>
<li><a href="http://www.classroom.me.uk/catalog/schedule/april/therapeutic-yoga/" class="parent"><span> Book On-line</span></a></li>
<li><a href="http://www.classroom.me.uk/teacher/"><span>teacher</span></a>
</li>
<li><a href="http://www.classroom.me.uk/student/"><span>student</span></a>
</li>
</ul>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!--CACHE: end-->
<!--HEADER: start-->
<!--DESKTOP: start-->
<div id="header" class="ui-expanded">
<div id="logo" class="ui-expanded"><a href="http://www.classroom.me.uk"></a></div>
<div id="header-background" class="ui-expanded"></div>
<div id="sales-funnel-panel-fallback" class="ui-expanded"></div>
<div id="sales-funnel-panel" class="ui-expanded">
<svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-menu-panel-symbol-1">
<g id="svg-menu-panel-g-1">
<path id="svg-menu-panel-path-1" fill="#c8c8c8" fill-opacity="1" d="M954,26V5.001c0,0,0.051-2.186-1-3.5s-3-1.5-3-1.5s-58.002,0-121.754,0H643.475
c-7.999,2.017-12.025,7.514-16.038,13.007c-4.014,5.493-8.015,10.984-15.962,12.992C503.652,26,0,26,0,26v6h960v-6H954z"/>
</g>
</symbol>
</svg>
<svg viewBox="0 0 960 31" width="960" height="31">
<use xlink:href="#svg-menu-panel-symbol-1"/>
</svg>
</div>
<div id="sales-funnel">
<a class="button-sales-funnel shadow-button" href="http://www.classroom.me.uk/view-account/?dodesktoplogin=true"><i class="fa fa-lock"></i> <span class="peripheral" translate="Login">Login</span></a>
</div>
</div>
<!--DESKTOP: end-->
<div id="innerwrapper-expanded">
<!--HEADER: end-->
<!--CONTENT: start-->
<div id="contentwrapper">
<div class="page-title ui-expanded" style="float:none;">
<h1 class="background">Login</h1>
</div>
<script language="javascript" type="text/javascript">
Event.observe(window, 'load', displayCategory, false);
</script>
<div style="clear:both;"></div>
<div id="contentinner">
<div id="contentnocatalog">
<div id="contentnocatalogtext" style="overflow:visible;">
<div id="formWrapper">
<div id="loginWrapper" class="apply-shadow shadow-login" style="padding:50px;">
<div id="loginContainer">
<div id="loginform" style="float:none;width:auto;">
<form name="login" action="http://www.classroom.me.uk/view-account/" method="post">
<label for="username" style="width:157px;"><span class="translate" style="width:158px;line-height:16px;" translate="Username">Username</span></label>
<input id="username" type="text" name="username" value="" placeholder="required" style="width:330px;" />
<div style="clear: both;"></div>
<label for="password" style="width:157px;"><span class="translate" style="width:158px;line-height:16px;" translate="Password">Password</span></label>
<div class="password-container">
<a id="password-text-toggle-3-link" onMouseOver="new ShowTooltip(show_coords(event,''),'Show/hide password','show',false,'','',200);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',200);"><i class="icon-eye-open" id="icon-eye-open-3" style="color:#fff;"></i></a>
<input id="password" class="submit-accessibility" type="password" name="password" value="" placeholder="required" style="width:330px;" />
</div>
<div style="clear: both;"></div>
<label for="captcha" style="width:157px;"><span class="translate" style="width:158px;line-height:16px;" translate="Captcha">Captcha</span></label>
<input type="text" name="captcha" id="captcha" placeholder="Enter Text Below" style="width:330px;margin-bottom:4px;">
<div style="clear:both;"></div>
<div class="captcha-image-container right" style="width:320px;padding:15px;text-align:center;background:#fdfdfd;border:1px solid #959595;">
<img src="/lucee/graph.cfm?img=09A96061-DE34-4F0E-88586BDFF7803C44.png&type=png" width="300" height="55" />
</div>
<input type="hidden" id="captchaHash" name="captchaHash" value="C1AE4767A8357B0B4D084135FA8D2F44" />
<div style="clear: both;"></div>
<input type="hidden" value="0" name="keep_logged_in" id="keep_logged_in" />
<input type="hidden" value="0" name="chat_operator_active" id="chat_operator_active" />
<input type="hidden" value="0" name="transactionid" />
<input type="hidden" value="1" name="viewaccount" />
<input type="hidden" value="" name="returnurl" />
</form>
<div id="loginbuttons">
<a id="login-submit-link" class="button-form shadow-button" translate="Login">Login</a>
<a class="button-form shadow-button" href="../../sign-up/" style="margin-left:10px;" translate="Sign-up">Sign up</a>
<a class="button-form shadow-button" href="http://www.classroom.me.uk/forgotten-password/" style="margin-left:10px;" translate="Forgotten password">Forgotten Password</a>
</div>
<div style="clear:both;"></div>
<div class="login-icon-container">
<div class="login-icon">
<i id="keep-logged-in" onMouseOver="new ShowTooltip(show_coords(event,''),'Log in for 21 days','show',false,'','',250);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',250);" onClick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',250);" class="fa fa-lock"></i>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(function() {
jQuery("form input.submit-accessibility").keypress(function (e) {
if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
eventFire(document.getElementById('login-submit-link'), 'click');
return false;
}
else{
return true;
}
});
});
</script>
</div>
</div>
</div>
<div style="padding:15px 0px;"></div>
</div>
<!--CONTENT: end-->
<div style="padding-top:5px;"></div>
<!--FOOTER: start-->
<!--DESKTOP: start-->
<div id="footer">
<div class="footer-links">
<ul>
<li><a class="peripheral" href="http://www.classroom.me.uk" translate="Home">Home</a></li>
<li>
<a class="peripheral" href="http://www.classroom.me.uk/terms-and-conditions/" translate="terms and conditions"> Terms And Conditions</a>
</li>
<li>
<a class="peripheral" href="http://www.classroom.me.uk/disclaimer/" translate="disclaimer"> Disclaimer</a>
</li>
<li class="last">
<a class="peripheral" href="http://www.classroom.me.uk/search/" translate="search"> Search</a>
</li>
</ul>
</div>
</div>
<div id="tick-count">
<div id="public-copright-notice">
<div class="public-copright-container">
<div class="copright-notice">
<div class="copright-notice-container">
<div>Copyright classroom &copy; 2026</div>
</div>
</div>
</div>
</div>
<div id="show-tick-count-holder"></div>
<div id="show-facebook-count-holder" style="float:right;">212765</div>
<div style="clear:both;"></div>
</div>
<!--DESKTOP: end-->
<!--FOOTER: end-->
</div>
</div>
</div>
<script type="text/javascript">
Event.observe(window, 'load', function(){
showTickCount('125');
},false);
</script>
</body>
</html>