-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
256 lines (217 loc) · 11.3 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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta name="p:domain_verify" content="8307f431554d62797ec04bb37587e214"/>
<link rel="icon" href="assets/img/favico/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/favico/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/img/favico/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/favico/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/favico/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/favico/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/favico/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/favico/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/favico/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/img/favico/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favico/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/img/favico/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favico/favicon-16x16.png">
<link rel="manifest" href="assets/img/favico/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/img/favico/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<title>Koloring Box - Your monthly coloring fix delivered.</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/custom-animations.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="assets/js/ie10-viewport-bug-workaround.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="//load.sumome.com/" data-sumo-site-id="e5520127e258a34e2e6107f39b5b4eca06ce9970cf8a3f7c1f86bc4f915a3c85" async="async"></script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');
fbq('init', '1692343291044110');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1692343291044110&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
</head>
<body>
<! -- ********** HEADER ********** -->
<div id="h">
<div class="container">
<div class="row">
<a href="#f">
<button class="btn btn-lg btn-info btn-register" role="button">Newsletter</button>
</a>
<!-- <a href="http://bit.ly/usbuy3kb" class="btn btn-lg btn-info btn-register btn-pink">Buy Three Months</a> -->
<a href="http://koloringbox.com/book/index.html" class="btn btn-lg btn-info btn-register btn-pink">Buy Our Book</a>
</div>
<div class="row nopadding">
<div class="col-md-10 col-md-offset-1 mt">
<h3>Your monthly adult coloring fix delivered to your door.</h3>
<h1 class="mb">KOLORING BOX</h1>
</div>
<div class="col-md-12 mt hidden-xs">
<img src="assets/img/graph.jpg" class="img-responsive aligncenter" alt="">
</div>
</div>
</div><! --/container -->
</div><! --/h -->
<! -- ********** FIRST ********** -->
<div id="w">
<div class="row nopadding">
<div class="col-md-5 col-md-offset-1 mt">
<h4>INSPIRATION</h4>
<p>Do you have a hunger for adult coloring books that is not currently being satisfied?</p>
<p>Get a fresh set of ready to color inspiring custom art every month to keep you busy.</p>
<p>Not only will you get new art but you will have the opportunity to share this art in various forms.</p>
<p>Postcards, frameable pieces and booklets are all possibilities within Koloring Box.</p>
<!-- <p class="mt">
<a href="earlyaccess.html">
<button class="btn btn-info btn-theme">Buy Now To Get Inspired</button>
</a>
</p> -->
</div>
<div class="col-md-6 pull-right">
<img src="assets/img/shot01.jpg" class="img-responsive alignright" alt="">
</div>
</div><! --/row -->
</div><! --/container -->
<! -- ********** BLUE SECTION - PICTON ********** -->
<div id="picton">
<div class="row nopadding">
<div class="col-md-6 pull-left">
<img src="assets/img/shot02.jpg" class="img-responsive alignleft" alt="">
</div>
<div class="col-md-5 mt">
<h4>EXPAND YOUR TOOL PALETTE</h4>
<p>Tired of the running out of pens or wishing for new colors?</p>
<p>Each Koloring Box packs a sampling of high quality tools for your coloring habits. Try new metallic colors or gel pens every month.</p>
<!--
<p class="mt">
<a href="earlyaccess.html">
<button class="btn btn-white btn-theme">Click Here For New Tools Every Month</button>
</a>
</p> -->
</div>
</div><! --row -->
</div><! --/Picton -->
<! -- ********** BLUE SECTION - CURIOUS ********** -->
<div id="curious">
<div class="row nopadding">
<div class="col-md-5 col-md-offset-1 mt">
<h4>A VIBRANT COMMUNITY</h4>
<p>As part of the Koloring Box Club you will be able to share your art and ideas with other members</p>
<p>Every month we will select a winner from those who submit their art. We will provide the winner with a framing choice and a free month of Koloring Box.</p>
<p class="mt">
<a href="http://facebook.com/koloringbox">
<button class="btn btn-white btn-theme btn-pink">Join Our Facebook Community Now</button>
</a>
</p>
</div>
<div class="col-md-6 pull-right">
<img src="assets/img/shot03.jpg" class="img-responsive alignright" alt="">
</div>
</div><! --/row -->
</div><! --/curious -->
<! -- ********** BLUE SECTION - MALIBU ********** -->
<div id="malibu">
<div class="row nopadding">
<div class="col-md-6 pull-left">
<img src="assets/img/shot04.jpg" class="img-responsive alignleft" alt="">
</div>
<div class="col-md-5 mt">
<h4>DELIVERED EACH MONTH TO YOUR DOOR</h4>
<p>With Koloring Box you don't have to run to the art store or bookstore. Koloring Box comes to you 100% struggle-free.</p>
<!-- <p class="mt">
<a href="earlyaccess.html">
<button class="btn btn-white btn-theme">Make Your Mailbox Happy Today</button>
</a>
</p> -->
</div>
</div><! --row -->
</div><! --/Malibu -->
<! -- ********** BLUE SECTION - JELLY ********** -->
<div id="jelly">
<div class="row nopadding">
<div class="col-md-5 col-md-offset-1 mt">
<h4>MAKE SALLY HAPPY FOR LESS THAN A CUP OF JOE</h4>
<p>Adult Coloring is not only fun but also healthy as it <u><a href="http://www.theguardian.com/books/2015/jun/26/adult-colouring-in-books-anxiety-stress-mindfulness" target="blank">keeps your stress levels low.</a></u></p>
<p>Enjoy a bit of mindfulness every month for you and your family.</p>
<p>If you are not <strong>completely</strong> satisfied we'll give you your money back. </p>
<!-- <p class="mt">
<a href="earlyaccess.html">
<button class="btn btn-white btn-theme">Get Your Koloring Box Now</button>
</a>
</p> -->
</div>
<div class="col-md-6 mt centered">
<h2 data-effect="slide-bottom">$7.99 for 1 Box</h2>
<h3 data-effect="slide-bottom">Or $22.49 for 3 Boxes</h3>
<h4 data-effect="slide-bottom">Use the buttons on the top to buy now.</h4>
</div>
</div><! --/row -->
</div><! --/Jelly -->
<! -- ********** FOOTER ********** -->
<div id="f">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 centered" id="mc_embed_signup">
<h4 class="mb">Please join our Mailing List for news on upcoming boxes and early access discounts. </h4>
<form role="form" action="https://koloringbox.us7.list-manage.com/subscribe/post?u=cabf25f530b9913646bbda4ef&id=a0b72f819f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
<input type="email" name="EMAIL" id="mce-EMAIL" class="subscribe-input" placeholder="Enter your e-mail address..." required>
<button name="subscribe" id="mc-embedded-subscribe" class='btn btn-lg btn-info btn-sub subscribe-submit' type="submit">Yes, Please</button>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_6d3ebec52ea0b93a6588b688c_0913d36d2f" tabindex="-1" value=""></div>
</form>
</div>
</div><! --/row -->
</div><! --/container -->
</div><! --/F -->
<! -- ********** CREDITS ********** -->
<div id="c">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 centered">
<p>Copyright 2016 | KoloringBox.com | <a href="mailto:[email protected]?Subject=Contact Us." target="_top">Contact Us</a> | <a href="privacypolicy.html">Privacy Policy</a> | <a href="returnpolicy.html">Return Policy</a></p>
</div>
</div>
</div><! --/container -->
</div><! --/C -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/retina.min.js"></script>
<script src="assets/js/jquery.unveilEffects.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','http://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-71603907-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>