forked from Bhaney44/ChoiceCoin.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
157 lines (150 loc) · 6.68 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
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
<!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: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">About</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 governance token and open source software for decentralized voting. The Choice Coin Network is prioritizing democracy, and will incentivize its participants
to help it fundamentally change how decisions are made on a large scale. Choice Coin solves the decentralized voting problem by introducing a digital asset for voting on a distributed ledger.</p>
<!-- 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>
</div>