Skip to content

Instantly share code, notes, and snippets.

@Kmacpher

Kmacpher/classesAndIdsSolution.html

Created August 14, 2016 20:10
Show Gist options
  • Save Kmacpher/83b0f177d0153a40ef777969cb345fd2 to your computer and use it in GitHub Desktop.
Save Kmacpher/83b0f177d0153a40ef777969cb345fd2 to your computer and use it in GitHub Desktop.
Download ZIP
End of step 'Classes and Ids'
Raw
classesAndIdsSolution.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Guessing Game</title>
<!-- Bootstrap and CSS here-->
<link rel='stylesheet' type='text/css' href='style.css'>
</head>
<body>
<div id='app' class='center'>
<div id='headers'>
<h1 id='title'>Play the Guessing Game!</h1>
<h3 id='subtitle'>Guess a number between 1-100!</h3>
</div>
<div id='main'>
<div id='input-parent'>
<input id='players-input' class='center' placeholder="#" maxlength='3' autofocus=autofocus></input>
<button id='submit'>Go!</button>
</div>
<div id='guesses'>
<ul id='guess-list'>
<li class='guess'>-</li>
<li class='guess'>-</li>
<li class='guess'>-</li>
<li class='guess'>-</li>
<li class='guess'>-</li>
</ul>
</div>
<div id="menu-btns">
<button id='reset'>Reset</button>
<button id='hint'>Hint</button>
</div>
</div>
</div>
<div id='footer' class='center'>
<div>
<div class=''>
<img src='fa-logo@2x.png'></img>
</div>
<div class=''>
<h4>Project by YOUR NAME HERE</h4>
</div>
<div class=''>
<img src='grace_hopper_academy.png'></img>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment