<!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>Commited Lines | Lore</title>

    <!-- style -->
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body align="center">

    <!-- header -->
    <div class="writeHeader"></div>
    
    <div class="subPage clearfix" align="center">
        <h1>Lore</h1>
        
            <table class="charTable">
                <!-- teena -->
                <tr>
                    <td>
                    <img src="img/characters/waifumelon.png" alt="Teena Merry" class="clearfix rightPic"/>
                    <h2>Waifumelon</h2>
                    <p>Half watermelon, half anime girl, half sheep.</p>
                    <p>Has a difficult time thinking.</p>
                    <p>Quite a fan of Capybaras.</p>
                    </td>
                </tr>
                <!-- Ai -->
                <tr>
                    <td>
                    <img src="img/characters/ai.png" alt="Ai" class="clearfix rightPic"/>
                    <h2>Ai</h2>
                    <p>Ai Misuki,(三須木藍) also known as Ai-chan.</p>
                    <p>Current manager, now helping at the mai.waifuism.life subdomain.</p>
                    <p>Kinda shy but loves to help.</p>
                    </td>
                </tr>
                <!-- Pleroma-tan -->
                <tr>
                    <td>
                    <img src="img/characters/pleroma.png" alt="Pleroma-tan" class="clearfix rightPic"/>
                    <h2>Pleroma-tan</h2>
                    <p>Previous keeper of the instance.</p>
                    <p>Got booted after couldn't keep the place clean.</p>
                    <p>Hangs around sometimes.</p>
                    </td>
                </tr>
                <!-- Mora -->
                <tr>
                    <td>
                    <img src="img/characters/mora.png" alt="Mora" class="clearfix rightPic"/>
                    <h2>Mora</h2>
                    <p>Mascot of the waifuism.life website.</p>
                    <p>Doesn't like being asked too much stuff.</p>
                    <p>Friends with Blueberry Hotcake (Who?).</p>
                    </td>
                </tr>
            </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>