<!DOCTYPE html> <html> <head> <title>Puni Lunch</title> <link rel="stylesheet" type="text/css" href="stylesheets/bootstrap.css"> <link rel="stylesheet" type="text/css" href="stylesheets/common.css"> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body style="background-color: beige"> <div class="container-fluid"> <div class="row"> <div class="col-md-8 col-md-offset-2 well"> <p class="text-center" id="text"> Punis. Small, round creatures with a jelly-like body. They morph their bodies at will. They are intelligent creatures, and are also capable of expressing emotions. They are also social creatures, and they even have an educational system. Apart from physical structure, one can say that a Puni is no different from a human being. </p> <p class="text-center" id="text"> You, as a Puni, will be going to Punita High as a freshman. What will become of your first day of high school? The choice is yours! <br/> (just the lunch part though) </p> <div class="row"> <a href="main.html"> <div class="col-md-3 well"> <h3 class="text-center" id="start"> HOME </h3> <p class="text-center" id="warn"> (Progress will not be saved!) </p> </div> </a> <a href="gender.html"> <div class="col-md-3 col-md-offset-6 well"> <h3 class="text-center" id="start"> NEXT -> </h3> </div> </a> </div> </div> </div> </div> </body> </html>