-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
450 lines (407 loc) · 14.6 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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Darkroom - platform for creators</title>
<link
id="pageBright"
href="./style/index.css"
type="text/css"
rel="stylesheet"
/>
</head>
<body class="light">
<div class="header">
<img
class="logo"
src="https://www.darkroom.tech/wp-content/uploads/2018/07/LogoV2.png"
alt="logo"
/>
<div class="header-buttons">
<a
href="http://explore.darkroom.tech/"
class="menu-text menu-explore menu-underlined menu-underlined-explore"
>Explore</a
>
<a
href="http://checkout.darkroom.tech/"
class="menu-text menu-cart menu-underlined menu-underlined-cart"
>Cart</a
>
<a
href="https://login.darkroom.tech/"
class="menu-text menu-login"
id="menu-login"
>Login</a
>
<a
href="https://login.darkroom.tech/"
class="menu-text menu-gallery"
id="menu-gallery"
>Create A Gallery</a
>
<p class="dark-mode-button" id="activate-button">Dark</p>
</div>
</div>
<div class="screen-container">
<h6 class="title">Print shops made simple</h6>
<h1 class="description">The easiest way to sell your art</h1>
<a
href="https://login.darkroom.tech"
class="create-button position-button"
>Create A Gallery</a
>
<div class="aspect-ration"></div>
</div>
<div class="workblock-container">
<div class="aspect-ration"></div>
<div class="workblock-container-pictures">
<div class="aspect-ration"></div>
<div class="workblock-container-pictures-pic"></div>
</div>
<div class="workblock-container-text">
<h2 class="title">How does it work?</h2>
<img
src="./Media/1/11-dark.png"
class="image-upload image"
alt="upload"
/>
<h6 class="topic-upload">Upload Your Photos</h6>
<p class="text-upload">
Upload your best work to be in your Darkroom gallery.
</p>
<img
src="./Media/1/12-dark.png"
class="image-customize image"
alt="customize"
/>
<h6 class="topic-customize">Customize</h6>
<p class="text-customize">
Choose from our themes and pick your prices.
</p>
<img src="./Media/1/13-dark.png" class="image-sell image" alt="sell" />
<h6 class="topic-sell">Share & Sell</h6>
<p class="text-sell">
Let your audience know that you’ve launched and track your sales.
</p>
<img
src="./Media/1/14-dark.png"
class="image-sleep image"
alt="sleep"
/>
<h6 class="topic-sleep">Sleep Easy</h6>
<p class="text-sleep">
We’ll handle the transactions, printing, shipping, and customer
service.
</p>
</div>
</div>
<div class="dashboard-container">
<div class="aspect-ration"></div>
<div class="dashboard-container-pictures">
<div class="aspect-ration"></div>
<div class="dashboard-container-pictures-pic"></div>
</div>
<div class="dashboard-container-text">
<h2 class="title">Your Dashboard</h2>
<h6 class="description">
Everything in one place. Upload images, set prices, track sales &
more.
</h6>
<ul>
<li>Uploader</li>
<li>Pricing</li>
<li>Analytics</li>
<li>Design</li>
<li>Discounts</li>
</ul>
<a
href="https://login.darkroom.tech"
class="create-button position-button"
>Create A Gallery</a
>
</div>
</div>
<div class="easypeasy-container">
<div class="aspect-ration"></div>
<div class="easypeasy-container-pictures">
<div class="aspect-ration"></div>
<div class="easypeasy-container-pictures-pic"></div>
</div>
<div class="easypeasy-container-text">
<h2 class="title">Easy Peasy</h2>
<h6 class="description">
You create, upload, and share – that’s it! We’ll handle the
transactions, printing, shipping, and customer service.
</h6>
<a
href="https://login.darkroom.tech"
class="create-button position-button"
>Create A Gallery</a
>
</div>
</div>
<div class="profits-container">
<div class="aspect-ration"></div>
<div class="profits-container-pictures">
<div class="aspect-ration"></div>
<div class="profits-container-pictures-pic"></div>
</div>
<div class="profits-container-text">
<h2 class="title">Profits You Deserve</h2>
<h6 class="description">
You choose your own prices and will be in control of what your profit
margin is. On average, Darkroom artists make a 73% profit margin.
</h6>
<a
href="https://login.darkroom.tech"
class="create-button position-button"
>Create A Gallery</a
>
</div>
</div>
<div class="comments-block">
<div class="aspect-ration"></div>
<h2 class="comments-topic title">Trusted By The Best</h2>
<h3 class="comments-text description">
Don’t listen to us, listen to our growing community of photographers and
artists.
</h3>
<div class="comments-slider">
<div class="comments-slide">
<p class="quote-text">
Darkroom made it so easy to share and sell my work to my audience, I
literally had my shop launched in minutes.
</p>
<div class="quote-arrow"></div>
<img src="./Media/5/photo_2019-07-08_16-35-11.jpg" alt="Eugenii" />
<p class="name">Eugenii Shukin</p>
<p class="profession">Musician</p>
</div>
<div class="comments-slide">
<p class="quote-text">
Darkroom gives me the ability to focus on creating great content
without worrying about print quality, fulfillment or customer
service.
</p>
<div class="quote-arrow"></div>
<img src="./Media/5/photo_2019-07-08_19-50-45.jpg" alt="Yurii" />
<p class="name">Yurii Savin</p>
<p class="profession">Front-End Developer</p>
</div>
<div class="comments-slide">
<p class="quote-text">
I’ve had difficulty over the last few years finding the best way to
make, sell, and ship prints... Until Darkroom came along.
</p>
<div class="quote-arrow"></div>
<img src="./Media/5/photo_2019-07-08_19-52-23.jpg" alt="Dmitrii" />
<p class="name">Dmitrii Beloborodov</p>
<p class="profession">Videomaker</p>
</div>
<div class="comments-slide">
<p class="quote-text">
I love how easy Darkroom makes it to sell my prints. They're fast,
efficient, and great to work with.
</p>
<div class="quote-arrow"></div>
<img src="./Media/5/photo_2019-07-08_19-53-04.jpg" alt="Sergey" />
<p class="name">Sergey Rudenko</p>
<p class="profession">Creator</p>
</div>
</div>
</div>
<div class="services-container">
<h2 class="title">Museum Quality Products</h2>
<h3 class="description">See for yourself.</h3>
<div class="item item-oe item-oea item-ue item-uea">
<h4>Lustre Paper</h4>
<p>
Satin-like sheen with a modestly textured surface. This paper type is
very durable and is wonderful at hiding fingerprints and minor
scratches. Mounting & framing options available.
</p>
<img src="./Media/lustre.jpg" alt="lustre" />
<div class="square"></div>
</div>
<div class="item item-oe item-oea item-ue item-uea">
<h4>Canvas</h4>
<p>
High quality cotton professionally mounted to solid wood with tight,
clean corners.
</p>
<img src="./Media/canvas.jpg" alt="canvas" />
</div>
<div class="item item-oe item-oea item-ue item-uea">
<h4>Framing</h4>
<p>
High quality modern frames with protective, clear acrylic, which
blocks up to 92% of UV rays. Available in 6 different styles.
</p>
<img src="./Media/framing.jpg" alt="framing" />
</div>
<div class="item item-oe item-oea item-ue item-uea">
<h4>Metal</h4>
<p>
Made from 100% recycled ChromaLuxe aluminum that is fully waterproof
and easy to clean. Comes with a built in mount, floating the print
1.2″ from the wall.
</p>
<img src="./Media/metal.png" alt="metal" />
</div>
<div class="item item-oe item-oea item-ue item-uea">
<h4>Framed Canvas</h4>
<p>
Modern frames surrounding tight-edge canvas with scratch resistant UV
protection and bumpers to protect your walls.
</p>
<img src="./Media/framed.png" alt="framed" />
</div>
</div>
<div class="darkroom-container">
<h3 class="title">Introducing Darkroom Plus</h3>
<p class="description">The best way to experience Darkroom.</p>
<div class="darkroom-container-free darkroom-container-style">
<h3 class="free">Free</h3>
<h4>$0 <span>MONTH</span></h4>
<ul>
<li>15% Darkroom Fee</li>
<li>No Custom Logo</li>
<li>Three Theme Options</li>
<li>Worldwide Fulfillment</li>
<li>Basic Customization</li>
<li>Three Collections</li>
</ul>
</div>
<div class="darkroom-container-plus darkroom-container-style pic">
<h3 class="plus">Plus +</h3>
<h4>$11 <span>MONTH</span></h4>
<ul>
<li>5% Darkroom Fee</li>
<li>Custom Logo</li>
<li>Six Theme Options</li>
<li>Worldwide Fulfillment</li>
<li>Enhanced Customization</li>
<li>Unlimited Collections</li>
</ul>
</div>
<a href="https://www.darkroom.tech/pages/memberships/">Learn More</a>
</div>
<div class="darkroom-podcasts">
<h3 class="title">Welcome to The Darkroom Podcast</h3>
<p class="description">
Stories from the world’s best innovators, disruptors and artists
</p>
<div class="podcast podcast-position-first">
<a class="biglink" href="https://instagram.com/rudensergey"></a>
<div class="aspect-ration"></div>
<a
class="link"
href="https://www.darkroom.tech/category/the-darkroom-podcast"
>The Darkroom Podcast</a
>
<div class="img-container">
<img src="./Media/10/1.png" alt="first podcast" />
</div>
<div class="aspect-ration-second"></div>
<h6 class="date">July 11, 2019</h6>
<h5 class="title">
Soundtracking the World with Epidemic Sound CEO Oscar Höglund
</h5>
<p class="text">
Listen on: Apple Podcast Spotify Stitcher In this episode of The
Darkroom Podcast we spoke to the CEO and Co-founder of Epidemic Sound,
Oscar Höglund. Over…
</p>
<div class="author">
<a href="https://instagram.com/rudensergey">Sergey Rudenko</a>
</div>
</div>
<div class="podcast podcast-position-second">
<a class="biglink" href="https://instagram.com/rudensergey"></a>
<div class="aspect-ration"></div>
<a
class="link"
href="https://www.darkroom.tech/category/the-darkroom-podcast"
>The Darkroom Podcast</a
>
<div class="img-container">
<img src="./Media/10/2.jpg" alt="second podcast" />
</div>
<div class="aspect-ration-second"></div>
<h6 class="date">July 5, 2019</h6>
<h5 class="title">
In the Mix with the Creator of Chef’s Table David Gelb
</h5>
<p class="text">
Listen on: Apple Podcasts Spotify Stitcher In this episode of The
Darkroom Podcast we spoke to the creator and director of Chef’s Table,
David Gelb, at his production…
</p>
<div class="author">
<a href="https://instagram.com/rudensergey">Yurii Savin</a>
</div>
</div>
<div class="podcast podcast-position-third">
<a class="biglink" href="https://instagram.com/rudensergey"></a>
<div class="aspect-ration"></div>
<a
class="link"
href="https://www.darkroom.tech/category/the-darkroom-podcast"
>The Darkroom Podcast</a
>
<div class="img-container">
<img src="./Media/10/3.jpg" alt="third podcast" />
</div>
<div class="aspect-ration-second"></div>
<h6 class="date">June 27, 2019</h6>
<h5 class="title">
Searching for Moments with Street Dreams Magazine Co-founder Steven
“Sweatpants” Irby
</h5>
<p class="text">
Listen on: Apple Podcast Spotify Stitcher In this episode of The
Darkroom Podcast we spoke to photographer, creative director and
Co-founder of Street Dreams Magazine Steven “Sweatpants”…
</p>
<div class="author">
<a href="https://instagram.com/rudensergey">Dmitrii Beloborodov</a>
</div>
</div>
<div class="view-all-posts">
<a href="https://login.darkroom.tech"></a>
<p>View All Posts</p>
<img src="./Media/10/arrow.png" alt="arrow" />
</div>
</div>
<footer>
<a class="button-link" href="https://login.darkroom.tech/"
>Create A Gallery</a
>
<ul>
<li><a href="https://www.darkroom.tech/pages/team/">About</a></li>
<li><a href="https://www.darkroom.tech/careers">Careers</a></li>
<li>
<a href="https://www.darkroom.tech/pages/creator-guide/"
>Creator Guide</a
>
</li>
<li><a href="https://www.darkroom.tech/pages/faq/">FAQ</a></li>
<li><a href="https://www.darkroom.tech/pages/terms/">Terms</a></li>
<li>
<a href="https://login.darkroom.tech/"
>® 2019 Darkroom Technologies All Rights Reserved</a
>
</li>
</ul>
</footer>
<script src="./main.js" rel="text/javascript"></script>
<script>
for (let nodes in document.body.childNodes) {
console.log(document.body.childNodes[nodes]);
}
</script>
</body>
</html>