<!doctype html>
<html>
<head>
    <title>Quests and Legends</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: Unique Dungeons</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">Unique Dungeons</h2>
                    <p></p>
                    We are pleased to bring you many unique and exclusive dungeons, that will challenge you and
                    give you great rewards. Some dungeons require a quest or a special item to enter. Head to Custom Dungeons
                    on the public gate to see all our custom dungeons (non-timed).
                    <p>
                        <img src="images/dungeons1.png" alt="dungeon">
                    <p>
                        Moreover, we have created a new and exclusive dungeon concept, that of a timed dungeon challenge. On the 
                        public gate, head to Timed Challenge Dungeons. The Ares spawn is one of our custom made champion spawns that will test your abilities to the limit, but can yield extraordinary rewards, like a Mondain's Rune from the phenomenal group!
                    <p>
                        <img src="images/dungeons2.png" alt="dungeon">
                </font>
            </td>
        </tr>

        <tr align="center">
            <td>
                <img src="images/separator.jpg" width="100%" height="100px" alt="separator">
            </td>
        </tr>

    </table>
</body>
 </html>