dx12development.github.io/p1.html at main · DX12development/dx12development.github.io · 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
<html>
	<head>
	<title>adventure for gold: home page</title>
  	<link rel="icon" type="image/x-icon" href="favicon.ico">

	<link rel="stylesheet" href="styles.css">
	<a href="index.html" target="_self">

   	<img src="home.png" style="float:left"></a>
	<h2 style="color:white; font-size:400%; font-family:Franklin Gothic">web adventure</h2><br>

<a href="homepage.html" target="_self">
		 </a><br>


	</head>

	<body>

		<div align=center>

      <img src="page1.png" usemap="#gate">

  <map name="gate">
     <area shape="rect" coords="290,400,410,60" alt="bandit" href="javascript:;" onClick="document.getElementById('bandit').style.display='block';document.getElementById('choice1').style.display='block'">
		 <area shape="rect" coords="150,330,230,70" alt="oldman" href="javascript:;" onClick="document.getElementById('oldman').style.display='block';">
  </map>
</div>
<div id="bandit" align=center style="display:none;"><p>An intimidating looking person is standing in front of the town gate.</p>

	</div>
<div id="oldman" align=center style="display:none;"><p>An old man walks past the intimidating person.</p></div>
<div id="choice1" align=center style="display:none;"><a href="p2.html" target="_self"><p><img src=select.png style=""> Approach intimmidating person</p></a>
</div>
</body>
</html>