<!doctype html>
<html>
<head>
    <title>Quests and Legends: Shard Currencies</title>
    <style>
        table, th, td {
            border: 0px solid black;
            border-collapse: collapse;
        }

        th, td {
            padding: 20px;
        }
    </style>
    <style type="text/css">
        .divbackg {
            background-image: url(backgroundimage9.jpg);
            width: 100%;
            height: 100%;
            background-size: cover;
        }
    </style>
    <style>
        body {
            background-image: url(backgroundimage4.jpg);
            background-size: cover;
            background-attachment: fixed;
        }
    </style>
    <meta charset="utf - 8">
    <style>
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        li {
            float: left;
        }

            li a {
                text-align: center;
                display: block;
                padding: 8px;
                background-color: darkgoldenrod;
                color: black;
            }

                li a:hover {
                    background-color: gold;
                }
    </style>
    <style>
        ull {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        lil {
            float: left;
        }

            lil a {
                text-align: center;
                display: block;
                padding: 8px;
                background-color: teal;
                color: white;
            }

                lil a:hover {
                    background-color: cadetblue;
                }

        #myBtn {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 30px;
            z-index: 99;
            font-size: 18px;
            border: none;
            outline: none;
            background-color: red;
            color: white;
            cursor: pointer;
            padding: 15px;
            border-radius: 4px;
        }

            #myBtn:hover {
                background-color: #555;
            }

        #myHereBtn {
            display: inline;
            z-index: 99;
            border: none;
            outline: none;
            background-color: green;
            color: white;
            cursor: pointer;
            padding: 10px;
            border-radius: 4px;
        }

            #myHereBtn:hover {
                background-color: #555;
            }
    </style>

</head>
<body>
    <button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
    <script>
        // Get the button
        let mybutton = document.getElementById("myBtn");

        // When the user scrolls down 20px from the top of the document, show the button
        window.onscroll = function () { scrollFunction() };

        function scrollFunction() {
            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                mybutton.style.display = "block";
            } else {
                mybutton.style.display = "none";
            }
        }

        // When the user clicks on the button, scroll to the top of the document
        function topFunction() {
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>

    <div class="divbackg">
        <table width="100%">
            <td>
                <h1><font color="gold">Quests and Legends: Shard Currencies</font></h1>
            </td>
        </table>
    </div>
    <table width="100%">

        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="gettingstarted.html">Getting Started</a></li>
            <li><a href="news.html">News</a></li>
            <li><a href="rules.html">Rules</a></li>
            <li><a href="voting.html">Voting</a></li>
            <li><a href="commands.html">Commands</a></li>
            <li><a href="tutorials.html">Tutorials</a></li>
            <li><a href="uniquenpcs.html">Unique NPCs</a></li>
            <li><a href="crafting.html">Crafting</a></li>
            <li><a href="skillscompendium.html">Skills Compendium</a></li>
            <li><a href="features.html">Features</a></li>
            <li><a href="uniquesystems.html">Unique Systems</a></li>
            <li><a href="uniquespells.html">Unique Spells</a></li>
            <li><a href="currencies.html">Currencies</a></li>
        </ul>
        <ul>
            <li><a href="evopets.html">Evolution Pets</a></li>
            <li><a href="levelableitems.html">Levelable Items</a></li>
            <li><a href="runewords.html">Runewords</a></li>
            <li><a href="challengeriftsinfo.html">Challenge Rifts</a></li>
            <li><a href="events.html">Events</a></li>
            <li><a href="newfacets.html">New Facets</a></li>
            <li><a href="quests.html">Quests</a></li>
            <li><a href="professions.html">Professions</a></li>
            <li><a href="Uniquedungeons.html">Unique Dungeons</a></li>
            <li><a href="importantlocations.html">Important Locations</a></li>
            <li><a href="staff.html">Staff</a></li>
        </ul>
    </table>

    <p></p>

    <table width="100%">
        <tr>
            <td>
                <font color="gold">
                    <h2 align="center">Shard Currencies</h2>
                    <p></p>
                    There is a variety of currencies in our shard. Each one can be used at different places to purchase important items you will need as you begin your adventures with us.
                    <p>
                        An important first place you should explore is the 'Center Mall' under vendors in the public gate. Here you will find 3 important vendor stones: the currency conversion stone, the power scroll token stone and the quest token stone.
                    <p>
                        <img src="images/currencies1.png" alt="Currencies">
                    <p></p>
                    In order to hold all your currencies and other important currency type items, you will need the gold pouch.
                    <p></p>It can hold all important currencies (see picture above, left), including: Gold pieces, Quest tokens,
                    Silver coins, Voting tokens, Power scroll tokens, Mooncoins, Taming coins, Token fragments, Event tokens, Online reward scrolls,
                    Achievement tokens, Craft protection tokens, Champion spawn tokens and Rune fragments.
                    <p>
                        You can spend your hard earned currencies in the different vendors found in the public gate.
                    <p>
                        <img src="images/currencies2.png" alt="Currencies">
                </font>
            </td>
        </tr>

    </table>
</body>
</html>