-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmarketplace.html
92 lines (80 loc) · 3.96 KB
/
marketplace.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Morada Hotel - Marketplace</title>
<meta name="description" content="NFT Marketplace of Morada Hotel, claim your membership NFT today!">
<meta name="keywords"
content="membership, marketplace, morada, hotel, nft, basic, expert, premium, utility, value, blockchain, polygon, metamask, nfts">
<meta name="author" content="Frank Arellano">
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
<link href="assets/css/media.css" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/web3@1.5.2/dist/web3.min.js"></script>
</head>
<body class="bkg-white">
<!-- Start nav section-->
<header>
<nav class="nav" aria-label="Morada Navigation Bar">
<ul>
<li class="nav-logo">
<a href="index.htm"><img class="logo-img" src="assets/img/logo.webp" alt="logo of morada"></a>
</li>
<li><a href="index.htm">Home</a></li>
<li><a href="marketplace.html" class="active">Marketplace</a></li>
<li><a href="learn.html">Learn</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#" id="metamask"><strong>Metamask</strong></a></li>
</ul>
</nav>
</header>
<!-- End nav section-->
<!-- Start of content section-->
<section style="text-align:center" aria-label="section to learn about Morada's Marketplace and a bit of NFTs">
<a href="marketplace.html">
<h1 class="page-title background padding-bottom">Marketplace</h1>
</a>
<div class="learn-nft">
<h2 class="base-color">How does it work?</h2>
<!--- Start of Youtube Embedded - How to use Opensea with Metamask by Cam // Collector Club -->
<iframe src="https://www.youtube.com/embed/EQNm0uP9Lq8" title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen loading="lazy">
</iframe>
<!--- End of Youtube Embedded-->
<!-- Progressive disclosure-->
<details>
<summary>How to find the Marketplace?</summary>
<p>Morada Hotel marketplace will be accessible from this very same page!</p>
</details>
<details>
<summary>What do I need to start buying?</summary>
<p>Purchasing our functional NFTs is made easy through your Metamask wallet, just like in the video
above!</p>
</details>
<details>
<summary>What to consider?</summary>
<p>Don't forget to switch your network, as our NFTs are managed in Polygon network!</p>
</details>
<details>
<summary>When will it be available?</summary>
<p>With our interoperable NFTs, take advantage of exciting opportunities coming your way soon!</p>
</details>
</div>
</section>
<!-- End of content section-->
<!-- Start of Footer-->
<footer class="background text-center" aria-label="footer section">
<div class="center">
<p>©2023 <a class="color-white" href="https://morada.nft"
rel="author noopener noreferrer"><b>morada.nft</b></a> of Morada by <a class="color-white"
href="https://github.com/plexoio" target="_blank" aria-label="link to author"
rel="author noopener noreferrer"><b>Frank Arellano</b></a></p>
</div>
</footer>
<!-- End of Footer-->
<!-- Start of Metasmask Login to Polygon network by ChatGPT4 -->
<script src="vendor/js/metamask-login.js"></script>
<!-- End of Metasmask Login to Polygon network by ChatGPT4 -->
</body>
</html>