You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
neroshop-site/index.html

150 lines
8.1 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>NeroShop</title>
<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=Poppins:wght@400;500;700&display=swap"rel="stylesheet"/>
<link rel="icon" href="images\favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="styles.css" />
<link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon" />
</head>
<body>
<header class="main_header">
<a class="main_brand" href="/"> <img src="assets/favicon.png" alt="" class="titleImage"> NeroShop </a>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="#join">Join our community</a>
</li>
<li>
<a href="#donation">Donation</a>
</li>
<li>
<a href="#apply">Private Beta Signup</a>
</li>
</ul>
</nav>
<div class="hamburger_menu">
<div> </div>
<div> </div>
<div> </div>
</div>
</header>
<nav class="nav_mobile" >
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="#join">Join our community</a>
</li>
<li>
<a href="#donation">Donation</a>
</li>
<li>
<a href="#apply">Private Beta Signup</a>
</li>
</ul>
</nav>
<section class="hero">
<div class="">
<h1>We are a Decentralized Peer-to-peer Marketplace</h1>
<p>Neroshop is a user-friendly and censorship-resistant distributed P2P marketplace for Monero users.</p>
<h2>What makes us different</h2>
<ol>
<li>There are no fees or restrictions.</li>
<li>All data is private and secure.</li>
<li>The payment is with Monero (XMR) a digital currency that is designed to be untraceable and anonymous.</li>
</ol>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="200px" height="200px" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m44 55h-24l-1.5 8h27z" fill="#323b46" data-original="#323b46" class=""></path><path d="m24 50h16v9h-16z" fill="#414655" data-original="#414655" class=""></path><path d="m24 50h16v2h-16z" fill="#323b46" data-original="#323b46" class=""></path><rect fill="#55566b" height="49" rx="4" width="62" x="1" y="1" data-original="#55566b"></rect><path d="m6 3a3 3 0 0 0 -3 3v42a3.961 3.961 0 0 0 .36 1.64 3.961 3.961 0 0 0 1.64.36h54a4 4 0 0 0 4-4v-41a3.961 3.961 0 0 0 -.36-1.64 3.961 3.961 0 0 0 -1.64-.36z" fill="#414655" data-original="#414655" class=""></path><path d="m38 13h21v33h-21z" fill="#f3fcff" data-original="#f3fcff" class=""></path><path d="m5 13h33v33h-33z" fill="#44c8ef" data-original="#44c8ef" class=""></path><path d="m5 13h2v33h-2z" fill="#2bb9e1" data-original="#2bb9e1"></path><path d="m5 5h54v8h-54z" fill="#f7325a" data-original="#f7325a" class=""></path><path d="m5 5v8h2v-6h52v-2z" fill="#ed1841" data-original="#ed1841" class=""></path><rect fill="#7ed637" height="4" rx="2" width="11" x="43" y="19" data-original="#7ed637"></rect><g fill="#414655"><path d="m54 28h-11a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" fill="#414655" data-original="#414655" class=""></path><path d="m54 32h-11a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" fill="#414655" data-original="#414655" class=""></path><path d="m54 36h-11a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" fill="#414655" data-original="#414655" class=""></path><path d="m54 40h-11a1 1 0 0 1 0-2h11a1 1 0 0 1 0 2z" fill="#414655" data-original="#414655" class=""></path></g><circle cx="10" cy="9" fill="#99e64b" r="1" data-original="#99e64b"></circle><circle cx="16" cy="9" fill="#fff050" r="1" data-original="#fff050"></circle><circle cx="22" cy="9" fill="#62dbf5" r="1" data-original="#62dbf5"></circle><path d="m12.5 25.047v8.906a1.126 1.126 0 0 0 .562.975l7.875 4.546a1.127 1.127 0 0 0 1.126 0l7.875-4.546a1.126 1.126 0 0 0 .562-.975v-8.906a1.125 1.125 0 0 0 -.563-.975l-7.875-4.546a1.123 1.123 0 0 0 -1.124 0l-7.875 4.546a1.125 1.125 0 0 0 -.563.975z" fill="#fac01e" data-original="#fac01e"></path><path d="m21.5 40.624a2.136 2.136 0 0 1 -1.062-.283l-7.876-4.547a2.135 2.135 0 0 1 -1.062-1.841v-8.906a2.132 2.132 0 0 1 1.062-1.84l7.875-4.548a2.138 2.138 0 0 1 2.125 0l7.875 4.547a2.134 2.134 0 0 1 1.063 1.841v8.906a2.132 2.132 0 0 1 -1.062 1.84l-7.876 4.548a2.136 2.136 0 0 1 -1.062.283zm0-20.249a.129.129 0 0 0 -.063.017l-7.875 4.546a.126.126 0 0 0 -.062.109v8.906a.125.125 0 0 0 .063.109l7.874 4.546a.131.131 0 0 0 .126 0l7.874-4.546a.125.125 0 0 0 .063-.109v-8.906a.125.125 0 0 0 -.063-.109l-7.875-4.546a.12.12 0 0 0 -.062-.017z" fill="#fff050" data-original="#fff050"></path></g></svg>
</div>
</section>
<br>
<section class="features" >
<hr>
<h1 id="join" class="firsttext" >Join Our Community :</center></h1>
<div class="join">
<div class="bg"><p>Want to form a<h3> PartnerShip </h3> with us</p> <br> <a class="link" href="https://matrix.to/#/#neroshop:matrix.org">Join</a></div>
<div class="bg"><p>Join us as an <h3> Ambassador </h3> to spread the word </p> <br> <a class="link" href="https://neroshop.gitbook.io/ambassador/">Join</a></div>
<div class="bg"><p>Join our <h3> open source </h3> community </p> <br> <a class="link" href="https://neroshop.gitbook.io/developers/">Join</a></div>
</div>
<hr>
</section>
<section class="donation">
<div><h1 class="secondtext">Donation</h1></div>
<div class="donation2">
<div class="place">
<div><p class="rtext">You may support the neroshop project directly <br>by donating Monero (XMR) to the address below:</p>
<p>Received payments will be used to reward developers for their contributions<br> to the project (mostly by completing bounties) and will also be used to fund <br> our official website domain name. </p>
<script>
function myFunction() {
// Get the text field
var copyText = document.getElementById("myInput");
// Select the text field
copyText.select();
copyText.setSelectionRange(0, 99999); // For mobile devices
// Copy the text inside the text field
navigator.clipboard.writeText(copyText.value);
// Alert the copied text
alert("Copied the text: " + copyText.value);
}
</script>
<div id="donation" class="donate">
<form action="" method="get">
<div class="">
<div class="firstinput">
<input class="input1" type="text" value="83QbQvnnyo7515rEnW8XwF1hbP5qMab6sHXFzP6pg3EKGscgXCbVjbt1FX5SF7AV9p4Ur1tiommuQSzrQQRHkZicVYu6j8Y" autofocus="autofocus" id="myInput" readonly>
</div>
<div class="firstbutton">
<button onclick="myFunction()" class="copy">Copy</button>
</div>
</div>
</form>
</div>
</div>
<div class="imagediv"><img class="imageqr" src="assets\donate_xmr.png" alt=""></div>
</div>
<br>
</div>
</section>
<section class="apply" id="apply">
<hr>
<h1><center>Apply to join our Private Beta</center></h1>
<p><center>The Neroshop App will be publicly available for download <br> after the Private BETA version Our BETA Tester application <br> is Open</center></p>
<center><div class="btndiv"><a class="applybtn" href="https://6bubstto9z2.typeform.com/to/rhS4XUoa"><center>Apply</center></a></div></center>
<center><h1>Have a question?</h1></center>
<center><h2>Contact us :</h2></center>
<div class="aligning">
<center><a href="https://www.reddit.com/user/jkinnof"><img class="small" src="assets\reddit.png" alt=""></a></center>
<center><a href="https://github.com/larteyoh/neroshop"><img class="small" src="assets\25231.png" alt=""></a></center>
<center><a href="https://matrix.to/#/#neroshop:matrix.org" class="fa fa-matrix-org" aria-hidden="true"><img id="matrix" class="small" src="assets\ttsjwamua8ca1.png" alt=""></a></center>
</div>
</div>
</section>
<script src="index.js"></script>
</body>
</html>