Skip to content

Instantly share code, notes, and snippets.

@Kmacpher

Kmacpher/startingPoint.html

Last active October 25, 2018 21:21
Show Gist options
  • Save Kmacpher/7ab1eda352e81fb8d2c649679c2095fb to your computer and use it in GitHub Desktop.
Save Kmacpher/7ab1eda352e81fb8d2c649679c2095fb to your computer and use it in GitHub Desktop.
Download ZIP
Guessing Game Starting Code
Raw
startingPoint.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Guessing Game</title>
<!-- Bootstrap and CSS here-->
<style>
.center {
text-align: center;
}
ul {
list-style: none;
padding: 0;
}
img {
display: inline;
width: 200px;
height: 100px;
}
#footer {
width: 100%;
border-top: solid 2px black;
background-color: white;
position: fixed;
bottom: 0;
}
</style>
</head>
<body>
<div id='app'>
<div id='headers'>
<!-- Title and subtitles! -->
</div>
<div id='main'>
<div id='input-parent'>
<!-- Player's guess input, and submit button -->
</div>
<div id='guesses'>
<!-- unordered list of guesses -->
</div>
<div id="menu-btns">
<!-- reset and hint buttons -->
</div>
</div>
</div>
<div id='footer'>
<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