j"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutMÞ#<script src="https://api.moneybutton.com/moneybutton.js"></script>
<p style="text-align: center;"><a href="https://metanet.icu/">
<img src="https://bico.media/e29215f48cf5de587cf3e68401126e27e2828ffd19fcd013f52ca87b79f3f2df" alt="" width="900" height="250"></a></p>
<br><br>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {margin:0;font-family:Arial}
.topnav {
overflow: hidden;
background-color: #333;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.active {
background-color: #4CAF50;
color: white;
}
.topnav .icon {
display: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 17px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
background-color: #555;
color: white;
}
.dropdown-content a:hover {
background-color: #ddd;
color: black;
}
.dropdown:hover .dropdown-content {
display: block;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown {float: none;}
.topnav.responsive .dropdown-content {position: relative;}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}
</style>
</head>
<body>
<div class="topnav" id="myTopnav" style="padding-left:550px">
<a href="#home" class="active">Home</a>
<div class="dropdown">
<button class="dropbtn">Artists
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="#camerongrey">camerongrey</a>
<a href="#2ndartist">2nd artist</a>
<a href="#">3rd artist</a>
</div>
</div>
<a href="https://metanet.icu/">MetaNet ICU</a>
<a href="https://www.moneybutton.com">MoneyButton</a>
<a href="#contact">Contact</a>
<a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">☰</a>
</div>
<div style="padding-left:16px">
<br>
<br>
</div>
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
<p style="text-align: center;"><span style="font-family: 'book antiqua', palatino, serif; font-size: 18pt;">This is a simple case example of how an Onchain MUSIC shop can function
<br>
</span>
<br>
<br>
<br>
<br>
<br>
<div id ="camerongrey">
<br>
<table style="border-collapse: collapse; width: 100%;" border="0" margin-left:="" 30px;="">
<tbody>
<tr>
<td style="width: 25%;"></td>
<td style="width: 25%;">
<img class="size-medium wp-image-868 alignnone" src="https://bico.media/b78d31c69c1a5beecea0a26d4043220f92a3af316b982055165c0a7ab092761e" alt="" width="300" height="300">
<br>
<br>
Song title:
<br>
Artist <a href="https://twitter.com/camerongrey">@camerongrey</a><br>
<br>
<div class="money-button" data-to="1CnTQXGvMoWqzvU2Q6f8D183quxyZteyEr" data-amount="0.01" data-currency="GBP" data-label="Buy Song" data-hide-amount="false" data-client-identifier="62c98c4fddd68002f953e039f57b3ce5" data-button-id="1537294049022" data-button-data="music" data-op-return="https://bico.media/a97ab1389d52d15232e2f560d3da88da3a2f60792eee8db4496c2679710c2883" data-type="buy"></div>
</td>
<td style="width: 25%;">
<img class="size-medium wp-image-868 alignnone" src="https://bico.media/b78d31c69c1a5beecea0a26d4043220f92a3af316b982055165c0a7ab092761e" alt="" width="300" height="300">
<br>
<br>
Another song:
<br>
Artist <a href="https://twitter.com/camerongrey">@camerongrey</a><br>
<br>
<div class="money-button" data-to="1CnTQXGvMoWqzvU2Q6f8D183quxyZteyEr" data-amount="0.01" data-currency="GBP" data-label="Buy Song" data-hide-amount="false" data-client-identifier="62c98c4fddd68002f953e039f57b3ce5" data-button-id="1537294049022" data-button-data="music" data-op-return="https://bico.media/a97ab1389d52d15232e2f560d3da88da3a2f60792eee8db4496c2679710c2883" data-type="buy">
</td>
<td style="width: 25%;">
<br>
</table>
</div>
<p style="text-align: center;">
------------------
<br>
This is an area for a 2nd Artist</p>
<div id ="2ndartist">
<br>
<table style="border-collapse: collapse; width: 100%;" border="0" margin-left:="" 30px;="">
<tbody>
<tr>
<td style="width: 25%;"></td>
<td style="width: 25%;">
<img class="size-medium wp-image-868 alignnone" src="https://bico.media/b78d31c69c1a5beecea0a26d4043220f92a3af316b982055165c0a7ab092761e" alt="" width="300" height="300">
<br>
<br>
Song title:
<br>
Artist <a href="https://twitter.com/camerongrey">@camerongrey</a><br>
<br>
<div class="money-button" data-to="1CnTQXGvMoWqzvU2Q6f8D183quxyZteyEr" data-amount="0.01" data-currency="GBP" data-label="Buy Song" data-hide-amount="false" data-client-identifier="62c98c4fddd68002f953e039f57b3ce5" data-button-id="1537294049022" data-button-data="music" data-op-return="https://bico.media/a97ab1389d52d15232e2f560d3da88da3a2f60792eee8db4496c2679710c2883" data-type="buy"></div>
</td>
<td style="width: 25%;">
<img class="size-medium wp-image-868 alignnone" src="https://bico.media/b78d31c69c1a5beecea0a26d4043220f92a3af316b982055165c0a7ab092761e" alt="" width="300" height="300">
<br>
<br>
Another song:
<br>
Artist <a href="https://twitter.com/camerongrey">@camerongrey</a><br>
<br>
<div class="money-button" data-to="1CnTQXGvMoWqzvU2Q6f8D183quxyZteyEr" data-amount="0.01" data-currency="GBP" data-label="Buy Song" data-hide-amount="false" data-client-identifier="62c98c4fddd68002f953e039f57b3ce5" data-button-id="1537294049022" data-button-data="music" data-op-return="https://bico.media/a97ab1389d52d15232e2f560d3da88da3a2f60792eee8db4496c2679710c2883" data-type="buy">
</td>
<td style="width: 25%;">
<br>
</table>
</div>
<p style="text-align: center;"><strong>If you wish to contact us please use the form below</strong>
<p style="text-align: center;">After making your purchase you will receive a transaction hash detailing your item purchase (receipt)</p>
<form action="mailto: shop@metanet.icu" method="post" enctype="text/plain" align="middle"><meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial, Helvetica, sans-serif;}<br />
* {box-sizing: border-box;}</p>
<p>input[type=text], select, textarea {<br />
width: 100%;<br />
padding: 12px;<br />
border: 1px solid #ccc;<br />
border-radius: 4px;<br />
box-sizing: border-box;<br />
margin-top: 6px;<br />
margin-bottom: 16px;<br />
resize: vertical;<br />
}</p>
<p>input[type=submit] {<br />
background-color: #4CAF50;<br />
color: white;<br />
padding: 12px 20px;<br />
border: none;<br />
border-radius: 4px;<br />
cursor: pointer;<br />
}</p>
<p>input[type=submit]:hover {<br />
background-color: #45a049;<br />
}</p>
<p>.container {<br />
border-radius: 5px;<br />
background-color: #f2f2f2;<br />
padding: 20px;<br />
}<br />
</style>
--------------------
<h3>Contact Form</h3>
<h6> <a href="#myTopnav">Back to Top Menu</a><h6>
<div class="container" id="contact">
<br>
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<br>
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<br>
<br>
<label for="email">Your Email</label>
<input type="text" id="email" name="youremail" placeholder="Your Email..">
<br><br>
<label for="subject"><strong>Please Add Any Message You Wish<strong></label>
<br>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:200px" "width:300px"></textarea>
<br>
<input type="submit" value="Submit">
</form>
</div>
<br>
<div data-label="contact" id="">
<p style="text-align: center;">We are of the MetaNet ICU, and we welcome you to the MetaNet<br><br>
<a href="https://twitter.com/MetanetIcu">MetaNet ICU</a>
<br>
Contact Us:
<a href="mailto:contact@metanet.icu?Subject=Contact%20form,%20No%20item" target="_top">Send Mail</a>
<br></p>
<p style="text-align: center;"><a href="https://metanet.icu/icu-register/">Register with the ICU today</a></p>
</div>
~ Joel Dalais
text/htmlUTF-8
https://whatsonchain.com/tx/d34f9c83ba984b434af22d12d6a4b31fee0a360ac0b3d03e0c4159ba18b02a7e