1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!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">
<img src="../../images/caf.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Kitchen Puni gives you your drink. As you were about to pay, he said that all drinks are free at the cafeteria.
</p>
<p class="text-left" id="text">
Kitchen Puni: "Make sure to try our other drinks!" <br/><br/><br/><br/>
Kitchen Puni: "<strong>Keep</strong> the princess <strong>safe</strong>."
</p>
<p class="text-center" id="text">
You started to wonder what the kitchen Puni meant, but your stomach starts to protest as it made you remember why you were here. Finding a good spot, you unpacked your lunch and started eating. Halfway through your meal, you feel like there is someone watching you.
<ul id="choice">
<li>
<a href="page3.html" id="choice">
Look around.
</a>
</li>
<li>
<a href="end2.html" id="bad">
Run away.
</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>