forked from Bhaney44/ChoiceCoin.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Participation.html
158 lines (152 loc) · 7.41 KB
/
Participation.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
<!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="Participate.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">Get Choice Coin Today!</h1>
<p class="pr-0 mb-8 text-base text-gray-600 sm:text-lg xl:text-xl lg:pr-20">The Choice Coin Network is glad to announce ways in which participants can get Choice Coin. The Network is rewarding direct democratic participation by giving Choice Coin to participants who write letters to their local congressmen or representatives about blockchain or decenteralized governance. The Choice Coin Network hopes that this program will inspire participants to not only participate in their democracy, but also spread the word about how decenteralized technology can change democratic practices for the better. Second, the Network will reward writers who write blogs and articles, thus promoting communication about democratic practices and blockchain. Finally, developers who contribute to Choice Coin's Open-Source Software Program will be rewarded by the network as well. This is meant to incentivize developers to contribute freely to Choice Coin's software stack. Find out more in our terms and conditions below. </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>
<img src = "Screen Shot 2021-09-01 at 1.12.57 PM.png">
<img src = "Screen_Shot_2021-08-18_at_7.43.56_PM.png">
<img src = "Screen_Shot_2021-09-09_at_2.11.31_PM.png">