NEHC' XAM
Welcome to Max's website!
Coding
About
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE - The story of Insulin</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">
<br>•Computer programming 12 final project: Max's insulin comic story.
<br>• This is a comics story based on real Canadian history.
<br>•The Comic panels will be based on the Canadian discovery of Insulin, discovered in 1921.
<br>•The summary of the story is this: A boy is bed riddenly sick in a hospital. The doctors inform him that they cannot help him any further. His body slowly became unable to use sugar, and he was slowly withering away.
<br>•In Toronto, there were two researchers working away with a shortage of funding, and they pondered, “what if the answer is within the body?”
<br> <br> <strong>Declaration of AI usage : brainstorming, generating backgrounds & giving advice of drawing & CSS code assisting. (ChatGPT, Gemini)</strong>
</div>
</div>
<div class="footer"><a href="index.html">← HOME</a><a href="page01.html">PAGE 01 →</a></div>
</div>
</body>
</html>
Index
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE - The story of Insulin</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">
<strong>Max's Final comic project</strong> <strong>Computer Programming 12</strong>.
</div>
<div class="comic-frame">
<img src="assets/img/story_01.png" alt="Approved full comic image" />
</div>
<div class="info">
<div style="font-size:22px;font-weight:900;margin-bottom:12px;">Story pages</div>
<div class="grid">
<a href="page01.html"><strong>PAGE 01</strong><span class="small">Story section 01</span></a><a href="page02.html"><strong>PAGE 02</strong><span class="small">Story section 02</span></a><a href="page03.html"><strong>PAGE 03</strong><span class="small">Story section 03</span></a><a href="page04.html"><strong>PAGE 04</strong><span class="small">Story section 04</span></a><a href="page05.html"><strong>PAGE 05</strong><span class="small">Story section 05</span></a><a href="page06.html"><strong>PAGE 06</strong><span class="small">Story section 06</span></a><a href="page07.html"><strong>PAGE 07</strong><span class="small">Story section 07</span></a><a href="page08.html"><strong>PAGE 08</strong><span class="small">Story section 08</span></a><a href="page09.html"><strong>PAGE 09</strong><span class="small">Story section 09</span></a><a href="page10.html"><strong>PAGE 10</strong><span class="small">Story section 10</span></a><a href="page11.html"><strong>PAGE 11</strong><span class="small">Story section 11</span></a><a href="page12.html"><strong>PAGE 12</strong><span class="small">Story section 12</span></a><a href="page13.html"><strong>PAGE 13</strong><span class="small">Story section 13</span></a><a href="page14.html"><strong>PAGE 14</strong><span class="small">Story section 14</span></a><a href="page15.html"><strong>PAGE 15</strong><span class="small">Story section 15</span></a><a href="page16.html"><strong>PAGE 16</strong><span class="small">Story section 16</span></a>
</div>
</div>
<div class="footer"><span>START</span><a href="page01.html">START STORY →</a></div>
</div>
</body>
</html>
Page1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 01</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 01</div>
<div class="comic-frame">
<img src="assets/img/story_01.png" alt="Story page 01" />
</div>
<div class="footer"><a href="about.html">← ABOUT</a><a href="page02.html">PAGE 02 →</a></div>
</div>
</body>
</html>
Page 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 02</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 02</div>
<div class="comic-frame">
<img src="assets/img/story_02.png" alt="Story page 02" />
</div>
<div class="footer"><a href="page01.html">← PAGE 01</a><a href="page03.html">PAGE 03 →</a></div>
</div>
</body>
</html>
Page3
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 03</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 03</div>
<div class="comic-frame">
<img src="assets/img/story_03.png" alt="Story page 03" />
</div>
<div class="footer"><a href="page02.html">← PAGE 02</a><a href="page04.html">PAGE 04 →</a></div>
</div>
</body>
</html>
Page4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 04</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 04</div>
<div class="comic-frame">
<img src="assets/img/story_04.png" alt="Story page 04" />
</div>
<div class="footer"><a href="page03.html">← PAGE 03</a><a href="page05.html">PAGE 05 →</a></div>
</div>
</body>
</html>
Page5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 05</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 05</div>
<div class="comic-frame">
<img src="assets/img/story_05.png" alt="Story page 05" />
</div>
<div class="footer"><a href="page04.html">← PAGE 04</a><a href="page06.html">PAGE 06 →</a></div>
</div>
</body>
</html>
Page6
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 06</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 06</div>
<div class="comic-frame">
<img src="assets/img/story_06.png" alt="Story page 06" />
</div>
<div class="footer"><a href="page05.html">← PAGE 05</a><a href="page07.html">PAGE 07 →</a></div>
</div>
</body>
</html>
Page7
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 07</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 07</div>
<div class="comic-frame">
<img src="assets/img/story_07.png" alt="Story page 07" />
</div>
<div class="footer"><a href="page06.html">← PAGE 06</a><a href="page08.html">PAGE 08 →</a></div>
</div>
</body>
</html>
Page8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 08</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 08</div>
<div class="comic-frame">
<img src="assets/img/story_08.png" alt="Story page 08" />
</div>
<div class="footer"><a href="page07.html">← PAGE 07</a><a href="page09.html">PAGE 09 →</a></div>
</div>
</body>
</html>
Page9
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 09</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 09</div>
<div class="comic-frame">
<img src="assets/img/story_09.png" alt="Story page 09" />
</div>
<div class="footer"><a href="page08.html">← PAGE 08</a><a href="page10.html">PAGE 10 →</a></div>
</div>
</body>
</html>
Page10
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 10</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 10</div>
<div class="comic-frame">
<img src="assets/img/story_10.png" alt="Story page 10" />
</div>
<div class="footer"><a href="page09.html">← PAGE 09</a><a href="page11.html">PAGE 11 →</a></div>
</div>
</body>
</html>
Page11
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 11</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 11</div>
<div class="comic-frame">
<img src="assets/img/story_11.png" alt="Story page 11" />
</div>
<div class="footer"><a href="page10.html">← PAGE 10</a><a href="page12.html">PAGE 12 →</a></div>
</div>
</body>
</html>
Page12
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 12</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 12</div>
<div class="comic-frame">
<img src="assets/img/story_12.png" alt="Story page 12" />
</div>
<div class="footer"><a href="page11.html">← PAGE 11</a><a href="page13.html">PAGE 13 →</a></div>
</div>
</body>
</html>
Page13
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 13</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 13</div>
<div class="comic-frame">
<img src="assets/img/story_13.png" alt="Story page 13" />
</div>
<div class="footer"><a href="page12.html">← PAGE 12</a><a href="page14.html">PAGE 14 →</a></div>
</div>
</body>
</html>
Page14
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 14</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 14</div>
<div class="comic-frame">
<img src="assets/img/story_14.png" alt="Story page 14" />
</div>
<div class="footer"><a href="page13.html">← PAGE 13</a><a href="page15.html">PAGE 15 →</a></div>
</div>
</body>
</html>
Page15
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 15</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 15</div>
<div class="comic-frame">
<img src="assets/img/story_15.png" alt="Story page 15" />
</div>
<div class="footer"><a href="page14.html">← PAGE 14</a><a href="page16.html">PAGE 16 →</a></div>
</div>
</body>
</html>
Page16
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page 16</title>
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<div class="wrapper">
<div class="topbar">
<div class="brand">THE BOY WHO WOULD NOT FADE</div>
<div class="nav">
<a href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="page01.html">P01</a><a href="page02.html">P02</a><a href="page03.html">P03</a><a href="page04.html">P04</a><a href="page05.html">P05</a><a href="page06.html">P06</a><a href="page07.html">P07</a><a href="page08.html">P08</a><a href="page09.html">P09</a><a href="page10.html">P10</a><a href="page11.html">P11</a><a href="page12.html">P12</a><a href="page13.html">P13</a><a href="page14.html">P14</a><a href="page15.html">P15</a><a href="page16.html">P16</a>
</div>
</div>
<div class="info">Story page 16</div>
<div class="comic-frame">
<img src="assets/img/story_16.png" alt="Story page 16" />
</div>
<div class="footer"><a href="page15.html">← PAGE 15</a><a href="index.html">HOME →</a></div>
</div>
</body>
</html>