Files
monero-flyer/index.html
2025-06-14 15:52:58 +02:00

207 lines
8.4 KiB
HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="language" content="English">
<title>Use Monero - Get Financial Freedom</title>
<meta name="description" content="Monero is a secure, private, and untraceable cryptocurrency.">
<meta name="keywords" content="Monero, cryptocurrency, digital cash, secure transactions, financial freedom, private, low fees, untraceable, fungible, decentralized">
<meta name="robots" content="index, follow">
<meta name="author" content="Monero Community Project">
<meta name="copyright" content="Copyright © Monero Community Project">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#121212">
<link rel="icon" href="./assets/monero.svg" type="image/x-icon">
<link rel="stylesheet" href="./assets/style.css?v=1.1" type="text/css">
<link rel="stylesheet" type="text/css" href="./assets/fonts/fonts.css">
<script src="./assets/script.js" defer></script>
</head>
<body class="dark-mode">
<header>
<div>
<select class="language-switcher" onchange="loadLanguage(this.value)">
<option value="en">English</option>
<option value="zh">&#x4E2D;&#x6587;</option>
<option value="es">Espa&ntilde;ol</option>
<option value="ru">&Rcy;&ucy;&scy;&scy;&kcy;&icy;&jcy;</option>
<option value="pt">Portugu&ecirc;s</option>
<option value="pt-br">Portugu&ecirc;s Brasileiro</option>
<option value="fr">Fran&ccedil;ais</option>
<option value="de">Deutsch</option>
<option value="pl">Polski</option>
<option value="tr">T&uuml;rk&ccedil;e</option>
<option value="nl">Nederlands</option>
<option value="fa">&#x641;&#x627;&#x631;&#x633;&#x6CC;</option>
<option value="sk">Slovak</option>
<option value="ro">Rom&acirc;n&abreve;</option>
<option value="vl">Valenci&agrave;</option>
<option value="pp">Papiamento</option>
<option value="cr">Kriolu</option>
<option value="hy">Հայերեն</option>
</select>
</div>
<div>
<div class="mode-switcher" onclick="toggleMode()">
<div class="moon"></div>
</div>
</div>
</header>
<main>
<p><img src="./assets/monero.svg" class="logo" height="100" width="100" alt="Monero Logo" /></p>
<h1 data-i18n="title"></h1>
<h2 data-i18n="subtitle"></h2>
<p>&nbsp;</p>
<section class="fade-in">
<div class="preview-images">
<div class="preview-flyer-light">
<a href="">
<img />
</a>
<a href="" data-i18n="download-light-pdf"></a>
</div>
<div class="preview-flyer-dark">
<a href="">
<img />
</a>
<a href="" data-i18n="download-dark-pdf"></a>
</div>
</div>
<a href="" data-i18n="download-button"></a>
</section>
<p>&nbsp;</p>
<section class="fade-in">
<h2 data-i18n="title-advantages"></h2>
<p data-i18n="advantage-privacy"></p>
<p data-i18n="advantage-low-fees"></p>
<p data-i18n="advantage-no-chargebacks"></p>
</section>
<p>&nbsp;</p>
<section class="fade-in">
<h2 data-i18n="fiat-into-monero-title"></h2>
<div data-i18n="fiat-into-monero-step1"></div>
<div data-i18n="fiat-into-monero-step2"></div>
<div data-i18n="fiat-into-monero-step3"></div>
<h2 data-i18n="fiat-into-monero-conclusion"></h2>
</section>
<p>&nbsp;</p>
<section class="fade-in">
<h2 data-i18n="where-to-use-monero-title"></h2>
<div data-i18n="market-xmrbazaar"></div>
<div data-i18n="market-monerica"></div>
<div data-i18n="market-map"></div>
<div data-i18n="market-kycnotme"></div>
<h2 data-i18n="where-to-use-monero-conclusion"></h2>
</section>
<p>&nbsp;</p>
<section class="fade-in">
<h2 data-i18n="monero-into-fiat-title"></h2>
<div>
<label id="sort-label" for="sort-mode" data-i18n="sort-by"></label>
<select id="sort-mode" onchange="sortCategories(this.value)">
<option id="sort-by-comfort" value="comfort" data-i18n="sort-by-comfort"></option>
<option id="sort-by-best-privacy" value="privacy" data-i18n="sort-by-best-privacy"></option>
</select>
</div>
<div id="exchanges">
<h3 id="atomic" data-i18n="atomic-swaps"></h3>
<p id="atomic-desc"></p>
<div class="exchange-category">
<ul>
<li><a href="https://unstoppableswap.net" target="_blank">UnstoppableSwap</a></li>
<li><a href="https://basicswapdex.com" target="_blank">BasicSwap</a></li>
</ul>
</div>
<h3 id="dex" data-i18n="decentralized-exchanges"></h3>
<p id="dex-desc"></p>
<div class="exchange-category">
<ul>
<li><a href="https://bisq.network" target="_blank">bisq</a></li>
<li><a href="https://retoswap.org" target="_blank">RetoSwap</a></li>
<li><a href="https://tradeogre.com" target="_blank">TradeOgre</a></li>
<!-- <li><a href="https://serai.exchange" target="_blank">Serai DEX</a></li> -->
</ul>
</div>
<h3 id="no_kyc" data-i18n="no-kyc-services"></h3>
<p id="no_kyc-desc"></p>
<div class="exchange-category">
<ul>
<li><a href="https://trocador.app" target="_blank">TrocadorApp</a></li>
<li><a href="https://orangefren.com" target="_blank">OrangeFren</a></li>
</ul>
</div>
<h3 id="kyc_light" data-i18n="kyc-light"></h3>
<p id="kyc_light-desc"></p>
<div id="kyc_light-providers" class="exchange-category">
<ul>
<li><a href="https://cakewallet.com" target="_blank">Cake Wallet</a> &amp;
<a href="https://dfx.swiss" target="_blank">DFX.swiss</a>
</li>
</ul>
</div>
<h3 id="cex" data-i18n="centralized-exchanges"></h3>
<p id="cex-desc"></p>
<div class="exchange-category">
<ul>
<li><a href="https://kraken.com" target="_blank">Kraken Exchange</a> <span>(US, CH)</span></li>
</ul>
</div>
</div>
</section>
<p>&nbsp;</p>
<section class="fade-in">
<div id="legend">
<h4 id="legend-headline" data-i18n="glossary"></h4>
<dl>
<dt data-i18n="glossary-term-kyc"></dt>
<dd id="legend-kyc" data-i18n="glossary-desc-kyc"></dd>
<dt data-i18n="glossary-term-no-kyc"></dt>
<dd id="legend-non_kyc" data-i18n="glossary-desc-no-kyc"></dd>
<dt data-i18n="glossary-term-kyc-light"></dt>
<dd id="legend-kyc_light" data-i18n="glossary-desc-kyc-light"></dd>
<dt data-i18n="glossary-term-fiat"></dt>
<dd id="legend-fiat" data-i18n="glossary-desc-fiat"></dd>
<dt data-i18n="glossary-term-cex"></dt>
<dd id="legend-cex" data-i18n="glossary-desc-cex"></dd>
<dt data-i18n="glossary-term-dex"></dt>
<dd id="legend-dex" data-i18n="glossary-desc-dex"></dd>
</dl>
</div>
</section>
</main>
<p>&nbsp;</p>
<footer class="fade-in">
<p>&copy; <span id="current-year"></span> <span data-i18n="copyright"></span></p>
</footer>
</body>
</html>