
    
<!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,home,education,course,lessons,workshops,students,teachers,skype,facetime,google hangouts,youtube,united kingdom" />
<meta name="description" content="classroom, home, provides a digital communication platform for teachers and students" />
<title>classroom | App</title>
<link rel="icon" href="http://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=1&root=home&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=january" 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">
Event.observe(window, 'load', homeSpan, false);
</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
});
if(document.getElementById("carousel-1")){
if(document.getElementsByClassName("content-slide-text-legend-container-onion-skin").length){
if(!document.getElementById("content-slide-default-1")){
//console.log("OnionSkin 1");
new OnionSkin($$('#carousel-1 .content-slide-text-legend-container-onion-skin'),null,{auto: true, frequency: 10, duration:3, circular: true, location:$$('ul.star-list-1 li'), titleSlides: $$('#carousel-content-1 .content-slide-1')});
}
}
else{
//console.log("OnionSkin 2");
new OnionSkin($$('#carousel-1 .content-slide-1'),null,{auto: true, frequency: 10, duration:3, circular: true, location:$$('ul.star-list-1 li')});
}
}
if(document.getElementById("carousel-horizontal-wrapper")){
new OnionSkin($$('#carousel-horizontal-content .content-horizontal-slide-image'),{auto: true, frequency: 8, duration:4, circular: true});
}
buildEffect($$('.boxes-home i'),0,1,0.5);
},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-6506044");
var ngchaticonbackground = jQuery("#ng-chat-icon-background-6506044");
var ngchaticonpoweroff = jQuery("#ng-chat-icon-power-off-6506044");
var ngchatavatarcontainer = jQuery("#ng-chat-avatar-container-6506044");
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-6506044");
var ngchatiframe = jQuery("#ng-chat-6506044");
if(ngchatiframe.length){
jQuery("#ng-chat-6506044").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-6506044");
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-6506044").on('click touch',function(event){
var currentObj = jQuery(event.currentTarget);
var ngchaticonpoweroff = jQuery("#ng-chat-icon-power-off-6506044");
var ngchatavatarcontainer = jQuery("#ng-chat-avatar-container-6506044");
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-6506044");
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="bodyHome">
<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-1717281" 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 class="current"><a href="http://classroom.me.uk" class="parent"><span>home</span></a></li>
<li><a href="http://classroom.me.uk/catalog/schedule/january/therapeutic-yoga/" class="parent"><span> Book On-line</span></a></li>
<li><a href="http://classroom.me.uk/teacher/"><span>teacher</span></a>
</li>
<li><a href="http://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://classroom.me.uk"></a></div>
<div id="header-background" class="ui-expanded"></div>
<div id="search" style="position:absolute;top:77px;right:8px;z-index:1999998;">
<div class="search-container">
<div class="input-group">
<div class="input-group-row">
<form name="search" class="input-group-form" action="search/" method="post">
<input type="text" name="categorymenu" id="categorymenu" placeholder="search" value="" style="width:243px;height:31px;font-size:16px;" autocomplete="off">
<input type="hidden" name="categorymenucategoryid" id="categorymenucategoryid" value="">
<input type="hidden" name="categorymenuproductid" id="categorymenuproductid" value="">
<input type="hidden" name="categorymenualpha" id="categorymenualpha" value="">
</form>
<span class="input-group-btn semi-opaque" style="width:41px;height:41px;font-size:16px;">
<a><i class="fa fa-search" style="font-size:16px;line-height:31px;"></i></a>
</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function(){
if($lckmobileformat){
var searchelementwrapper = jQuery("#searchelementwrapper");
if(searchelementwrapper.length){
adjustSearchElementWidth(jQuery('#categorymenu'),jQuery('#search'),'10');
}
var resizeTimer;
jQuery(window).resize(function() {
if (resizeTimer){
clearTimeout(resizeTimer);
}
adjustSearchElementWidth(jQuery('#categorymenu'),jQuery('#search'),'10');
resizeTimer = setTimeout(function(){
resizeTimer = null;
if($pagesearch['search']){
createAutoComplete('categorymenu',$pagesearch['search'].url,'search',jQuery('#search'),'search-submit-link',$pagesearch['search'].searchtype,false);
}
}, 100);
});
}
var cssGradient = jQuery('.input-group-btn').cssGradient({background:'#fff',color1:'#fff',color2:'#e6e6e6'});
$pagesearch['search'] = {};
$pagesearch['search'].page = 1;
$pagesearch['search'].url = "";
$pagesearch['search'].searchtype = "";
$pagesearch['search'].init = function(context){
jQuery("[data-page-search-role-source]",context).hoverIntent({
//sensitivity: 7, // number = sensitivity threshold (must be 1 or higher)
//interval: 50, // number = milliseconds of polling interval
over:function(){
var datarolesource = jQuery(this).attr("data-page-search-role-source");
var target = jQuery("[data-page-search-role-target='" + datarolesource + "']");
if(target){
target.fadeIn();
}
},
timeout:100,
out:function(){
var datarolesource = jQuery(this).attr("data-page-search-role-source");
var target = jQuery("[data-page-search-role-target='" + datarolesource + "']");
if(target){
target.fadeOut();
}
}
});
};
var searchurl = "includes/modules/ajax/ajax-search-module.cfm?namespace=categorymenu&searchtype=category&page=1";
var searchtype = "category";
$pagesearch['search'].url = searchurl;
$pagesearch['search'].searchtype = searchtype;
createAutoComplete('categorymenu',searchurl,'search',jQuery('#search'),'search-submit-link',searchtype,true);
jQuery(document).on('click','[data-role-hash-tag-category]',function(event){
var currentObj = jQuery(event.currentTarget);
var datarolehashtag = currentObj.attr("data-role-hash-tag-category");
var element = jQuery('#categorymenu');
var pagesearchiconlinkid = jQuery('#search-icon-link');
var icon = pagesearchiconlinkid.find("i");
if(jQuery.trim(datarolehashtag) != "" && element.length){
element.focus();
if(icon.attr("class") == "fa fa-cubes"){
var evt = document.createEvent("HTMLEvents");
evt.initEvent("click",true,true);
document.getElementById("search-icon-link").dispatchEvent(evt);
element.val(datarolehashtag);
}
else{
element.val(datarolehashtag);
}
elementScrollTo(element);
if($lckmobileformat){
if(searchelementwrapper.css('display') == "none"){
searchelementwrapper.fadeIn();
}
}
setAutocompleteSourcePage("categorymenu","includes/modules/ajax/ajax-search-module.cfm?namespace=categorymenu&searchtype=category&page=1",1);
}
});
jQuery(document).on('click','[data-role-hash-tag-product]',function(event){
var currentObj = jQuery(event.currentTarget);
var datarolehashtag = currentObj.attr("data-role-hash-tag-product");
var element = jQuery('#categorymenu');
var pagesearchiconlinkid = jQuery('#search-icon-link');
var icon = pagesearchiconlinkid.find("i");
if(jQuery.trim(datarolehashtag) != "" && element.length){
element.focus();
if(icon.attr("class") == "fa fa-cube"){
var evt = document.createEvent("HTMLEvents");
evt.initEvent("click",true,true);
document.getElementById("search-icon-link").dispatchEvent(evt);
element.val(datarolehashtag);
}
else{
element.val(datarolehashtag);
}
elementScrollTo(element);
if($lckmobileformat){
if(searchelementwrapper.css('display') == "none"){
searchelementwrapper.fadeIn();
}
}
setAutocompleteSourcePage("categorymenu","includes/modules/ajax/ajax-search-module.cfm?namespace=categorymenu&searchtype=product&page=1",1);
}
});
jQuery(document).on('click','#search-icon-link',function(event){
var currentObj = jQuery(event.currentTarget);
var icon = jQuery(event.currentTarget).find("i");
var element = jQuery('#categorymenu');
var searchurl = "";
var searchtype = "";
if(element.length){
element.val("");
}
if(icon.attr("class") == "fa fa-cube"){
icon.attr("class","fa fa-cubes");
currentObj.attr("onMouseOver","new ShowTooltip(show_coords(event,''),'Search by item','show',false,'','',150);");
searchurl = "includes/modules/ajax/ajax-search-module.cfm?namespace=categorymenu&searchtype=product&page=1";
searchtype = "product";
}
else{
icon.attr("class","fa fa-cube");
currentObj.attr("onMouseOver","new ShowTooltip(show_coords(event,''),'Search by category','show',false,'','',150);");
searchurl = "includes/modules/ajax/ajax-search-module.cfm?namespace=categorymenu&searchtype=category&page=1";
searchtype = "category";
}
if(searchurl != "" && searchtype != ""){
$pagesearch['search'].url = searchurl;
$pagesearch['search'].searchtype = searchtype;
createAutoComplete('categorymenu',searchurl,'search',jQuery('#search'),'search-submit-link',searchtype,false);
}
});
jQuery('#categorymenu').bind('notext',function(){
var container = jQuery('#search');
var submitlink = 'search-submit-link';
var element = jQuery(this);
var inputgroupbtn = null;
if(container.length){
inputgroupbtn = container.find("span.input-group-btn");
}
enableDisableWidgetSubmitButton(element,submitlink,inputgroupbtn,"disable");
});
jQuery('#search').on('click','#search-submit-link',function(event){
document.search.submit();
});
jQuery("#footer-button").on('click','#footer-button-search',function(event){
if($lckmobileformat && searchelementwrapper.length){
if(searchelementwrapper.css('display') == "none"){
searchelementwrapper.fadeIn();
}
else{
searchelementwrapper.fadeOut();
}
}
});
});
</script>
<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://classroom.me.uk/view-account/?dodesktoplogin=true"><i class="fa fa-lock"></i> <span class="peripheral" translate="Login">Login</span></a>
<a id="flag-panel-globe-link" onclick="new ToggleTooltip(show_coords(event,''),'\n \n\n\n\t\n &lt;a onclick=&quot;document.language.language.value=\'English\';document.language.submit();&quot;&gt;&lt;img src=&quot;assets/core/images/flags/English.gif&quot; width=&quot;33&quot; height=&quot;23&quot; style=&quot;border:none;&quot; alt=&quot;classroom: image English flag&quot; /&gt;&lt;/a&gt;\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n &lt;a onclick=&quot;document.language.language.value=\'Japanese\';document.language.submit();&quot;&gt;&lt;img src=&quot;assets/core/images/flags/Japanese.gif&quot; width=&quot;33&quot; height=&quot;23&quot; style=&quot;border:none;&quot; alt=&quot;classroom: image Japanese flag&quot; /&gt;&lt;/a&gt;\n \n \n \n \n &lt;form name=&quot;language&quot; action=&quot;/&quot; method=&quot;post&quot;&gt;\n &lt;input name=&quot;language&quot; type=&quot;hidden&quot; value=&quot;english&quot; /&gt;\n &lt;/form&gt;\n \n \n \n \n \n\n\n ','show',false,'#fff','#000',170,'left',true,true,'down')" class="button-language shadow-button"><i class="icon-globe"></i></a>
</div>
</div>
<!--DESKTOP: end-->
<div id="innerwrapper-expanded">
<!--HEADER: end-->
<!--CONTENT: start-->
<div id="contentwrapper">
<div style="height:20px;"></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="contentnocatalogtextdivider" style="overflow:visible;">
<!--CACHE: start-->
<script type="text/javascript">
Event.observe(window, 'load', function(){
var element = $('display-more-container');
var textelement = $('text-more-link');
if(element && textelement){
if(element.style.display == "none"){
textelement.style.innerHTML = $displaymorecontainertext2;
}
else{
textelement.style.innerHTML = $displaymorecontainertext1;
}
}
},false);
</script>
<!--DESKTOP: start-->
<div class="content-left">
<div id="home-left">
<div class="home-intro-paragraph"> <h1 class="home-heading-h1">classroom</h1> is a digital communication platform, allowing users to engage in learning activities via a range of custom built tools & industry standard applications.</div><div id="home-divider-top"> </div>
<em class="data-panel-outer-container data-panel-align-none" onMouseOver="new ShowTooltip(show_coords(event,''),'Sign-up options','show',false,'','',250);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',250);">
<em class="data-panel-inner-container data-panel-on-light data-panel-size-x7">
<i class="fa fa-plus" id="display-more-link" data-role-panel-id="6741957" data-role-panel-mode="local" data-role-panel-haseventlistener="1" data-role-panel-group-id="2289344"></i>
</em>
</em>
<div id="home-divider-bottom"> </div><div id="display-more-container" style="display:none;"><ul><li>Teachers</li><li>Set the price of your own lessons</li><li>Secure scheduling service</li><li>Inherit lesson properties using categories</li><li>Deliver interactive lessons via Skype, Facetime & Google Hangouts</li><li>Deliver recorded lessons via YouTube</li><li>Schedule lessons at real world venues</li><li>Automatic lesson notification push</li><li>Donate purchases to charity</li><li>Comprehensive accounts system</li><li>Commission removal subscription</li><li>Performance analysis input</li><li>Upload lesson documents</li></ul><ul><li>Students</li><li>Discount on bulk booking</li><li>Learn via Skype, Facetime, Google Hangouts & YouTube</li><li>View public booking schedule updated in real time</li><li>Automatic lesson notification receipt</li><li>Comprehensive accounts system</li><li>Personal download area access</li><li>Performance analysis display</li><li>View documents attached to lessons</li><li>Social media integration</li></ul></div>
<div class="image-box"><div class="boxes-home"><div class="icon-image" style="background: #406a99;"><div class="icon-image-default"><i style="display:none;" class="fa fa-calendar" id="box-1">&shy;</i></div></div></div><div class="image-box-text-container"><h2>Available lessons</h2>Available lessons to buy<div class="boxes-home-divider"> </div><a href="http://classroom.me.uk/catalog/schedule/january/">Click here</a></div><div style="height: 1px; clear: both;"> </div></div><div class="divider-tiny-mce"> </div><div class="image-box"><div class="boxes-home"><div class="icon-image" style="background: #406a99;"><div class="icon-image-default"><i style="display:none;" class="fa fa-graduation-cap" id="box-2">&shy;</i></div></div></div><div class="image-box-text-container"><h2>Teacher</h2>Teacher application form<div class="boxes-home-divider"> </div><a href="http://classroom.me.uk/teacher/">Click here</a></div><div style="height: 1px; clear: both;"> </div></div><div class="divider-tiny-mce"> </div><div class="image-box"><div class="boxes-home"><div class="icon-image" style="background: #406a99;"><div class="icon-image-default"><i style="display:none;" class="fa fa-clock-o" id="box-3">&shy;</i></div></div></div><div class="image-box-text-container"><h2>Lessons</h2>Browse your favourite lessons<div class="boxes-home-divider"> </div><a href="http://classroom.me.uk/catalog/schedule/january/">Click here</a></div><div style="height: 1px; clear: both;"> </div></div><div class="divider-tiny-mce"> </div><div class="image-box"><div class="boxes-home"><div class="icon-image" style="background: #406a99;"><div class="icon-image-default"><i style="display:none;" class="fa fa-user" id="box-4">&shy;</i></div></div></div><div class="image-box-text-container"><h2>Students</h2>A summary of student services<div class="boxes-home-divider"> </div><a href="http://classroom.me.uk/student/">Click here</a></div><div style="height: 1px; clear: both;"> </div></div><div class="divider-tiny-mce"> </div><div class="image-box"><div class="boxes-home"><div class="icon-image" style="background: #406a99;"><div class="icon-image-default"><i style="display:none;" class="fa fa-bar-chart" id="box-5">&shy;</i></div></div></div><div class="image-box-text-container"><h2>Teacher student analysis</h2>Student progress lesson analysis<div class="boxes-home-divider"> </div><a href="http://classroom.me.uk/student-analysis/">Click here</a></div><div style="height: 1px; clear: both;"> </div></div>
<div class="vertical-divider"></div>
<div>
<div class="contentbox-lite" style="width:220px;height:185px;float:left;">
<div class="legend">
<h3>
<i class="fa fa-th-list"></i>&nbsp;<span class="peripheral" translate="News">News</span>
</h3>
</div>
<div class="text" style="padding:15px;">
<p class="portal-summary">
classroom is a digital communication platform that allows people to engage in learning activities, u...
</p>
<a class="peripheral" href="http://classroom.me.uk/news" translate="Read more">Read more.</a>
</div>
</div>
<div style="height:10px;width:10px;float:left;"></div>
<div class="contentbox-lite" style="width:180px;height:185px;float:right;">
<div class="legend">
<h3>
<i class="fa fa-th-list"></i>&nbsp;<span class="peripheral" translate="Request">Request</span>
</h3>
</div>
<div class="text" style="position:relative;height:114px;background:#000000;text-align:center;padding:15px 8px;">
<a class="new-request-link" style="cursor:pointer;"></a>
<a class="new-request-link-help" style="cursor:pointer;" onMouseOver="new ShowTooltip(show_coords(event,''),'<strong>Please log in, to use this facility.</strong><br /><br /><em>To create an account, either sign up as a teacher or a student</em>','show',false,'','',280);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',280);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',280);"><i class="fa fa-question-circle" style="color:hsl(0,0%,35%);"></i></a>
<style>
#brand-wrapper4{
position:static;
width:110px;
height:110px;
background:none;
z-index:10000001;
}
#brand-content4{
position:relative;
width:110px;
height:110px;
background:none;
}
#brand-circle4{
position:absolute;
width:90px;
height:90px;
border:#406a99 solid 10px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#brand-container4{
position:absolute;
width:70px;
height:70px;
margin:20px;
}
#brand-container4 .brand-hour-container{
position:absolute;
width:70px;
height:70px;
}
#brand-container4 .brand-hours{
position:absolute;
width:70px;
height:70px;
}
#brand-container4 .brand-hours-base{
position:absolute;
width:10px;
height:10px;
background:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#brand-container4 .brand-hours-three{
top:30px;
left:60px;
}
#brand-container4 .brand-hours-six{
top:60px;
left:30px;
}
#brand-container4 .brand-hours-nine{
top:30px;
left:0px;
}
#brand-container4 .brand-hours-twelve{
top:0px;
left:30px;
}
#brand-container4 .brand-rotate-30{
-ms-transform:rotate(30deg);
-webkit-transform:rotate(30deg);
transform:rotate(30deg);
}
#brand-container4 .brand-rotate-60{
-ms-transform:rotate(60deg);
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
}
#brand-container4 .brand-hand-base{
position:absolute;
background:#fff;
-webkit-border-radius:10%;
-moz-border-radius:10%;
border-radius:10%;
}
#brand-container4 .brand-minute-hand-container{
position:absolute;
width:70px;
height:70px;
}
#brand-container4 .brand-minute-hand{
top:18.5px;
left:31.5px;
width:7px;
height:15.5px;
}
#brand-container4 .brand-minute-hand-cap-top{
position:absolute;
background:#fff;
top:16px;
left:31.5px;
width:7px;
height:7px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#brand-container4 .brand-minute-hand-cap-bottom{
position:absolute;
background:#fff;
top:30.5px;
left:31.5px;
width:7px;
height:7px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#brand-container4 .brand-hour-hand-container{
position:absolute;
width:70px;
height:70px;
}
#brand-container4 .brand-hour-hand{
top:31.5px;
left:23.5px;
width:10.5px;
height:7px;
}
#brand-container4 .brand-hour-hand-cap-top{
position:absolute;
background:#fff;
top:31.5px;
left:21px;
width:7px;
height:7px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#brand-container4 .brand-hour-hand-cap-bottom{
position:absolute;
background:#fff;
top:31.5px;
left:30.5px;
width:7px;
height:7px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
#brand-content4 .brand-circle-spin {
-webkit-animation:brandcirclespin4 1s cubic-bezier(0.175, 0.885, 0.320, 1) 1;
-webkit-animation:brandcirclespin4 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
-moz-animation:brandcirclespin4 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
-ms-animation:brandcirclespin4 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
-o-animation:brandcirclespin4 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
animation:brandcirclespin4 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1;
}
@keyframes brandcirclespin4 {
0%{transform:scale(0);}
50%{transform:scale(1.1);}
100%{transform:scale(1);}
}
@-webkit-keyframes brandcirclespin4 {
0%{-webkit-transform:scale(0);}
50%{-webkit-transform:scale(1.1);}
100%{-webkit-transform:scale(1);}
}
@-moz-keyframes brandcirclespin4 {
0%{-moz-transform:scale(0);}
50%{-moz-transform:scale(1.1);}
100%{-moz-transform:scale(1);}
}
@-ms-keyframes brandcirclespin4 {
0%{-ms-transform:scale(0);}
50%{-ms-transform:scale(1.1);}
100%{-ms-transform:scale(1);}
}
@-o-keyframes brandcirclespin4 {
0%{-o-transform:scale(0);}
50%{-o-transform:scale(1.1);}
100%{-o-transform:scale(1);}
}
#brand-container4 .brand-hour-container-spin {
-webkit-animation:brandhourcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1) infinite;
-webkit-animation:brandhourcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-moz-animation:brandhourcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-ms-animation:brandhourcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-o-animation:brandhourcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
animation:brandhourcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
}
@keyframes brandhourcontainerspin4 {
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}
}
@-webkit-keyframes brandhourcontainerspin4 {
100%{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes brandhourcontainerspin4 {
100%{-moz-transform:rotate(-360deg);}
}
@-ms-keyframes brandhourcontainerspin4 {
100%{-ms-transform:rotate(-360deg);}
}
@-o-keyframes brandhourcontainerspin4 {
100%{-o-transform: rotate(-360deg);}
}
#brand-container4 .brand-minute-hand-container-spin {
-webkit-animation:brandminutehandcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1) infinite;
-webkit-animation:brandminutehandcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-moz-animation:brandminutehandcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-ms-animation:brandminutehandcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
-o-animation:brandminutehandcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
animation:brandminutehandcontainerspin4 10s cubic-bezier(0.175, 0.885, 0.320, 1.275) infinite;
}
@keyframes brandminutehandcontainerspin4 {
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-webkit-keyframes brandminutehandcontainerspin4 {
100%{-webkit-transform:rotate(360deg);}
}
@-moz-keyframes brandminutehandcontainerspin4 {
100%{-moz-transform:rotate(360deg);}
}
@-ms-keyframes brandminutehandcontainerspin4 {
100%{-ms-transform:rotate(360deg);}
}
@-o-keyframes brandminutehandcontainerspin4 {
100%{-o-transform: rotate(360deg);}
}
#brand-container4 .brand-hour-hand-container-spin {
-webkit-animation:brandhourhandcontainerspin4 10s linear infinite reverse;
-webkit-animation:brandhourhandcontainerspin4 10s linear infinite reverse;
-moz-animation:brandhourhandcontainerspin4 10s linear infinite reverse;
-ms-animation:brandhourhandcontainerspin4 10s linear infinite reverse;
-o-animation:brandhourhandcontainerspin4 10s linear infinite reverse;
animation:brandhourhandcontainerspin4 10s linear infinite reverse;
}
@keyframes brandhourhandcontainerspin4 {
100%{-webkit-transform:rotate(-30deg);transform:rotate(360deg);}
}
@-webkit-keyframes brandhourhandcontainerspin4 {
100%{-webkit-transform:rotate(-30deg);}
}
@-moz-keyframes brandhourhandcontainerspin4 {
100%{-moz-transform:rotate(-30deg);}
}
@-ms-keyframes brandhourhandcontainerspin4 {
100%{-ms-transform:rotate(-30deg);}
}
@-o-keyframes brandhourhandcontainerspin4 {
100%{-o-transform: rotate(-30deg);}
}
</style>
<div id="brand-wrapper4" style="display:inline-block;">
<div id="brand-content4" style="display:inline-block;">
<div id="brand-circle4" class="brand-circle-spin" style="display:block;"></div>
<div id="brand-container4" style="display:block;">
<div class="brand-hour-container brand-hour-container-spin">
<div class="brand-hours">
<div class="brand-hours-base brand-hours-three"></div>
<div class="brand-hours-base brand-hours-six"></div>
<div class="brand-hours-base brand-hours-nine"></div>
<div class="brand-hours-base brand-hours-twelve"></div>
</div>
<div class="brand-hours brand-rotate-30">
<div class="brand-hours-base brand-hours-three"></div>
<div class="brand-hours-base brand-hours-six"></div>
<div class="brand-hours-base brand-hours-nine"></div>
<div class="brand-hours-base brand-hours-twelve"></div>
</div>
<div class="brand-hours brand-rotate-60">
<div class="brand-hours-base brand-hours-three"></div>
<div class="brand-hours-base brand-hours-six"></div>
<div class="brand-hours-base brand-hours-nine"></div>
<div class="brand-hours-base brand-hours-twelve"></div>
</div>
</div>
<div class="brand-minute-hand-container brand-minute-hand-container-spin">
<div class="brand-hand-base brand-minute-hand"></div>
<div class="brand-minute-hand-cap-top"></div>
<div class="brand-minute-hand-cap-bottom"></div>
</div>
<div class="brand-hour-hand-container">
<div class="brand-hand-base brand-hour-hand"></div>
<div class="brand-hour-hand-cap-top"></div>
<div class="brand-hour-hand-cap-bottom"></div>
</div>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
</div>
<div style="height:15px;"></div>
<div class="contentbox-lite">
<div class="legend">
<h3>
<i class="fa fa-cloud"></i>&nbsp;<span class="peripheral" translate="Tag Cloud">Tag Cloud</span>
</h3>
</div>
<div class="text" style="padding:15px;">
<div class="tag-cloud-content">
<img src="assets/core/images/svg/tagcloud.svg" />
</div>
</div>
</div>
<div style="height:15px;"></div>
<!--CACHE: start-->
<div class="contentbox-lite">
<div class="legend"><h3><i class="icon-star"></i>&nbsp;<span class="peripheral" translate="Advertisements">Advertisements</span></h3></div>
<div class="text" style="text-align:center;padding:15px;">
<iframe id="adzone-remote-iframe-1050731" src="https://app.establishmindfulness.com/includes/structures/adzone-structure.cfm?adzones=1%2C2&adzonewidth=180&adzoneheight=100&adzonedisplay=inline%2Dblock&adzonecategoryid=0&adzonecontentboxstyle=&adzoneusecontentbox=false&adzoneremoteaccess=true&adzonedivider=true&adzonemobileformat=false&adzoneremotemobileviewportmargin=29&adzonemobileisscaled=true&adzoneremotedividerheight=10&adzoneremoteidentifier=1050731" width="100%" height="100" scrolling="no" frameborder="0"></iframe>
</div>
</div>
<div style="height:15px;"></div>
<!--CACHE: end-->
</div>
</div>
<div class="content-divider-vertical"></div>
<div class="content-right">
<div id="home-right">
<div id="carousel-1" class="carousel">
<div class="content-slide-text-legend-wrapper-onion-skin">
<div class="content-slide-text-legend-container-onion-skin" style="display:block;z-index:8;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Reverse Warrior
</div>
</div>
<div class="content-slide-text-legend-container-onion-skin" style="display:none;z-index:7;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Spinal Twist
</div>
</div>
<div class="content-slide-text-legend-container-onion-skin" style="display:none;z-index:6;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Upward Dog
</div>
</div>
<div class="content-slide-text-legend-container-onion-skin" style="display:none;z-index:5;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Lord of the Dance
</div>
</div>
<div class="content-slide-text-legend-container-onion-skin" style="display:none;z-index:4;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Downward Dog
</div>
</div>
<div class="content-slide-text-legend-container-onion-skin" style="display:none;z-index:3;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Lunge
</div>
</div>
<div class="content-slide-text-legend-container-onion-skin" style="display:none;z-index:2;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Warrior II
</div>
</div>
<div class="content-slide-text-legend-container-onion-skin" style="display:none;z-index:1;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Lord of the Dance
</div>
</div>
<div class="content-slide-text-legend-container-onion-skin" style="display:none;z-index:0;">
<div class="content-slide-text-legend-onion-skin"></div>
<div class="content-slide-text-legend-border-onion-skin"></div>
<div class="content-slide-text-onion-skin">
Reverse Warrior
</div>
</div>
</div>
<div class="featured-course-text">
<div class="content-slide-like-icon"><a onclick="addLike(0,1);" onMouseOver="new ShowTooltip(show_coords(event,''),'<strong>Please log in, to use this facility</strong><br /><br /><em>To create an account, either sign up as a teacher or a student</em>','show',false);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false);"><i class="icon-thumbs-up"></i></a>&nbsp;<span class="peripheral" translate="Like">Like</span></div>
<div class="content-slide-like"><span id="like-value-1">1</span> <span class="peripheral" translate="Likes">Likes</span></div>
<div style="clear:both;"></div>
</div>
<ul id="star-list-1" class="star-list carousel-category star-list-1" style="bottom:15px;">
<li style="opacity: 1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';filter: alpha(opacity=100);">
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
<div id="carousel-wrapper-1" class="carousel-wrapper carousel-category onion-skin">
<div id="carousel-content-1" class="carousel-content carousel-category onion-skin">
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:block;z-index:8;">
<div id="content-slide-image-1-1" class="content-slide-image content-slide-image-1-1" style="background:url(cache/file/category-feature/1/EEBE5258-84A6-C828-BCCFA55952F3B6BD.jpg) no-repeat;">
</div>
</div>
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:none;z-index:7;">
<div id="content-slide-image-1-2" class="content-slide-image content-slide-image-1-2" style="background:url(cache/file/category-feature/1/EEA9D32C-84A6-C828-BCCF9D3F6C124620.jpg) no-repeat;">
</div>
</div>
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:none;z-index:6;">
<div id="content-slide-image-1-3" class="content-slide-image content-slide-image-1-3" style="background:url(cache/file/category-feature/1/EEA1FCFC-84A6-C828-BCCFC61ED0A36E30.jpg) no-repeat;">
</div>
</div>
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:none;z-index:5;">
<div id="content-slide-image-1-4" class="content-slide-image content-slide-image-1-4" style="background:url(cache/file/category-feature/1/EECBCF2F-84A6-C828-BCCF5638B2B9D9D2.jpg) no-repeat;">
</div>
</div>
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:none;z-index:4;">
<div id="content-slide-image-1-5" class="content-slide-image content-slide-image-1-5" style="background:url(cache/file/category-feature/1/EEAEDCB1-84A6-C828-BCCF06093CBD813A.jpg) no-repeat;">
</div>
</div>
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:none;z-index:3;">
<div id="content-slide-image-1-6" class="content-slide-image content-slide-image-1-6" style="background:url(cache/file/category-feature/1/EE9531C7-84A6-C828-BCCF222139CC1885.jpg) no-repeat;">
</div>
</div>
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:none;z-index:2;">
<div id="content-slide-image-1-7" class="content-slide-image content-slide-image-1-7" style="background:url(cache/file/category-feature/1/EE8F64AD-84A6-C828-BCCFD0014A752287.jpg) no-repeat;">
</div>
</div>
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:none;z-index:1;">
<div id="content-slide-image-1-8" class="content-slide-image content-slide-image-1-8" style="background:url(cache/file/category-feature/1/EEB7A7EB-84A6-C828-BCCF8B7F166E1500.jpg) no-repeat;">
</div>
</div>
<div class="content-slide carousel-category content-slide-1 onion-skin" style="display:none;z-index:0;">
<div id="content-slide-image-1-9" class="content-slide-image content-slide-image-1-9" style="background:url(cache/file/category-feature/1/EEBE5258-84A6-C828-BCCFA55952F3B6BD.jpg) no-repeat;">
</div>
</div>
</div>
</div>
</div>
<div style="height:15px;"></div>
<div id="contentbox-lite-9921881" class="contentbox-lite"style="height:339px;margin-bottom:15px;">
<div class="text"style="position:relative;height:309px;background:#b19c88 url(assets/core/images/content/content-call-to-action-1-focal-point.png) no-repeat left top;padding:15px;">
<div class="call-to-action-field-container" id="call-to-action-field-container" style="height:223px">
<div class="call-to-action-field">
<div class="call-to-action-inner-left-1" style="background:#4CAF50;"></div>
<div class="call-to-action-inner-left-2"></div>
<div class="call-to-action-inner-right-1" style="background:#4CAF50;">
</div>
<div class="call-to-action-inner-right-2" style="background:#4CAF50;">
<div class="call-to-action-inner-text"> Teacher</div>
</div>
</div>
<div class="call-to-action-field">
<div class="call-to-action-inner-left-1" style="background:#E91E63;"></div>
<div class="call-to-action-inner-left-2"></div>
<div class="call-to-action-inner-right-1" style="background:#E91E63;">
</div>
<div class="call-to-action-inner-right-2" style="background:#E91E63;">
<div class="call-to-action-inner-text"> Student</div>
</div>
</div>
<div class="call-to-action-field">
<div class="call-to-action-inner-left-1" style="background:#9E9E9E;"></div>
<div class="call-to-action-inner-left-2"></div>
<div class="call-to-action-inner-right-1" style="background:#9E9E9E;">
</div>
<div class="call-to-action-inner-right-2" style="background:#9E9E9E;">
<div class="call-to-action-inner-text"> Calendar</div>
</div>
</div>
<div class="call-to-action-field">
<div class="call-to-action-inner-left-1" style="background:#00BCD4;"></div>
<div class="call-to-action-inner-left-2"></div>
<div class="call-to-action-inner-right-1" style="background:#00BCD4;">
</div>
<div class="call-to-action-inner-right-2" style="background:#00BCD4;">
<div class="call-to-action-inner-text"> Lessons</div>
</div>
</div>
</div>
<div class="image-box" style="margin-top:15px;">
<div class="boxes-focal-point">
<div style="background:#406a99;" class="icon-image">
<div class="icon-image-default">
<i class="fa fa-graduation-cap" style="font-size:22px;"></i>
</div>
</div>
</div>
<div class="image-box-text-container"style="width:272px;">
<h2 style="font-size:14px;"> Book On-line</h2>
<div class="boxes-home-divider" style="height:5px;"></div>
<strong style="font-size:14px;">Click</strong> <a href="http://classroom.me.uk/catalog/schedule/january/therapeutic-yoga/" style="font-size:14px;">here</a>
</div>
<div style="height: 1px; clear: both;"></div>
</div>
</div>
</div>
<div class="contentbox-lite">
<div class="legend">
<h3>
<i class="icon-rss"></i>&nbsp;<span class="peripheral" translate="News Feed">News Feed</span>
</h3>
</div>
<div class="text" style="padding:15px;">
<div style="height:242px;overflow:hidden;">
<script type="text/javascript">
Event.observe(window, 'load',function(){
var m = document.getElementById("submissiondate");
if(m){
new NewsFeed("submissiondate",{auto: true, frequency: 20, sitepathprefix: '', pathprefix: 'assets/core/', thismonth: 'january', translation: ['was taught','by'], mobile: true, contributoricon: 'fa fa-graduation-cap', margintop: 0, contentbackgroundcolor: '#f6f9fc', legendbackgroundcolor: '#eef4fa', displaycatalogindex: 1, pathprefixbase: ''});
}
}, false);
</script>
<div id="submissiondate" style="display:none;">2015-01-30 20:00:44</div>
<div id="post-content-area">
<div class="contentbox-lite" style="position:relative;background:#f6f9fc;margin-top:0px;">
<div class="legend">
<div class="legend-container" style="background:#eef4fa;text-align:left;color:#ABABAB;font-weight:normal;padding:12px 20px;">
<i class="icon-envelope-alt"></i>&nbsp;fri, jan 30 20:00
<div class="rating-container" style="position:absolute;top:8px;right:10px;float:none;width:auto;">
<span class="rating">
<span>&#9734</span>
<span style="color:#979797;">&#9734</span>
<span style="color:#979797;">&#9734</span>
<span style="color:#979797;">&#9734</span>
<span style="color:#979797;">&#9734</span>
</span>
</div>
</div>
</div>
<div class="text" style="padding:15px;">
<p style="font-size:14px;">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="104">
<div class="supplier-image">
<div class="supplier-image-default">
<i class="icon-picture"></i>
</div>
</div>
</td>
<td>
Peter Pollock was taught
</td>
</tr>
<tr>
<td>
<div class="supplier-image">
<img src="cache/file/profile-files/B99DF6D6-84A6-C828-BCCFAA5DFF9ACE10.jpg" border="0" width="50" height="50" />
</div>
</td>
<td>
<a href="http://classroom.me.uk/catalog/schedule/january/therapeutic-yoga/" onMouseOver="new ShowTooltip(show_coords(event,''),'Display booking for therapeutic yoga','show',false,'','',200);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',200);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',200);" class="news-feed-category-links" data-category-id="1">
Therapeutic Yoga
</a>
by Mika Sugawara
</td>
</tr>
</table>
</p>
</div>
</div>
<div class="feed-spacer"></div>
</div>
</div>
</div>
</div>
<div style="height:15px;"></div>
<!--CACHE: start-->
<div class="contentbox-lite">
<div class="legend"><h3><i class="icon-star"></i>&nbsp;<span class="peripheral" translate="Advertisements">Advertisements</span></h3></div>
<div class="text" style="text-align:center;padding:15px;">
<iframe id="adzone-remote-iframe-7973849" src="https://app.establishmindfulness.com/includes/structures/adzone-structure.cfm?adzones=1%2C%2D1&adzonewidth=180&adzoneheight=100&adzonedisplay=inline%2Dblock&adzonecategoryid=0&adzonecontentboxstyle=&adzoneusecontentbox=false&adzoneremoteaccess=true&adzonedivider=true&adzonemobileformat=false&adzoneremotemobileviewportmargin=29&adzonemobileisscaled=true&adzoneremotedividerheight=10&adzoneremoteidentifier=7973849" width="100%" height="100" scrolling="no" frameborder="0"></iframe>
</div>
</div>
<div style="height:15px;"></div>
<!--CACHE: end-->
</div>
</div>
<div style="clear:both;"></div>
<!--DESKTOP: end-->
<!--CACHE: end-->
<div style="clear:both;"></div>
</div>
</div>
</div>
<div style="padding:15px 0px;"></div>
</div>
<!--CONTENT: end-->
<div style="padding-top:5px;"></div>
<!--SOCIAL MEDIA: start-->
<div class="social-media">
<!--DESKTOP: start-->
<div class="public-copright-wrapper">
<div class="public-system-container">
<div id="public-system-container-inner">
<div class="public-system-logo">
<a onclick="toggleMobileForm('login-container');" onMouseOver="new ShowTooltip(show_coords(event,''),'Website powered by Chamika CMS &copy;','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);"><img src="assets/core/images/brand-logo/svg/chamika-icon.svg" /></a>
</div>
<div class="public-system-logo"><a href="http://lucee.org" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Website runs on Lucee Application Server','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);"><img src="assets/core/images/brand-logo/lucee-2-logo.png" /></a></div>
<div class="public-system-logo"><a href="http://www.java.com" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Website uses Java','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);"><img src="assets/core/images/brand-logo/svg/java-icon.svg" /></a></div>
<div class="public-system-logo"><a href="http://www.paypal.com" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Website uses PayPal','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);"><img src="assets/core/images/brand-logo/svg/paypal-icon.svg" /></a></div>
</div>
</div>
</div>
<!--DESKTOP: end-->
<div class="theme-cover-grid" style="float:right;height:35px;">
<div class="theme-grid-icon-container">
<div class="theme-grid-icon">
<div class="theme-grid-icon-facebook">
<a href="https://www.facebook.com/sharer/sharer.php?u=http://www.classroom.me.uk" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Click to share a post on Facebook','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);">
<svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-facebook-share-symbol-icon-7410187">
<path id="svg-facebook-share-fill-icon-7410187" fill="#8DB3D9" stroke="null" fill-rule="evenodd" clip-rule="evenodd" d="m25.83786,45.939457l6.627972,0l0,-16.006071l4.421593,0l0.585747,-5.515142l-5.007339,0l0.006878,-2.761494c0,-1.437626 0.137589,-2.209393 2.205387,-2.209393l2.763622,0l0,-5.516124l-4.422577,0c-5.312004,0 -7.181282,2.676179 -7.181282,7.175374l0,3.311636l-3.311035,0l0,5.516123l3.311035,0l0,16.005091zm4.162138,13.415215c-16.282946,0 -29.483846,-13.172012 -29.483846,-29.419325c0,-16.248294 13.2009,-29.419326 29.483846,-29.419326s29.483847,13.171032 29.483847,29.419326c0,16.247313 -13.200901,29.419325 -29.483847,29.419325z" />
</symbol>
</svg>
<span class="social-media-share-icon">
<i id="svg-facebook-share-success-icon-7410187" class="fa fa-check-circle svg-state-icon-hide"></i>
<i id="svg-facebook-share-failure-icon-7410187" class="fa fa-times-circle svg-state-icon-hide"></i>
<svg width="35" height="35" viewBox="0 0 60 60">
<use xlink:href="#svg-facebook-share-symbol-icon-7410187" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="theme-grid-icon-container">
<div class="theme-grid-icon">
<div class="theme-grid-icon-google">
<a href="https://plus.google.com/share?url=http://www.classroom.me.uk" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Click to share a post on Google+','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);">
<svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-google-plus-share-symbol-icon-8535360">
<path id="svg-google-plus-share-fill-icon-8535360" fill="#8DB3D9" stroke="null" d="m22.53121,27.557829c0.752975,0 1.388636,-0.296881 1.879446,-0.858318c0.772131,-0.876276 1.11091,-2.317585 0.909796,-3.848675c-0.360325,-2.737766 -2.312794,-5.011057 -4.353848,-5.070911l-0.081406,0c-0.723047,0 -1.365887,0.294487 -1.856701,0.855927c-0.76255,0.867897 -1.080978,2.239773 -0.881062,3.766073c0.357933,2.732979 2.352299,5.094854 4.351452,5.155905l0.032322,0z" />
<path fill="#8DB3D9" stroke="null" d="m24.759012,35.802254c-0.201113,-0.135269 -0.409407,-0.277729 -0.623688,-0.424969c-0.628477,-0.193932 -1.297655,-0.294491 -1.980001,-0.30407l-0.086191,0c-3.142385,0 -5.900503,1.905785 -5.900503,4.077324c0,2.359482 2.36068,4.211391 5.376173,4.211391c3.976765,0 5.992678,-1.370678 5.992678,-4.074924c0,-0.257378 -0.029928,-0.521938 -0.090979,-0.785294c-0.269346,-1.053452 -1.233013,-1.708263 -2.687489,-2.699459z" />
<path fill="#8DB3D9" stroke="null" d="m30.001465,0.522246c-16.281744,0 -29.478564,13.195623 -29.478564,29.476171s13.198016,29.478565 29.478564,29.478565c16.278152,0 29.476173,-13.198017 29.476173,-29.478565s-13.199219,-29.476171 -29.476173,-29.476171zm-2.682697,45.516099c-1.175552,0.338779 -2.443281,0.512356 -3.775652,0.512356c-1.482008,0 -2.908951,-0.171181 -4.23773,-0.507568c-2.573765,-0.647629 -4.477151,-1.879444 -5.363006,-3.465603c-0.383071,-0.68713 -0.577,-1.417362 -0.577,-2.173927c0,-0.780514 0.186745,-1.570595 0.554255,-2.354694c1.412578,-3.004723 5.127176,-5.024227 9.243999,-5.024227c0.041897,0 0.081402,0 0.119711,0c-0.333994,-0.58897 -0.497993,-1.199493 -0.497993,-1.839941c0,-0.320822 0.041897,-0.645235 0.125694,-0.974436c-4.316738,-0.100559 -7.548906,-3.262096 -7.548906,-7.430395c0,-2.94606 2.352301,-5.811914 5.717344,-6.971905c1.007957,-0.348355 2.033873,-0.525528 3.044224,-0.525528l9.233225,0c0.316036,0 0.591366,0.203507 0.689529,0.502783c0.100555,0.301668 -0.009575,0.628475 -0.264561,0.814026l-2.064993,1.49398c-0.1245,0.088587 -0.274136,0.137669 -0.427364,0.137669l-0.738611,0c0.956482,1.143229 1.51553,2.772482 1.51553,4.606436c0,2.024294 -1.023523,3.937258 -2.885012,5.394129c-1.437714,1.120483 -1.496372,1.425745 -1.496372,2.069786c0.019152,0.353142 1.022322,1.498764 2.124851,2.279274c2.576155,1.823181 3.535032,3.608059 3.535032,6.59362c0,3.106472 -2.366665,5.802341 -6.026196,6.864166zm20.855858,-15.838816c0,0.39983 -0.326809,0.724243 -0.726635,0.724243l-5.246891,0l0,5.249281c0,0.402222 -0.324413,0.726639 -0.726635,0.726639l-1.493984,0c-0.402222,0 -0.726635,-0.324417 -0.726635,-0.726639l0,-5.249281l-5.250473,0c-0.397442,0 -0.724251,-0.324413 -0.724251,-0.724243l0,-1.496374c0,-0.39983 0.326809,-0.726641 0.724251,-0.726641l5.249275,0l0,-5.246883c0,-0.402225 0.324413,-0.726641 0.726635,-0.726641l1.493984,0c0.402222,0 0.726639,0.324415 0.726639,0.726641l0,5.246883l5.246883,0c0.399834,0 0.726639,0.326811 0.726639,0.726641l0,1.496374l0.001198,0z" />
</symbol>
</svg>
<span class="social-media-share-icon">
<i id="svg-google-plus-share-success-icon-8535360" class="fa fa-check-circle svg-state-icon-hide"></i>
<i id="svg-google-plus-share-failure-icon-8535360" class="fa fa-times-circle svg-state-icon-hide"></i>
<svg width="35" height="35" viewBox="0 0 60 60">
<use xlink:href="#svg-google-plus-share-symbol-icon-8535360" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="theme-grid-icon-container">
<div class="theme-grid-icon">
<div class="theme-grid-icon-linkedin">
<a href="https://www.linkedin.com/cws/share?url=http://www.classroom.me.uk" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Click to share a post on LinkedIn','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);">
<svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-linkedin-symbol-icon-6564582">
<path id="svg-linkedin-fill-icon-6564582" fill="#8DB3D9" stroke="null" fill-rule="evenodd" clip-rule="evenodd" d="m46.611164,43.948284l0,-11.510483c0,-6.167034 -3.292366,-9.036797 -7.681522,-9.036797c-3.541992,0 -5.129204,1.948883 -6.013718,3.315952l0,-2.844212l-6.67317,0c0.088451,1.884018 0,20.075539 0,20.075539l6.67317,0l0,-11.211712c0,-0.598526 0.043243,-1.198029 0.220146,-1.626522c0.481571,-1.19902 1.57935,-2.440285 3.422089,-2.440285c2.415707,0 3.380814,1.840775 3.380814,4.538548l0,10.740955l6.672192,0l0,-0.000984zm-27.398335,-22.815567c2.326275,0 3.775894,-1.542988 3.775894,-3.470245c-0.043242,-1.968536 -1.449619,-3.467297 -3.731668,-3.467297s-3.774911,1.497776 -3.774911,3.467297c0,1.927258 1.448638,3.470245 3.688426,3.470245l0.042259,0zm10.851028,38.405602c-16.282931,0 -29.483817,-13.200859 -29.483817,-29.483795c0,-16.283916 13.200886,-29.483826 29.483817,-29.483826s29.483818,13.199909 29.483818,29.483826c0,16.282936 -13.20089,29.483795 -29.483818,29.483795zm-7.514444,-15.590034l0,-20.075539l-6.672185,0l0,20.075539l6.672185,0z" />
</symbol>
</svg>
<span class="social-media-share-icon">
<i id="svg-linkedin-success-icon-6564582" class="fa fa-check-circle svg-state-icon-hide"></i>
<i id="svg-linkedin-failure-icon-6564582" class="fa fa-times-circle svg-state-icon-hide"></i>
<svg width="35" height="35" viewBox="0 0 60 60">
<use xlink:href="#svg-linkedin-symbol-icon-6564582" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="theme-grid-icon-container">
<div class="theme-grid-icon">
<div class="theme-grid-icon-twitter">
<a href="https://twitter.com/share?url=http://www.classroom.me.uk" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Click to share a post on Twitter','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);">
<svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-twitter-symbol-icon-1365409">
<path id="svg-twitter-fill-icon-1365409" fill="#8DB3D9" stroke="null" d="m30.108284,0.630203c-16.280547,0 -29.478567,13.200413 -29.478567,29.478569c0,16.280548 13.19802,29.47617 29.478567,29.47617c16.280552,0 29.476177,-13.195621 29.476177,-29.47617c0,-16.278156 -13.196823,-29.478569 -29.476177,-29.478569zm14.84882,23.53497c0.01556,0.31843 0.021549,0.638056 0.021549,0.961273c0,9.81741 -7.472294,21.135986 -21.135986,21.135986c-4.194633,0 -8.100769,-1.229424 -11.388004,-3.336319c0.581791,0.068237 1.171961,0.102951 1.771709,0.102951c3.481163,0 6.684601,-1.187523 9.226042,-3.179497c-3.250124,-0.06105 -5.99268,-2.209843 -6.938387,-5.16069c0.452505,0.088581 0.918177,0.132874 1.397015,0.132874c0.677559,0 1.33357,-0.088585 1.957258,-0.259773c-3.399763,-0.682343 -5.96036,-3.687061 -5.96036,-7.28315c0,-0.03232 0,-0.063444 0.001199,-0.095768c1.000775,0.556652 2.146398,0.890644 3.365047,0.930147c-1.994367,-1.334764 -3.30519,-3.605661 -3.30519,-6.184216c0,-1.361101 0.366311,-2.638405 1.005563,-3.734949c3.664318,4.493912 9.138655,7.451944 15.313292,7.760796c-0.126892,-0.542288 -0.192734,-1.110909 -0.192734,-1.692698c0,-4.101263 3.325542,-7.428001 7.429195,-7.428001c2.136826,0 4.066547,0.902613 5.421665,2.345118c1.692699,-0.331598 3.282444,-0.951694 4.71777,-1.802832c-0.556652,1.735794 -1.733402,3.191465 -3.268082,4.10964c1.504757,-0.179564 2.936485,-0.579397 4.267658,-1.169565c-0.993587,1.492785 -2.254135,2.801212 -3.706219,3.848673z" />
</symbol>
</svg>
<span class="social-media-share-icon">
<i id="svg-twitter-success-icon-1365409" class="fa fa-check-circle svg-state-icon-hide"></i>
<i id="svg-twitter-failure-icon-1365409" class="fa fa-times-circle svg-state-icon-hide"></i>
<svg width="35" height="35" viewBox="0 0 60 60">
<use xlink:href="#svg-twitter-symbol-icon-1365409" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="theme-grid-icon-container">
<div class="theme-grid-icon">
<div class="theme-grid-icon-facebook">
<a href="https://www.facebook.com/pages/Classroom/620901207956323" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Click to view Facebook page','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);">
<svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-facebook-profile-symbol-icon-2406942">
<path id="svg-facebook-profile-fill-icon-2406942" fill="#8DB3D9" stroke="null" d="m30.00008,0.611613c-16.203866,0 -29.386894,13.183027 -29.386894,29.386894c0,16.20505 13.183028,29.389261 29.386894,29.389261s29.386894,-13.184212 29.386894,-29.389261c0,-16.203867 -13.183025,-29.386894 -29.386894,-29.386894zm-7.713085,29.335994c0,0.295931 -0.029593,0.584757 -0.072205,0.868845l12.366264,6.054703c1.058243,-1.11269 2.549721,-1.809902 4.206921,-1.809902c3.209045,0 5.809673,2.600624 5.809673,5.809669s-2.600628,5.809673 -5.809673,5.809673s-5.809673,-2.60062 -5.809673,-5.809673c0,-0.295929 0.029598,-0.584755 0.072208,-0.868843l-12.366264,-6.054703c-1.058239,1.112694 -2.549719,1.809898 -4.206919,1.809898c-3.209051,0 -5.809671,-2.600616 -5.809671,-5.809668s2.60062,-5.809669 5.809671,-5.809669c1.664303,0 3.161701,0.704309 4.221125,1.825289l12.348511,-5.988413c-0.040249,-0.276989 -0.068661,-0.558714 -0.068661,-0.84754c0,-3.209049 2.600628,-5.80967 5.809673,-5.80967s5.809673,2.600621 5.809673,5.80967s-2.600628,5.809669 -5.809673,5.809669c-1.664303,0 -3.161701,-0.704309 -4.221123,-1.825287l-12.348511,5.988411c0.04143,0.278173 0.068653,0.558712 0.068653,0.84754z" />
</symbol>
</svg>
<span class="social-media-share-icon">
<i id="svg-facebook-profile-success-icon-2406942" class="fa fa-check-circle svg-state-icon-hide"></i>
<i id="svg-facebook-profile-failure-icon-2406942" class="fa fa-times-circle svg-state-icon-hide"></i>
<svg width="35" height="35" viewBox="0 0 60 60">
<use xlink:href="#svg-facebook-profile-symbol-icon-2406942" />
</svg>
</span>
</a>
</div>
</div>
</div>
<div class="theme-grid-icon-container">
<div class="theme-grid-icon">
<div class="theme-grid-icon-google">
<a href="https://plus.google.com/+ClassroomMeUk/about" target="_blank" onMouseOver="new ShowTooltip(show_coords(event,''),'Click to view Google+ profile','show',false,'','',300);" onMouseOut="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);" onclick="new ShowTooltip(show_coords(event,''),'','hide',false,'','',300);">
<svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
<symbol id="svg-google-plus-profile-symbol-icon-4506884">
<path id="svg-google-plus-profile-fill-icon-4506884" fill="#8DB3D9" stroke="null" d="m30.056572,0.577813a29.47876,29.47876 0 1 0 29.478756,29.478759a29.47876,29.47876 0 0 0 -29.478756,-29.478759zm3.684845,29.939365c0,6.195145 -3.873695,10.593929 -10.133326,10.593929a11.054535,11.054535 0 1 1 0,-22.10907c2.929455,0 5.167997,1.280485 7.05648,3.044603l-2.911028,2.94327a5.674661,5.674661 0 0 0 -4.145452,-1.842424a6.909084,6.909084 0 1 0 0,13.818167c4.292845,0 5.739147,-3.01236 5.987873,-4.606056l-6.448479,0l0,-3.684843l10.593931,0a12.132352,12.132352 0 0 1 0,1.842424zm13.818169,1.842419l-3.684845,0l0,3.684849l-3.684849,0l0,-3.684849l-3.684845,0l0,-3.684843l3.684845,0l0,-3.684843l3.684849,0l0,3.684843l3.684845,0l0,3.684843z" />
</symbol>
</svg>
<span class="social-media-share-icon">
<i id="svg-google-plus-profile-success-icon-4506884" class="fa fa-check-circle svg-state-icon-hide"></i>
<i id="svg-google-plus-profile-failure-icon-4506884" class="fa fa-times-circle svg-state-icon-hide"></i>
<svg width="35" height="35" viewBox="0 0 60 60">
<use xlink:href="#svg-google-plus-profile-symbol-icon-4506884" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<!--SOCIAL MEDIA: 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://classroom.me.uk" translate="Home">Home</a></li>
<li>
<a class="peripheral" href="http://classroom.me.uk/terms-and-conditions/" translate="terms and conditions"> Terms And Conditions</a>
</li>
<li>
<a class="peripheral" href="http://classroom.me.uk/disclaimer/" translate="disclaimer"> Disclaimer</a>
</li>
<li class="last">
<a class="peripheral" href="http://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; 2025</div>
</div>
</div>
</div>
</div>
<div id="show-tick-count-holder"></div>
<div id="show-facebook-count-holder" style="float:right;">190165</div>
<div style="clear:both;"></div>
</div>
<!--DESKTOP: end-->
<!--FOOTER: end-->
</div>
</div>
</div>
<script type="text/javascript">
Event.observe(window, 'load', function(){
showTickCount('219');
},false);
</script>
</body>
</html>