https://day3-colinmason.webflow.io/

1<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com --><!-- Last Published: Fri Jul 24 2020 16:33:50 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="day3-colinmason.webflow.io" data-wf-page="5f19dca564cea471a10252d6" data-wf-site="5f19bdcb91b2d4e746f04bdb"><head><meta charset="utf-8"/><title>Day3-colinmason</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://assets.website-files.com/5f19bdcb91b2d4e746f04bdb/css/day3-colinmason.webflow.30d084dd3.css" rel="stylesheet" type="text/css"/><!--[if lt IE 9]>

1<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>

1<![endif]-->

1<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>

1<link href="https://assets.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://assets.website-files.com/img/webclip.png" rel="apple-touch-icon"/></head><body class="body"><div class="fixed-footer-nav-wrap"><div class="footer-nav"><div data-w-id="fabb352b-5943-6c43-bfd3-efd6cf329024" class="footer-menu"><div class="menu-top"><a href="#" target="_blank" class="footer-menu-link highlight">Clone</a><a href="/submissions" class="footer-menu-link highlight _2">Submit</a></div><div class="menu-bottom"><a href="/instructions" class="footer-menu-link">Instructions</a><a href="https://clonecomp.webflow.io/#prizes" target="_blank" class="footer-menu-link">Prizes</a><a href="https://clonecomp.webflow.io/#rules" target="_blank" class="footer-menu-link">Rules</a><a href="https://join.slack.com/t/clonecomp/shared_invite/zt-dy9j8kev-CThji6XzTVLH_mpe3wS6vw" target="_blank" class="footer-menu-link"> Slack</a></div></div><div class="footer-link-wrap"><div data-w-id="fabb352b-5943-6c43-bfd3-efd6cf329026" class="menu-button"><div data-w-id="fabb352b-5943-6c43-bfd3-efd6cf329027" data-animation-type="lottie" data-src="https://assets.website-files.com/5f19bdcb91b2d4e746f04bdb/5f19bdcb91b2d4d395f04bf4_CloneComp%20Menu%20Lottie.json" data-loop="0" data-direction="1" data-autoplay="0" data-is-ix2-target="1" data-renderer="svg" data-default-duration="4.004003840917587" data-duration="0" data-ix2-initial-state="0" class="lottie-animation"></div></div><div class="div-block-11"><a href="https://webflow.com/cmasonx" target="_blank" class="source-block w-inline-block"><div class="source-block-heading">Day 1 Credits</div><div class="source-block-name">Colin Mason</div></a><a href="#" target="_blank" class="source-block w-inline-block"><div class="source-block-heading">Day 2 Credits</div><div class="source-block-name">Marcel Deelen</div></a><a href="#https://webflow.com/cmasonx" target="_blank" class="source-block w-inline-block"><div class="source-block-heading">Day 3 Credits</div><div class="source-block-name">colin mason</div></a></div></div></div></div><div data-w-id="b176e8bb-78c5-3507-44b0-bfa976cda78b" style="-webkit-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="pre-load"><div class="count-up-wrap"><div class="count-up-parent"><p udesly-countup="linear" digits="0" duration="2" class="number">100</p></div></div></div><div class="cta-wrapper"><div style="display:flex" class="cta-parent"><div style="width:0PX;height:0PX;background-color:rgba(0,0,0,0)" class="cta-bg"></div><div data-w-id="85204efe-288d-5862-ad2d-423323ba9308" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);display:flex" class="cta-circle"><div class="cta-blob"></div><div data-w-id="85204efe-288d-5862-ad2d-423323ba9306" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0)" class="cta-text">Click TO START</div></div></div><h1 style="opacity:1" class="heading-3">THE ESCAPE STORY</h1><h1 style="opacity:1" class="heading-4">please scroll slowly, <br/>im not very good!!</h1></div><div class="w-embed"><style>
2.cursor-wrapper {pointer-events: none;}
3</style></div><div class="cursor-wrapper"><div data-w-id="b85a8deb-bddb-fad1-aae0-a098fc98de68" style="width:50PX;height:50PX;background-color:rgba(0,0,0,0)" class="cursor-circle"></div></div><div data-w-id="758162ca-b7c8-06f3-a0dd-7752dbbc2d6b" style="opacity:0;width:100VW;height:100VH" class="hero-section"><div style="-webkit-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="slide-door-left"></div><div style="-webkit-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0%, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="slide-door-right"></div><div class="story-wrapper"><div data-w-id="6fb38b99-e20f-6bae-8e72-be11d1a4ca33" class="bg-rocks1 bg-rocks"></div><div data-w-id="141f5eed-34ee-ea62-a265-967471852a9f" class="rocks1 rocks"></div><div data-w-id="18d1a118-2afe-c17a-cccb-f45e92c7e03c" class="fly-rock flying-rock"></div><div data-w-id="7a18379d-35a1-ad72-d814-c41ee9d3c8f6" class="bg-shaado bg-sh

