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
40
41
42
43
44
45
46
<!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/classroom.jpg" class="img-responsive center-block">
<p class="text-center" id="text">
Punita High. The sound of the school bell ringing signifies the end of the morning class and the start of lunch break. Self-introductions have been made and yours was actually really plain. Well, everyone's is. You could feel the awkward atmosphere circling around the classroom. As soon as the teacher dismissed the class, everyone else went out. <br/>
As you grab your lunchbox from your bag, you started to ponder where to eat.
</p>
<ul id="choice">
<li>
<a href="caf/page1.html" id="choice">
Go to the cafeteria.
</a>
</li>
<li>
<a href="out/page1.html">
Eat outside.
</a>
</li>
</ul>
<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>
</div>
</div>
</div>
</div>
</body>
</html>