Files
monero-flyer/index.html
2025-05-31 10:11:55 +02:00

181 lines
6.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<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" type="text/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="de">Deutsch</option>
<option value="fr">Français</option>
<option value="es">Español</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="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">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">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">KYC light</h3>
<p id="kyc_light-desc"></p>
<div 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> (US, CH)</li>
</ul>
</div>
</div>
</section>
<p>&nbsp;</p>
<section class="fade-in">
<div id="legend">
<h4 id="legend-headline" data-i18n="glossary">Glossary</h4>
<dl>
<dt>KYC</dt>
<dd id="legend-kyc" data-i18n="know-your-customer"></dd>
<dt>No-KYC</dt>
<dd id="legend-non_kyc" data-i18n="dont-know-your-customer"></dd>
<dt>KYC light</dt>
<dd id="legend-kyc_light" data-i18n="know-your-customer-light"></dd>
<dt>Fiat</dt>
<dd id="legend-fiat" data-i18n="fiat"></dd>
<dt>CEX</dt>
<dd id="legend-cex" data-i18n="cex"></dd>
<dt>DEX</dt>
<dd id="legend-dex" data-i18n="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>