-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
451 lines (450 loc) · 30.2 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
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Tue Mar 16 2021 20:50:01 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="604150417574a789ae3be8d4" data-wf-site="60332aeaa163624d4b7636b3">
<head>
<meta charset="utf-8">
<title>Hoge Finance</title>
<meta content="It's Doge but DeFi" name="description">
<meta content="Hoge Finance" property="og:title">
<meta content="It's Doge but DeFi" property="og:description">
<meta content="https://uploads-ssl.webflow.com/60332aeaa163624d4b7636b3/60332aeaa1636226767636b9_hoge.e87543d3.png" property="og:image">
<meta content="Hoge Finance" property="twitter:title">
<meta content="It's Doge but DeFi" property="twitter:description">
<meta content="https://uploads-ssl.webflow.com/60332aeaa163624d4b7636b3/60332aeaa1636226767636b9_hoge.e87543d3.png" property="twitter:image">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/hogepodge.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Inconsolata:400,700","Inter:200,300,regular,500,600,700,800,900"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<link rel="canonical" hreflang="en" href="https://hoge.finance">
<link rel="alternate" hreflang="fr" href="https://hoge.finance/fr">
<link rel="alternate" hreflang="nl" href="https://hoge.finance/nl">
</head>
<body class="body">
<div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navbar w-nav">
<div class="nav-container w-container">
<a href="#main" data-w-id="12f337ba-8a8f-0013-c1af-9fbc12eae9a5" class="brand w-nav-brand"><img src="images/hoge.e87543d3.png" loading="lazy" width="70" sizes="(max-width: 479px) 19vw, 70px" srcset="images/hoge.e87543d3-p-500.png 500w, images/hoge.e87543d3.png 541w" alt="logo"></a>
<div class="mobile-title-section">
<div class="mobile-title">Hoge Finance</div>
</div>
<nav role="navigation" class="nav-menu w-nav-menu">
<div data-hover="" data-delay="0" class="dropdown w-dropdown">
<div class="dropdown w-dropdown-toggle">
<div class="icon w-icon-dropdown-toggle"></div>
<div class="text-block-9">Learn</div>
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="#tokenomics-section" class="dropdown-link w-dropdown-link">Tokenomics</a>
<a href="#proof-section" class="dropdown-link w-dropdown-link">Details</a>
<a href="#roadmap-section" class="dropdown-link w-dropdown-link">Roadmap</a>
</nav>
</div>
<a href="#buy-section" class="nav-link w-nav-link">Buy</a>
<div data-hover="" data-delay="0" class="dropdown w-dropdown">
<div class="dropdown w-dropdown-toggle">
<div class="icon w-icon-dropdown-toggle"></div>
<div class="text-block-9">Fun</div>
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="#games-section" class="dropdown-link w-dropdown-link">Games</a>
<a href="#swag-section" class="dropdown-link w-dropdown-link">Swag</a>
</nav>
</div>
<a href="#contact-section" class="nav-link w-nav-link">Contact Us</a>
<a href="https://hogemint.com" target="_blank" class="button-nft w-button">Hoge NFT</a>
<div class="div-block-2"></div>
<div data-hover="" data-delay="0" class="dropdown w-dropdown">
<div class="dropdown-lang w-dropdown-toggle">
<div class="flags w-icon-dropdown-toggle"></div>
<div class="text-block-9">en</div>
</div>
<nav class="dropdown-list w-dropdown-list">
<a href="index.html" aria-current="page" class="dropdown-link w-dropdown-link w--current">english</a>
<a href="fr.html" class="dropdown-link w-dropdown-link">français</a>
<a href="nl.html" class="dropdown-link w-dropdown-link">Nederlands</a>
<a href="zh.html" class="dropdown-link w-dropdown-link">中文版</a>
</nav>
</div>
</nav>
<div class="menu-button w-nav-button">
<div data-w-id="12f337ba-8a8f-0013-c1af-9fbc12eae9be" class="w-icon-nav-menu"></div>
</div>
</div>
<div class="nav-divider-container">
<div class="nav-divider-line"></div>
</div>
</div>
<div id="main" class="hero">
<div class="warning-div">
<div class="warning-text">ALERT: Watch out for the BSC fake token of Hoge. An official BSC token does not exist yet. Please do not buy BSC token.</div>
</div>
<div class="whitebit-annouce">
<div class="whitebit-container w-container">
<div class="whitebit-heading">WE ARE ON <span>WHITEBIT</span></div>
<a href="https://whitebit.com/trade/HOGE_USDT" target="_blank" class="button-green button-hover w-button">Buy on WhiteBIT</a>
</div>
</div>
<div class="hero-div">
<div class="container w-container">
<div class="columns-2 w-row">
<div class="column w-col w-col-5">
<h1 class="heading">Fun.<br>Deflationary.<br>Autostaking.<br>It's Doge<span class="superscript">©</span>, but DeFi.</h1>
<div class="text-block">Really?! Yep, come see for yourself.</div>
<div class="div-block-4">
<a href="https://app.uniswap.org/#/swap?slippage=500&outputCurrency=0xfad45e47083e4607302aa43c65fb3106f1cd7607" target="_blank" class="button-green button-hover w-button">Buy on Uniswap</a>
</div>
</div>
<div class="rich-hoge-col w-col w-col-7"><img src="images/rich_hoge_good.png" loading="lazy" width="515" sizes="(max-width: 479px) 90vw, (max-width: 767px) 96vw, (max-width: 991px) 416.328125px, 515px" srcset="images/rich_hoge_good-p-500.png 500w, images/rich_hoge_good-p-800.png 800w, images/rich_hoge_good-p-1080.png 1080w, images/rich_hoge_good.png 1536w" alt="Rich Hoge" class="image"></div>
</div>
<div class="hoge-available">
<a href="https://coinmarketcap.com/currencies/hoge-finance/" target="_blank" class="w-inline-block"><img src="images/coinmarketcap-white.png" loading="lazy" width="171" sizes="(max-width: 479px) 41vw, 171px" srcset="images/coinmarketcap-white-p-500.png 500w, images/coinmarketcap-white.png 1492w" alt="coinmarketcap" class="aval-img"></a>
<a href="https://www.coinbase.com/price/hoge-finance" target="_blank" class="w-inline-block"><img src="images/coinbase-white.png" loading="lazy" width="112" sizes="(max-width: 479px) 41vw, 112px" srcset="images/coinbase-white-p-500.png 500w, images/coinbase-white-p-800.png 800w, images/coinbase-white-p-1080.png 1080w, images/coinbase-white.png 2600w" alt="coinbase" class="aval-img"></a>
<a href="https://blockfolio.com/coin/HOGE" target="_blank" class="link-block-2 w-inline-block"><img src="images/blockfolioLogoWhite.svg" loading="lazy" width="139" alt="blockfolio" class="aval-img"></a>
<a href="https://whitebit.com/trade/HOGE_USDT" target="_blank" class="link-block-2 w-inline-block"><img src="images/whitebit_white_logo.png" loading="lazy" width="139" alt="WhiteBit" class="aval-img"></a>
</div>
<div class="horizontal-line"></div>
</div>
</div>
</div>
<div id="tokenomics-section" class="section-block">
<div class="section-container w-container">
<h1 class="section-heading">Tokenomics, you ask?</h1>
<div class="section-sub-heading">Yo HOGEBOT, hit'em!</div>
<div class="section-container-col w-row">
<div class="c3hoge-col w-col w-col-6"><img src="images/Hoge-Roboto-Man.png" loading="lazy" width="444" sizes="(max-width: 479px) 93vw, (max-width: 767px) 444px, (max-width: 991px) 364px, 444px" srcset="images/Hoge-Roboto-Man-p-500.png 500w, images/Hoge-Roboto-Man.png 600w" alt="c3hoge" class="image-2"></div>
<div class="right-col-list w-col w-col-6">
<div class="w-layout-grid token-grid">
<div class="token-list"><img src="images/supplies_white.svg" loading="lazy" width="80" alt="original supply 1000 billion" class="token-info-img">
<ul role="list" class="token-info w-list-unstyled">
<li class="token-info-heading">ORIGINAL SUPPLY</li>
<li class="token-info-sub">1000 billion</li>
</ul>
</div>
<div class="token-list"><img src="images/circulation_white.svg" loading="lazy" alt="circulating supply, approx 436 billion and decreasing" class="token-info-img">
<ul role="list" class="token-info w-list-unstyled">
<li class="token-info-heading">CIRCULATING SUPPLY</li>
<li class="token-info-sub">436 billion and decreasing</li>
</ul>
</div>
<div class="token-list"><img src="images/burn_white.svg" loading="lazy" width="80" alt="burn, 1% burn every swap" class="token-info-img">
<ul role="list" class="token-info w-list-unstyled">
<li class="token-info-heading">BURN</li>
<li class="token-info-sub">1% burn every swap</li>
</ul>
</div>
<div class="token-list"><img src="images/stake_white.svg" loading="lazy" width="80" alt="staking, 1% distributed to holders every swap" class="token-info-img">
<ul role="list" class="token-info w-list-unstyled">
<li class="token-info-heading">STAKING</li>
<li class="token-info-sub">1% distributed to holders every swap</li>
</ul>
</div>
<div class="token-list"><img src="images/waterdrop_white.svg" loading="lazy" width="80" alt="liquidity, all supply added to liquidity" class="token-info-img">
<ul role="list" class="token-info w-list-unstyled">
<li class="token-info-heading">LIQUIDITY</li>
<li class="token-info-sub">All supply added to liquidity </li>
</ul>
</div>
</div>
</div>
</div>
<div class="info-parah">
<div class="text-block-6">HOGE is a deflationary currency. There will never be more HOGE in circulation than there is now. Every time a transaction takes place with HOGE, <span class="text-highlight">1% of that transaction is removed or “burned” from the total supply</span>. This increases the scarcity of every HOGE in circulation. Additionally, <span class="text-highlight">another 1% is distributed among every HOGE holder</span>. What this means is that every time HOGE is used, the value of the remaining HOGE in circulation is increased by simultaneously decreasing the supply (deflation), while also distributing HOGE to everyone using the token. As a result, every single HOGE holder has an incentive to spread the use of HOGE as much as possible. As more transactions take place in the network, the individual net-worth of all who own a piece of the network increases as well.</div>
</div>
</div>
<div class="horizontal-line-full-nomar"></div>
</div>
<div id="proof-section" class="section-block-dark">
<div class="details-container w-container">
<h1 class="section-heading">Details</h1>
<div class="section-sub-heading">Professor Hoge, let's begin!</div>
<div class="announce-diiv">
<a href="https://esatoshi.club/hoge-finance-x-satoshi-club-ama-recap-from-23th-of-february/" target="_blank" class="link">AMA session with our very own HODLhands and Heisenberg at Satoshi Club</a>
</div>
<div class="section-container-col section-details w-row">
<div class="proof details-col-1 w-col w-col-6">
<div class="w-layout-grid grid-2">
<div class="details-list-item"><img src="images/lock-white.svg" loading="lazy" width="80" alt="locked liquidity 93%" class="token-info-img">
<a href="https://unicrypt.network/pair/0x7fd1de95fc975fbbd8be260525758549ec477960" target="_blank" class="link-block list-link w-inline-block">
<div class="token-list-button text-link-list">LOCKED LIQUIDITY →</div>
</a>
<div class="token-info-sub link-info-sub">93%</div>
</div>
<div class="details-list-item"><img src="images/contract-white.svg" loading="lazy" width="80" alt="smart contract" class="token-info-img">
<a href="https://etherscan.io/token/0xfad45e47083e4607302aa43c65fb3106f1cd7607" target="_blank" class="link-block list-link w-inline-block">
<div class="token-list-button text-link-list">CONTRACT →</div>
</a>
</div>
<div id="w-node-_6f42af94-c8f0-d6d2-9c77-b26fc12f49a6-c12f498f" class="details-list-item"><img src="images/burn_white.svg" loading="lazy" width="80" alt="burn, 1% burn every swap" class="token-info-img">
<a href="https://etherscan.io/token/0xfad45e47083e4607302aa43c65fb3106f1cd7607?a=0x000000000000000000000000000000000000dead" target="_blank" class="link-block list-link w-inline-block">
<div class="token-list-button text-link-list">TOKENS BURNT →</div>
</a>
</div>
<div class="details-list-item"><img src="images/chart-white.svg" loading="lazy" width="80" alt="dextools price and charts" class="token-info-img">
<a href="https://www.dextools.io/app/uniswap/pair-explorer/0x7fd1de95fc975fbbd8be260525758549ec477960" target="_blank" class="link-block list-link w-inline-block">
<div class="token-list-button text-link-list">DEXTOOLS →</div>
</a>
</div>
<div class="details-list-item"><img src="images/whitepaper-white.svg" loading="lazy" width="80" alt="white paper link" class="token-info-img">
<a href="documents/hoge_whitepaper_compressed.pdf" target="_blank" class="link-block list-link w-inline-block">
<div class="token-list-button text-link-list">WHITEPAPER →</div>
</a>
</div>
</div>
</div>
<div class="profhoge-col w-col w-col-6"><img src="images/Professor-Hoge-real.png" loading="lazy" width="378" sizes="(max-width: 479px) 89vw, (max-width: 767px) 378px, (max-width: 991px) 328px, 378px" srcset="images/Professor-Hoge-real-p-500.png 500w, images/Professor-Hoge-real.png 600w" alt="Professor Hoge" class="professor-hoge"></div>
</div>
</div>
<div class="horizontal-line-full"></div>
</div>
<div id="buy-section" class="section-block-light">
<div class="buy-container w-container">
<h1 class="section-heading">How to Buy</h1>
<div class="section-sub-heading">So you want'em fresh Hoge?</div>
<div class="buy-buttons">
<div class="w-layout-grid buy-links-grid">
<a href="https://app.uniswap.org/#/swap?slippage=500&outputCurrency=0xfad45e47083e4607302aa43c65fb3106f1cd7607" target="_blank" class="buy-links-item">Buy on Uniswap</a>
<a href="https://whitebit.com/trade/HOGE_USDT" target="_blank" class="buy-links-item">Buy on WhiteBit</a>
<a href="https://bilaxy.com/trade/HOGE_ETH" target="_blank" class="buy-links-item">Buy on Bilaxy</a>
<a href="#" class="buy-links-item">Buy on BKex (Soon)</a>
</div>
</div>
<div class="section-container-col w-row">
<div class="buyhoge-col w-col w-col-5"><img src="images/Swag-Hoge.png" loading="lazy" width="404" alt="swag Hoge" class="jacked-hoge"></div>
<div class="right-col-list w-col w-col-7">
<div class="w-layout-grid buy-grid">
<div class="buy-list">
<ul role="list" class="buy-list-item w-list-unstyled">
<li class="token-info-heading">DOWNLOAD METAMASK</li>
<li class="buy-info-sub">
<a href="https://metamask.io/" target="_blank" class="text-link">Metamask</a> is a crypto wallet that works with any ERC20 tokens. Hoge is an ERC20 token.
</li>
</ul>
</div>
<div class="token-list">
<ul role="list" class="buy-list-item w-list-unstyled">
<li class="token-info-heading">BUY ETHEREUM (ETH)</li>
<li class="buy-info-sub">Use an exchange to buy eth. <br><span class="sub-sub-text">Some exchanges are Binance, Binance US, Kraken, and Coinbase.</span></li>
</ul>
</div>
<div class="token-list">
<ul role="list" class="buy-list-item w-list-unstyled">
<li class="token-info-heading">GO TO HOGE.FINANCE</li>
<li class="buy-info-sub">When you visit hoge.finance, click on Buy on Uniswap button. <br><span class="sub-sub-text">This will take you to uniswap website. You will receive a pop up asking to confirm if the address belongs to Hoge. Double check before you accept!</span></li>
</ul>
</div>
<div class="token-list">
<ul role="list" class="buy-list-item w-list-unstyled">
<li class="token-info-heading">TOKEN ADDRESS</li>
<li class="buy-info-sub text-highlight text-decrease">0xfad45e47083e4607302aa43c65fb3106f1cd7607</li>
</ul>
</div>
<div class="token-list">
<ul role="list" class="buy-list-item w-list-unstyled">
<li class="token-info-heading">WHEN ON UNISWAP</li>
<li class="buy-info-sub">Click on the gear button and set slippage to 2.5%. <span class="sub-sub-text">If that gives you an error, increase the slippage to 3% or more.</span></li>
</ul>
</div>
<div class="token-list">
<ul role="list" class="buy-list-item w-list-unstyled">
<li class="token-info-heading">SWAP ETH FOR HOGE</li>
<li class="buy-info-sub">Confirm with Metamask.</li>
</ul>
</div>
<div class="token-list">
<ul role="list" class="buy-list-item w-list-unstyled">
<li class="token-info-heading">VIEW YOUR HOGE IN METAMASK</li>
<li class="buy-info-sub">To view your Hoge, add custom token to Metamask. Use the address above in red.</li>
</ul>
</div>
</div>
</div>
</div>
<div class="buy-infographic-col w-row">
<div class="w-col w-col-4"><img src="images/how_to_buy_1.jpg" loading="lazy" alt="How to buy Hoge 1" class="buy-infographic-img"></div>
<div class="w-col w-col-4"><img src="images/how_to_buy_2.jpg" loading="lazy" alt="How to buy Hoge 2" class="buy-infographic-img"></div>
<div class="w-col w-col-4"><img src="images/how_to_buy_3.jpg" loading="lazy" alt="How to buy Hoge 3" class="buy-infographic-img"></div>
</div>
</div>
<div class="horizontal-line-full"></div>
</div>
<div id="roadmap-section" class="section-block-regular">
<div class="section-container-rmp w-container">
<h1 class="section-heading">Roadmap</h1>
<div class="section-sub-heading">My king, My king, lead the way</div><img src="images/King-Hoge.png" loading="lazy" width="303" sizes="(max-width: 479px) 100vw, 303px" srcset="images/King-Hoge-p-500.png 500w, images/King-Hoge-p-800.png 800w, images/King-Hoge-p-1080.png 1080w, images/King-Hoge.png 1500w" alt="King Hoge" class="image-5">
<div class="roadmap-container-col w-row">
<div class="roadmap-col1 w-col w-col-4">
<div class="roadmap-col-heading">Q1</div>
<ul role="list" class="roadmap-col-list w-list-unstyled">
<li class="roadmap-list-item item-done">Deploy onto Social Media Platforms</li>
<li class="roadmap-list-item item-done">Blockfolio listing</li>
<li class="roadmap-list-item item-done">Coinmarketcap tracking</li>
<li class="roadmap-list-item item-done">Build new website</li>
<li class="roadmap-list-item item-done">Build social media presence</li>
<li class="roadmap-list-item item-done">Satoshi Club AMA</li>
<li class="roadmap-list-item item-done">Branded T-shirts and merch</li>
<li class="roadmap-list-item item-done">Hoge games</li>
<li class="roadmap-list-item item-done">WhiteBit Exchange listing</li>
<li class="roadmap-list-item">Hoge Browser Game</li>
<li class="roadmap-list-item">Non-stop meme generation</li>
</ul>
</div>
<div class="roadmap-col2 w-col w-col-4">
<div class="roadmap-col-heading">Q2</div>
<ul role="list" class="roadmap-col-list w-list-unstyled">
<li class="roadmap-list-item">Exploring different blockchains to reduce ETH gas fees (ongoing)</li>
<li class="roadmap-list-item">Partnerships with Non-Profit Organizations focusing on key values of Hoge Foundation<br><span class="sub-sub-text">- Animal Shelters<br>- eSports teams</span></li>
<li class="roadmap-list-item">Coin audit (NIGHTWATCH)</li>
<li class="roadmap-list-item">Non-Fungible Token Printer & Web Server <span class="sub-sub-text">Start of Hoge eCommerce system</span></li>
<li class="roadmap-list-item">Community Submitted prints of Meme Trading Cards</li>
<li class="roadmap-list-item">Expanded GameLabs</li>
<li class="roadmap-list-item">Marketing campaign (ongoing)</li>
</ul>
</div>
<div class="roadmap-col3 w-col w-col-4">
<div class="roadmap-col-heading">Q3</div>
<ul role="list" class="roadmap-col-list w-list-unstyled">
<li class="roadmap-list-item">Open source crowdfunding platform - Part of eCommerce system</li>
<li class="roadmap-list-item">Increase development team to explore dApp games with Hoge GameLabs</li>
<li class="roadmap-list-item">Sponsor truck rally (Mitsubishi Pajero) and have our Hoge truck do Carta Rally.</li>
<li class="roadmap-list-item">This is a community project and everyone can jump in!</li>
</ul>
</div>
</div>
</div>
<div class="horizontal-line-full"></div>
</div>
<div id="games-section" class="section-block-light games-section">
<div class="section-container-games w-container">
<h1 class="section-heading">Games</h1>
<div class="section-sub-heading">all games, all fun, earn Hoge!</div>
<a href="https://hoge.fun/" target="_blank" class="button-green button-game w-button">Play Hoge Games</a>
</div>
<div class="section-container-col w-container">
<div class="div-block-3"><img src="images/game3.jpg" loading="lazy" width="557" sizes="(max-width: 479px) 96vw, (max-width: 767px) 100vw, 557px" srcset="images/game3-p-500.jpeg 500w, images/game3-p-800.jpeg 800w, images/game3-p-1080.jpeg 1080w, images/game3.jpg 1280w" alt="game1"></div>
<div class="columns-3 w-row">
<div class="w-col w-col-6"><img src="images/game1.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 97vw, (max-width: 991px) 354px, 460px" srcset="images/game1-p-1080.jpeg 1080w, images/game1.jpg 1280w" alt="game2"></div>
<div class="column-2 w-col w-col-6"><img src="images/game2.jpg" loading="lazy" sizes="(max-width: 479px) 92vw, (max-width: 767px) 97vw, (max-width: 991px) 354px, 460px" srcset="images/game2-p-1080.jpeg 1080w, images/game2.jpg 1280w" alt="game3"></div>
</div>
</div>
<div class="nft-section w-container">
<h1 class="section-heading">NFTs</h1>
<div class="section-sub-heading">Are you kidding me?!!</div>
<a href="https://hogemint.com" target="_blank" class="button-green button-game w-button">Mint Fresh NFTs</a>
<div class="nft-col w-row">
<div class="w-col w-col-4"><img src="images/nft_donations.jpg" loading="lazy" sizes="(max-width: 479px) 96vw, (max-width: 767px) 97vw, (max-width: 991px) 229.328125px, 299.984375px" srcset="images/nft_donations-p-500.jpeg 500w, images/nft_donations.jpg 750w" alt=""></div>
<div class="nft-mid-col w-col w-col-4"><img src="images/nft_gold.jpg" loading="lazy" sizes="(max-width: 479px) 96vw, (max-width: 767px) 97vw, (max-width: 991px) 229.328125px, 299.984375px" srcset="images/nft_gold-p-500.jpeg 500w, images/nft_gold.jpg 750w" alt=""></div>
<div class="w-col w-col-4"><img src="images/nft_magic_hoge.jpg" loading="lazy" alt="Hoge Magic"></div>
</div>
</div>
<div class="horizontal-line-full"></div>
</div>
<div id="swag-section" class="section-block-light">
<div class="section-container-games w-container">
<h1 class="section-heading">Swag</h1>
<div class="section-sub-heading">Swag on swag on swag</div>
<a href="https://www.amazon.com/dp/B08WJS43YJ" target="_blank" class="button-green button-game w-button">Get'em on Amazon</a>
</div>
<div class="section-container w-container">
<div class="columns-4 w-row">
<div class="column-4 w-col w-col-6"><img src="images/Hoge-Army-T-Shirt.png" loading="lazy" sizes="(max-width: 479px) 90vw, (max-width: 723px) 93vw, (max-width: 767px) 673px, (max-width: 991px) 334px, 440px" srcset="images/Hoge-Army-T-Shirt-p-500.png 500w, images/Hoge-Army-T-Shirt.png 673w" alt="t-shirt men" class="image-4"></div>
<div class="column-3 w-col w-col-6"><img src="images/Hoge-Army-T-Shirt-Female.png" loading="lazy" width="396" sizes="(max-width: 479px) 88vw, (max-width: 767px) 396px, (max-width: 991px) 333px, 396px" srcset="images/Hoge-Army-T-Shirt-Female-p-500.png 500w, images/Hoge-Army-T-Shirt-Female.png 672w" alt="t-shirt women" class="image-3"></div>
</div>
</div>
<div class="horizontal-line-full"></div>
</div>
<div id="contact-section" class="contact-sec">
<div class="section-container w-container">
<h1 class="section-heading">Contact Us</h1>
<div class="section-sub-heading">How you doin'</div><img src="images/moonhoge.png" loading="lazy" width="300" alt="" class="contact-img">
<ul role="list" class="contact-list w-list-unstyled">
<li>
<div>
<div class="text-block-8">For all business inquiries, please contact</div>
<a href="#" class="text-link">[email protected]</a>
</div>
</li>
<li></li>
</ul>
</div>
<div class="horizontal-line-full-nomar"></div>
</div>
<div class="footer-sec footer">
<div class="section-container w-container">
<h1 class="section-heading">Explore more of Hoge</h1>
<div class="section-sub-heading">Can't get enough? We understand!</div>
</div>
<div class="footer-menu w-container">
<div class="footer-menu-col w-row">
<div class="w-col w-col-4">
<div class="footer-col-header">Explore</div>
<ul role="list" class="w-list-unstyled">
<li class="footer-list-item">
<a href="#buy-section" class="footer-links">How to buy</a>
</li>
<li class="footer-list-item">
<a href="#" class="footer-links">Tokenomics</a>
</li>
<li class="footer-list-item">
<a href="#roadmap-section" class="footer-links">Roadmap</a>
</li>
<li class="footer-list-item">
<a href="#contact-section" class="footer-links">Contact Us</a>
</li>
</ul>
</div>
<div class="w-col w-col-4">
<div class="footer-col-header">Token information</div>
<ul role="list" class="w-list-unstyled">
<li class="footer-list-item">
<a href="https://etherscan.io/token/0xfad45e47083e4607302aa43c65fb3106f1cd7607" target="_blank" class="footer-links">Etherscan</a>
</li>
<li class="footer-list-item">
<a href="https://ethplorer.io/address/0xfad45e47083e4607302aa43c65fb3106f1cd7607#chart=candlestick" target="_blank" class="footer-links">Ethplorer</a>
</li>
<li class="footer-list-item">
<a href="https://www.dextools.io/app/uniswap/pair-explorer/0x7fd1de95fc975fbbd8be260525758549ec477960" target="_blank" class="footer-links">Dextools</a>
</li>
</ul>
</div>
<div class="w-col w-col-4">
<div class="footer-col-header">Social</div>
<ul role="list" class="w-list-unstyled">
<li class="footer-list-item">
<a href="https://twitter.com/hogefinance" target="_blank" class="footer-links">Twitter</a>
</li>
<li class="footer-list-item">
<a href="https://www.reddit.com/r/hoge" target="_blank" class="footer-links">Reddit</a>
</li>
<li class="footer-list-item">
<a href="https://discord.gg/xpwC84dA6j" target="_blank" class="footer-links">Discord</a>
</li>
<li class="footer-list-item">
<a href="https://github.com/HogeFinance" target="_blank" class="footer-links">Github</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=60332aeaa163624d4b7636b3" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
<script>
$('.w-nav-menu').on('click', 'a', function() {
// When a nav item is clicked on a tablet or mobile device
if (parseInt($(window).width()) < 990) {
// Click the menu close button
$('.w-nav-button').triggerHandler('tap');
}
});
</script>
</body>
</html>