-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
268 lines (255 loc) · 18.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>CodersCoin - A cryptocurrency for developers and IT enthusiasts</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<script src="https://kit.fontawesome.com/d9ec437633.js" crossorigin="anonymous" defer></script>
<meta name="saashub-verification" content="cqle6ueijluk" />
<link rel="icon" type="image/png" href="./assets/brand/icon.png">
<link rel="apple-touch-icon" href="./assets/brand/icon.png"/>
<!-- SEO -->
<meta name="title" content="CodersCoin - A cryptocurrency for developers and IT enthusiasts">
<meta name="description" content="CodersCoin is a cryptocurrency for developers. It provides a simple platform for developers to pay each other. No wallet is required, just a Github account.">
<meta name="keywords" content="crypto,blockchain,cryptocurrency,coderscoin,CodersCoin,CSC,coin,web3">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--meta name="language" content="English"-->
<meta name="revisit-after" content="10 days">
<meta name="author" content="Peter Till">
<!-- social -->
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://coderscoin.github.io/">
<meta property="og:title" content="CodersCoin - A cryptocurrency for developers and IT enthusiasts">
<meta property="og:description" content="CodersCoin is a cryptocurrency for developers. It provides a simple platform for developers to pay each other. No wallet is required, just a Github account.">
<meta property="og:image" content="https://coderscoin.github.io/link.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://coderscoin.github.io/">
<meta property="twitter:title" content="CodersCoin - A cryptocurrency for developers and IT enthusiasts">
<meta property="twitter:description" content="CodersCoin is a cryptocurrency for developers. It provides a simple platform for developers to pay each other. No wallet is required, just a Github account.">
<meta property="twitter:image" content="https://coderscoin.github.io/link.png">
<!-- Google Analytics -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-P1GTLYFGQX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-P1GTLYFGQX');
</script>
<!--bootstrap-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<!--custom css-->
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark custom-navbar p-10 fixed-top">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html">
<img src="./assets/brand/icon.png" alt="Logo" width="40" height="40" class="d-inline-block align-text-top">
CodersCoin
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<!--span class="navbar-toggler-icon">re</span-->
<span class="" role="button" ><i class="fas fa-code-branch" aria-hidden="true"></i></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="./index.html"><i class="fa-solid fa-house"></i> Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://cscwallet.vercel.app/"><i class="fa-solid fa-wallet"></i> Wallet</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./mine.html"><i class="fas fa-cubes"></i> Mine CSC</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./node.html"><i class="fa-solid fa-database"></i> Node</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./whitepaper.html"><i class="fa-solid fa-paperclip"></i> Whitepaper</a>
</li><!--.disabled to disable-->
<!--li class="nav-item">
<a class="nav-link" href="./cart.html"><i class="fas fa-shopping-cart"></i> <span class="badge badge-danger bg-danger px-1">
<script>
var cart = JSON.parse(sessionStorage.getItem("cart"));
if(cart != null){document.write(Object.keys(cart).length);}else{document.write("0");}
</script>
</span></a>
</li-->
</ul>
</div>
</div>
</nav>
<div class="px-4 py-5 my-5 text-center hero">
<img class="d-block mx-auto mb-4" src="./assets/gifs/hero.gif" alt="" width="200px">
<h1 class="display-5 fw-bold">Monetize Your Digital Creations on the CodersCoin Blockchain!</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4">CodersCoin is a lightweight cryptocurrency for developers and IT enthusiasts made by developers, so they can pay each other as a reputation!</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<a href="https://cscwallet.vercel.app/" type="button" class="btn btn-primary btn-lg px-4 gap-3">Use wallet</a>
<a href="#" type="button" class="btn btn-secondary btn-lg px-4">Mine CSC</a>
</div>
</div>
</div>
<!--/div-->
<main class="container">
<section>
<div class="row mb-5">
<div class="col-xs-12 text-center"><h2>A completely independent blockchain and coin technology</h2></div>
<div class="col-xs-12"><p>CodersCoin is a unique and completely proprietary blockchain and crypto technology. CodersCoin serves a kind of reputational, monetization and thank you purpose for programmers, designers, digital creators and IT enthusiasts. The goal of the development was to provide a simple platform for digital creators to pay each other without the intervention of any banks or governments. Also, digital files can be sent securely. No separate application is required, just a secret phrase and a browser. With CodersCoin, You can empower Your community with fast & secure transactions or support your favorite open source projects.</p></div>
</div>
<div class="row justify-content-center">
<div class="col-auto mb-5" style="width: 300px;">
<div class="text-center">
<div class="card-icon mb-2"><i class="fas fa-mobile fa-3x yellow" aria-hidden="true" style="color: greenyellow;"></i></div>
<h3>Cloud wallet</h3>
</div>
CodersCoin offers a solution where you don't have to worry about technology anymore. Simply create a wallet online with 1 click, and you can start your web3 journey with your unique CodersCoin crypto wallet address!
</div>
<div class="col-auto mb-5" style="width: 300px;">
<div class="text-center">
<div class="card-icon mb-2"><i class="fas fa-desktop fa-3x yellow" aria-hidden="true" style="color: orangered;"></i></div>
<h3>Safe technology</h3>
</div>
Each block is interconnected and protected by very strong cryptographic encoding. All transactions that take place within CodersCoin are saved in a large database and distributed among nodes operated by the community. There is no central authority, so your CodersCoins are yours as long as you keep the secret phrase secret.
</div>
<div class="col-auto mb-5" style="width: 300px;">
<div class="text-center">
<div class="card-icon mb-2"><i class="fas fa-network-wired fa-3x yellow" aria-hidden="true" style="color: green;"></i></div>
<h3>Lightweight and fast</h3>
</div>
Although CodersCoin uses a rather complex technology, it does not require huge computing capacity like all other cryptocurrencies. You can easily set up a new node or even start mining CSC even on a Raspberry Pi!
</div>
<div class="col-auto mb-5" style="width: 300px;">
<div class="text-center">
<div class="card-icon mb-2"><i class="fas fa-gear fa-3x yellow" aria-hidden="true" style="color: rebeccapurple;"></i></div>
<h3>Made for IT enthusiasts</h3>
</div>
CodersCoin was made by developers for developers, designers and digital creators. You can easily paste your CSC balance into your website or any README.md file. Your entire CodersCoin wallet can be integrated with Github.
</div>
</div>
</section>
<section>
<div class="row mb-5">
<div class="col-xs-12 text-center"><h2>How does CodersCoin work?</h2></div>
<div class="col-xs-12 text-center"><p>Name of Section</p></div>
</div>
<div class="row">
<div class="col-md-auto">
<img src="./assets/brand/icon.png" alt="Image" class="img-fluid" width="200px" height="auto">
</div>
<div class="col-md-8">
<h3>Access the wallet</h3>
<p>With CodersCoin, there is no need for an external wallet application, as the wallet itself is stored online and can be assigned to your Github account. Every time you log into the online wallet with your Github account or secret phrase, your CSC balance will be displayed. It is also possible to transfer and receive CodersCoin within the wallet.</p>
</div>
</div>
</section>
<section>
<div class="row mb-5 mt-5">
<div class="col-xs-12 text-center"><h2>Spread the word</h2></div>
<div class="col-xs-12 text-center"><p>Do you like CodersCoin? Share it with your friends! Since CodersCoin is maintained by the community, we do not pay for advertisements. The best way to support the project is to share it with as many people as possible so that it reaches them! Thank you on behalf of the CSC community!</p></div>
</div>
<div class="text-center">
<a class="btn btn-third mb-2" style="background-color: #55acee;" href="https://twitter.com/intent/tweet?text=Try out CodersCoin! It is a lightweight cryptocurrency used among developers and IT enthusiasts to pay each other. I love it!&url=https://coderscoin.github.io/?utm_source=twitter&utm_medium=social&utm_campaign=share" target="_blank" role="button">
<i class="fab fa-twitter me-2"></i>Share on Twitter
</a>
<a class="btn btn-third mb-2" style="background-color: blue;" href="https://www.facebook.com/sharer/sharer.php?u=https://coderscoin.github.io/?utm_source=facebook&utm_medium=social&utm_campaign=share" target="_blank" role="button">
<i class="fab fa-facebook me-2"></i>Share on Facebook
</a>
<a class="btn btn-third mb-2" style="background-color: green;" href="https://wa.me/?text=Try out CodersCoin! It is a lightweight cryptocurrency used among developers and IT enthusiasts to pay each other. I love it! https://coderscoin.github.io/?utm_source=whatsapp&utm_medium=message&utm_campaign=share" target="_blank" role="button">
<i class="fab fa-whatsapp me-2"></i>Send on Whatsapp
</a>
<a class="btn btn-third mb-2" style="background-color: #55acee;" href="https://t.me/share/url?url=https://coderscoin.github.io/&text=Try out CodersCoin! It is a lightweight cryptocurrency used among developers and IT enthusiasts to pay each other. I love it!" target="_blank" role="button">
<i class="fab fa-stack-overflow me-2"></i>Send on Telegram
</a>
<a class="btn btn-third mb-2" style="background-color: orangered;" href="https://www.reddit.com/submit?url=https://coderscoin.github.io/&title=Try out CodersCoin! It is a lightweight cryptocurrency used among developers and IT enthusiasts to pay each other. I love it!" target="_blank" role="button">
<i class="fab fa-reddit me-2"></i>Share on Reddit
</a>
</div>
</section>
<section>
<div class="row">
<div class="col-xs-12 text-center"><h2>The CodersCoin team</h2></div>
<div class="col-xs-12 text-center"><p>These people founded and developed CodersCoin to what it is today. They are members of the CodersCoin core team. You also have the opportunity to join the core team if you actively participate in the development of the CodersCoin cryptocurrency and blockchain system.</p></div>
</div>
<div class="row text-center">
<!-- Team item -->
<div class="col-xl-3 col-sm-6 mb-5">
<div class="rounded py-5 px-4"><img src="./assets/images/petertill.png" alt="Peter Till, the founder and developer of the project" width="100" class="img-fluid rounded-circle mb-3 shadow-sm">
<h5 class="mb-0">Peter Till</h5><span class="small text-uppercase text-muted">Founder, Developer</span>
<ul class="social mb-0 list-inline mt-3">
<li class="list-inline-item"><a href="https://twitter.com/ptertill" class="social-link"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item"><a href="https://instagram.com/ptertill" class="social-link"><i class="fa fa-instagram"></i></a></li>
<li class="list-inline-item"><a href="https://linkedin.com/in/ptertill" class="social-link"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div><!-- End -->
</div>
</section>
<!--section>
<div class="row">
<div class="col-xs-12 text-center"><h2>What other people said</h2></div>
<div class="col-xs-12 text-center"><p>CodersCoin is the cryptocurrency of the digital people, so the opinions of the participants are important.</p></div>
</div>
<div id="testimonialCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="card">
<div class="card-body">
<div class="testimonial">
<div class="testimonial-author">
<img src="./assets/images/haycat.png" alt="Profile Image" class="testimonial-avatar d-inline-block" width="50" height="50" style="vertical-align:middle; border-radius: 100%;">
<div class="author-details d-inline-block" style="vertical-align:middle;">
<h5 class="author-name">hugecodes</h5>
<span class="author-designation">Full stack programmer</span>
</div>
</div>
<i class="fas fa-star" style="color: #fbff00;"></i>
<i class="fas fa-star" style="color: #fbff00;"></i>
<i class="fas fa-star" style="color: #fbff00;"></i>
<i class="fas fa-star" style="color: #fbff00;"></i>
<i class="fas fa-star" style="color: #fbff00;"></i>
<div class="testimonial-text">
<p>It is the best way to organize hackathons, where the participants can collect CodersCoins as points, then buy a swag with it.</p>
</div>
</div>
</div>
</div>
</div-->
<!-- Add more carousel items as needed -->
<!--/div>
<button class="carousel-control-prev" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#testimonialCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div-->
</section>
<section>
<div class="row">
<div class="col-xs-12 text-center"><h2>Donate</h2></div>
<div class="col-xs-12 text-center"><p>Support the development of CodersCoin with your crypto donation! This way you can contribute to the security and development of the CodersCoin network!</p></div>
</div>
<div class="text-center">
<a class="btn btn-primary" href="https://commerce.coinbase.com/checkout/2eb34017-ca70-4765-9180-f416d77a5d5c">Donate crypto</a><!-- End -->
</div>
</section>
</main>
<footer class="bg-light text-center text-lg-start">
<!-- Copyright fixed-bottom -->
<div class="text-center p-3" style="background-color: #1B223D; color: white;">
© 2023 Copyright:
CodersCoin
</div>
<!-- Copyright -->
</footer>
</body>
</html>