-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathloop.html
More file actions
113 lines (113 loc) · 10.7 KB
/
loop.html
File metadata and controls
113 lines (113 loc) · 10.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="en-us"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8" lang="en-us"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9" lang="en-us"> <![endif]-->
<!--[if IE 9]> <html class="no-js lt-ie10 lt-ie9" lang="en-us"> <![endif]-->
<!--[if lt IE 10]> <html class="no-js lt-ie10" lang="en-us"> <![endif]-->
<!--[if !IE]> > <![endif]-->
<html lang='en' ng-app='app'>
<!-- <![endif] -->
<head>
<title>LabLabLab</title>
<meta charset='utf-8' content='text/html' http-equiv='content-type'>
<meta content='ie=edge,chrome=1' http-equiv='x-ua-compatible'>
<meta content='' name='description'>
<meta content='' name='author'>
<meta content='initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width' name='viewport'>
<meta content='initial-scale=1.0,user-scalable=no,maximum-scale=1' media='(device-height: 568px)' name='viewport'>
<meta content='yes' name='apple-mobile-web-app-capable'>
<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style'>
<link href='/images/favicon/apple-touch-icon.png' rel='apple-touch-icon' sizes='120x120'>
<link href='/images/favicon/favicon-32x32.png' rel='icon' sizes='32x32' type='image/png'>
<link href='/images/favicon/favicon-16x16.png' rel='icon' sizes='16x16' type='image/png'>
<link href='/images/favicon/manifest.json' rel='manifest'>
<link color='#5bbad5' href='/images/favicon/safari-pinned-tab.svg' rel='mask-icon'>
<link href='/images/favicon/favicon.ico' rel='shortcut icon'>
<meta content='/images/favicon/browserconfig.xml' name='msapplication-config'>
<meta content='#ffffff' name='theme-color'>
<link href="stylesheets/application.css" rel="stylesheet" type="text/css" />
</head>
<body class='page' ng-controller='AppController'>
<div class='loop-button'>MAKE-TO-KNOW</div>
<svg class='loop' viewBox='0 0 771 407'>
<linearGradient id='grad'>
<stop stop-color='#DBDBDB'></stop>
<stop offset='100%' stop-color='#FFFFFF'></stop>
</linearGradient>
<ellipse cx='238.5' cy='203.5' id='bigOval' rx='200.5' ry='200.5'>
<animateTransform attributeName='transform' dur='4s' from='0 238.5 203.5' repeatCount='indefinite' to='360 238.5 203.5' type='rotate'></animateTransform>
</ellipse>
<ellipse cx='493.5' cy='174.5' id='smallOval' rx='125.5' ry='125.5'>
<animateTransform attributeName='transform' dur='4s' from='0 493.5 174.5' repeatCount='indefinite' to='-360 493.5 174.5' type='rotate'></animateTransform>
</ellipse>
<g class='circle circle1' transform='translate(63.000000, 60.000000)'>
<circle cx='20' cy='20' r='20'></circle>
<text class='white'>
<tspan x='16' y='25'>1</tspan>
</text>
</g>
<g class='circle circle2' transform='translate(384.000000, 66.000000)'>
<circle cx='20' cy='20' r='20'></circle>
<text class='white'>
<tspan x='16' y='26'>2</tspan>
</text>
</g>
<g class='circle circle4' transform='translate(406.000000, 261.000000)'>
<circle cx='20' cy='20' r='20'></circle>
<text class='white'>
<tspan x='17' y='25'>3</tspan>
</text>
</g>
<g class='circle circle5' transform='translate(83.000000, 330.000000)'>
<circle cx='20' cy='20' r='20'></circle>
<text class='white'>
<tspan x='14' y='25'>4</tspan>
</text>
</g>
<g class='circle circle3' transform='translate(570.000000, 74.000000)'>
<circle class='small' cx='16' cy='16' r='16'></circle>
<path class='person' d='M18.6601455,12.3710769 L13.7674182,12.3710769 C13.2333091,12.3710769 12.8,12.7784615 12.8,13.2812308 L13.1619636,17.0584615 L13.1724364,17.1723077 C13.2274182,17.4449231 13.4826909,17.6516923 13.7890182,17.6516923 L13.7890182,17.6523077 L13.9788364,17.6523077 C13.9873455,17.6516923 13.9965091,17.6516923 14.0056727,17.6516923 C14.0148364,17.6516923 14.0233455,17.6516923 14.0325091,17.6523077 C14.2308364,17.6646154 14.3918545,17.8061538 14.4193455,17.9889231 C14.4226182,18.0061538 14.4239273,18.0233846 14.4245818,18.0406154 L14.7603636,21.9987692 L14.7682182,22.0867692 C14.8153455,22.3686154 15.0745455,22.5846154 15.3874182,22.5846154 L17.0421091,22.5846154 C17.3504,22.5846154 17.6069818,22.3753846 17.6593455,22.0996923 L17.6685091,21.9852308 L18.0042909,18.0344615 C18.0042909,18.0215385 18.0056,18.0086154 18.0075636,17.9963077 C18.0324364,17.8098462 18.1954182,17.6646154 18.3963636,17.6523077 C18.4048727,17.6516923 18.4140364,17.6516923 18.4232,17.6516923 C18.4317091,17.6516923 18.4408727,17.6516923 18.4500364,17.6523077 L18.6365818,17.6523077 L18.6365818,17.6516923 C18.9501091,17.6516923 19.2106182,17.4350769 19.2564364,17.152 L19.2577455,17.1452308 L19.2629818,17.0867692 L19.6282182,13.2812308 C19.6282182,12.7784615 19.1942545,12.3710769 18.6601455,12.3710769 Z M16.2139127,11.6006769 C17.3973309,11.6006769 18.35624,10.6985231 18.35624,9.58713846 C18.35624,8.47452308 17.3973309,7.57236923 16.2139127,7.57236923 C15.0304945,7.57236923 14.07224,8.47452308 14.07224,9.58713846 C14.07224,10.6985231 15.0304945,11.6006769 16.2139127,11.6006769 Z'></path>
</g>
<g class='circle circle3' transform='translate(601.000000, 135.000000)'>
<circle class='small' cx='16' cy='16' r='16'></circle>
<path class='person' d='M18.6601455,12.3710769 L13.7674182,12.3710769 C13.2333091,12.3710769 12.8,12.7784615 12.8,13.2812308 L13.1619636,17.0584615 L13.1724364,17.1723077 C13.2274182,17.4449231 13.4826909,17.6516923 13.7890182,17.6516923 L13.7890182,17.6523077 L13.9788364,17.6523077 C13.9873455,17.6516923 13.9965091,17.6516923 14.0056727,17.6516923 C14.0148364,17.6516923 14.0233455,17.6516923 14.0325091,17.6523077 C14.2308364,17.6646154 14.3918545,17.8061538 14.4193455,17.9889231 C14.4226182,18.0061538 14.4239273,18.0233846 14.4245818,18.0406154 L14.7603636,21.9987692 L14.7682182,22.0867692 C14.8153455,22.3686154 15.0745455,22.5846154 15.3874182,22.5846154 L17.0421091,22.5846154 C17.3504,22.5846154 17.6069818,22.3753846 17.6593455,22.0996923 L17.6685091,21.9852308 L18.0042909,18.0344615 C18.0042909,18.0215385 18.0056,18.0086154 18.0075636,17.9963077 C18.0324364,17.8098462 18.1954182,17.6646154 18.3963636,17.6523077 C18.4048727,17.6516923 18.4140364,17.6516923 18.4232,17.6516923 C18.4317091,17.6516923 18.4408727,17.6516923 18.4500364,17.6523077 L18.6365818,17.6523077 L18.6365818,17.6516923 C18.9501091,17.6516923 19.2106182,17.4350769 19.2564364,17.152 L19.2577455,17.1452308 L19.2629818,17.0867692 L19.6282182,13.2812308 C19.6282182,12.7784615 19.1942545,12.3710769 18.6601455,12.3710769 Z M16.2139127,11.6006769 C17.3973309,11.6006769 18.35624,10.6985231 18.35624,9.58713846 C18.35624,8.47452308 17.3973309,7.57236923 16.2139127,7.57236923 C15.0304945,7.57236923 14.07224,8.47452308 14.07224,9.58713846 C14.07224,10.6985231 15.0304945,11.6006769 16.2139127,11.6006769 Z'></path>
</g>
<g class='circle circle3' transform='translate(595.000000, 204.000000)'>
<circle class='small' cx='16' cy='16' r='16'></circle>
<path class='person' d='M18.6601455,12.3710769 L13.7674182,12.3710769 C13.2333091,12.3710769 12.8,12.7784615 12.8,13.2812308 L13.1619636,17.0584615 L13.1724364,17.1723077 C13.2274182,17.4449231 13.4826909,17.6516923 13.7890182,17.6516923 L13.7890182,17.6523077 L13.9788364,17.6523077 C13.9873455,17.6516923 13.9965091,17.6516923 14.0056727,17.6516923 C14.0148364,17.6516923 14.0233455,17.6516923 14.0325091,17.6523077 C14.2308364,17.6646154 14.3918545,17.8061538 14.4193455,17.9889231 C14.4226182,18.0061538 14.4239273,18.0233846 14.4245818,18.0406154 L14.7603636,21.9987692 L14.7682182,22.0867692 C14.8153455,22.3686154 15.0745455,22.5846154 15.3874182,22.5846154 L17.0421091,22.5846154 C17.3504,22.5846154 17.6069818,22.3753846 17.6593455,22.0996923 L17.6685091,21.9852308 L18.0042909,18.0344615 C18.0042909,18.0215385 18.0056,18.0086154 18.0075636,17.9963077 C18.0324364,17.8098462 18.1954182,17.6646154 18.3963636,17.6523077 C18.4048727,17.6516923 18.4140364,17.6516923 18.4232,17.6516923 C18.4317091,17.6516923 18.4408727,17.6516923 18.4500364,17.6523077 L18.6365818,17.6523077 L18.6365818,17.6516923 C18.9501091,17.6516923 19.2106182,17.4350769 19.2564364,17.152 L19.2577455,17.1452308 L19.2629818,17.0867692 L19.6282182,13.2812308 C19.6282182,12.7784615 19.1942545,12.3710769 18.6601455,12.3710769 Z M16.2139127,11.6006769 C17.3973309,11.6006769 18.35624,10.6985231 18.35624,9.58713846 C18.35624,8.47452308 17.3973309,7.57236923 16.2139127,7.57236923 C15.0304945,7.57236923 14.07224,8.47452308 14.07224,9.58713846 C14.07224,10.6985231 15.0304945,11.6006769 16.2139127,11.6006769 Z'></path>
</g>
<text fill='#888888' font-size='24' font-weight='260' letter-spacing='1'>
<tspan x='383' y='22'>MAKE</tspan>
</text>
<text fill='#888888' font-size='24' font-weight='260' letter-spacing='1'>
<tspan x='648' y='154'>USER TEST</tspan>
</text>
<text fill='#888888' font-size='24' font-weight='260' letter-spacing='1'>
<tspan x='438' y='342'>LEARN</tspan>
</text>
<text fill='#888888' font-size='24' font-weight='260' letter-spacing='1'>
<tspan x='54' y='401'>SHIP</tspan>
</text>
<text fill='#888888' font-size='24' font-weight='260' letter-spacing='1'>
<tspan x='0' y='87'>IDEA</tspan>
</text>
</svg>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js" type="text/javascript"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js" type="text/javascript"></script>
<script src="http://www.parsecdn.com/js/parse-1.4.2.min.js" type="text/javascript"></script>
<script src="javascripts/lib/angular-ui-router.min.js" type="text/javascript"></script>
<script src="javascripts/main.js" type="text/javascript"></script>
<script src="javascripts/lib/smoothScroll.js" type="text/javascript"></script>
<script src="javascripts/scrollId.js" type="text/javascript"></script>
<script src="javascripts/toggleClass.js" type="text/javascript"></script>
<script src="javascripts/storybook.js" type="text/javascript"></script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>