Dayyam-Labyrinth/game.html at master · TEAM-RADJS/Dayyam-Labyrinth · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Deyyam Labyrinth</title>

        <link rel="stylesheet" type="text/css" href="css/gameStyle.css" media="screen"/>

    </head>

    <body>
        <a id = 'goHome' href="./index.html"> View home page </a>
        <a id = 'goAbout' href='./about.html'> View the team </a>
        <!-- DONE: add a background-image: url() attribute for the game starting screen splash art -->
        <div id='containerDiv' class='startingScreen'>
			<form id="formsHere">


                <!-- DONE: make a label for this form and style it so that it's visible on the background image -->
                <label id='title'>Deyyam Labyrinth</label><br>

                <!-- DONE: Get form elements to the bottom center of the div -->
                <label id = 'genderLabel'> select your avatar =&#62;</label>
                <select id='genderCheck'>
                    <option value='Male'>Male</option>
                    <option value='Female'>Female</option>
                </select>
                <br>
				<input type='number' id='askSize' value='50' min='25' max='75' />
                <label id = 'explainInput'> &#60;= Set map size</label>
                <input type='submit' id='startButton' value='Start Perilous Game' />
	        </form>
        </div>
    </body>
    <script src='js/app.js'></script>


</html>