<!DOCTYPE html>
<html data-wf-page="cubes1">
<head>
<title>Hello World!</title>
<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="css/rotating-cubes.css" rel="stylesheet" type="text/css">
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">
! function(o, c) {
var n = c.documentElement,
t = " w-mod-";
n.className += t + "js", ("ontouchstart" in o || o.DocumentTouch && c instanceof DocumentTouch) && (n.className += t + "touch")
}(window, document);
</script>
</head>
<body>
<div class="background"><a href="#" data-w-id="050db66d-02c9-8a2c-ef33-ebee5fa97db9" class="button w-button">Restart</a>
<div class="scene-container w-container">
<div data-w-id="f32cebb5-a29e-7013-965a-743d32b970a7" class="rotating-wrap _1">
<div class="axis"></div>
<div class="cube-3d">
<div class="cube-side-top"></div>
<div class="cube-side-bottom"></div>
<div class="cube-side-left"></div>
<div class="cube-side-right"></div>
<div class="cube-side-front"></div>
<div class="cube-side-back"></div>
</div>
<div data-w-id="ea11a70c-b7eb-ff64-c0bc-a30e0917b90e" class="rotating-wrap _2">
<div class="axis"></div>
<div class="cube-3d yellow">
<div class="cube-side-top yellow"></div>
<div class="cube-side-bottom yellow"></div>
<div class="cube-side-left yellow"></div>
<div class="cube-side-right yellow"></div>
<div class="cube-side-front yellow"></div>
<div class="cube-side-back yellow"></div>
</div>
<div data-w-id="9dd8e014-6949-4573-6d7b-8d6728fd6aa2" class="rotating-wrap _3">
<div class="axis"></div>
<div class="cube-3d lime">
<div class="cube-side-top lime"></div>
<div class="cube-side-bottom lime"></div>
<div class="cube-side-left lime"></div>
<div class="cube-side-right lime"></div>
<div class="cube-side-front lime"></div>
<div class="cube-side-back lime"></div>
</div>
<div data-w-id="6a57afab-0fc1-9bc4-fe0f-3b292fbd7183" class="rotating-wrap _4">
<div class="axis"></div>
<div class="cube-3d teal">
<div class="cube-side-top teal"></div>
<div class="cube-side-bottom teal"></div>
<div class="cube-side-left teal"></div>
<div class="cube-side-right teal"></div>
<div class="cube-side-front teal"></div>
<div class="cube-side-back teal"></div>
</div>
<div data-w-id="5f85ff04-8999-a726-4c87-7a7c9fdcffd4" class="rotating-wrap _5">
<div class="axis"></div>
<div class="cube-3d blue">
<div class="cube-side-top blue"></div>
<div class="cube-side-bottom blue"></div>
<div class="cube-side-left blue"></div>
<div class="cube-side-right blue"></div>
<div class="cube-side-front blue"></div>
<div class="cube-side-back blue"></div>
</div>
<div data-w-id="7586b320-6462-9ef7-8cc5-faae196f95ea" class="rotating-wrap _6">
<div class="axis"></div>
<div class="cube-3d purple">
<div class="cube-side-top purple"></div>
<div class="cube-side-bottom purple"></div>
<div class="cube-side-left purple"></div>
<div class="cube-side-right purple"></div>
<div class="cube-side-front purple"></div>
<div class="cube-side-back purple"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="js/rotating-cubes.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>