-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
390 lines (374 loc) · 22.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimal-ui">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WXL9JNB"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RJ5TYMWWTJ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RJ5TYMWWTJ');
</script>
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(82371652, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/82371652" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<script type='text/javascript'>
(function(e,t,n){if(e.snaptr)return;var a=e.snaptr=function()
{a.handleRequest?a.handleRequest.apply(a,arguments):a.queue.push(arguments)};
a.queue=[];var s='script';r=t.createElement(s);r.async=!0;
r.src=n;var u=t.getElementsByTagName(s)[0];
u.parentNode.insertBefore(r,u);})(window,document,
'https://sc-static.net/scevent.min.js');
snaptr('init', '3a3a23a1-a9ea-4ba6-8ec7-648bd8cfcf75', {
'user_email': '[email protected]'
});
snaptr('track', 'PAGE_VIEW');
</script>
<title>Singularity Hero</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/main.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="container"><a class="logo-wrap" href="/">
<div class="logo"><img src="images/logo.png" alt=""></div><span class="site-name">Singularity Hero</span></a>
<div class="burger-wrap js-nav scroll-wrap">
<div class="empty"></div>
<div class="nav">
<ul>
<li><a class="scroll-link" href="#about">About</a></li>
<li><a class="scroll-link" href="#road">Roadmap</a></li>
<li><a class="scroll-link" href="#faq">F.A.Q.</a></li>
<li><a class="scroll-link" href="#team">Team</a></li>
</ul>
</div>
<button class="btn primary connect-button" type="button">Connect Wallet</button>
</div>
<div class="burger js-burger"><span></span><span></span><span></span></div>
</div>
</header>
<main class="main">
<section class="main-section">
<div class="container">
<div class="timer-wrap">
<timer></timer><span>0.067 Eth + Gas <br /> First 5K Get 27% Cashback To Wallet</span>
</div>
<div class="mobile-timer-wrap"><span>0.067 Eth + Gas. First 5K Get 27% Cashback To Wallet</span>
</div>
<div class="input-container">
<div class="input-wrap">
<button class="input-wrap-left"><img class="input-wrap-left-icon" src="../../../images/minus.png"></button>
<input class="mint-input" type="text" name="title" value="1">
<button class="input-wrap-right"><img class="input-wrap-right-icon" src="../../../images/plus.png"></button>
</div><span class="mint-description">Max 25 Heroes per transaction</span><span class="mint-notification">Please use Chrome/Firefox with metamask extension for desktops or metamask app for mobile</span>
<button class="btn primary mint-button" type="button">Mint</button>
<div class="span total-minted"></div>
</div>
<div class="follow-wrap">
<div class="timer-wrap"><span>Use MM browser for Mint <br /> button to work</span></div><span class="follow-title">Follow the project in real time</span>
<div class="follow-links"><a class="discord" href="https://discord.gg/W69zyxbsSk" target="_blank">
<svg>
<use xlink:href="#discord"></use>
</svg></a><a class="twitter" href="https://twitter.com/SingularityHero" target="_blank">
<svg>
<use xlink:href="#twitter"></use>
</svg></a></div>
</div>
</div>
</section>
<section class="about-section" id="about">
<div class="mask">
<div class="black-mask"></div>
<div class="grey-mask"></div>
<div class="grdient-mask"></div>
</div>
<div class="container">
<h2 class="section-title">About the Project</h2>
<div class="about-wrap">
<div class="about">
<div class="about__info">
<h3 class="about__info-title">INTRO</h3>
<p class="about__info-desc">We are a team that is immersed in the wonderful world of NFT. We decided to create a community of explorers and adventurers like us in this space.</p>
</div>
<div class="about__img">
<div class="about__number"><span>1</span></div><img src="images/about1.jpg" alt="">
<div class="about__border"></div>
</div>
<div class="about__bg-text"><img src="images/about.svg" alt=""></div>
</div>
<div class="about">
<div class="about__info">
<h3 class="about__info-title">SINGULARITY WORLD</h3>
<p class="about__info-desc">The Hero wants to be at the dawn of the formation of a new paradigm, he is trying to immerse himself in this new world in order to study meta-universes, games, art and all kinds of communities, in general, everything that this space will give him. To achieve his goal, he plunges himself in virtual reality and plans to start his journey by looking for like-minded people. </p>
</div>
<div class="about__img">
<div class="about__number"><span>2</span></div><img src="images/about2.jpg" alt="">
<div class="about__border"></div>
</div>
<div class="about__bg-text"><img src="images/the.svg" alt=""></div>
</div>
<div class="about">
<div class="about__info">
<h3 class="about__info-title">FAIR DISTRIBUTION</h3>
<p class="about__info-desc">There are no bonding curves here. All Heroes will be minted on our website at a fixed price of 0.067 ETH + gas with a maximum purchase amount of 25 Heroes per tx. There are no price tiers. Singularity World membership cost is the same for everyone. Note: 250 NFTs are being withheld from the sale. They will be used for giveaways, community activities rewards, and for the creators' Singularity World memberships.</p>
</div>
<div class="about__img">
<div class="about__number"><span>3</span></div><img src="images/about3.jpg" alt="">
<div class="about__border"></div>
</div>
<div class="about__bg-text"><img src="images/project.svg" alt=""></div>
</div>
</div>
</div>
</section>
<section class="road-section" id="road">
<div class="container">
<h2 class="section-title dark">Roadmap</h2>
<p class="road-text">We start building a community with the launch of the Singularity Hero collection</p>
<div class="road-wrap"><img class="decor-elem left-img" src="images/di1.png" alt=""><img class="decor-elem right-img" src="images/di2.png" alt="">
<div class="road">
<div class="road__wrap road__wrap_decor-left">
<h3 class="road__pers road__pers_red">10%
<div class="road__line road__line_left road__line_first"></div>
</h3>
<p class="road__descr">Drop suspension. <br /> Utilize collected budget to improve Singularity Hero project. <br /> 3D Singularity Hero NFT development kickoff.</p>
</div>
</div>
<div class="road">
<div class="road__wrap road__wrap_decor-left">
<h3 class="road__pers road__pers_blue">30%
<div class="road__line road__line_left"></div>
</h3>
<p class="road__descr">Finish an Axie combo drop program. <br />Singularity Hero team will present Twitter banners for NFT holders (10 banner types based on Body). <br /> Community Banners Airdrop.</p>
</div>
</div>
<div class="road">
<div class="road__wrap road__wrap_decor-left">
<h3 class="road__pers road__pers_red">50%
<div class="road__line road__line_left"></div>
</h3>
<p class="road__descr">27% cashback to first 5000 Singularity Heroes minters. Target price for them 0.049 per NFT. <br /> NFT games research start. <br /> Exploring available metaverses for Singularity Hero integration.</p>
</div>
</div>
<div class="road">
<div class="road__wrap road__wrap_decor-right">
<h3 class="road__pers road__pers_blue">60%
<div class="road__line road__line_left road__line_last"></div>
<div class="road__line road__line_right road__line_first"></div>
</h3>
<p class="road__descr">Funds will be allocated towards collaborations, strategic marketing, community building, and development. Our priority is to create a long-lasting and interactive project that will be fun for everyone.</p>
</div>
</div>
<div class="road">
<div class="road__wrap road__wrap_decor-right">
<h3 class="road__pers road__pers_red">80%
<div class="road__line road__line_right"></div>
</h3>
<p class="road__descr">Submit 10 ETH for grant program.</p>
</div>
</div>
<div class="road">
<div class="road__wrap road__wrap_decor-right">
<h3 class="road__pers road__pers_blue">90%
<div class="road__line road__line_right"></div>
</h3>
<p class="road__descr">All collected Royalty will go towards charity voted by Discord.</p>
</div>
</div>
<div class="road">
<div class="road__wrap">
<h3 class="road__pers road__pers_red">100%
<div class="road__line road__line_right road__line_last"></div>
</h3>
<p class="road__descr">Start NFT burn mechanic and 3D heroes airdrop. <br /> Start NFT deflation mechanic.</p>
</div>
</div>
</div>
<div class="soc-wrap"><span class="soc-title">Follow us</span><a class="discord" href="https://discord.gg/yRQZzzH8" target="_blank">
<svg>
<use xlink:href="#discord"></use>
</svg></a><a class="twitter" href="https://twitter.com/SingularityHero" target="_blank">
<svg>
<use xlink:href="#twitter"></use>
</svg></a></div>
</div>
</section>
<section class="faq-section" id="faq">
<div class="container">
<h2 class="section-title">Singularity Hero F.A.Q.</h2>
<div class="accordion">
<div class="accordion__item">
<div class="accordion__title-wrap">
<h3 class="accordion__title">What is the Singularity Hero?</h3>
<div class="accordion__icon"></div>
</div>
<div class="accordion__content">
<p class="accordion__descr">Keeping one of Singularity Heroes counts as a membership to the Singularity Club. With this membership, you get access to member-only content, discussions, research, and you can participate in Club Launchpool. Future areas and perks can be unlocked by the community through roadmap activation. Offerings will increase over time.</p>
</div>
</div>
<div class="accordion__item">
<div class="accordion__title-wrap">
<h3 class="accordion__title">How can I become a Singularity Hero?</h3>
<div class="accordion__icon"></div>
</div>
<div class="accordion__content">
<p class="accordion__descr">Buy (mint) Singularity Hero NFT</p>
</div>
</div>
<div class="accordion__item">
<div class="accordion__title-wrap">
<h3 class="accordion__title">Preparing for the sale. What will be my Hero's attributes?</h3>
<div class="accordion__icon"></div>
</div>
<div class="accordion__content">
<p class="accordion__descr">The 10,000 Heroes are generated with 170+ different designs. </p>
</div>
</div>
<div class="accordion__item">
<div class="accordion__title-wrap">
<h3 class="accordion__title">How many Heroes will be available for sale?</h3>
<div class="accordion__icon"></div>
</div>
<div class="accordion__content">
<p class="accordion__descr">A total of 9,750 Singularity Heroes will be available for sale. The other Heroes are reserved for the community purposes.</p>
</div>
</div>
<div class="accordion__item">
<div class="accordion__title-wrap">
<h3 class="accordion__title">Does owning a Singularity Hero give commercial use rights?</h3>
<div class="accordion__icon"></div>
</div>
<div class="accordion__content">
<p class="accordion__descr">Owning a Hero allows you to use the image for any commercial purpose.</p>
</div>
</div>
<div class="accordion__item">
<div class="accordion__title-wrap">
<h3 class="accordion__title">How do I mint Singularity Hero NFT?</h3>
<div class="accordion__icon"></div>
</div>
<div class="accordion__content">
<p class="accordion__descr">You can mint them on our website. When we publish the contract, you will be able to do this using Metamask.</p>
</div>
</div>
<div class="accordion__item">
<div class="accordion__title-wrap">
<h3 class="accordion__title">Any other questions? Reach out!</h3>
<div class="accordion__icon"></div>
</div>
<div class="accordion__content">
<p class="accordion__descr">We're here to answer any questions you may have about <span class="big">Singularity Club! </span>Reach out on any of the following channels:</p>
<p class="accordion__descr">Twitter: <a class="link" href="https://twitter.com/SingularityHero" target="_blank">@SingularityHero</a></p>
<p class="accordion__descr">Discord: <a class="link" href="https://discord.gg/eWKzrPhf" target="_blank">discord.gg/eWKzrPhf</a></p>
</div>
</div>
</div>
</div>
</section>
<section class="team-section" id="team">
<div class="container">
<h2 class="section-title dark">Our Team</h2>
<div class="team-section__row">
<div class="team-section__col">
<div class="person">
<div class="person__img-wrap person__img-wrap_alex"><img class="person__img" src="images/alex.png" alt=""></div>
<div class="person__body">
<h3 class="person__name">Singularity Hero</h3>
<p class="person__bio">The main NFT fanatic. 24/7 immersed in the NFT universe.</p>
</div>
</div>
</div>
<div class="team-section__col">
<div class="person">
<div class="person__img-wrap person__img-wrap_mary"><img class="person__img" src="images/mary.png" alt=""></div>
<div class="person__body">
<h3 class="person__name">Singularity Master</h3>
<p class="person__bio">Developer. His code is all we trust.</p>
</div>
</div>
</div>
<div class="team-section__col">
<div class="person">
<div class="person__img-wrap person__img-wrap_kris"><img class="person__img" src="images/kris.png" alt=""></div>
<div class="person__body">
<h3 class="person__name">Singularity Alien eye</h3>
<p class="person__bio">Artist and designer of the collection. The first dive into space.</p>
</div>
</div>
</div>
<div class="team-section__col">
<div class="person">
<div class="person__img-wrap person__img-wrap_katy"><img class="person__img" src="images/katy.png" alt=""></div>
<div class="person__body">
<h3 class="person__name">Singularity Keeper</h3>
<p class="person__bio">The one who bring them all. Impressed by blochain technology.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<div class="svg-wrap">
<svg xmlns="http://www.w3.org/2000/svg">
<symbol viewBox="0 0 34 29" id="twitter">
<path d="M0 24.999C0 24.999 7.50024 26.1245 10 21.9995C10 21.9995 4.87512 22.6245 3.00024 17.9995C3.00024 17.9995 6.18713 18.3745 6.99963 16.999C6.99963 16.999 2.24988 17.312 1.00012 10.9995C1.00012 10.9995 2.87488 12.375 4.00037 11.9995C4.00037 11.9995 0.312988 8.68749 1.00012 1.99951C1.00012 1.99951 8.5625 10.499 16.9996 9.99951C16.9996 9.99951 15.6233 1.47558 23.0002 0.999505C26.8754 0.749993 28.9999 3.99999 28.9999 3.99999C28.9999 3.99999 32.8749 2.24951 33.0004 0.999505C33.0004 0.999505 33.4376 4.12451 31.0001 4.99902C31.0001 4.99902 32.7495 5.74951 34.0004 4.99902C34.0004 4.99902 33.1246 7.49999 30 7.99951C30 7.99951 31.4589 20.02 20 26.999C17.7327 28.3804 14.942 28.9116 12.1683 28.9116C6.53101 28.9116 0.963379 26.7168 0 24.999Z"></path>
</symbol>
<symbol viewBox="0 0 78 59" id="discord">
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.804 4.98331C43.7745 3.6129 38.877 3.98665 38.877 3.98665V51.8265C54.1893 51.7642 57.723 47.8398 57.723 47.8398L59.7067 48.8365C58.7149 51.515 52.7635 52.8231 52.7635 52.8231L57.723 58.8031C71.9814 56.3114 77.5609 48.8365 77.5609 48.8365C77.5609 48.8365 77.9948 38.8699 77.5609 34.8832C76.2745 23.0653 68.6338 8.16018 65.6581 4.98331C62.6825 1.80645 49.7878 0 49.7878 0L47.804 4.98331ZM29.9497 4.98332C33.9792 3.61291 38.8767 3.98666 38.8767 3.98666V51.8265C23.5644 51.7642 20.0307 47.8398 20.0307 47.8398L18.047 48.8365C19.0389 51.515 24.9902 52.8231 24.9902 52.8231L20.0307 58.8031C5.77228 56.3115 0.192865 48.8365 0.192865 48.8365C0.192865 48.8365 -0.241082 38.8699 0.192865 34.8832C1.47926 23.0653 9.11987 8.16018 12.0956 4.98332C15.0712 1.80646 27.9659 4.35114e-06 27.9659 4.35114e-06L29.9497 4.98332ZM32.4965 31.7227C32.4965 36.4232 29.3788 40.2337 25.5329 40.2337C21.6871 40.2337 18.5694 36.4232 18.5694 31.7227C18.5694 27.0222 21.6871 23.2118 25.5329 23.2118C29.3788 23.2118 32.4965 27.0222 32.4965 31.7227ZM50.2921 40.2337C54.138 40.2337 57.2557 36.4232 57.2557 31.7227C57.2557 27.0223 54.138 23.2118 50.2921 23.2118C46.4463 23.2118 43.3286 27.0223 43.3286 31.7227C43.3286 36.4232 46.4463 40.2337 50.2921 40.2337Z"></path>
</symbol>
</svg>
</div>
<footer class="footer">
<div class="footer-top">
<div class="container"><a class="footer-logo" href="#"><img src="images/footer-logo.svg" alt=""></a>
<nav class="menu"><span class="menu__title">Site navigation</span>
<ul class="menu__list menu__list_wrap">
<li class="menu__item"><a class="scroll-link menu__link" href="#about">About</a></li>
<li class="menu__item"><a class="scroll-link menu__link" href="#faq">F.A.Q.</a></li>
<li class="menu__item"><a class="scroll-link menu__link" href="#road">Roadmap</a></li>
<li class="menu__item"><a class="scroll-link menu__link" href="#team">Team</a></li>
</ul>
</nav>
<nav class="menu"><span class="menu__title">Community / Social networks</span>
<ul class="menu__list">
<li class="menu__item"><a class="menu__link" href="https://discord.gg/W69zyxbsSk" target="_blank">Discord</a></li>
<li class="menu__item"><a class="menu__link" href="https://twitter.com/SingularityHero" target="_blank">Twitter</a></li>
</ul>
</nav>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p class="copyright">© Singularity Hero 2021. All rights reserved</p>
</div>
</div>
</footer>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
<script src="https://unpkg.com/[email protected]/runtime.js"></script>
<script src="https://peterolson.github.io/BigInteger.js/BigInteger.min.js"></script>
<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script src="js/app.js"></script>
</body>
</html>