-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (196 loc) · 20.1 KB
/
index.html
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<title>Wunderlist | 6wunderkinder | SponsorPay</title>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<link rel="stylesheet" href="/assets/css/app.css" />
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="bower_components/owlcarousel/owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="bower_components/owlcarousel/owl-carousel/owl.theme.css">
<link rel="stylesheet" href="bower_components/owlcarousel/owl-carousel/owl.transitions.css">
<script type="text/javascript" src="//use.typekit.net/xve4mvz.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
</head>
<body>
<section class="top">
<div class="top__indicator">
<a href="#" class="js-toggle-nav"><i class="fa fa-bars"></i></a>
</div>
<div class="top__logo">
<a href="#">
<svg width="150px" height="28px" viewbox="0 0 150 28" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="p-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="svg-fill--black" fill="#FFFFFF">
<path d="M15.2325,2.20809375 C15.3991667,1.61325 15.3433333,1.44365625 14.9516667,1.245375 C13.4708333,0.42440625 11.2058333,0 9.165,0 C4.6075,0 2.09166667,2.29246875 2.09166667,5.8033125 C2.09166667,8.54971875 4.21666667,10.162125 7.76583333,11.917125 C9.72416667,12.8511562 10.45,13.3607812 10.45,14.3791875 C10.45,15.427125 9.80666667,16.588125 7.29166667,16.588125 C5.44666667,16.588125 3.37666667,15.852375 2.03583333,15.2575312 C1.64416667,15.0879375 1.4475,15.1157812 1.225,15.5697187 L0.163333333,17.8326562 C-0.0883333333,18.3144375 -0.0316666667,18.5127187 0.219166667,18.6823125 C2.12,19.983375 4.91666667,20.4651562 7.2925,20.4651562 C11.71,20.4651562 15.0641667,18.56925 15.0641667,14.2382812 C15.0641667,10.9830937 12.6875,9.39853125 9.445,7.98271875 C7.34833333,7.02084375 6.565,6.3973125 6.565,5.63371875 C6.565,4.69884375 7.20916667,3.85003125 8.97,3.85003125 C10.4233333,3.85003125 12.1008333,4.21790625 13.6941667,4.755375 C14.0858333,4.86759375 14.3383333,4.897125 14.5616667,4.33096875 L15.2325,2.20809375 L15.2325,2.20809375 Z" id="Shape"></path>
<path d="M24.4675,4.9815 C22.5666667,4.9815 20.3575,5.2936875 18.5125,6.11465625 C18.0375,6.368625 17.8975,6.59475 17.8416667,6.99046875 L15.1933333,26.0575312 C15.1366667,26.45325 15.3041667,26.5393125 15.695,26.5393125 L18.52,26.5393125 C18.9941667,26.5393125 19.1066667,26.4819375 19.1616667,26.0575312 L19.9933333,20.0685937 C21.0833333,20.3234062 21.8941667,20.408625 22.9841667,20.408625 C27.905,20.408625 30.4766667,16.3603125 30.4766667,11.2649062 C30.4783333,7.64353125 29.0516667,4.9815 24.4675,4.9815 L24.4675,4.9815 Z M22.6783333,16.8707812 C22.1191667,16.8707812 21.3358333,16.8125625 20.4966667,16.5594375 L21.56,8.83153125 C22.1475,8.63325 23.1258333,8.5201875 23.6558333,8.5201875 C25.4175,8.5201875 26.4233333,9.284625 26.4233333,11.5205625 C26.4241667,15.3714375 24.635,16.8707812 22.6783333,16.8707812 L22.6783333,16.8707812 Z" id="Shape"></path>
<path d="M40.1708333,4.92496875 C35.5025,4.92496875 32.2308333,8.407125 32.2308333,14.6061563 C32.2308333,18.343125 34.1591667,20.4651563 38.2141667,20.4651563 C43.275,20.4651563 46.1825,16.7855625 46.1825,11.124 C46.1816667,7.18959375 44.1675,4.92496875 40.1708333,4.92496875 L40.1708333,4.92496875 Z M38.6608333,16.9838438 C37.0675,16.9838438 36.3683333,15.9932813 36.3683333,14.1252188 C36.3683333,10.8143438 37.57,8.40796875 39.8066667,8.40796875 C41.4558333,8.40796875 42.0708333,9.5394375 42.0708333,11.2379063 C42.0708333,14.2948125 40.98,16.9838438 38.6608333,16.9838438 L38.6608333,16.9838438 Z" id="Shape"></path>
<path d="M54.7091667,4.92496875 C53.6191667,4.92496875 51.5508333,5.06671875 50.795,5.20846875 C49.4816667,5.46328125 48.9783333,6.22771875 48.81,7.50178125 L47.105,19.6433438 C47.0491667,20.0415938 47.2183333,20.1538125 47.6366667,20.1538125 L50.4041667,20.1538125 C50.9075,20.1538125 50.9908333,20.0694375 51.0466667,19.6433438 L52.6125,8.46365625 C53.3675,8.32275 54.0658333,8.32275 54.43,8.32275 C57.0583333,8.32275 57.5333333,9.5394375 57.1975,12.0023438 L56.135,19.6441875 C56.0783333,20.0424375 56.2475,20.1546563 56.6658333,20.1546563 L59.4625,20.1546563 C59.9658333,20.1546563 60.0491667,20.0702813 60.105,19.6441875 L61.1116667,12.2571563 C61.8933333,6.87909375 59.7416667,4.92496875 54.7091667,4.92496875 L54.7091667,4.92496875 Z" id="Shape"></path>
<path d="M74.5491667,5.8876875 C73.3191667,5.26415625 71.5866667,4.92496875 69.9375,4.92496875 C66.3033333,4.92496875 64.2633333,6.70865625 64.2633333,9.53859375 C64.2633333,11.5484063 65.6891667,12.9068438 68.1491667,13.9547813 C69.7141667,14.6061563 70.3566667,15.0305625 70.3566667,15.710625 C70.3566667,16.5020625 69.7691667,17.0960625 68.4,17.0960625 C67.2541667,17.0960625 65.7733333,16.7855625 64.3475,16.135875 C63.9841667,15.9654375 63.7883333,15.9932813 63.5925,16.4185313 L62.7541667,18.3439688 C62.5575,18.7388438 62.5866667,18.9092813 62.8375,19.078875 C64.2633333,20.0694375 66.4716667,20.4651563 68.3433333,20.4651563 C71.7541667,20.4651563 74.465,18.9936563 74.465,15.6819375 C74.465,13.1059688 72.6475,11.9449688 70.3283333,10.9830938 C68.875,10.3604063 68.2875,10.0212188 68.2875,9.34115625 C68.2875,8.88890625 68.6783333,8.12446875 69.8525,8.12446875 C71.0541667,8.12446875 72.0608333,8.35059375 73.3466667,8.775 C73.6816667,8.91675 73.8491667,8.8880625 74.045,8.49234375 L74.7166667,6.6808125 C74.9125,6.22771875 74.9125,6.08596875 74.5491667,5.8876875 L74.5491667,5.8876875 Z" id="Shape"></path>
<path d="M84.5108333,4.92496875 C79.8425,4.92496875 76.5708333,8.407125 76.5708333,14.6061563 C76.5708333,18.343125 78.5008333,20.4651563 82.5541667,20.4651563 C87.6141667,20.4651563 90.5225,16.7855625 90.5225,11.124 C90.5216667,7.18959375 88.5091667,4.92496875 84.5108333,4.92496875 L84.5108333,4.92496875 Z M83.0016667,16.9838438 C81.4066667,16.9838438 80.7091667,15.9932813 80.7091667,14.1252188 C80.7091667,10.8143438 81.9116667,8.40796875 84.1475,8.40796875 C85.7958333,8.40796875 86.4125,9.5394375 86.4125,11.2379063 C86.4125,14.2948125 85.3225,16.9838438 83.0016667,16.9838438 L83.0016667,16.9838438 Z" id="Shape"></path>
<path d="M102.068333,4.92496875 C100.223333,4.86759375 98.2383333,4.897125 96.1691667,5.12325 C94.0716667,5.40675 93.8775,6.25640625 93.57,8.29321875 L92.0316667,19.5589687 C91.9483333,20.0694375 92.1716667,20.1538125 92.5916667,20.1538125 L95.1908333,20.1538125 C95.6658333,20.1538125 95.8625,20.0694375 95.9166667,19.5589687 L97.51,8.29321875 C98.8241667,8.35059375 99.8866667,8.40796875 101.451667,8.63325 C101.929167,8.690625 102.179167,8.71846875 102.264167,8.1523125 L102.710833,5.63371875 C102.824167,5.038875 102.655833,4.92496875 102.068333,4.92496875 L102.068333,4.92496875 Z" id="Shape"></path>
</g>
<g id="svg-fill--red" fill="#FFFFFF">
<path d="M114.34,0.3121875 L107.825833,0.3121875 C106.5125,0.3121875 106.120833,0.9905625 105.980833,2.0385 L103.520833,19.5589687 C103.464167,20.0120625 103.660833,20.1538125 104.079167,20.1538125 L106.930833,20.1538125 C107.461667,20.1538125 107.574167,20.0694375 107.629167,19.5589687 L108.551667,12.9650625 L112.186667,12.9650625 C118.98,12.9650625 119.985833,8.03925 119.985833,5.88853125 C119.9875,2.60465625 118.030833,0.3121875 114.34,0.3121875 L114.34,0.3121875 Z M112.523333,9.4820625 L109.056667,9.4820625 L109.811667,4.10315625 L113.335,4.10315625 C115.235,4.10315625 115.683333,5.3206875 115.683333,6.31125 C115.683333,8.12446875 114.536667,9.4820625 112.523333,9.4820625 L112.523333,9.4820625 Z" id="Shape"></path>
<path d="M133.4075,5.71809375 C131.255,5.1519375 129.075,4.9545 127.76,4.9545 C122.534167,4.9545 119.765,8.66278125 119.765,14.691375 C119.765,18.0604687 121.359167,20.466 125.944167,20.466 C127.5375,20.466 129.773333,20.239875 131.870833,19.5032813 C132.150833,19.3902187 132.261667,19.2484688 132.29,18.9649687 C132.765833,14.8322812 133.296667,10.8987187 133.94,6.6234375 C133.995,6.22771875 134.023333,5.916375 133.4075,5.71809375 L133.4075,5.71809375 Z M128.626667,16.6733437 C128.039167,16.8707812 127.2575,17.0125312 126.699167,17.0125312 C124.5175,17.0125312 123.848333,15.8236875 123.848333,14.266125 C123.959167,10.0769062 125.665,8.407125 127.565,8.407125 C128.069167,8.407125 129.1325,8.4628125 129.774167,8.63240625 C129.215,12.0301875 129.1025,13.0485937 128.626667,16.6733437 L128.626667,16.6733437 Z" id="Shape"></path>
<path d="M149.370833,5.2903125 L146.5,5.2903125 C145.995833,5.2903125 145.9125,5.403375 145.829167,5.8269375 L144.389167,16.5029063 C143.468333,16.7855625 142.491667,16.8707813 141.989167,16.8707813 C140.529167,16.8707813 139.425,16.1713125 139.463333,14.4475313 C139.485833,14.1294375 139.523333,13.7826563 139.575833,13.4004375 L140.609167,5.8269375 C140.666667,5.43121875 140.526667,5.2903125 140.135,5.2903125 L137.315,5.2903125 C136.813333,5.2903125 136.730833,5.403375 136.674167,5.8269375 L135.585833,13.4856563 C135.526667,13.9978125 135.494167,14.3775 135.49,14.74875 C135.439167,18.1229063 136.994167,20.3740313 140.6775,20.3740313 C141.739167,20.3740313 143.05,20.1943125 143.998333,19.9108125 C143.5475,22.6707188 142.755833,23.8435313 139.763333,23.8435313 C138.090833,23.8435313 136.216667,22.97025 135.7475,22.7449688 C135.2775,22.5196875 135.105833,22.6614375 134.936667,23.0563125 C134.936667,23.0563125 134.409167,24.7345313 134.309167,25.083 C134.175,25.5403125 134.099167,25.7934375 134.6025,26.0237813 C135.871667,26.6025938 137.645833,27.347625 140.180833,27.347625 C145.898333,27.347625 147.226667,24.2350313 147.794167,20.4027188 C148.416667,16.2025313 149.845833,5.82609375 149.845833,5.82609375 C149.901667,5.4320625 149.7625,5.2903125 149.370833,5.2903125 L149.370833,5.2903125 Z" id="Shape"></path>
</g>
</g>
</svg>
</a>
</div>
<div class="top__user">
<div class="media media--rev">
<p class="media__body">
<small>Welcome!</small><br>
Mr. John Smith
</p>
<img src="http://api.randomuser.me/0.3/portraits/men/25.jpg" class="media__img">
</div>
</div>
</section>
<section class="body">
<nav class="body__nav">
<ul>
<li><a href="#"><i class="fa fa-circle"></i><span>Applications</span></a></li>
<li class="active"><a href="#"><i class="fa fa-circle"></i><span>Analytics</span></a></li>
<li><a href="#"><i class="fa fa-circle"></i><span>Programs</span></a></li>
<li><a href="#"><i class="fa fa-circle"></i><span>Account</span></a></li>
<li><a href="#"><i class="fa fa-circle"></i><span>Settings</span></a></li>
</ul>
</nav>
<div class="body__content">
<div class="app">
<div class="app__bar">
<div class="media">
<img src="assets/img/wunderkinder.png" alt="" class="media__img">
<div class="media__body">
<p>6wunderkinder / <strong>Wunderlist</strong>
</div>
</div>
</div>
<div class="app__viewport">
<div class="viewport">
<div class="widgets">
<div class="widget widget--revenue">
<div class="widget__graph">
<h3 class="graph__desc">Revenue <span class="graph__value">$1890.65</span></h3>
<time datetime="" class="graph__time">Today 6:43AM</time>
<span class="graph__diff">+$432.50 (15,78%)</span>
<div class="graph" id="revenue-lines"></div>
<div class="graph" id="revenue-bars"></div>
</div>
<div class="widget__body">
<div class="stats__block top-left">
<div class="stats__plus">+$780,90</div>
<div class="stats__type">Weekly<br>
<small>change</small></div>
</div>
<div class="stats__block top-right"></div>
<div class="stats__block bottom-left">
<div class="stats__plus">9.127</div>
<div class="stats__type">Applications</div>
</div>
<div class="stats__block bottom-right">
<div class="stats__plus">$965.783,87</div>
<div class="stats__type">Total Income</div>
</div>
</div>
</div>
<div class="widget widget--fills">
<div class="widget__graph">
<h3 class="graph__desc">Fills <span class="graph__value">$1890.65</span></h3>
<time datetime="" class="graph__time">Today 6:43AM</time>
<span class="graph__diff">+$432.50 (15,78%)</span>
<div class="graph" id="fills-lines"></div>
<div class="graph" id="fills-bars"></div>
</div>
<div class="widget__body">
<div class="stats__block top-left"></div>
<div class="stats__block top-right"></div>
<div class="stats__block bottom-full"></div>
</div>
</div>
<div class="widget widget--clicks">
<div class="widget__graph">
<h3 class="graph__desc">Clicks <span class="graph__value">$1890.65</span></h3>
<time datetime="" class="graph__time">Today 6:43AM</time>
<span class="graph__diff">+$432.50 (15,78%)</span>
<div class="graph" id="clicks-lines"></div>
<div class="graph" id="clicks-bars"></div>
</div>
<div class="widget__body">
<div class="stats__block top-left"></div>
<div class="stats__block top-right"></div>
<div class="stats__block bottom-full"></div>
</div>
</div>
<div class="widget widget--conversions">
<div class="widget__graph">
<h3 class="graph__desc">Conversions <span class="graph__value">$1890.65</span></h3>
<time datetime="" class="graph__time">Today 6:43AM</time>
<span class="graph__diff">+$432.50 (15,78%)</span>
<div class="graph" id="conversions-lines"></div>
<div class="graph" id="conversions-bars"></div>
</div>
<div class="widget__body">
<div class="stats__block top-left"></div>
<div class="stats__block top-right"></div>
<div class="stats__block bottom-full"></div>
</div>
</div>
</div>
<div class="widgets">
<div class="widget widget--two-thirds">
<div class="widget__header">
<h2><i class="fa fa-usd"></i> Revenue</h2>
</div>
<div class="widget__body">
<div class="widget__body-container">
<div id="revenue-big" class="big-chart"></div>
</div>
</div>
</div>
<div class="widget widget--news">
<div class="widget__header">
<h2><i class="fa fa-calendar"></i> Events</h2>
</div>
<div class="widget__body">
<div class="widget__body-container">
<article class="news_item">
<h4 class="news_item__header">2013, 18th November</h4>
<div class="news_item__body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</article>
<article class="news_item">
<h4 class="news_item__header">2013, 18th November</h4>
<div class="news_item__body">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/underscore/underscore.js"></script>
<script src="bower_components/backbone/backbone.js"></script>
<script src="bower_components/owlcarousel/owl-carousel/owl.carousel.js"></script>
<script src="bower_components/harvey/harvey.js"></script>
<script src="assets/js/app.js"></script>
<script src="assets/js/views/top.js"></script>
<script src="assets/js/views/widget.js"></script>
<script>
(function($){
App.start();
})(jQuery);
</script>
</body>
</html>