Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <table id="HUD">
            <tr>
                <td id="hp">
                <hr>
                HP
                <br>
                <progress id="HP" value="100" max="100"></progress>
                <hr>
                </td> <!--HP bar here-->
                <td id="gold">
                <hr>
                Gold accumulated:
                <br>
                <span id="goldAccumulated"></span> nuggets
                <hr>
                </td> <!--Money u got $$$-->
                <td id="missions">
                    <hr>
                        MISSIONS
                    <hr>
                </td> <!--Quests to get stuff-->
                <td id="inventory">
                <hr>
                INVENTORY
                <hr>
                </td> <!--Stuff you got-->
                <td id="lab">
                <hr>
                LABORATORY
                <hr>
                </td> <!--Useful upgrades-->
            </tr>
        </table> <!--HUD bar-->
<!----------------------------------------------------------------------------->
        <div id="main">

        <!--First-->
        <div id="1">
        You woke up in the middle of the woods. "~I dunno remember anything~"
        <hr></div>

        <!--SecondA-->
        <div id="2a" class="level2">
        Walking to the north, you found 'n old mansion<hr>
        </div><!--Found a mansion-->

        <!--SecondB-->
        <div id="2b" class="level2">
        Walking to the south, you got lost in the woods<hr>
        </div><!--Got lost-->

        <!--ThirdA-->
        <div id="3a" class="level3">
        You got into the old building. The first thing you see is a dusty hallway. A huge stair leads to the upper landing.
        <hr>
        </div><!--Inside the mansion-->

        <!--ThridB-->
        <div id="3b" class="level3">
        You did not go in to the mansion andjust went deeper into the woods.
        You found a frozen lake. You barely have energy left
        <hr>
        </div><!--Passed, found a lake-->

        <!--ThirdD-->
        <div id="3d" class="level3">
        You were able to remain calmed and you start to think clearly. The night is coming and you gather wood to make a camp to rest. The fire is set.
        <hr>
        </div><!--Build camp-->

        <!--FourthA-->
        <div id="4a" class="level4">
        You found the kitchen. You grab some food that you found in some cabinets. You notice that there is an <span id="oldMan">old homeless man</span> inside. There is some <span id="25nuggets">gold</span> on the ground
        <hr>
        </div>

        <!-------------Endings------------->
        <div id="endingA" class="ending">
        You kept running for minutes trying to go back to a known place. You see the same trees again and again. You start hearing voices in your head, and you fell asleep. Three days later, a group of explorers found you on the ground... <br><br><br> ...dead
            <br><br> ~The end
        <hr>
        </div><!--Died in the forest-->
        </div>
<!----------------------------------------------------------------------------->
        <div id="sidebar">
        <!--Options for 1-->
        <div id="for1" class="option">
        <button id="north">Walk to the north</button>
        <button id="south">Walk to the south</button>
        </div>

        <!--Options for 2a-->
        <div id="for2a" class="level2 option"> <!--Found a house-->
        <button id="enter">Get in the house</button>
        <button id="pass">Keep movin'. Don't get in</button>
        </div>

        <!--Options for 2b-->
        <div id="for2b" class="level2 option"><!--Lost in the woods-->
        <button id="run">Freak out 'n run away!</button>
        <button id="stay">Stay clamed and do nothing</button>
        </div>

        <!--Options for 3a-->
        <div id="for3a" class="level3 option">
        <button id="kitchen">Look for somethin' to eat</button>
        <button id="bedroom">Look for some place to rest</button>
        </div>
        <!--Options for 3b-->
        <!--Options for 3d-->

        </div>
<!----------------------------------------------------------------------------->
    </body>
</html>