<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>test</title>
        <!-- NO INDEX -->
        <meta name="robots" content="noindex">
        <!-- CSS -->
        <link rel = "stylesheet" href="css/styles.css">
    </head>

    <body>
        <!-- loading -->
        <div class="animation-blue"></div>
        <!-- environment -->
        <div id = "raining" div class="raining"></div>

        <!-- landing page -->
        <div class="content">
            <div class="index-title">PORTFOLIO</div>
            <!-- category -->
            <div class="categories">
                <a href="wordpress/illustration" class="category">Illustration</a>
                <a href="wordpress/character-design" class="category">character-design</a>
                <a href="wordpress/live2d" class="category">live2d</a>
                <a href="wordpress/3d-model" class="category">3d-model</a>
                <a href="wordpress/animation" class="category">animation</a>
                <a href="wordpress/comic" class="category">comic</a>
                <a href="wordpress/music" class="category">music</a>
                <a href="wordpress/game" class="category">game</a>   
            </div>
        </div>

        <!-- JavaScript -->
        <script src="js/main.js"></script>
    </body>
</html>
