<!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-justify" id="text"> You ran away as fast as you can, and you found yourself back in the classroom. <br/> The bell starts ringing, signifying the end of lunch break. <br/> But no one came. <br/> </p> <img src="../../images/classroom.jpg" class="img-responsive center-block"> <p class="text-left" id="bad"> CLASSROOM END - The secret is still unknown. </p> <div class="row"> <a href="../../main.html"> <div class="col-md-3 well"> <h3 class="text-center" id="start"> Start over </h3> </div> </a> </div> </div> </div> </div> </body> </html>