Skip to content

Instantly share code, notes, and snippets.

@Kmacpher

Kmacpher/bootstrap.html

Created August 16, 2016 16:24
Show Gist options
  • Save Kmacpher/04da0d188d70a5577428ce4c79ba43b4 to your computer and use it in GitHub Desktop.
Save Kmacpher/04da0d188d70a5577428ce4c79ba43b4 to your computer and use it in GitHub Desktop.
Download ZIP
Adding In Bootstrap
Raw
bootstrap.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Guessing Game</title>
<!-- Bootstrap and CSS here-->
<link rel='stylesheet' type='text/css' href='style.css'>
<link rel='stylesheet' type='text/css' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>
</head>
<body>
<div id='app' class='center container'>
<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' class='btn btn-success'>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' class='btn btn-warning'>Reset</button>
<button id='hint' class='btn btn-info'>Hint</button>
</div>
</div>
</div>
<div id='footer' class='center'>
<div class='row'>
<div class='col-sm-4'>
<img src='fa-logo@2x.png'></img>
</div>
<div class='col-sm-4'>
<h4>Project by YOUR NAME HERE</h4>
</div>
<div class='col-sm-4'>
<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