3adows"></div><div data-w-id="d8c8e71c-8088-19b7-c47b-1565f00d55bb" class="lefth-rock left-rock"></div><div data-w-id="50fda009-7cde-f2d9-1979-821f844d83ec" class="righth-rock right-rock"></div><div data-w-id="7d6d75e3-dcc4-a0a1-23f8-de3679d2a05d" class="sun1 sun"></div><h1 data-w-id="db88ba58-45f7-d4b0-543a-319cfa5d1550" class="destroy-heading">we&#x27;ve destroyed our world...</h1><h1 data-w-id="873b1755-e602-295a-1f44-7ce1ed3d0f2e" class="leave-heading">i think, its time we leave...</h1><div data-w-id="da0e075c-1970-7640-e553-662a3607396e" class="take-off-bg"></div><div data-w-id="817d31de-0b88-3723-e3f7-803a3c17d75a" class="tube"></div><div data-w-id="3e777dab-65da-7e6b-621b-697caa3ea5dc" class="space-guy1"></div><div data-w-id="57472196-2e5d-3146-7d9e-9e9a04c561e9" class="s2-slide-left"></div><div data-w-id="a93b92a7-f8af-4cc9-4323-7d66031265b8" class="s2-slide-right"></div><div data-w-id="c0a43442-bd62-24fc-6e1f-ebcd0b53cac5" class="section _3"><div data-w-id="96409261-d25a-58b2-532c-aec16dd71f1a" style="display:flex;-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:1" class="pulsing-wrap"></div><h1 style="-webkit-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0PX, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:1" class="heading liftoff">control, are you ready for lift off?</h1><a data-w-id="1a7ddbd4-4f82-8599-188f-00cf19e28672" style="opacity:1;display:block" href="#" class="button-2 w-button"></a><div class="custom-container liftoff"><img src="https://assets.website-files.com/5f19bdcb91b2d4e746f04bdb/5f19bdcb91b2d45ca4f04c10_Asset%201.svg" alt=""/><div data-w-id="0dbdc48c-2a01-3a60-cad1-4f5aa6d47a1e" data-animation-type="lottie" data-src="https://assets.website-files.com/5f19bdcb91b2d4e746f04bdb/5f19bdcb91b2d40359f04c11_lf30_editor_e6CsVO.json" data-loop="0" data-direction="1" data-autoplay="0" data-is-ix2-target="1" data-renderer="svg" data-default-duration="4" data-duration="10" data-ix2-initial-state="0" class="lottie-animation-3"></div></div><div style="-webkit-transform:translate3d(0PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="sec-3-slide-left"></div><div style="-webkit-transform:translate3d(0PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0PX, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="sec-3-slide-right"></div><h1 style="opacity:0;display:none" class="heading-2">WHATS NEXT?</h1><a href="https://day3-page-2.webflow.io/" class="big-button w-button">FIND OUT!!</a></div></div></div><div class="submit-btn"><a href="/submissions" class="cta w-button">Submissions</a></div>

3<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5f19bdcb91b2d4e746f04bdb" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

3<script src="https://assets.website-files.com/5f19bdcb91b2d4e746f04bdb/js/webflow.544f22675.js" type="text/javascript"></script>

3<!--[if lte IE 9]>

3<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>

3<![endif]-->

3<script src="https://cdn.jsdelivr.net/npm/udesly-wf-countup@latest/udesly-wf-countup.bundle.js"></script>

3
4

5<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>

5
6

7<script>
8  var typed = new Typed(".typed-words", {
9  strings: ["This is our world today."],
10  typeSpeed: 75,
11  backSpeed: 50,
12  backDelay: 800,
13  startDelay: 500,
14  loop: true,
15  showCursor: true,
16  cursorChar: "|",
17  attr: null,
18});
19</script>

19
20

21<script src="https://min30327.github.io/luxy.js/dist/js/luxy.js"></script>

21
22

23<script charset="utf-8">  
24 var isMobile = /iPhone|iPad|Android/i.test(navigator.userAgent);
25 if (!isMobile) {
26      luxy.init({
27        wrapper: '#luxy',
28        wrapperSpeed: 0.065,
29       
30    });
31 }
32 </script>

32</body></html>