<!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-12"> <h2 class="text-center" id="title2"> Are you a boy? or a girl? </h2> </div> </div> <div class="row"> <a href="story/page1.html"> <div class="col-md-2 col-md-offset-4 well"> <img src="images/Male.png" class="img-responsive center-block"> </div> </a> <a href="story/page1.html"> <div class="col-md-2 well"> <img src="images/Female.png" class="img-responsive center-block"> </div> </a> </div> </div> </body> </html>