morada/learn.html at main · plexosoft/morada · GitHub

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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!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 - Learn</title>
    <meta name="description" content="Learn about Morada's NFT project today!">
    <meta name="keywords"
        content="project, learn, 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">Marketplace</a></li>
                <li><a href="learn.html" class="active">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 NFTs, Blockchain and Morada NFTs">
        <a href="learn.html">
            <h1 class="page-title background padding-bottom">Learn</h1>
        </a>

        <div class="learn-nft">
            <h2 class="base-color">Blockchain and Money</h2>

            <!--- Start of Youtube Embedded - Blockchain and Money by Gary Gensler-->
            <iframe src="https://www.youtube.com/embed/EH6vE97qIP4" 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>What is Blockchain?</summary>
                <p>Blockchain is a decentralized and distributed peer-to-peer network that operates based on consensus.
                    It is typically managed by non-governmental or private organizations, and it provides secure and
                    efficient data management. The technology is designed to eliminate the need for intermediaries and
                    promote transparency, immutability, and trust in transactions.</p>
            </details>

            <details>
                <summary>What are NFTs?</summary>
                <p>NFTs, short for Non-Fungible Tokens, are digital representations of unique items, ideas, art,
                    businesses, or systems that exist on a blockchain. They are one-of-a-kind, traceable, and
                    programmable digital assets that can be bought or sold without the need for intermediaries. The
                    process happens automatically without human intervention, making it more secure and efficient. This
                    is possible due to the decentralized nature of the blockchain technology, eliminating the need for
                    third-party involvement.</p>
            </details>

            <details>
                <summary>What is an utility?</summary>
                <p>In the context of NFTs, utility refers to the functionality or purpose of a specific NFT beyond its
                    inherent value as a unique digital asset. For example, an NFT that represents ownership of a virtual
                    real estate property in a game might have utility in that it grants the owner access to exclusive
                    in-game areas or features. Similarly, an NFT that represents a ticket to a live event might have
                    utility in that it grants the owner access to the event itself.</p>
            </details>

            <details>
                <summary>How to use my NFT?</summary>
                <p>After purchasing your first NFT, you will see it in your personal wallet and it will be 100% yours.
                    To access any of our member services, simply log in with your Metamask account on any of our
                    establishments.</p>
            </details>

            <details>
                <summary>How to access morada.nft?</summary>
                <p>Our Web3 domain is now live! To connect to the site, all you need to do is install Metamask and add
                    the Polygon network to your wallet. Once you've done that, you're ready to start exploring.</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>