forked from Bhaney44/ChoiceCoin.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
393 lines (378 loc) · 26.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Choice Coin</title>
<!--
For more customization options, we would advise
you to build your TailwindCSS from the source.
https://tailwindcss.com/docs/installation
-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/1.9.2/tailwind.min.css">
<!-- Small CSS to Hide elements at 1520px size -->
<style>
@media(max-width:1000px){
#whitepaper{
margin-bottom: 40px;
}
}
@media(max-width:1520px) {
.left-svg {
display: none;
}
}
/* small css for the mobile nav close */
#nav-mobile-btn.close span:first-child {
transform: rotate(45deg);
top: 4px;
position: relative;
background: #a0aec0;
}
#nav-mobile-btn.close span:nth-child(2) {
transform: rotate(-45deg);
margin-top: 0px;
background: #a0aec0;
}
</style>
</head>
<body class="overflow-x-hidden antialiased">
<!-- Header Section -->
<header class="relative z-50 w-full h-24">
<div
class="container flex items-center justify-center h-full max-w-6xl px-8 mx-auto sm:justify-between xl:px-0">
<img src = "https://siasky.net/EAD8NJMejpi-MCtxdtuxtyS6xYdKPtoX55mslejYCQyl_w/" width = "50" height = "50">
<a href="/" class="relative flex items-center inline-block h-5 h-full font-black leading-none">
<span class="ml-3 text-xl text-gray-800">Choice Coin</span>
</a>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<nav id="nav"
class="absolute top-0 left-0 z-50 flex flex-col items-center justify-between hidden w-full h-64 pt-5 mt-24 text-sm text-gray-800 bg-white border-t border-gray-200 md:w-auto md:flex-row md:h-24 lg:text-base md:bg-transparent md:mt-0 md:border-none md:py-0 md:flex md:relative">
<a href="/"
class="ml-0 mr-0 font-bold duration-100 md:ml-12 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Home</a>
<a href="Docs.html"
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">Docs</a>
<a href="About.html"
class="mr-0 font-bold duration-100 md:mr-3 lg:mr-8 transition-color hover:text-indigo-600">About</a>
<a href="Participation.html"
class="font-bold duration-100 transition-color hover:text-indigo-600">Participate</a>
<div class="flex flex-col block w-full font-medium border-t border-gray-200 md:hidden">
</div>
</nav>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div>
</div>
<div id="nav-mobile-btn"
class="absolute top-0 right-0 z-50 block w-6 mt-8 mr-10 cursor-pointer select-none md:hidden sm:mt-10">
<span class="block w-full h-1 mt-2 duration-200 transform bg-gray-800 rounded-full sm:mt-1"></span>
<span class="block w-full h-1 mt-1 duration-200 transform bg-gray-800 rounded-full"></span>
</div>
</div>
</header>
<!-- End Header Section-->
<!-- BEGIN HERO SECTION -->
<div class="relative items-center justify-center w-full overflow-x-hidden lg:pt-40 lg:pb-40 xl:pt-40 xl:pb-64">
<div
class="container flex flex-col items-center justify-between h-full max-w-6xl px-8 mx-auto -mt-32 lg:flex-row xl:px-0">
<div
class="z-30 flex flex-col items-center w-full max-w-xl pt-48 text-center lg:items-start lg:w-1/2 lg:pt-20 xl:pt-40 lg:text-left">
<h1 class="relative mb-4 text-3xl font-black leading-tight text-gray-900 sm:text-6xl xl:mb-8">A Democratic Token For a New Age</h1>
<p class="pr-0 mb-8 text-base text-gray-600 sm:text-lg xl:text-xl lg:pr-20">Choice Coin is a voting software that powers the Fortior Voting Protcol. Leveraging the Algorand Blockchain and Quantum Computing, the Fortior Voting Protocol is at the forefront of innovation and will make decentralized voting a reality. Through Choice Coin, participants can access the Fortior Voting Protocol and integrate it into their own communities. </p>
<a id="whitepaper" href="https://github.com/ChoiceCoin/White_Paper"
class="relative self-start inline-block w-auto px-8 py-4 mx-auto mt-0 text-base font-bold text-white bg-indigo-600 border-t border-gray-200 rounded-md shadow-xl sm:mt-1 fold-bold lg:mx-0">White-Paper</a>
<!-- Integrates with section -->
<svg class="absolute left-0 max-w-md mt-24 -ml-64 left-svg" viewBox="0 0 423 423"
xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="100%" y1="0%" x2="4.48%" y2="0%" id="linearGradient-1">
<stop stop-color="#5C54DB" offset="0%" />
<stop stop-color="#6A82E7" offset="100%" />
</linearGradient>
<filter x="-9.3%" y="-6.7%" width="118.7%" height="118.7%" filterUnits="objectBoundingBox"
id="filter-3">
<feOffset dy="8" in="SourceAlpha" result="shadowOffsetOuter1" />
<feGaussianBlur stdDeviation="8" in="shadowOffsetOuter1" result="shadowBlurOuter1" />
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" in="shadowBlurOuter1" />
</filter>
<rect id="path-2" x="63" y="504" width="300" height="300" rx="40" />
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity=".9">
<g id="Desktop-HD" transform="translate(-39 -531)">
<g id="Hero" transform="translate(43 83)">
<g id="Rectangle-6" transform="rotate(45 213 654)">
<use fill="#000" filter="url(#filter-3)" xlink:href="#path-2" />
<use fill="url(#linearGradient-1)" xlink:href="#path-2" />
</g>
</g>
</g>
</g>
</svg>
</div>
<div class="relative z-50 flex flex-col items-end justify-center w-full h-full lg:w-1/2 ms:pl-10">
<div class="container relative left-0 w-full max-w-4xl lg:absolute xl:max-w-6xl lg:w-screen">
<img src="https://siasky.net/vAN-_vrKOeLKNyP3pRWsqI_1L_TnT-qq3zi8ul1j0Ad8dw"
width = "600" height= "600">
</div>
</div>
</div>
</div>
<!-- HERO SECTION END -->
<!-- BEGIN FEATURES SECTION -->
<div id="features" class="relative w-full px-8 py-10 border-t border-gray-200 md:py-16 lg:py-24 xl:py-40 xl:px-0">
<div class="container flex flex-col items-center justify-between h-full max-w-6xl mx-auto">
<h2 class="my-5 text-base font-medium tracking-tight text-indigo-500 uppercase">Features</h2>
<h3
class="max-w-2xl px-5 mt-2 text-3xl font-black leading-tight text-center text-gray-900 sm:mt-0 sm:px-0 sm:text-6xl">
Promoting Democracy and Decentralization</h3>
<div class="flex flex-col w-full mt-0 lg:flex-row sm:mt-10 lg:mt-20">
<div class="w-full max-w-md p-4 mx-auto mb-0 sm:mb-16 lg:mb-0 lg:w-1/3">
<div class="relative flex flex-col items-center justify-center w-full h-full p-20 mr-5 rounded-lg">
<svg class="absolute w-full h-full text-gray-100 fill-current" viewBox="0 0 377 340"
xmlns="https://www.w3.org/2000/svg">
<g>
<g>
<path
d="M342.8 3.7c24.7 14 18.1 75 22.1 124s18.6 85.8 8.7 114.2c-9.9 28.4-44.4 48.3-76.4 62.4-32 14.1-61.6 22.4-95.9 28.9-34.3 6.5-73.3 11.1-95.5-6.2-22.2-17.2-27.6-56.5-47.2-96C38.9 191.4 5 151.5.9 108.2-3.1 64.8 22.7 18 61.8 8.7c39.2-9.2 91.7 19 146 16.6 54.2-2.4 110.3-35.6 135-21.6z" />
</g>
</g>
</svg>
<!-- FEATURE Icon 1 -->
<svg class="relative w-20 h-20" viewBox="0 0 58 58" xmlns="https://www.w3.org/2000/svg"
xmlns:xlink="https://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="0%" x2="100%" y2="100%" id="linearGradient-1TriangleIcon1">
<stop stop-color="#9C09DB" offset="0%" />
<stop stop-color="#1C0FD7" offset="100%" />
</linearGradient>
<filter x="-14%" y="-10%" width="128%" height="128%" filterUnits="objectBoundingBox"
id="filter-3TriangleIcon1">
<feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1" />
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1"
result="shadowBlurOuter1" />
<feColorMatrix
values="0 0 0 0 0.141176471 0 0 0 0 0.031372549 0 0 0 0 0.501960784 0 0 0 0.15 0"
in="shadowBlurOuter1" />
</filter>
<path
d="M17.947 0h14.106c6.24 0 8.503.65 10.785 1.87a12.721 12.721 0 015.292 5.292C49.35 9.444 50 11.707 50 17.947v14.106c0 6.24-.65 8.503-1.87 10.785a12.721 12.721 0 01-5.292 5.292C40.556 49.35 38.293 50 32.053 50H17.947c-6.24 0-8.503-.65-10.785-1.87a12.721 12.721 0 01-5.292-5.292C.65 40.556 0 38.293 0 32.053V17.947c0-6.24.65-8.503 1.87-10.785A12.721 12.721 0 017.162 1.87C9.444.65 11.707 0 17.947 0z"
id="path-2TriangleIcon1" />
</defs>
<g id="Page-1TriangleIcon1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Desktop-HDTriangleIcon1" transform="translate(-291 -1278)">
<g id="FeaturesTriangleIcon1" transform="translate(170 915)">
<g id="Group-9TriangleIcon1" transform="translate(0 365)">
<g id="Group-8TriangleIcon1" transform="translate(125)">
<g id="Rectangle-9TriangleIcon1">
<use fill="#000" filter="url(#filter-3TriangleIcon1)"
xlink:href="#path-2TriangleIcon1" />
<use fill="url(#linearGradient-1TriangleIcon1)"
xlink:href="#path-2TriangleIcon1" />
</g>
<g id="playTriangleIcon1" transform="translate(18 15)" fill="#FFF"
fill-rule="nonzero">
<path
d="M9.432 2.023l8.919 14.879a1.05 1.05 0 01-.384 1.452 1.097 1.097 0 01-.548.146H-.42A1.07 1.07 0 01-1.5 17.44c0-.19.052-.375.15-.538L7.567 2.023a1.092 1.092 0 011.864 0z"
id="TriangleIcon1" transform="rotate(90 8.5 10)" />
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<h4 class="relative mt-6 text-lg font-bold">Decentralized Voting</h4>
<p class="relative mt-2 text-base text-center text-gray-600">Choice Coin powers Decentralized Voting Technology that will define governance for the next generation.</p>
</div>
</div>
<div class="w-full max-w-md p-4 mx-auto mb-0 sm:mb-16 lg:mb-0 lg:w-1/3">
<div class="relative flex flex-col items-center justify-center w-full h-full p-20 mr-5 rounded-lg">
<svg class="absolute w-full h-full text-gray-100 fill-current" viewBox="0 0 358 372"
xmlns="https://www.w3.org/2000/svg">
<g>
<g>
<path
d="M315.7 6.5c30.2 15.1 42.6 61.8 41.5 102.5-1.1 40.6-15.7 75.2-24.3 114.8-8.7 39.7-11.3 84.3-34.3 107.2-23 22.9-66.3 23.9-114.5 30.7-48.2 6.7-101.3 19.1-123.2-4.1-21.8-23.2-12.5-82.1-21.6-130.2C30.2 179.3 2.6 141.9.7 102c-2-39.9 21.7-82.2 57.4-95.6 35.7-13.5 83.3 2.1 131.2 1.7 47.9-.4 96.1-16.8 126.4-1.6z" />
</g>
</g>
</svg>
<!-- FEATURE Icon 2 -->
<svg class="relative w-20 h-20" viewBox="0 0 58 58" xmlns="https://www.w3.org/2000/svg"
xmlns:xlink="https://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="0%" x2="100%" y2="100%" id="linearGradient-1Icon2">
<stop stop-color="#F2C314" offset="0%" />
<stop stop-color="#FC3832" offset="100%" />
</linearGradient>
<filter x="-14%" y="-10%" width="128%" height="128%" filterUnits="objectBoundingBox"
id="filter-3Icon2">
<feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1" />
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1"
result="shadowBlurOuter1" />
<feColorMatrix
values="0 0 0 0 0.501960784 0 0 0 0 0.125490196 0 0 0 0 0 0 0 0 0.15 0"
in="shadowBlurOuter1" />
</filter>
<path
d="M17.947 0h14.106c6.24 0 8.503.65 10.785 1.87a12.721 12.721 0 015.292 5.292C49.35 9.444 50 11.707 50 17.947v14.106c0 6.24-.65 8.503-1.87 10.785a12.721 12.721 0 01-5.292 5.292C40.556 49.35 38.293 50 32.053 50H17.947c-6.24 0-8.503-.65-10.785-1.87a12.721 12.721 0 01-5.292-5.292C.65 40.556 0 38.293 0 32.053V17.947c0-6.24.65-8.503 1.87-10.785A12.721 12.721 0 017.162 1.87C9.444.65 11.707 0 17.947 0z"
id="path-2Icon2" />
</defs>
<g id="Page-1Icon2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Desktop-HDIcon2" transform="translate(-691 -1278)">
<g id="FeaturesIcon2" transform="translate(170 915)">
<g id="Group-9-CopyIcon2" transform="translate(400 365)">
<g id="Group-8Icon2" transform="translate(125)">
<g id="Rectangle-9Icon2">
<use fill="#000" filter="url(#filter-3Icon2)"
xlink:href="#path-2Icon2" />
<use fill="url(#linearGradient-1Icon2)" xlink:href="#path-2Icon2" />
</g>
<g id="machine-learningIcon2" transform="translate(14 12)" fill="#FFF"
fill-rule="nonzero">
<path
d="M10.554 21.418v-2.68c-1.1-.204-1.932-1.143-1.932-2.271 0-.468.143-.903.388-1.267l-2.32-1.662L4.367 15.2a2.254 2.254 0 01-.005 2.541l5.28 4.05c.268-.182.577-.311.911-.373zm.892 0c.334.062.643.191.912.373l5.28-4.05a2.254 2.254 0 01-.006-2.54l-2.321-1.663L12.99 15.2c.245.364.388.8.388 1.267 0 1.128-.832 2.067-1.932 2.27v2.681zm1.538.997c.25.365.394.803.394 1.274C13.378 24.965 12.314 26 11 26s-2.378-1.035-2.378-2.311c0-.471.145-.91.394-1.274l-5.28-4.05c-.385.26-.853.413-1.358.413C1.065 18.778 0 17.743 0 16.467c0-1.129.832-2.068 1.932-2.27v-2.393C.832 11.6 0 10.662 0 9.534c0-1.277 1.065-2.312 2.378-2.312.505 0 .973.153 1.358.414l5.28-4.05a2.254 2.254 0 01-.394-1.275C8.622 1.035 9.686 0 11 0s2.378 1.035 2.378 2.311c0 .471-.145.91-.394 1.274l5.28 4.05c.385-.26.853-.413 1.358-.413C20.935 7.222 22 8.257 22 9.533c0 1.129-.832 2.068-1.932 2.27v2.393c1.1.203 1.932 1.142 1.932 2.27 0 1.277-1.065 2.312-2.378 2.312-.505 0-.973-.153-1.358-.414l-5.28 4.05zm-9.243-7.843L5.937 13l-2.196-1.572c-.27.183-.58.314-.917.376v2.392c.336.062.647.193.917.376zm.627-3.772l2.321 1.662L9.01 10.8a2.254 2.254 0 01-.388-1.267c0-1.128.832-2.067 1.932-2.27V4.582a2.403 2.403 0 01-.912-.373l-5.28 4.05a2.254 2.254 0 01.006 2.54zm13.89 3.772c.27-.183.582-.314.918-.376v-2.392a2.403 2.403 0 01-.917-.376L16.063 13l2.196 1.572zm-.62-6.313l-5.28-4.05a2.403 2.403 0 01-.912.373v2.68c1.1.204 1.932 1.143 1.932 2.271 0 .468-.143.903-.388 1.267l2.32 1.662 2.322-1.662a2.254 2.254 0 01.005-2.541zm-8 6.313A2.415 2.415 0 0111 14.156c.507 0 .977.154 1.363.416L14.559 13l-2.196-1.572a2.415 2.415 0 01-1.363.416c-.507 0-.977-.154-1.363-.416L7.441 13l2.196 1.572zM11 10.978c.821 0 1.486-.647 1.486-1.445 0-.797-.665-1.444-1.486-1.444s-1.486.647-1.486 1.444c0 .798.665 1.445 1.486 1.445zm0 6.933c.821 0 1.486-.647 1.486-1.444 0-.798-.665-1.445-1.486-1.445s-1.486.647-1.486 1.445c0 .797.665 1.444 1.486 1.444zm8.622-6.933c.82 0 1.486-.647 1.486-1.445 0-.797-.665-1.444-1.486-1.444s-1.487.647-1.487 1.444c0 .798.666 1.445 1.487 1.445zm0 6.933c.82 0 1.486-.647 1.486-1.444 0-.798-.665-1.445-1.486-1.445s-1.487.647-1.487 1.445c0 .797.666 1.444 1.487 1.444zM2.378 10.978c.821 0 1.487-.647 1.487-1.445 0-.797-.666-1.444-1.487-1.444-.82 0-1.486.647-1.486 1.444 0 .798.665 1.445 1.486 1.445zm0 6.933c.821 0 1.487-.647 1.487-1.444 0-.798-.666-1.445-1.487-1.445-.82 0-1.486.647-1.486 1.445 0 .797.665 1.444 1.486 1.444zM11 25.133c.821 0 1.486-.646 1.486-1.444 0-.798-.665-1.445-1.486-1.445s-1.486.647-1.486 1.445.665 1.444 1.486 1.444zm0-21.377c.821 0 1.486-.647 1.486-1.445S11.821.867 11 .867s-1.486.646-1.486 1.444c0 .798.665 1.445 1.486 1.445z"
id="ShapeIcon2" />
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<h4 class="relative mt-6 text-lg font-bold">Participatory Validation</h4>
<p class="relative mt-2 text-base text-center text-gray-600">Holders of Choice Coin can immediately vote on allocations for the network, which will help democratic causes and organizations.</p>
</div>
</div>
<div class="w-full max-w-md p-4 mx-auto mb-16 lg:mb-0 lg:w-1/3">
<div class="relative flex flex-col items-center justify-center w-full h-full p-20 mr-5 rounded-lg">
<svg class="absolute w-full h-full text-gray-100 fill-current" viewBox="0 0 378 410"
xmlns="https://www.w3.org/2000/svg">
<g>
<g>
<path
d="M305.9 14.4c23.8 24.6 16.3 84.9 26.6 135.1 10.4 50.2 38.6 90.3 43.7 137.8 5.1 47.5-12.8 102.4-50.7 117.4-37.9 15.1-95.7-9.8-151.7-12.2-56.1-2.5-110.3 17.6-130-3.4-19.7-20.9-4.7-82.9-11.5-131.2C25.5 209.5-3 174.7 1.2 147c4.2-27.7 41-48.3 75-69.6C110.1 56.1 141 34.1 184 17.5c43.1-16.6 98.1-27.7 121.9-3.1z" />
</g>
</g>
</svg>
<!-- FEATURE Icon 3 -->
<svg class="relative w-20 h-20" viewBox="0 0 58 58" xmlns="https://www.w3.org/2000/svg"
xmlns:xlink="https://www.w3.org/1999/xlink">
<defs>
<linearGradient x1="0%" y1="0%" x2="100%" y2="100%" id="linearGradient-1Icon3">
<stop stop-color="#32FBFC" offset="0%" />
<stop stop-color="#3214F2" offset="100%" />
</linearGradient>
<filter x="-14%" y="-10%" width="128%" height="128%" filterUnits="objectBoundingBox"
id="filter-3Icon3">
<feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1" />
<feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1"
result="shadowBlurOuter1" />
<feColorMatrix
values="0 0 0 0 0.031372549 0 0 0 0 0.149019608 0 0 0 0 0.658823529 0 0 0 0.15 0"
in="shadowBlurOuter1" />
</filter>
<path
d="M17.947 0h14.106c6.24 0 8.503.65 10.785 1.87a12.721 12.721 0 015.292 5.292C49.35 9.444 50 11.707 50 17.947v14.106c0 6.24-.65 8.503-1.87 10.785a12.721 12.721 0 01-5.292 5.292C40.556 49.35 38.293 50 32.053 50H17.947c-6.24 0-8.503-.65-10.785-1.87a12.721 12.721 0 01-5.292-5.292C.65 40.556 0 38.293 0 32.053V17.947c0-6.24.65-8.503 1.87-10.785A12.721 12.721 0 017.162 1.87C9.444.65 11.707 0 17.947 0z"
id="path-2Icon3" />
</defs>
<g id="Page-1Icon3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Desktop-HDIcon3" transform="translate(-1091 -1278)">
<g id="FeaturesIcon3" transform="translate(170 915)">
<g id="Group-9-Copy-2Icon3" transform="translate(800 365)">
<g id="Group-8Icon3" transform="translate(125)">
<g id="Rectangle-9Icon3">
<use fill="#000" filter="url(#filter-3Icon3)"
xlink:href="#path-2Icon3" />
<use fill="url(#linearGradient-1Icon3)" xlink:href="#path-2Icon3" />
</g>
<g id="smart-notificationsIcon3" transform="translate(15 11)"
fill="#FFF" fill-rule="nonzero">
<path
d="M12.519 3.243a6.808 6.808 0 00-.187 1.298h-8.44a2.595 2.595 0 00-2.595 2.594v12.973a2.595 2.595 0 002.595 2.595h12.973a2.595 2.595 0 002.594-2.595v-8.44c.445-.02.88-.084 1.298-.187v8.627A3.892 3.892 0 0116.865 24H3.892A3.892 3.892 0 010 20.108V7.135a3.892 3.892 0 013.892-3.892h8.627zm6.616 6.487a4.865 4.865 0 110-9.73 4.865 4.865 0 010 9.73z"
id="IconIcon3" />
</g>
</g>
</g>
</g>
</g>
</g>
</svg>
<h4 class="relative mt-6 text-lg font-bold">Open Development</h4>
<p class="relative mt-2 text-base text-center text-gray-600">The Choice Coin Network is entirely open source, and all participants can develop openly on both Choice Coin and its voting protocol.</p>
</div>
</div>
</div>
</div>
</div>
<!-- END FEATURES SECTION -->
<!-- Pricing Section -->
<footer class="px-4 pt-12 pb-8 text-white bg-white border-t border-gray-200">
<div class="container flex flex-col justify-between max-w-6xl px-4 mx-auto overflow-hidden lg:flex-row">
<div class="w-full pl-12 mr-4 text-left lg:w-1/4 sm:text-center sm:pl-0 lg:text-left">
<a href="/"
class="flex justify-start block text-left sm:text-center lg:text-left sm:justify-center lg:justify-start">
<span class="flex items-start sm:items-center">
</span>
</a>
</div>
</div>
</footer>
<!-- a little JS for the mobile nav button -->
<script>
if (document.getElementById('nav-mobile-btn')) {
document.getElementById('nav-mobile-btn').addEventListener('click', function () {
if (this.classList.contains('close')) {
document.getElementById('nav').classList.add('hidden');
this.classList.remove('close');
} else {
document.getElementById('nav').classList.remove('hidden');
this.classList.add('close');
}
});
}
</script>
</body>
</html>