-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
189 lines (179 loc) · 6.06 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
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/libs/swiper.jquery.min.js"></script>
<link rel="stylesheet" href="/static/libs/swiper.min.css" />
<script type="text/javascript" src="/static/js/main.js?cache-bust=2"></script>
<link rel="stylesheet" href="/static/css/styles.css?cache-bust=10" />
<meta name="description" content="Studio Paradise">
<meta name="viewport" content="width=device-width, minimal-ui">
<title>
Studio Paradise
</title>
<meta name="description" content="Paradise is a digital design studio in New York. We concieve and develop engaging brands, products and digital experiences."/>
</head>
<body>
<div class="container">
<div class="splash-marquee swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background-image: url(/static/img/1.jpg);">
<img src="/static/img/2.jpg">
</div>
<div class="swiper-slide" style="background-image: url(/static/img/2.jpg);">
<img src="/static/img/2.jpg">
</div>
<div class="swiper-slide" style="background-image: url(/static/img/3.jpg);">
<img src="/static/img/2.jpg">
</div>
<div class="swiper-slide" style="background-image: url(/static/img/4.jpg);">
<img src="/static/img/2.jpg">
</div>
<div class="swiper-slide" style="background-image: url(/static/img/5.jpg);">
<img src="/static/img/2.jpg">
</div>
<div class="swiper-slide" style="background-image: url(/static/img/6.jpg);">
<img src="/static/img/2.jpg">
</div>
<div class="swiper-slide" style="background-image: url(/static/img/7.jpg);">
<img src="/static/img/2.jpg">
</div>
<!--
<div class="swiper-slide">
<img src="/static/img/2.jpg">
</div>
<div class="swiper-slide">
<img src="/static/img/3.jpg">
</div>
<div class="swiper-slide">
<img src="/static/img/4.jpg">
</div>
<div class="swiper-slide">
<img src="/static/img/5.jpg">
</div>
<div class="swiper-slide">
<img src="/static/img/6.jpg">
</div>
<div class="swiper-slide">
<img src="/static/img/7.jpg">
</div>
<div class="swiper-slide">
<img src="/static/img/8.jpg">
</div>
<div class="swiper-slide">
<img src="/static/img/9.jpg">
</div>
<div class="swiper-slide">
<img src="/static/img/10.jpg">
</div>
-->
</div>
<!-- If we need scrollbar -->
<div class="swiper-scrollbar"></div>
</div>
<div class="paradise-intro">
<div class="paradise-body__col paradise-body__col--logo">
<img class="paradise-intro__svg" src="/static/img/welcome_to_paradise.svg" />
</div>
<!-- <img class="paradise-intro__gif"s src="/static/img/logo.svg" />-->
<div class="paradise-hello">
<a href="mailto:hello@studioparadise.com?subject=Hello it's me">
Say Hello
</a>
</div>
</div>
<div class="paradise-body">
<!-- fooo -->
<div class="paradise-body__col">
Paradise was founded on the shared belief that impactful brands are built holistically. We define a company's essence and translate it into a cohesive experience across three pillars: brand, product and digital. This process has produced thoughtful and purposeful results for a variety of clients including
<!-- <a target="_blank" href="http://grovemade.com/">Grovemade</a>, -->
<a target="_blank" href="http://jackerwin.com/">Jack Erwin</a>,
<a target="_blank" href="http://leaderbagco.com">Leader Bag Co.</a>
and
<a target="_blank" href="http://convicts.nyc">Convicts NYC.</a>
</div>
</div>
<div class="paradise-offerings">
<div class="paradise-offerings__col">
<div class="paradise-offerings__heading">
Brand
</div>
<div class="paradise-offerings__item">
Brand Strategy
</div>
<div class="paradise-offerings__item">
Brand Identity
</div>
<div class="paradise-offerings__item">
Print, Packaging
</div>
<div class="paradise-offerings__item">
Environment
</div>
</div>
<div class="paradise-offerings__col">
<div class="paradise-offerings__heading">
Product
</div>
<div class="paradise-offerings__item">
Industrial Design
</div>
<div class="paradise-offerings__item">
Sourcing & Production
</div>
<div class="paradise-offerings__item">
Product Strategy
</div>
<div class="paradise-offerings__item">
Point Of Sale
</div>
</div>
<div class="paradise-offerings__col">
<div class="paradise-offerings__heading">
Digital
</div>
<div class="paradise-offerings__item">
Web Development
</div>
<div class="paradise-offerings__item">
UI/UX Design
</div>
<div class="paradise-offerings__item">
ECommerce
</div>
</div>
</div>
<div class="footer">
<!--
<div class="email">
<input class="email__input" type="email" placeholder="Email, please" js-email-input>
<div class="email__checkmark">
<img src="/static/img/checkmark.svg" js-email-submit />
</div>
</div>
-->
<div class="social">
<div class="social__icons">
<a class="social__icon" href="mailto:hello@studioparadise.com?subject=Hello it's me" target="_blank">
Email Us
</a>
<a class="social__icon" href="https://www.google.com/maps/place/153+Centre+St,+New+York,+NY+10013/@40.7178662,-74.0025171,17z/data=!3m1!4b1!4m5!3m4!1s0x89c25a274e7827b9:0x972dc29d710eb312!8m2!3d40.7178662!4d-74.0003231" target="_blank">
Find Us
</a>
</div>
<div class="social__text">
153 Centre St Suite 206, New York NY 10013
</div>
</div>
</div>
</div>
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-76699445-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>