-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (130 loc) · 8.27 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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com?ckcachebust=8684C191FBC1A0CD59C987E491B95887" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800;900&display=swap" rel="stylesheet">
<link rel="manifest" href="site.webmanifest?ckcachebust=6BF931EAAD2EA563C961CCA7E819B0E5">
<link rel="apple-touch-icon" href="icon.png?ckcachebust=E4BC1BB8C07F7C6F5A168168C71247AC">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/main.css?ckcachebust=E2127CD7647E50563D1E2113B676447D">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<nav class="nav">
<div class="nav__container fade-in--1">
<img src="../img/orb-logo.svg" alt="">
<p class="nav__logotype">Orb Collective</p>
</div>
</nav>
<header class="hero">
<div class="hero__content">
<img width="2160" height="1030" class="hero__graphic fade-in--3" src="../img/hero-graphics.png" alt="circles">
<div>
<h1 class="hero__h1 fade-in--5">Multipliers of the Balancer ecosystem</h1>
</div>
</div>
</header>
<section class="balancer fade-in--7">
<div class="balancer__logo-container">
<svg width="81" height="68" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M59.582 41.163C72.33 43.512 81 48.134 81 53.454c0 7.7-18.134 13.933-40.5 13.933S0 61.15 0 53.454c0-5.32 8.674-9.943 21.418-12.29 5.538 1.434 12.079 2.26 19.082 2.26s13.544-.826 19.082-2.258v-.003ZM54.702 18.6c10.827 1.799 18.286 5.583 18.286 9.966 0 6.116-14.547 11.075-32.488 11.075-17.942 0-32.488-4.96-32.488-11.075 0-4.38 7.459-8.167 18.286-9.966 4.161 1.054 9.015 1.657 14.202 1.657 5.187 0 10.04-.606 14.202-1.657ZM40.649 0c13.435 0 24.33 3.753 24.33 8.386 0 4.63-10.895 8.383-24.33 8.383-13.436 0-24.33-3.753-24.33-8.383C16.318 3.753 27.212 0 40.648 0Z" fill="#fff"/></svg>
</div>
</section>
<section class="vision">
<div class="vision__container">
<div class="vision__content-container">
<div class="vision__col">
<p class="vision__quote">Orb’s mission is to scale global utilization of Balancer Protocol.</p>
</div>
<div class="vision__col">
<p>We believe that a protocol’s success emerges from a strong interdependent relationship between its core technology and its ability to promote and spread usage of the technology. If one side fails, the project cannot make its impact on the world.</p>
<p>Orb presents a solution for promoting the growth of Balancer Protocol through a tightly aligned mix of partnerships, marketing, integrations, design, and people operations work.</p>
</div>
</div>
</div>
</section>
<section class="teams">
<h2 class="teams__heading">Our services</h2>
<div class="team">
<div class="team__orb-container">
<img class="team__graphic" src="../img/orb10.png" alt="">
</div>
<div class="team__content">
<h2>Integrations</h2>
<p>Integrations execute the technical implementation of partnership opportunities and build technology to enable ecosystem development at scale.</p>
</div>
</div>
<div class="team team--reverse">
<div class="team__orb-container">
<img class="team__graphic" src="../img/orb20.png" alt="">
</div>
<div class="team__content">
<h2>Marketing</h2>
<p>Marketing spreads awareness of the Balancer protocol and ecosystem to the world and builds a strong brand that is recognized and trusted by end-users and partners.</p>
</div>
</div>
<div class="team">
<div class="team__orb-container">
<img class="team__graphic" src="../img/orb30.png" alt="">
</div>
<div class="team__content">
<h2>Partnerships</h2>
<p>Partnerships create growth opportunities through mutually beneficial collaborations with other projects.</p>
</div>
</div>
<div class="team team--reverse">
<div class="team__orb-container">
<img class="team__graphic" src="../img/orb40.png" alt="">
</div>
<div class="team__content">
<h2>Design</h2>
<p>Design illustrates the messages conveyed by marketing and creates experiences for end-users and partners that are clear, smooth, and enjoyable.</p>
</div>
</div>
<div class="team">
<div class="team__orb-container">
<img class="team__graphic" src="../img/orb50.webp" alt="">
</div>
<div class="team__content">
<h2>People Operations</h2>
<p>People Operations ensures that all of these processes function well within a communicative ecosystem of individuals who are supported in doing their best work.</p>
</div>
</div>
</section>
<footer class="footer">
<div class="socials">
<div class="social">
<a href="https://twitter.com/orbcollective"><svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.906 0C17.868 0 0 17.91 0 40s17.868 40 39.906 40S79.81 62.09 79.81 40 61.944 0 39.906 0Z" fill="#fff"/><path d="M60.078 32.15c.608 13.467-9.411 28.48-27.15 28.48a26.979 26.979 0 0 1-14.638-4.303c5.068.6 10.126-.814 14.14-3.964-4.177-.076-7.705-2.846-8.926-6.65 1.5.287 2.977.204 4.317-.163-4.593-.927-7.765-5.073-7.662-9.51a9.51 9.51 0 0 0 4.326 1.197c-4.253-2.85-5.457-8.48-2.956-12.784 4.709 5.794 11.749 9.604 19.687 10.004-1.394-5.987 3.14-11.757 9.308-11.757a9.534 9.534 0 0 1 6.97 3.023A19.022 19.022 0 0 0 63.56 23.4a9.61 9.61 0 0 1-4.2 5.297 19.023 19.023 0 0 0 5.483-1.51 19.197 19.197 0 0 1-4.765 4.963Z" fill="#000"/></svg></a>
</div>
<div class="social">
<a href="https://medium.com/orb-collective"><svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.906 0C17.868 0 0 17.91 0 40s17.868 40 39.906 40S79.81 62.09 79.81 40 61.944 0 39.906 0Z" fill="#fff"/><path d="M29.47 26c7.46 0 13.509 6.268 13.509 14S36.93 54 29.47 54c-7.46 0-13.508-6.266-13.508-14S22.01 26 29.47 26Zm21.56.821c3.73 0 6.754 5.902 6.754 13.179 0 7.279-3.024 13.178-6.754 13.178-3.73 0-6.755-5.901-6.755-13.178 0-7.277 3.025-13.179 6.755-13.179Zm10.427 1.371c1.312 0 2.375 5.287 2.375 11.808s-1.063 11.807-2.375 11.807S59.08 46.52 59.08 40c0-6.52 1.064-11.808 2.376-11.808Z" fill="#000"/></svg></a>
</div>
<div class="social">
<a href="mailto:[email protected]">
<svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M39.906 0C17.868 0 0 17.91 0 40s17.868 40 39.906 40S79.81 62.09 79.81 40 61.944 0 39.906 0Z" fill="#fff"/><path d="m18.179 29.029 21.726 17.65 21.727-17.647v26.457H18.178v-26.46ZM61.6 24.378 39.905 42.005 18.207 24.378H61.6Z" fill="#000"/></svg>
</a>
</div>
</div>
<p class="footer__copyright">Orb Collective ©</p>
</footer>
<script src="js/vendor/modernizr-3.11.2.min.js?ckcachebust=4C09DD4ADEF194B67CB7572830C0FF10"></script>
<script src="js/plugins.js?ckcachebust=D25216C74E4331B8E0D62F9CE22CFA38"></script>
<script src="js/main.js?ckcachebust=93B885ADFE0DA089CDF634904FD59F71"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V894JBDVGH&ckcachebust=681651144"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V894JBDVGH');
</script>
</body>
</html>