Last active
April 27, 2019 17:47
-
-
Save dmoneyballer/3d619948f502202f1a1330b6b2fc940e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<head> | |
<title>Doggos for you today!</title> | |
<meta name="description" content="random, ratable doggos"> | |
<html lang="en"> | |
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> | |
<link rel="stylesheet" href="style.css"> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> | |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> | |
</head> | |
<div class="container"> | |
<div class="row mt-1 justify-content-center"> | |
<h1>Welcome to Doggo Rater.</h1> | |
</div> | |
<div class="row mt-1 justify-content-center"> | |
<p>Here we can show you as many doggos as you desire. | |
<br>Just click the button to see another one. | |
<br>You can also select for breed.</p> | |
</div> | |
<div class="row mt-1 justify-content-center"> | |
<div id=dogPic> | |
<!-- dog pic goes here --> | |
</div> | |
</div> | |
<div class="row mt-1 justify-content-center"> | |
<button type="button" class="btn btn-primary" id="doggo">Random Doggo!!!</button> | |
</div> | |
<div class="row mt-2 justify-content-center"> | |
<p class="mr-3 mt-3">Breed: </p> | |
<select class="breed" id="breed" value="none"> | |
<option>select one</option> | |
<option>beagle</option> | |
<option>Boxer</option> | |
<option>dachshund</option> | |
<option>husky</option> | |
</select> | |
</div> | |
<div class="row mt-2 justify-content-center"> | |
<p class="mr-3 mt-3">Rating: </p> | |
<select class="breed" id="ratings" value="none"> | |
<option>select one</option> | |
<option>10</option> | |
<option>11</option> | |
<option>12</option> | |
<option>13</option> | |
<option>14</option> | |
<option>15</option> | |
<option>16</option> | |
</select> | |
<button type="button" class="btn btn-primary m-2" id="rating" name="button">Submit rating</button> | |
</div> | |
<div class="row mt-2 justify-content-center"> | |
<div id='success'> | |
</div> | |
</div> | |
<div class="row mt-2 justify-content-center"> | |
<a href="https://s.codepen.io/dmoneyballer/debug/ZZwxPe/VGrWNwYpRbjM"><button class="btn btn-primary mb-4">Take me to my ratings page</button></a> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment