-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
106 lines (91 loc) · 4.53 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WØRKS STUDIO | ABOUT</title>
<link rel="shortcut icon" href="favicon.avif" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css">
</head>
<body>
<div id="main">
<div id="page1" style="background-color: white;" data-scroll data-scroll-speed="-2">
<nav>
<div onclick="window.location.href='index.html'" class="logo">
<h2 class="work">WØRKS</h2>
</div>
<div class="nav">
<li onclick="window.location.href='project.html'">PROJECTS</li>
<li onclick="window.location.href='about.html'" class="lis">ABOUT</li>
<li onclick="window.location.href='idea.html'" class="lis">IDEA</li>
<li><i class="fa-solid fa-xmark"></i></li>
</div>
</nav>
<div class="content">
<h1>"<i>We are a</i> NEW YORK CITY <i>
based
</i> CREATIVE STUDIO <i>dedicated to cultural advancement through</i> STRATEGY <i>and</i> INTERDISCIPLINARY DESIGN"</h1>
</div>
</div>
<header>
<h1>WØRKS Studio</h1>
<p class="location-time">New York City | 11:31 PM</p>
</header>
<main>
<!-- Video Section -->
<div class="flex">
<section class="video-section">
<video autoplay muted loop>
<source src="about.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</section>
<!-- Introduction Section -->
<section class="intro">
<p>
The name <strong>WØRKS</strong> is an ode to the Deutscher Werkbund, the German association of artists, architects, designers, and industrialists established in 1907, and the prelude to the Bauhaus. As such, we design for the collective human experience, across mediums, eschewing lines between physical and digital.
</p>
</section>
</div>
<!-- Recap Section -->
<section class="recap">
<h2>2024 Recap</h2>
<ul class="services">
<li>Creative Direction</li>
<li>Brand Positioning</li>
<li>Art Direction</li>
<li>Experiential Design</li>
<li>Motion & Animation</li>
<li>Production</li>
<li>Digital</li>
<li>Packaging Design</li>
<li>Print & Editorial Design</li>
</ul>
</section>
<!-- Clients Section -->
<section class="clients">
<h2>Select Clients</h2>
<p>Nike, Louis Vuitton, Equinox, Fear of God, Virgin Music, Ferrari, Calvin Klein, Converse, U.S. Soccer, Beyoncé, Netflix, Heron Preston</p>
</section>
<!-- Recognition Section -->
<section class="recognition">
<h2>Recent Recognition</h2>
<p>It's Nice That, The Brand Identity, Pantone</p>
</section>
</main>
<footer>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<p>Instagram: <a href="https://www.instagram.com" target="_blank">@WØRKS</a></p>
</footer>
<div id="page4">
<div class="foot">
<span> <i class="fas fa-arrow-up"></i> </span><br> Back to Top
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.js"></script>
<script src="script.js"></script>
</body>