It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.studyladder.com.au/games/activity/prefix-origin-circ--22820?backUrl=https%3A//vimeo.com/931408174

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.  <meta charset="utf-8">
  5.  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.  <link rel="apple-touch-icon" sizes="76x76" href="https://static.studyladder.com.au/cdn/site/2e/fb7b4b5af2aa.png" />
  7.  <link rel="apple-touch-icon" sizes="120x120" href="https://static.studyladder.com.au/cdn/site/c5/21378bb6616f.png" />
  8.  <link rel="apple-touch-icon" sizes="152x152" href="https://static.studyladder.com.au/cdn/site/67/2d9c8f4113ad.png" />
  9.  <link rel="apple-touch-icon" sizes="180x180" href="https://static.studyladder.com.au/cdn/site/f0/67c0f8d932e1.png" />
  10.  <link rel="shortcut icon" sizes="192x192" href="https://static.studyladder.com.au/cdn/site/d5/5ccd0010bcfa.png">
  11.  <meta name="description" content="Used by over 70,000 teachers &amp; 1 million students at home and school. Studyladder is an online english literacy &amp; mathematics learning tool. Kids activity games, worksheets and lesson plans for Primary and Junior High School students in Australia." />
  12.  <meta name="keywords" content="studyladder, smartkiddies, study ladder, english, literacy, maths, mathematics, kids games, worksheets, lesson plans, kids activities, algebra, multiplication, geometry, comprehension, Australia." />
  13.  <meta name="rating" content="General" />
  14.  <meta name="robots" content="all" />
  15.  <meta name="google-site-verification" content="GlZDHeUSxHZkhqFRX4kjwGufw4MClonMDIkw6Y268FE" />
  16.  <meta name="author" content="Studyladder" />
  17.  <meta name="geo.position" content="-32;150">
  18.  <meta name="geo.country" content="AU">
  19.  <meta name="geo.placename" content="Studyladder Australia">
  20.  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  21.  <meta http-equiv="X-UA-Compatible" content="IE=edge; text/html; charset=utf-8" />
  22.  <meta charset="utf-8">
  23.  
  24. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WMPZ5C9');</script>
  25.  
  26.    <title>Prefix Origin: &#039;circ&#039; - Studyladder Interactive Learning Games</title>
  27.  
  28.      <script type="text/javascript" src="/cdn/lib/vendor/jquery/jquery-3.3.10.min.js"></script>
  29.    <script type="text/javascript" src="/cdn/lib/vendor/bootstrap/4.1.30/js/bootstrap.bundle.min.js"></script>
  30.  
  31.  <script type="text/javascript" src="https://static.studyladder.com.au/cdn/site/01/66940f1fc64a.js"></script>
  32.  <script type="text/javascript" src="https://static.studyladder.com.au/cdn/site/fb/6cb922fef527.js"></script>
  33.  <script type="text/javascript" src="https://static.studyladder.com.au/cdn/site/96/77e96db01cd8.js"></script>
  34. <link rel="preconnect" href="https://fonts.gstatic.com">
  35. <link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@800&display=swap" rel="stylesheet">
  36. <link href="https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap" rel="stylesheet">
  37. <link href='https://fonts.googleapis.com/css?family=ABeeZee:400,400italic' rel='stylesheet' type='text/css'>
  38.  <link href="https://fonts.googleapis.com/css?family=Muli|Quicksand:400,500,700" rel="stylesheet">
  39.  <link rel="stylesheet" type="text/css" href="/cdn/lib/vendor/font-awesome/pro-5.5.00-web/css/fontawesome-solid-regular.min.css"/>
  40.  <link rel="stylesheet" href="https://static.studyladder.com.au/cdn/dist/scss/52062a7c38101585/scss/bootstrap.min.css"/>
  41.        <link rel="stylesheet" type="text/css" href="https://static.studyladder.com.au/cdn/dist/scss/099e046d63c6f0ae/global.min.css"/>
  42.        <link rel="stylesheet" type="text/css" href="https://static.studyladder.com.au/cdn/dist/scss/1aeddf1645b8b6bb/games/games.min.css"/>
  43.                
  44.    <script type="text/javascript">window.location = "https://www.studyladder.com/games/activity/prefix-origin-circ--22820?backUrl=https://vimeo.com/931408174&lc_set=";</script>
  45.         </head>
  46. <body style="" class="">
  47.  
  48. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WMPZ5C9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  49.  
  50.  
  51.    <header id="site-header" class="site-header-container public ">
  52.   <nav class="site-header">
  53.    <div class="">
  54.  
  55. <style>
  56. .navbar-expand-lg .navbar-nav {
  57. margin-left: 40px !important;
  58. }
  59. a.navbar-brand img {
  60.    width: 100%;height: auto!important;
  61. }
  62. a.navbar-brand {
  63.    max-width: 200px;padding-top:10px; padding-bottom:10px;
  64. }
  65. .navbar-light .navbar-nav .nav-link {
  66.    color: rgba(0,0,0,1)!important;
  67. }
  68. .navbar-light .navbar-nav .nav-link:hover {
  69.    color: #5390d4 !important;
  70. }
  71. .navbar.bg-dark .container {
  72. background-color: #343a40!important;
  73. }
  74. @media (max-width: 992px) {
  75. .navbar-expand-lg .navbar-nav {margin-left: auto !important;}
  76. .navbar-expand-lg .navbar-nav .nav-link {font-size: 18px;}
  77. }
  78. @media (max-height: 450px) {
  79. .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.2rem; padding-left: 1.2rem;letter-spacing: 0.2px; font-size: 14px;}
  80. .navbar-collapse .navbar-nav {margin-top:10px!important; margin-bottom:10px!important;}
  81. .navbar-collapse .account-btns{margin-bottom:40px!important;}
  82. }
  83.  
  84. @media (min-width: 992px) {
  85. .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.8rem; padding-left: 0.8rem;letter-spacing: 0.2px;font-size: 15px;} }
  86. a.navbar-brand {max-width: 150px;padding-top: 10px;padding-bottom: 10px;}
  87. @media (min-width: 1200px) {
  88.  
  89. .navbar-expand-lg .navbar-nav .nav-link {padding-right:  0.8rem; padding-left: 0.8rem;letter-spacing: 0.2px;font-size: 17px;}
  90. a.navbar-brand {max-width: 150px;padding-top: 10px;padding-bottom: 10px;}
  91. }
  92. @media (min-width: 1400px) {
  93. .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.2rem;padding-left: 1.2rem;font-size: 17px;}
  94. }
  95. </style>
  96.  
  97.  
  98.  
  99.    <nav class="navbar navbar-dark bg-dark text-light navbar-expand-lg ">
  100.  
  101.      <div class="container-fluid px-3 px-lg-2 px-xl-5" style="display:block">
  102.  
  103.        <div class=" float-right" id="">
  104.          <ul class="navbar-nav w-100">
  105.            <li class="nav-item col-auto ml-lg-auto my-auto pr-3 pr-lg-5">
  106.              <form class="form-inline">
  107.                <label for="lc_select" class="d-none d-md-block pr-2">Your country: </label>
  108.                <select id="lc_select" class="form-control form-control-sm ml-0 ml-lg-2" name="lc_set">
  109.                                      <option value="https://www.studyladder.com.au/games/activity/prefix-origin-circ--22820" selected="selected">Australia</option>
  110.                                      <option value="https://www.studyladder.ca/games/activity/prefix-origin-circ--22820">Canada</option>
  111.                                      <option value="https://www.studyladder.co.nz/games/activity/prefix-origin-circ--22820">New Zealand</option>
  112.                                      <option value="https://www.studyladder.co.uk/games/activity/prefix-origin-circ--22820">United Kingdom</option>
  113.                                      <option value="https://www.studyladder.com/games/activity/prefix-origin-circ--22820">United States</option>
  114.                                  </select>
  115.              </form>
  116.              <script type="text/javascript">
  117.                $('#lc_select').change(function()
  118.                {
  119.                  var u = $(this).val();
  120.                  $(this).find('option:selected').val('');
  121.                  $(this).closest('form').attr('action', u).submit();
  122.                });
  123.                
  124.              </script>
  125.  
  126.            </li>
  127.          </ul>
  128.  
  129.        </div>
  130.      </div>
  131.    </nav>
  132.  
  133.  
  134.    <nav class="navbar navbar-expand-lg navbar-light public" >
  135.      <div class="container-fluid px-3 px-lg-2 px-xl-5 ">
  136.        <a class="navbar-brand" href="/"><img src="https://static.studyladder.com.au/cdn/site/13/6f597fea9532.png"></a>
  137.        <!--<a class="navbar-brand" href="/">Study<em>ladder</em></a>-->
  138.        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav, #social" aria-controls="main-nav" aria-expanded="false" aria-label="Toggle navigation">
  139.          <span class="navbar-toggler-icon"></span>
  140.        </button>
  141.  
  142.        <div class="collapse navbar-collapse" id="main-nav">
  143.          <div class="d-flex flex-column flex-lg-row w-100 h-100 justify-content-between">
  144.            <ul class="navbar-nav mx-auto my-auto">
  145.              <li class="nav-item">
  146.                <a class="nav-link " href="/about/parent">For parents</a>
  147.              </li>
  148.              <li class="nav-item">
  149.                <a class="nav-link " href="/about/teacher">For teachers</a>
  150.              </li>
  151.              
  152.              <li class="nav-item ">
  153.                <a class="nav-link " href="/about/features">Features</a>
  154.              </li>
  155.  
  156.              <li class="nav-item">
  157.                <a class="nav-link " href="/about/subjects">Subjects</a>
  158.              </li>
  159.  
  160.  
  161.              <li class="nav-item pricing-item d-none d-lg-block">
  162.                <div class="nav-link " style="cursor: pointer">Pricing</div>
  163.                <div class="pricing-dropdown" style="">
  164.                <a class="nav-link pricing-nav-link" style="margin-top:10px;" href="/account/parent-pricing">Parents</a>
  165.            <a class="nav-link pricing-nav-link" style="margin-top:1px;" href="/about/teacher-school-pricing?t=s">Schools/Teachers</a>
  166.                </div>
  167.              </li>    
  168.          <style>
  169.          .pricing-nav-link {
  170.          background:#fff; border:1px solid #ddd;
  171.          }
  172.          .pricing-item:hover .pricing-dropdown {
  173.          display:block!important;
  174.          }
  175.     .pricing-dropdown {
  176.          position: absolute; display:none;
  177.      }
  178.  
  179.      </style>  
  180.              <li class="nav-item d-lg-none">
  181.                <a class="nav-link " href="/account/parent-pricing">Parent Pricing</a>
  182.              </li>
  183.              <li class="nav-item d-lg-none">
  184.                <a class="nav-link " href="/about/teacher-school-pricing">School/Teacher Pricing</a>
  185.              </li>                    
  186.              <li class="nav-item">
  187.                <a class="nav-link " href="/about/contact-us">Support</a>
  188.              </li>    
  189.             <!-- <li class="nav-item">
  190.  
  191.                <a class="nav-link" href="/help/faq">FAQ</a>
  192.              </li>
  193.              <li class="nav-item">
  194.                <a class="nav-link" href="/about/contact-us">Contact Us</a>
  195.              </li>
  196.              -->
  197.            </ul>
  198.                        <div class="d-flex flex-column flex-lg-row account-btns">
  199.              <a class="btn btn-primary nav-link mr-lg-2 mb-2 mb-lg-0 btn-join" href="#joinNow" data-toggle="modal">Join Now</a>
  200.              <a class="btn btn-outline-secondary nav-link btn-login" href="/login/account">Login</a>
  201.            </div>
  202.          </div>
  203.  
  204.        </div>
  205.      </div><!-- /.container -->
  206.    </nav>
  207. <script>
  208.    localStorage.removeItem('liveClassroomOpen');
  209.    localStorage.removeItem('teacherDashboardOpen');
  210. </script>        </div>
  211.   </nav>
  212.  </header>
  213.  <main>
  214. <style>
  215.  
  216. .see-more {color:white;}
  217. .see-more:hover {color:#ebebeb;cursor:pointer;}
  218.  
  219. .testimonial-card {
  220.  padding: 15px 30px;
  221.  margin: 15px 0;
  222.  border: 2px solid #01AFD9;
  223.  box-shadow:1px 2px 3px 2px rgba(0,0,0,.12),0 1px 2px 0px rgba(0,0,0,0.37);
  224.  border-radius: 5px;
  225. }
  226. dt, dd {
  227.    display:inline-block;
  228. }
  229.  
  230. </style>
  231.  
  232.  
  233.  
  234.    <div class="modal account-required-modal " tabindex="-1" role="dialog" style="font-size:1.2em">
  235.     <div class="modal-dialog modal-lg" role="document">
  236.       <div class="modal-content">
  237.         <div class="modal-header  bg-medium-dark-blue text-white" style="">
  238.          <h4 class="modal-title">Account required</h4>
  239.          <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  240.         </div>
  241.         <div class="modal-body text-center" style="background-color:#fff;padding:40px;border-top:0">
  242.  
  243.          <p style="margin:0;padding:0">Already have a Studyladder account? &nbsp;<a class="btn  btn-primary" style="" href="/login/account?backUrl=%2Fgames%2Factivity%2Fprefix-origin-circ--22820%3FbackUrl%3Dhttps%3A%2F%2Fvimeo.com%2F931408174">Log In</a></p>
  244.  
  245.          <h3 style="font-weight:900;color:#777;font-variant:small-caps;margin:15px">or</h3>
  246.  
  247.          <p style="margin:0;padding:0">New to Studyladder? Get a free trial account! &nbsp;<a class="btn" style="color:#212529;background-color:#ffd334" href="/account">Join Now</a></p>
  248.  
  249.         </div>
  250.  
  251.       </div><!-- /.modal-content -->
  252.      </div><!-- /.modal-dialog -->
  253.     </div><!-- /.modal -->
  254.  
  255. <script>
  256. $(function() {
  257.  
  258.  // Overlay for "account required" content
  259.  
  260.  var
  261.   joinNow = false;
  262.   $modal = $('.account-required-modal'),
  263.   $accountContent = $('.account-required-content'),
  264.   $clickOverlay = $('<div style="background-color:white;opacity:.01;position:absolute;top:0;left:0;z-index:1001;height:1px;width:1px;"></div>').appendTo('body'),
  265.   positionOverlay = function() {
  266.     var
  267.      p = $accountContent.offset();
  268.  
  269.     $clickOverlay.css({top:p.top - 5,left:p.left - 5,width:$accountContent.outerWidth()+5+'px',height:$accountContent.outerHeight()+5+'px'});
  270.   };
  271.  
  272.  $modal.on('show.bs.modal', function() { joinNow = false; });
  273.  $modal.on('hidden.bs.modal', function() { if (joinNow) { $('#joinNow').modal('toggle'); } });
  274.  $modal.on('click', 'a[href="/account"]', function(e) {
  275.    e.preventDefault();
  276.  
  277.    joinNow = true;
  278.  
  279.    $modal.modal('toggle');
  280.  
  281.    $.post('/account/set-user-refered-by', {userReferedBy: "accReqModal.a.22820"});
  282.  });
  283.  
  284.  positionOverlay();
  285.  
  286.  window.setInterval(positionOverlay, 301);
  287.  
  288.  $clickOverlay.on('click', function() { $modal.modal(); });
  289. });
  290. </script>
  291.  
  292. <div class="container stretch stretch2 activity-page mt-4">
  293.  <section class="row">
  294.    <div class="col-12">
  295.                  <h3 class="d-inline-block" style="font-weight:500;font-size:1.4em"><a class="back-button btn btn-primary" href="https://vimeo.com/931408174">Back</a></h3>
  296.              
  297.                        
  298.            
  299.            
  300.            
  301.      <div class="row mt-3 mb-3">
  302.      
  303.  
  304.  
  305.        <script>
  306.          //stop scroll on load
  307.         $( document ).ready(function() {
  308. window.scrollTo(0,0);
  309. document.getElementById('viewport').onload = function() {
  310. window.scrollTo(0,0);
  311. myInterval = setInterval(myTimer, 500);
  312. };
  313. resetCounter=0;
  314. function myTimer() {
  315. window.scrollTo(0,0);
  316. console.log("called reset2");
  317. resetCounter+=1;
  318. if(resetCounter==5){
  319. clearInterval(myInterval);
  320. }
  321. }
  322. });
  323. //full screen button code
  324.    $('#fullscreenBut').mousedown(function(e) {
  325.  e.preventDefault();
  326.  console.log('Button Pressed');
  327.             var iframe = document.querySelector('#viewport');
  328.            
  329.            
  330.             var src = $('#viewport').attr('src');
  331.            
  332.             //check if we are iOS
  333.             if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
  334.             window.open(src);
  335.             } else {
  336.    // Do fullscreen
  337.    if (iframe.requestFullscreen) {
  338.      iframe.requestFullscreen();
  339.    } else if (iframe.webkitRequestFullscreen) {
  340.      iframe.webkitRequestFullscreen();
  341.    } else if (iframe.mozRequestFullScreen) {
  342.      iframe.mozRequestFullScreen();
  343.    } else if (iframe.msRequestFullscreen) {
  344.      iframe.msRequestFullscreen();
  345.    }
  346.             }
  347.            
  348.  
  349. });
  350.             </script>
  351.            
  352.            
  353.        <div class="col-md-6 col-lg-7 d-none">
  354.          <h2 class="trunc"><strong>Prefix Origin: &#039;circ&#039;</strong></h2>
  355.        </div>
  356.        <div class="col-md-6 col-lg-5 d-none">
  357.          
  358.  
  359.          <ul class="list-inline pull-right">
  360.            <li class="va-btm"><strong>Grade:</strong> <span class="grade-key grade-key-au-year-six"></span> Year 6            <br class="visible-md visible-lg"><strong>Activity type:</strong> Printable</li>
  361.                                    </ul>
  362.        </div>
  363.      </div>
  364.  
  365.      <div class="div_screenshot account-required-content" style="max-width:100%; height:auto">
  366.        <figure class="funImage" >
  367.        
  368.  <a style="display:block;text-align:center;font-size:1.4em;font-weight:900;color:#080" href="https://static.studyladder.com.au/cdn/course/7a/e38059cf092e/Studyladder+-+Prefix+Origin%3A+%27circ%27.pdf" target="_blank">
  369.    <span style="background-color:#ffa;padding:0 1ex">Printable resource - click here to open</span>
  370.    <img style="display:block;text-align:center;margin:auto" src="https://static.studyladder.com.au/cdn/course/f3/a3337faef3e1.jpg" title="Prefix Origin: &#039;circ&#039; - Click to download."/>
  371.  </a>
  372.        </figure>
  373.              </div>
  374.                  <div class="alert alert-sl alert-primary alert-dismissible   text-center" role="alert">
  375.            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  376.              <span aria-hidden="true">&times;</span>
  377.            </button>
  378.            <p class="lead mb-0">To save results or sets tasks for your students you need to be logged in. <a class="alert-link" href="#" data-toggle="modal" data-target="#joinNow" title="Join Now">Join Now, Free</a></p>
  379.          </div>
  380.        
  381.          </div>
  382.  </section>
  383.  
  384.  <section class="row activity-details">
  385.  
  386.    <div class="col-md-12 mt-4">
  387.      <h2 class="h2 text-center"><strong>Prefix Origin: &#039;circ&#039;</strong></h2>
  388.      <ul class="  ml-0 pl-0 mt-4 text-center" style="list-style: none; ">
  389.        <li class="d-inline-block pr-4"><strong>Course</strong><br/><span> English</span> </li>
  390.         <li class="d-inline-block pr-4"><strong>Grade</strong><br/><span> Year 6</span></li>
  391.         <li class="d-inline-block pr-4"><strong>Section</strong><br/><span> Spelling Worksheets</span></li>
  392.         <li class="d-inline-block pr-4"><strong>Outcome</strong><br/><span> Prefixes and Suffixes (6)</span></li>
  393.         <li class="d-inline-block pr-4"><strong>Activity Type</strong><br/><span> Printable</span></li>
  394.        <li class="d-inline-block pr-4"> <strong>Activity ID</strong><br/><span> 22820</span></li>
  395.      </ul>
  396.    </div>
  397. <!--
  398.    <div class="col-xs-6 col-md-3 col-md-pull-6">
  399.          </div>
  400.    <div class="col-xs-6 col-md-3">
  401.          </div>
  402. -->
  403. <!--
  404.    <div class="col-xs-12">
  405.      <div class="panel panel-sl" id="similar-activities" style="margin-top: 15px;">
  406.        <div class="panel-heading">
  407.          <h2 class="panel-title">
  408.            <a data-toggle="collapse" data-target="#bc-links" style="display:block">Activity: View similar activities</a>
  409.          </h2>
  410.        </div>
  411.        <div id="bc-links" class="panel-collapse collapse in">
  412.          <div class="panel-body">
  413.            <ul class="list-inline" style="margin-left:0">                    <li style="padding:0">
  414.                      <a href="/games/course/english-english-1">English</a>
  415.                    </li>
  416.                    <li style="color:#999">&raquo;</li>                    <li style="padding:0">
  417.                      <a href="/games/course/english-spelling-worksheets-2148">Spelling Worksheets</a>
  418.                    </li>
  419.                    <li style="color:#999">&raquo;</li>                    <li style="padding:0">
  420.                      <a href="/games/course/english-grade-6-2149">Grade 6</a>
  421.                    </li>
  422.                    <li style="color:#999">&raquo;</li>                    <li style="padding:0">
  423.                      <a href="/games/course/english-prefixes-and-suffixes-2187">Prefixes and Suffixes</a>
  424.                    </li>
  425.                    </ul>          </div>
  426.        </div>
  427.      </div>
  428.    </div>
  429.  
  430.  </section>
  431.  
  432.  <hr>
  433. -->
  434. <!--
  435.  <section class="row testimonials fix-height">
  436.    <div class="col-md-8">
  437.      <div class="testimonial-card">
  438.        <h2>Testimonials</h2>
  439.        <blockquote class="active">
  440.          <p>What a brilliant site you have!!! I love it, especially as it saves me hours and hours of hard work. Others who haven't found your site yet don't know what they are missing!</p>
  441.          <div class="row quote-footer">
  442.            <div class="col-sm-8">Patricia Celikbilek, Teacher</div><div class="col-sm-4"><a class="btn btn-info btn-block pull-right" href="/about/testimonials">Read More</a></div>
  443.          </div>
  444.        </blockquote>
  445.        <blockquote style="display:none;">
  446.          <p>It is quite frankly the best money I have ever spent on my child. I really cannot thank you enough for providing this, it really is brilliant.</p>
  447.          <div class="row quote-footer">
  448.            <div class="col-sm-8">Vanessa Wills, Parent</div><div class="col-sm-4"><a class="btn btn-info btn-block pull-right" href="/about/testimonials">Read More</a></div>
  449.          </div>
  450.        </blockquote>
  451.        <blockquote style="display:none;">
  452.          <p>You have the most amazing program. Everybody loves it and the student's results have been in the high 90%'s, it's definitely due to your program.</p>
  453.          <div class="row quote-footer">
  454.            <div class="col-sm-8">Chris Rayment, School Principal</div><div class="col-sm-4"><a class="btn btn-info btn-block pull-right" href="/about/testimonials">Read More</a></div>
  455.          </div>
  456.        </blockquote>
  457.      </div>
  458.    </div>
  459.    <div class="col-md-4">
  460.      <div class="testimonial-card">
  461.        <div class="row text-center">
  462.                      <img class="img-responsive center-block" src="https://static.studyladder.com.au/cdn/site/6f/6af45fd85c80.png" alt="aasl award" style="width:120px">
  463.            <h3 class="h3">Awarded June 2012
  464.            <br>&#8220;Best Educational Website
  465.            <br>for Teaching and Learning&#8221;</h3>
  466.        </div>
  467.      </div>
  468.    </div>
  469.  </section>
  470.  
  471.  <hr>
  472.  
  473.  <section class="row curricula">
  474.    <div class="col-xs-12">
  475.          </div>
  476.  </section>
  477.  
  478. </div>
  479. -->
  480. <div class="modal fade" id="needAccount" tabindex="-1" role="dialog" aria-labelledby="myModalLabel4" aria-hidden="true">
  481.  <div class="modal-dialog notificationBox">
  482.    <div class="modal-content">
  483.      <div class="modal-header">
  484.        <button aria-hidden="true" data-dismiss="modal" class="close" type="button">x</button>
  485.        <h4 class="modal-title" id="myModalLabel2">Parent/Teacher Only</h4>
  486.      </div>
  487.      <div class="modal-body joinNowPopup">
  488.        <div class="clearfixBox">
  489.          <div class="col-lg-12">
  490.            <h2>Login Required! </h2>
  491.            <p>This activity requires an account to enable as it customises it questions to individual students</p>
  492.            <br>
  493.            <br>
  494.            <section class="clearfixBox">
  495.              <div class="col-lg-6" style="width:35%;">
  496.                <a href="/login/account">
  497.                  <div class="btn btn-info">Log In </div>
  498.                </a>
  499.                <span style="margin-left:12px;"><strong> Or </strong></span>
  500.              </div>
  501.  
  502.              <div class="col-lg-6">
  503.                <a data-toggle="modal" class="dropdown-toggle" href="#joinNow">
  504.                  <div class="btn btn-success">Join Free</div>
  505.                </a>
  506.              </div>
  507.            </section>
  508.            <br>
  509.            <br>
  510.            <h2>Free Parent &amp; Teacher Access</h2>
  511.            <p>You can join Studyladder FREE!</p>
  512.            <p>Your account will have additional material that tracks students progress to provide individual focused material and reports. Also it includes fun incentives to encourage students to   learn more all customised to each students needs.</p>
  513.            <br>
  514.          </div>
  515.        </div>
  516.      </div>
  517.    </div>
  518.  </div>
  519. </div>
  520.  
  521. <script>
  522. $( window ).load( function() {
  523.  heightFix($(".fix-height .testimonial-card"));
  524.  heightFix($(".activity-nav .preview"));
  525. });
  526.  
  527. $( window ).resize(function() {
  528.  heightFix($(".fix-height .testimonial-card"));
  529.  heightFix($(".activity-nav .preview"));
  530. });
  531.  
  532. function heightFix(target) {
  533.  target.css("height", "auto")
  534.  //reset maxHeight
  535.  var maxHeight = 0;
  536.  //Find the height of the tallest element
  537.  $.each(target,function() {
  538.    if (($(this).height()) > maxHeight) {
  539.      maxHeight = $(this).height();
  540.    }
  541.  })
  542.  // Assign the same height to all elements
  543.  $(target).each( function(){
  544.    $(this).height(maxHeight);
  545.  });
  546. }
  547. </script>
  548.  
  549.  
  550.  </main>
  551.  <div class="d-none d-print-block text-center">
  552.   <a href="https://studyladder.com.au" title="Studyladder - Home" class="text-center  mt-4 " > <img style="width: 150px !important;"  src="https://static.studyladder.com.au/cdn/site/13/6f597fea9532.png"></a>
  553.  </div>
  554.  <footer class="footer bg-dark text-light  d-print-none">
  555.    <div class="container">
  556.      <div class="row text-center text-lg-left pb-3">
  557.        <div class="col-lg-3 py-4 py-lg-0">
  558.        <a class="logo" href="/"><img src="https://static.studyladder.com.au/cdn/site/c7/cbe28b2ff048.png"></a>
  559.        </div>
  560.        <div class="col-lg-3 py-4 py-lg-0">
  561.          <ul class="list-unstyled">
  562.            <li>
  563.              <a class="text-light" href="/about">About Us</a>
  564.            </li>
  565.            <li>
  566.              <a class="text-light" href="/account/parent-pricing">Pricing for parents</a>
  567.            </li>
  568.            <li>
  569.              <a class="text-light" href="/about/testimonials">Testimonials</a>
  570.            </li>
  571.            <li>
  572.              <a class="text-light" href="/about/faqs">FAQs</a>
  573.            </li>        
  574.          </ul>
  575.        </div>
  576.        <div class="col-lg-3 py-4 py-lg-0">
  577.        
  578.        
  579.                             <p class="d-none d-lg-block">Join our community.</p><!-- oregon test v -->
  580. <a class="text-light" alt="Find us on Facebook" href="https://www.facebook.com/Studyladder/" target="_blank" rel="noopener"><i class="fab fa-2x fa-facebook-square"></i></a>
  581. <a class="text-light" alt="Follow us on Instagram" href="https://www.instagram.com/studyladder/" target="_blank" rel="noopener"><i class="fab fa-2x fa-instagram ml-3"></i></a>
  582. <a class="text-light" alt="Follow us on Twitter" href="https://twitter.com/studyladder" target="_blank" rel="noopener"><i class="fab fa-2x fa-twitter-square ml-3"></i></a>
  583. <a class="text-light" alt="Find more content on Youtube" href="https://www.youtube.com/user/StudyLadder" target="_blank" rel="noopener"><i class="fab fa-2x fa-youtube-square ml-3"></i></a>
  584.                  </div>
  585.        
  586.    
  587.        <div class="col-lg-3 py-4 py-lg-0">
  588.  
  589.          <p class="d-none d-lg-block">We love hearing from you.</p>
  590.          <p class="mt-3" ><a class="btn btn-outline-light btn-large" href="/about/contact-us" role="button">Contact Us</a></p>
  591.              </div>
  592.      </div>
  593.      <div class="row no-gutters small d-flex justify-content-between mt-lg-5 mb-2">
  594.        <div class="copyright text-center text-md-left order-2 order-md-1 pt-1 pt-lg-0">Copyright &copy; 2024 - Studyladder</div>
  595.        <div class="legal  text-center text-lg-left order-1 order-md-2">
  596.          <a class="text-light px-1 px-md-3" href="/info/gdpr">GDPR</a> | <a class="text-light px-1 px-md-3" href="/about/privacy">Privacy Policy</a> | <a class="text-light  px-1 px-md-3" href="/about/terms">Terms &amp; Conditions</a>
  597.        </div>
  598.      </div>
  599.    </div>
  600.  </footer>
  601.  <div id="joinNow" class="modal fade" role="dialog" aria-hidden="true" tabindex="-1">
  602.  <div class="modal-dialog">
  603.    <div class="modal-content">
  604.  
  605.      <div class="modal-header bg-medium-dark-blue py-2">
  606.        <h4 class="h3 modal-title text-center w-100 text-white pl-4">Join Now</h4>
  607.        <button aria-hidden="true" data-dismiss="modal" class="close text-white" type="button"><i class="fas fa-times"></i></button>
  608.      </div>
  609.  
  610.      <div class="modal-body  pb-5 pt-4">
  611.        <p class="text-center mb-2">I would like to register for a:</p>
  612.        <ul class="list-unstyled">
  613.        
  614.        <li class=""><a class="btn btn-primary text-white d-block m-1" href="https://www.studyladder.com.au/account/parent-pricing">Parent Account</a></li>
  615.        
  616.         <!-- <li class=""><a class="btn btn-primary text-white d-block m-1" href="https://www.studyladder.com.au/account/parent?t=parent&amp;r=">Parent Account</a></li>-->
  617.        <li class=""><a class="btn btn-primary text-white d-block m-1" href="https://www.studyladder.com.au/account/parent-pricing">Homeschooling Account</a></li>
  618.          <li class=""><a class="btn btn-primary text-white d-block m-1" href="/account/teacher?t=teacher">School Teacher Account</a></li>
  619.                  </ul>
  620.        <p class="text-center mb-2">I would like to:</p>
  621.        <a class="btn btn-primary text-white d-block m-1" href="/login/account?backUrl=%2Faccount%2Fupgrade">Upgrade an existing account</a></li>
  622.        <a class="btn btn-primary text-white d-block m-1" href="/account/school-admin">Pay school administration fee<br>(You can pay by invoice or credit card)</a></li>
  623.      </div>
  624.    </div>
  625.  </div>
  626. </div>
  627. <script>
  628. $('#joinNow').on('show.bs.modal', function (e) {
  629.    window.dataLayer = window.dataLayer || [];
  630.    window.dataLayer.push({
  631.        'event': 'User Account',
  632.        'Action': 'Creation',
  633.        'Step': '1',
  634.        'Step Name': 'Choose Account'
  635.    });
  636. });
  637. </script>
  638. <div id="publicMenuModal" class="modal site-menu" tabindex="-1" role="dialog">
  639. <div class="modal-dialog modal-xl" role="document">
  640.  <div class="modal-content">
  641.   <div class="modal-header">
  642.  
  643.    <h4 class="modal-title">Menu</h4>
  644.    <button aria-hidden="true" data-dismiss="modal" class="close" type="button"><i class="far fa-times"></i></button>
  645.  
  646.   </div>
  647.   <div class="modal-body">
  648.    <div class="row text-dark">
  649.  
  650.     <div class="col-md">
  651.           <h3 style="color:#e3813b;border-color:#e3813b">
  652.       <i class="fas fa-book float-right"></i>
  653.       Resources
  654.      </h3>
  655.  
  656.      <ul class="list-group list-group-flush">
  657.       <li class="list-group-item"><a href="/games">Browse All / Search</a></li>
  658.       <li class="list-group-item"><a href="/games/mathematics/au-year-three/mathematics-addition-430">Mathematics</a></li>
  659.       <li class="list-group-item"><a href="/games/literacy/au-year-three/english-spelling-and-vocabulary-185">Literacy</a></li>
  660.       <li class="list-group-item"><a href="/games/science/au-year-three/science-biology-764">Science</a></li>
  661.       <li class="list-group-item"><a href="/games/visual-arts-music/au-mixed-years/art-paint-and-draw-962">Visual Arts and Music</a></li>
  662.       <li class="list-group-item"><a href="/games/health-safety-citizenship/au-mixed-years/health-safety-and-citizenship-citizenship-1547">Health, Safety &amp; Citizenship</a></li>
  663.       <li class="list-group-item"><a href="/games/language-culture/au-mixed-years/language-and-culture-languages-1022">Language &amp; Culture</a></li>
  664.       <li class="list-group-item"><a href="/games/information-communication-technology/au-mixed-years/information-communication-and-technology-social-and-ethical-practices-with-ict-1056">Information Communication Technology</a></li>
  665.       <li class="list-group-item"><a href="/games/studysheets/au-year-three/theme-based-learning-rocks-erosion-and-changing-landscapes-1675">Theme Based Learning</a></li>
  666.              <li class="list-group-item"><a href="/games/naplan/au-year-three/naplan-mathematics-1688">NAPLAN</a></li>
  667.             </ul>
  668.     </div>
  669.     <div class="col-md">
  670.           <h3 style="color:#87b53e;border-color:#87b53e">
  671.       <i class="fas fa-star float-right"></i>
  672.       My Account
  673.      </h3>
  674.  
  675.      <ul class="list-group list-group-flush">
  676.       <li class="list-group-item"><a href="#" data-toggle="modal" data-target="#joinNow" onclick="$('#publicMenuModal').modal('hide')">Join now</a></li>
  677.       <li class="list-group-item"><a href="/login/account">Log in</a></li>
  678.       <li class="list-group-item"><a href="/login/forgot">Forgot password</a></li>
  679.       <li class="list-group-item"><a href="/about/pricing">Pricing</a></li>
  680.      </ul>
  681.     </div>
  682.     <div class="col-md">
  683.           <h3 style="color:#9767b6;border-color:#9767b6">
  684.       <i class="fas fa-star float-right"></i>
  685.       Other
  686.      </h3>
  687.  
  688.      <ul class="list-group list-group-flush">
  689.       <li class="list-group-item"><a href="/about/contact-us">Contact Us</a></li>
  690.       <li class="list-group-item"><a href="/help/faq">Help / FAQ</a></li>
  691.       <li class="list-group-item"><a href="/about/about-us">About us</a></li>
  692.       <li class="list-group-item"><a href="/about/privacy">Privacy</a></li>
  693.       <li class="list-group-item"><a href="/about/disclaimer">Disclaimer</a></li>
  694.       <li class="list-group-item"><a href="/about/terms">Terms</a></li>
  695.      </ul>
  696.  
  697.     </div>
  698.  
  699.    </div><!-- .row -->
  700.   </div><!-- .modal-body -->
  701.  </div><!-- .modal-content -->
  702. </div><!-- .modal-dialog -->
  703. </div><!-- .modal -->
  704.  
  705. </body>
  706.  
  707. <style>
  708.    #SLWorldTeaserModal .modal-dialog, #HomeTutorVideoModal .modal-dialog {max-width: 1200px;}
  709.    #SLWorldTeaserModal .modal-body, #HomeTutorVideoModal .modal-body {padding-left: 3rem;padding-right: 3rem;}  
  710.    #SLWorldTeaserModal .modal-header, #HomeTutorVideoModal .modal-header {height:1px; border:none;}
  711. @media only screen and (max-width: 767px) {
  712.    #SLWorldTeaserModal .modal-body, #HomeTutorVideoModal .modal-body {padding-left: 1rem;padding-right: 1rem;}  
  713.    #SLWorldTeaserModal .modal-header, #HomeTutorVideoModal .modal-header {height:1px; border:none;}
  714. #SLWorldTeaserModal .modal-header, #HomeTutorVideoModal .modal-header {height: 20px;padding-top:30px;}
  715.    .site-menu .modal-header .close {
  716.    margin-top:-45px!important;
  717.   }
  718. }  
  719. </style>
  720.  
  721.  
  722.  <script type="text/javascript">
  723.  
  724.  
  725.    $( document ).ready(function(){
  726.    
  727. $('#SLWorldTeaserModal').on('hidden.bs.modal', function () {
  728.    document.getElementById('slWorldVideo').pause();
  729. })
  730.  
  731. $('#HomeTutorVideoModal').on('hidden.bs.modal', function () {
  732.    document.getElementById('htVideo').pause();
  733. })
  734. $('#SLWorldTeaserModal').on('shown.bs.modal', function () {
  735.   // document.getElementById('slWorldVideo').src();
  736.   videoString = $('#slWorldVideo  source').data("videourl");
  737.    $('#slWorldVideo  source').attr('src', videoString);
  738.    $("#slWorldVideo ")[0].load();
  739.    $("#slWorldVideo ")[0].play();
  740. })
  741.  
  742. $('#HomeTutorVideoModal').on('shown.bs.modal', function () {
  743.   // document.getElementById('htVideo').pause();
  744.   videoString = $('#htVideo  source').data("videourl");
  745.    $('#htVideo  source').attr('src', videoString);
  746.    $("#htVideo ")[0].load();
  747.     $("#htVideo ")[0].play();
  748. })
  749.    });    
  750.    
  751.    //  document.getElementById('videoId').play();
  752.    //jQuery("#video").trigger('pause');
  753.    
  754.    
  755.  </script>
  756.  
  757.  <div class="modal fade newPopUpDesign site-menu" id="SLWorldTeaserModal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  758.    <div class="modal-dialog modalBox">
  759.      <div class="modal-content">
  760.        <div class="modal-header " style="background-color:#000!important;">
  761.          <h4 class="modal-title text-center w-100 d-none" style="background-color:#000;text-shadow: none;color:#fff">Studyladder <span style="color:#3fa9f5;">World</span> Teaser<span class="sprite iconCorner3"></span></h4>
  762.          <button aria-hidden="true" data-dismiss="modal" class="close" type="button"><i class="fa fa-times"></i></button>
  763.        </div>
  764.        <div class="modal-body pt-4" style="background-color:#000;">
  765.  
  766.  <video id="slWorldVideo" class="w-100 " style="border:1px solid #ccc; " controls="" poster="/images/world/sl-world-vid-thumb-1.png">  <source src="" data-videourl="https://static.studyladder.com.au/cdn/site/21/d30aeb2035b2.mp4" type="video/mp4"></video>
  767.        </div>
  768.      </div>
  769.    </div>
  770.  </div>
  771.  
  772.     <div class="modal fade newPopUpDesign site-menu" id="HomeTutorVideoModal" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
  773.    <div class="modal-dialog modalBox">
  774.      <div class="modal-content">
  775.        <div class="modal-header " style="background-color:#000!important;">
  776.          <h4 class="modal-title text-center w-100 d-none" style="background-color:#000;text-shadow: none;color:#fff">Studyladder Home Tutor Trailer<span class="sprite iconCorner3"></span></h4>
  777.          <button aria-hidden="true" data-dismiss="modal" class="close" type="button"><i class="fa fa-times"></i></button>
  778.        </div>
  779.        <div class="modal-body pt-4" style="background-color:#000;">
  780.  <video id="htVideo" class="w-100 " style="border:1px solid #ccc; " controls="" poster="/images/home-tutor/ht-vid-thumb-1.png">  <source src="" data-videourl="https://static.studyladder.com.au/cdn/site/28/18e953ba03b8.mp4" type="video/mp4"></video>
  781.        </div>
  782.      </div>
  783.    </div>
  784.  </div> <!-- HEALTH CHECK 0049835 -->
  785. </body>
  786. </html>
  787.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda