index.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title>Guessing Game!</title>
		<meta name="generator" content="Bootply" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
		<!--[if lt IE 9]>
			<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<link href="css/styles.css" rel="stylesheet">
	</head>
	<body>
<div class="container-full">

      <div class="row">
       
        <div class="col-lg-12 text-center v-center">
          
          <h1>Jenny's Guessing Game!</h1>
          <p class="heading">Guess a number from 1-100</p>
          
          <br><br>
          
          <form class="col-lg-12">
            <div class="input-group" style="width:340px;text-align:center;margin:0 auto;">
            <input class="form-control input-lg" title="Number Input" placeholder="Input 1-100" type="text" id="numberGuess">
              <span class="input-group-btn"><button class="btn btn-lg btn-warning" type="button" id="submitGuess">Submit Guess</button></span>
            </div>
          </form>
        </div>
        
      </div> <!-- /row -->
    </br>
      <div class="message">
        <p class="hint">Input a number to start!</p>
      </div>
    </br>
      <div class="winner">
        <!-- image goes here -->
      </div>


    </br>
      <div class="row">
        <div class="input-group" style="width:350px;text-align:center;margin:0 auto;">
          <div class="col-xs-12">
            <button class="btn btn-lg btn-warning" type="button" id ="newGame">
              New Game
            </button>
            <button class="btn btn-lg btn-warning" type="button" id ="giveAnswer">
              Get Answer
            </button>
          </div>
        </div>
      </div> <!-- /row -->

  
  	<br><br><br><br><br>


</div> <!-- /container full -->


	<!-- script references -->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
    <script src="js/functions.js"></script>
	</body>
</html>