-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
265 lines (265 loc) · 19.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
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
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Wed Mar 25 2020 04:17:48 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5d482663cc4d3a4c93ba468d" data-wf-site="5d417d80f656702f6b7f62ba">
<head>
<meta charset="utf-8">
<title>Homepage</title>
<meta content="Homepage" property="og:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/pwd.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Rubik:300,regular,500,700,900"] }});</script>
<script src="https://use.typekit.net/scn2nuv.js" type="text/javascript"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<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>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-145698918-1"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-145698918-1', {'anonymize_ip': false});</script>
<!-- Hotjar Tracking Code for https://peoplewho.design -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:1445680,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.0/lottie.js"></script>
</head>
<body class="body">
<div class="html-embed w-embed">
<style>
.hero-heading.stroke {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-stroke: 1px #2b2d42;
}
.partner-logo {
object-fit:cover;
}
</style>
</div>
<div data-w-id="c7427152-11b9-8721-9a70-3b21af730bc6" class="hero-section">
<div data-collapse="medium" data-animation="default" data-duration="400" class="navbar w-nav">
<div class="nav-wrapper site-wrapper"><a href="index.html" aria-current="page" class="logo w-nav-brand w--current"><img src="images/pwd-logo.svg" alt="" class="logo-full"><img src="images/pwd-logo-icon.svg" alt="" class="logo-mark"></a>
<nav role="navigation" class="nav-menu w-nav-menu">
<div><a href="index.html" aria-current="page" class="nav-link w-nav-link w--current">home</a></div>
<div class="link-container">
<div data-w-id="ad1d6eee-de88-f07f-f0fb-bae3008def8f" class="dot"></div><a href="events.html" class="nav-link w-nav-link">events</a></div>
<div><a href="https://epyc.in" class="nav-link w-nav-link">studio</a><a href="contact.html" class="nav-link w-nav-link">contact us</a></div>
</nav>
<div class="menu-button w-nav-button">
<div class="icon w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="hero-illustrations-wrapper"><img src="images/lines.svg" data-w-id="8b150f69-384d-10c2-abf5-112a1ce87e38" alt="" class="confetti-illustration"><img src="images/circles.svg" data-w-id="4386bd2c-8f58-8081-9411-5123c0690a66" alt="" class="circles-illustration"><img src="images/girl.svg" data-w-id="1e8523cb-478f-434b-1847-4c9bd7fc06d8" alt="" class="girl-illustration"><img src="images/boxes.svg" data-w-id="7a1464a3-810f-1b53-4bc0-033a6650ef19" alt="" class="boxes-illustration"></div>
<div class="hero-text-container">
<h1 data-w-id="124b806b-7e81-f1da-fdd8-c108e2bbbedc" class="hero-heading filled"><span class="italic-spam">The</span> Design Community</h1>
<h1 data-w-id="b507281e-d76f-936c-03d8-1be567603478" class="hero-heading stroke"><span class="italic-spam">The</span> Design Community</h1>
</div>
<a href="https://chat.whatsapp.com/KaxQ9PyTJoCFSTnODQBjW7" target="_blank" class="cta-contain w-inline-block">
<div id="w-node-2a4ca5a29c56-93ba468d" class="whatsapp-container"></div>
<div id="w-node-57cec5ee44f1-93ba468d" class="cta-text">let's start talking</div><img src="images/arrow-thin-down.svg" width="20" height="20" id="w-node-74c29ec802fa-93ba468d" data-w-id="cc72e01a-adc4-4d53-ac67-74c29ec802fa" 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)" alt="" class="arrow">
<div id="w-node-57cec5ee44f3-93ba468d" class="cta-color-underline green"></div>
</a>
</div>
<div class="community-section">
<div class="lower-section-wrapper site-wrapper">
<div id="w-node-122453aa8401-93ba468d" class="section-content-wrapper">
<h2 class="section-heading"><span class="italic-spam">Another</span> Design Community?</h2>
</div>
<p id="w-node-08567e9bf347-93ba468d" class="section-para">Umm... No. We’re The Design Community.
<br>May sound weird, but we’re a bunch of 20-something designers who want to give back to the community.<br><br>Too early? Who cares. We’re not the most experienced designers - but we’re working on a lot of stuff & want you to be a part of our journey.</p>
<div id="w-node-27f879d6ec51-93ba468d" class="section-lottie-wrapper">
<div data-w-id="5ffa565c-26e3-fd24-af23-848def41c251" data-animation-type="lottie" data-src="https://uploads-ssl.webflow.com/5d417d80f656702f6b7f62ba/5d70ff413f57a52ea4673613_community.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="1.167834453600963" data-duration="0" class="lottie-animation"></div>
</div>
</div>
</div>
<div class="value-proposition-section">
<div class="lower-section-wrapper site-wrapper">
<h2 id="w-node-17b37f18de6e-93ba468d" class="section-heading">What's in it for <span class="italic-spam">You?</span></h2>
<div id="w-node-17b37f18de6d-93ba468d" class="section-content-wrapper">
<div id="w-node-17b37f18de81-93ba468d" class="section-lottie-wrapper">
<div data-w-id="a8e93eb0-5e79-7062-07f7-d76ae3949c3b" data-animation-type="lottie" data-src="https://uploads-ssl.webflow.com/5d417d80f656702f6b7f62ba/5d70ff4162d15d6c7eeef2d7_new-designer.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="3.4034032647799495" data-duration="0" class="lottie-animation tab-lottie"></div>
<div data-w-id="feb702e2-762a-e24a-9994-04d55e701473" data-animation-type="lottie" data-src="https://uploads-ssl.webflow.com/5d417d80f656702f6b7f62ba/5d70ff41c8ca5d552a43c359_intermediate.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="3.937270443568961" data-duration="0" class="lottie-animation tab-lottie"></div>
<div data-w-id="59ac3c53-e88d-b444-073c-efd6f791b7b6" data-animation-type="lottie" data-src="https://uploads-ssl.webflow.com/5d417d80f656702f6b7f62ba/5d70ff41c8ca5d7ac343c35a_expert.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="2.669335893945058" data-duration="0" class="lottie-animation tab-lottie"></div>
</div>
<div data-duration-in="300" data-duration-out="100" data-easing="ease-in-out" class="value-proposition-tab w-tabs">
<div class="tabs-menu w-tab-menu">
<a data-w-tab="Tab 1" data-w-id="7c680660-954a-f55d-ef70-7b5f0a0e6254" class="tab-link w-inline-block w-tab-link w--current">
<div>New to design</div>
</a>
<a data-w-tab="Tab 2" id="w-node-7b5f0a0e6257-93ba468d" data-w-id="7c680660-954a-f55d-ef70-7b5f0a0e6257" class="tab-link w-inline-block w-tab-link">
<div>Intermediate</div>
</a>
<a data-w-tab="Tab 3" data-w-id="7c680660-954a-f55d-ef70-7b5f0a0e625a" class="tab-link w-inline-block w-tab-link">
<div>Expert</div>
</a>
</div>
<div class="tab-content w-tab-content">
<div data-w-tab="Tab 1" class="w-tab-pane w--tab-active">
<p class="section-para">Welcome to the community - we’re excited you’re here! <br>Design is a vast yet closely-knit community, and we want you to experience the very best of it. <span class="medium-span">PeopleWho.Design</span> is your platform to ask questions without hesitations, learn new things every day and make friends with a tonne of people who design. <br><br>It’s also an opportunity to interact with a lot of industry leaders and get mentorship from them.<br>It is a long journey ahead - and we’re with you in it.</p>
</div>
<div data-w-tab="Tab 2" class="w-tab-pane">
<p class="section-para">How’s it going so far? We hope you’re having a good time.<br>You already know the value of design - let’s talk beyond that. We as a community, believe in collective growth. It is one of our core principles at <span class="medium-span">PeopleWho.Design</span> and something we always strive for.<br><br>On our platform, everyone has something to teach - and we’re so lucky, we get to learn not only from the experts, but also the beginners.<br>We’re in this together. Remember? If you grow, we grow.</p>
</div>
<div data-w-tab="Tab 3" class="w-tab-pane">
<p class="section-para">We’re glad you’re here.<br>The design landscape is changing faster than ever - and with so many people transitioning into design every day, the industry is in dire need of leaders like you, looking for direction and guidance. <br><br><span class="medium-span">PeopleWho.Design</span> is your platform to guide the community in whole - and give direction to what comes next. <br>We’ll hold your beer.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="timeline-section">
<div class="timeline-wrapeer site-wrapper">
<h2 class="section-heading">We've got a timeline... <span class="italic-spam">sort of. </span></h2>
<div class="timeline-container">
<div id="w-node-4a64d9011b26-93ba468d" class="timeline-content-wrapper">
<div class="timeline-content-container right">
<div id="w-node-9a9210d36cdb-93ba468d" class="timeline-date">14 Aug, 2019</div>
<div id="w-node-430ccef43912-93ba468d" class="timeline-text right-align"><span class="timeline-text-span">Launch:</span> Version 1.0 of<br>peoplewho.design</div>
</div>
<div id="w-node-b2ab8689e6f6-93ba468d" class="keyframe"></div>
</div>
<div id="w-node-89e6656dc5d6-93ba468d" class="timeline-content-wrapper">
<div id="w-node-89e6656dc5dc-93ba468d" class="keyframe"></div>
<div class="timeline-content-container left">
<div class="timeline-date">7 Sep, 2019</div>
<div class="timeline-text"><span class="timeline-text-span">Event:</span> Webflow masterclass</div>
</div>
</div>
<div id="w-node-00ec91b5a023-93ba468d" class="timeline-content-wrapper">
<div class="timeline-content-container right">
<div id="w-node-eaed2494d4ac-93ba468d" class="timeline-date">21 Sep, 2019</div>
<div id="w-node-b01f14e62da8-93ba468d" class="timeline-text right-align"><span class="timeline-text-span">Event:</span> 'Get started with Figma' workshop</div>
</div>
<div id="w-node-00ec91b5a024-93ba468d" class="keyframe"></div>
</div>
<div id="w-node-23d74e927419-93ba468d" class="timeline-content-wrapper">
<div id="w-node-23d74e92741a-93ba468d" class="keyframe"></div>
<div class="timeline-content-container left">
<div class="timeline-date">October, definitely</div>
<div class="timeline-text"><span class="timeline-text-span">Launch:</span> Version 2.0 of peoplewho.design</div>
</div>
</div>
<div id="w-node-4edc6a96e539-93ba468d" class="timeline-content-wrapper">
<div class="timeline-content-container right">
<div id="w-node-4edc6a96e53a-93ba468d" class="timeline-date">Uh, got tips?</div>
<div id="w-node-4edc6a96e53c-93ba468d" class="timeline-text right-align">Drop a line at - contact@<br>peoplewho.design</div>
</div>
<div id="w-node-4edc6a96e53e-93ba468d" class="keyframe"></div>
</div>
<div id="w-node-6344305376fc-93ba468d" class="timeline-bar"></div>
</div>
<div class="timeline-question-box">
<div id="w-node-84cd335af2ab-93ba468d" class="timeline-left-line"></div>
<h3 id="w-node-d108b259ad37-93ba468d" class="timeline-question-heading">Why a <span>'sort of'</span> timeline?</h3>
<p id="w-node-c74e2b270e27-93ba468d" class="timeline-para">Although we want to work on it as much as we can, our tight work schedules don’t allow us to work on it full time. But we’ll be sticking to our ‘sort of’ timeline at any cost. Maybe not any cost, but you get it, right!?<br><br>If you’re a designer who wants to give back to the community, we’ve got something for you.</p>
<a id="w-node-6006e8f4a29d-93ba468d" href="https://peoplewhodesign.typeform.com/to/h7NjWQ" target="_blank" class="cta-contain cta-animate-lower w-inline-block">
<div id="w-node-6006e8f4a29e-93ba468d" class="cta-text">join contributor network</div><img src="images/arrow-thin-down.svg" width="20" height="20" id="w-node-6006e8f4a2a0-93ba468d" alt="" class="arrow">
<div id="w-node-6006e8f4a2a1-93ba468d" class="cta-color-underline blue"></div>
</a>
</div>
</div>
</div>
<div class="contact-section site-wrapper">
<h2 id="w-node-118ef81ee2d0-93ba468d" class="section-heading">If not now, <span class="italic-spam">When? </span></h2>
<div id="w-node-23c396769690-93ba468d" class="contact-text">need help? <a href="contact.html" class="contact-link">contact us</a></div>
<a id="w-node-fe7302d4e734-93ba468d" href="https://chat.whatsapp.com/Ec6Z3Z0roMl9PIpUsFHeJN" target="_blank" class="cta-contain cta-animate-lower w-inline-block">
<div id="w-node-e98e1c67af10-93ba468d" class="whatsapp-container"></div>
<div id="w-node-fe7302d4e736-93ba468d" class="cta-text">let's start talking</div><img src="images/arrow-thin-down.svg" width="20" height="20" id="w-node-fe7302d4e738-93ba468d" alt="" class="arrow">
<div id="w-node-fe7302d4e739-93ba468d" class="cta-color-underline green"></div>
</a>
</div>
<div class="footer-section">
<div class="footer-wrapper site-wrapper">
<div id="w-node-028c9ecdc0dd-9ecdc0db" class="footer-left">
<div id="w-node-028c9ecdc0de-9ecdc0db" class="footer-text">© 2019, by PeopleWho.Design, LLC</div>
</div>
<div id="w-node-028c9ecdc0e6-9ecdc0db" class="footer-right">
<div id="w-node-028c9ecdc0e7-9ecdc0db" class="footer-text social-media-text">Find us around the web</div><a href="https://twitter.com/PeepleWhoDesign" target="_blank" class="social-icon-container w-inline-block"><img src="images/twitter-3-1.svg" alt="" class="social-icon"></a><a href="https://www.facebook.com/PeopleWhoDesign/" target="_blank" class="social-icon-container w-inline-block"><img src="images/facebook-icon-1.svg" alt="" class="social-icon"></a><a href="https://www.instagram.com/peoplewhodesign/" target="_blank" class="social-icon-container w-inline-block"><img src="images/instagram-2-1.svg" alt="" class="social-icon"></a></div>
</div>
<div class="made-love site-wrapper">
<div class="footer-line"></div>
<div class="footer-text color-light">Designed with ❤ by <a href="https://peoplefirst.design/" target="_blank" class="footer-link">PeopleFirst.Design</a><a href="http://craftwork.design" target="_blank" class="footer-link"></a></div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5d417d80f656702f6b7f62ba" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
<!-- Loader Animation -->
<script>
var loader = document.getElementsByClassName("community-lottie");
function loadBMAnimation(loader) {
var animation = bodymovin.loadAnimation({
container: loader,
renderer: "svg",
loop: true,
autoplay: true,
path: "https://gist.githubusercontent.com/hellokeshavsharma/4ac1dff207fadbd3b94d97ee8eebb0f8/raw/9e215e86139ecf06141ab6d4f7d2718f5eb2db57/community-lottie.json"
});
}
for (var i = 0; i < loader.length; i++) {
loadBMAnimation(loader[i]);
}
</script>
<!-- Loader Animation -->
<script>
var loader = document.getElementsByClassName("expert-lottie");
function loadBMAnimation(loader) {
var animation = bodymovin.loadAnimation({
container: loader,
renderer: "svg",
loop: true,
autoplay: true,
path: "https://gist.githubusercontent.com/hellokeshavsharma/24b11e9d923fa0cd1144723113ac788c/raw/2208ecd2b6a2f5eb3450d1958cee7cdc6cd96eae/expert.json"
});
}
for (var i = 0; i < loader.length; i++) {
loadBMAnimation(loader[i]);
}
</script>
<!-- Loader Animation -->
<script>
var loader = document.getElementsByClassName("new-designer-lottie");
function loadBMAnimation(loader) {
var animation = bodymovin.loadAnimation({
container: loader,
renderer: "svg",
loop: true,
autoplay: true,
path: "https://gist.githubusercontent.com/hellokeshavsharma/a287e43aae1dd0a6761a88abb192c028/raw/581c43473c4d7f17613e22778734d57a0cd1ca9b/new-designer.json"
});
}
for (var i = 0; i < loader.length; i++) {
loadBMAnimation(loader[i]);
}
</script>
<!-- Loader Animation -->
<script>
var loader = document.getElementsByClassName("intermediate-lottie");
function loadBMAnimation(loader) {
var animation = bodymovin.loadAnimation({
container: loader,
renderer: "svg",
loop: true,
autoplay: true,
path: "https://gist.githubusercontent.com/hellokeshavsharma/bf039e43c1e822fc1007695797fe61e5/raw/193c0e0dd3fecd16fa1d06ec09b4f12d65717498/intermediate.json"
});
}
for (var i = 0; i < loader.length; i++) {
loadBMAnimation(loader[i]);
}
</script>
</body>
</html>