76 lines
3.8 KiB
HTML
76 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Characters | Nuzzle</title>
|
||
|
||
<!-- style -->
|
||
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
|
||
</head>
|
||
<body align="center">
|
||
|
||
<!-- header -->
|
||
<div class="writeHeader"></div>
|
||
|
||
<!-- this character page kind of sucks, its more of an example of the kinds of supplementary pages you can potentially add-->
|
||
|
||
<div class="subPage clearfix" align="center">
|
||
<h1>Characters</h1>
|
||
<table class="charTable">
|
||
<!-- rocky -->
|
||
<tr>
|
||
<td>
|
||
<img src="img/characters/rocky.webp" alt="Rocky" class="clearfix rightPic"/>
|
||
<h2>Rocky</h2>
|
||
<p>Rocky is the protagonist of Nuzzle. She got a scholarship at BCAS (animation school) and she is aiming to succeed in it in order to start a career as an artist. Having moved to a different country alone, and away from the ambience she knew through all of her life, she is discovering and experiencing new things everyday. She is very shy and doesn’t get jokes or sarcasm that well, despite that she is open minded and willing to do anything for a friend. She likes animation, and any music from the 70’s.</p>
|
||
</td>
|
||
</tr>
|
||
<!-- hazel -->
|
||
<tr>
|
||
<td>
|
||
<img src="img/characters/hazel.webp" alt="Hazel" class="clearfix rightPic"/>
|
||
<h2>Hazel</h2>
|
||
<p>
|
||
Hazel is a student at BCAS, currently enrolled in game design. She met Rocky by complete accident and now they are very good friends, discovering more similarities about each other. She is very eccentric, teaseful, and may appear even wild at times, but deep down she tries her best to be a more responsible person. Her best friend since middle school is Tim. Despite her outward appereance, she is a big nerd and likes everything from 90s JRPG's, manga and tinkering with open source projects.
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
<!-- tim -->
|
||
<tr>
|
||
<td>
|
||
<img src="img/characters/tim.webp" alt="Tim" class="clearfix rightPic"/>
|
||
<h2>Tim</h2>
|
||
<p>Tim is an animator and writer who is currently one of Rocky’s classmates at BCAS. Personality wise, he is basically a gremlin. He and his family moved to Canada from Singapore when he was a child, and since then, Hazel has been his best friend. He enjoys fighting games and Hip Hop. </p>
|
||
</td>
|
||
</tr>
|
||
<!-- leo -->
|
||
<tr>
|
||
<td>
|
||
<img src="img/characters/leo.webp" alt="Leo" class="clearfix rightPic"/>
|
||
<h2>Leo</h2>
|
||
<p>Leo is a songwriter and bassist from the band Margueritas, and shares a house with Rocky. </p>
|
||
</td>
|
||
</tr>
|
||
<!-- vera -->
|
||
<!-- vivi -->
|
||
<!-- sammy -->
|
||
<!-- joni -->
|
||
<!-- reed -->
|
||
<!-- mika -->
|
||
<!-- sammy -->
|
||
<!-- marcus -->
|
||
<!-- hazels mom -->
|
||
</table>
|
||
</div>
|
||
|
||
<!-- footer -->
|
||
<div class="writeFooter"></div>
|
||
|
||
<!-- at the end of this page we only call the header and footer scripts, because we don't need use any functions from the other scripts. -->
|
||
<script src="js/comic_header.js" defer></script>
|
||
<script src="js/comic_footer.js" defer></script>
|
||
</body>
|
||
|
||
</html>
|