guessing-game.html

<!DOCTYPE html>
<html>
	<script src="jquery-1.12.4.min.js"></script>
	<script src="guessing-game.js"></script>
	<head>
		<title>A Guessing Game</title>
		<link type="text/css" rel="stylesheet" href="main.css">

	</head>
	<body>
		<div class="header">
			<h1> a guessing game </h1>
			<h2> with ryan guessling </h2>
		</div>
		<div class="gender-button">
			<input type="submit" class="gender-girl" value=" ">
		</div>
		<div id="hey-girl" class ="bg">
			<h3> Hey Girl </h3>
			<p> I'm ready to play whenever you are. </p>
		</div>
		<label for="guess">What number is Ryan thinking of?</label>
		<input type="text" id="guess">
		<p class="p-guesses"></p>
		<div class="guess-info">
			<input type="submit" class="guess-button" value="Guess">
			<p>5</p>
		</div>
		<aside class="hint-info">
			<input type="submit" class="hint-button" value="Hint">
			<p>5</p>				
		</aside>

		<input type="submit" class="reset-button" value="Play again">
	</body>
</html>