Learn to Code via Tutorials on Repl.it!

← Back to all posts
Monty Hall Game (css basic)
EliasAraniva (1)

Monty Hall Game show 2!

Index.html:

	<body>
	<h1>Monty Hall Game Show!</h1>
<h2>  <a href="door-1.html">Door 1</a>  <a href="door-2.html">Door 2</a>  <a href="door-3.html">Door 3</a></h2>
	<br>
	<img src="https://media.discordapp.net/attachments/755242706975850547/813823299041493002/Z.png"> <img src="https://media.discordapp.net/attachments/755242706975850547/813823299041493002/Z.png"> <img src="https://media.discordapp.net/attachments/755242706975850547/813823299041493002/Z.png">
	</body>

door-1.html:

<html>
	<style>
		body{
			background-color: bisque;
				text-align: center;
		}
		</style>
 <body>
  <a href="/index.html">Reset</a>
  <h3>The Monty Hall Game Show</h3>
  <p>You won nothing!</p>
  <img src="https://mimo.app/i/empty.png">
 </body>
</html>

door-2:

<html>
	<style>
		body{
			background-color: bisque;
			text-align: center;
		}
		</style>
 <body>
  <a href="/index.html">Reset</a>
  <h3>The Monty Hall Game Show</h3>
  <p>You won a car</p>
  <img src="https://mimo.app/i/car.png">
 </body>
</html>

door-3:

	<style>
		body{
			background-color: bisque;
				text-align: center;
		}
		</style>
  <a href="/index.html">Reset</a>
  <h3>The Monty Hall Game Show</h3>
  <p>You won a cat</p>
  <img src="https://mimo.app/i/cat.png">
 </body>
</html>

css

h1 {
	text-align: center;
	font-family: 'Courier New', Courier, monospace;
}

body{
	background-color:bisque;
	text-align: center;
}

button{
	background-color:brown;
	font-family: helveltica;
	color: white;
}