<!doctype html>
<html>
<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
	<title>mathsticks.com - making maths stick</title>
	<meta content="HTML5 Template" name="keywords" />
	<meta content="" name="description" />
	<meta content="itembridge.com" name="author" />
	<meta class="viewport" content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="IE=edge" http-equiv="X-UA-Compatible" /><!-- Favicon -->
	<link href="img/favicon.ico" rel="shortcut icon" /><!-- Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic" rel="stylesheet" /><!-- Plagins CSS -->
	<link href="css/bootstrap.css" rel="stylesheet" />
	<link href="css/bootstrap-select.min.css" rel="stylesheet" />
	<link href="css/font-awesome.min.css" rel="stylesheet" />
	<link href="css/animate.min.css" rel="stylesheet" />
	<link href="css/jquery.fullPage.css" rel="stylesheet" />
	<link href="css/morris.css" rel="stylesheet" />
	<link href="css/jquery.jqplot.css" rel="stylesheet" />
	<link href="css/owl.carousel.css" rel="stylesheet" />
	<link href="css/revolution/settings.css" rel="stylesheet" />
	<link href="css/datepicker.css" rel="stylesheet" />
	<link href="css/jquery.mCustomScrollbar.min.css" rel="stylesheet" /><!-- Theme CSS -->
	<link href="css/style.css" rel="stylesheet" />
	<link href="css/theme-styles.css" rel="stylesheet" /><!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body class="one-page"><script type="text/javascript">
//<![CDATA[
try{(function(a){var b="http://",c="www.mathsticks.com",d="/cdn-cgi/cl/",e="img.gif",f=new a;f.src=[b,c,d,e].join("")})(Image)}catch(e){}
//]]>
</script>
<div class="preloader"></div>

<div class="main">
<section class="section" data-anchor="home" data-background="#23b89e" data-color="#768088" data-nav-color="#ffffff" data-nav-color-text="#23b89e" data-title="Home" data-title-color="#fff7cc">
<header class="site-header">
<div class="container-fluid">
<div class="row">
<div class="col-xs-9 col-sm-4 left-align no-left-indent"></div>

<div class="col-sm-4 logo-box">
<div class="logo-t">
<div class="logo-tr">
<div class="logo-tc"><a class="logo" href="index.html#demo"><img alt="" height="72" src="img/logo.png" width="455" /> </a></div>
</div>
</div>
</div>

<div class="col-xs-3 col-sm-4 right-align no-right-indent"></div>
</div>
</div>

<div class="clearfix"></div>

<div class="header-menu">
<nav class="collapse navbar-collapse" id="main-menu">
<ul class="col-sm-12 col-md-6 nav navbar-nav">
	<li class="parent"><a href="#"><span>Home</span></a>

	<ul class="sub">
		<li class="back">
		<div class="sub-breadcrumbs">Home /</div>
		<button class="btn btn-danger back-link">back</button></li>
	</ul>
	</li>
	<li><a href="#about"><span>About</span></a></li>
</ul>

<div class="clearfix"></div>
</nav>
</div>
<!-- .header-menu --></header>
<!-- .site-header -->

<div class="animate-layer">
<div class="layer left-top"><img alt="" data-appear-animation="fadeInDown" data-appear-animation-delay="300" height="664" src="content/img/home-business-1a.png" width="534" /></div>

<div class="layer right-top"><img alt="" data-appear-animation="fadeInDown" data-appear-animation-delay="700" height="462" src="content/img/home-business-2a.png" width="735" /></div>

<div class="layer left-bottom"><img alt="" data-appear-animation="fadeInUp" data-appear-animation-delay="500" height="283" src="content/img/home-business-3a.png" width="740" /></div>

<div class="layer right-bottom"><img alt="" data-appear-animation="fadeInUp" data-appear-animation-delay="900" height="265" src="content/img/home-business-4a.png" width="708" /></div>
</div>
<!-- .animate-layer -->

<div class="section-content">
<div class="section-wrap">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 info text-center">
<h1 class="section-title" data-appear-animation="bounceInUp" data-appear-animation-delay="100"><strong>the mathsticks maths resources</strong><br />
have a new home</h1>
<a class="btn btn-lg btn-danger" data-appear-animation="bounceInUp" data-appear-animation-delay="200" href="#about">Learn More</a></div>
<!-- .info --></div>
</div>
</div>
</div>
<!-- .section-content --></section>
<!-- .section -->

<section class="section vertical-top about-us-section" data-anchor="about" data-background="#ffffff" data-color="#000000" data-nav-color="#ffffff" data-nav-color-text="#375099" data-title="my.mathsticks" data-title-color="#375099">
<div class="section-content">
<div class="container section-wrap">
<div class="row">
<div class="col-sm-6 section-bg right"><a href="http://mathsticks.com/my"><img alt="" data-appear-animation="fadeInDownBig" data-appear-animation-delay="320" height="540" src="content/img/my-mathsticks.jpg" width="1065" /></a></div>
<!-- .section-bg -->

<div class="col-sm-6 col-lg-5 info" data-appear-animation="fadeInUpBig" data-appear-animation-delay="300">
<h1 class="section-title">Mathsticks Maths Resources</h1>

<div class="descriptions">
<p>Mathsticks teaching materials have moved to <strong><a href="http://mathsticks.com/my">our new site: my.mathsticks.com</a></strong>. If you haven&rsquo;t used our maths resources before you will need to register to access the materials.</p>

<p>If you have a <strong>mathsticks+</strong> (paid) membership <em>please register with your existing username</em> and use the contact form on the new site to let me know. I will ensure your mathsticks+ membership is transferred (in fact I will <strong>double</strong> your current membership by way of apology for the hassle).</p>

<p>John<br />
ps. we tried to make the transition as smooth as possible &ndash; but a technical hitch hit us hard and we&rsquo;ve had to rebuild parts of the website from scratch!</p>
<a class="btn btn-lg btn-danger" data-appear-animation="bounceInUp" data-appear-animation-delay="100" href="http://mathsticks.com/my/2014/03/we-are-live/">Learn More</a></div>
</div>
<!-- .info --></div>
</div>
</div>
<!-- .section-content --></section>
<!-- .section --></div>
<!-- .main --><script src="js/jquery.min.js"></script><script src="js/bootstrap.min.js"></script><script src="js/bootstrap-select.min.js"></script><script src="js/bootstrap-datepicker.min.js"></script><script src="js/jquery.appear.js"></script><script src="js/jquery.easings.min.js"></script><script src="js/jquery.carouFredSel-6.2.1-packed.js"></script><script src="js/jquery.touchwipe.min.js"></script><script src="js/jquery.themepunch.tools.min.js"></script><script src="js/jquery.themepunch.revolution.min.js"></script><script src="js/jquery.mCustomScrollbar.concat.min.js"></script><script src="js/jquery.mlens-1.5.min.js"></script><script src="js/jquery.jqplot.min.js"></script><script src="js/jqplot.donutRenderer.min.js"></script><script src="js/raphael-min.js"></script><script src="js/morris.min.js"></script><script src="js/easy-circle-skill.js"></script><script src="js/owl.carousel.min.js"></script><script src="js/isotope.pkgd.min.js"></script><script src="js/TimeCircles.js"></script><script src="js/jquery.fullPage.min.js"></script><script src="http://cdn.getshar.es/lib/0.8.0.min.js"></script><script src="js/included-plagins.js"></script><script src="js/main.js"></script></body>
</html>
