Christopher Chamberlain

HTML Example

This is an example of some inlined code <div> &nbsp; </div>.

You can use a <div>, <p> or <img> tag in the comments section.


  1. Item A
  2. Item B
  3. Item C
    • Item C.1
    • Item C.2
    • Item C.3
      • Item C.4
        • Item C.5
      • Item C.6
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/template/theme.css">
        <script src="/template/highlight.min.js">
        </script>
        <script>
        hljs.initHighlightingOnLoad();
        </script>
        <title></title>
    </head>
    <body>
        <div class="fixedHeader">
            <div class="title">
                <a href="/">Christopher Chamberlain</a>
            </div>
            <div class="menu">
                <ul>
                    <li>
                        <a href="/">Home</a>
                    </li>
                    <li>
                        <a>Code Examples</a>
                        <ul>
                            <li>
                                <a href="/code-examples/html">Html</a>
                            </li>
                            <li>
                                <a href="/code-examples/javascript">Javascript</a>
                            </li>
                            <li>
                                <a href="/code-examples/python">Python</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>Games</a>
                        <ul>
                            <li>
                                <a>Android</a>
                                <ul>
                                    <li>
                                        <a href="/games/android/plexus">Plexus</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a>Challenges</a>
                                <ul>
                                    <li>
                                        <a href="/games/challenges/tetrix">Tetrix</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a>Game Jam</a>
                                <ul>
                                    <li>
                                        <a href="/games/game-jam/battle-beasts">Battle Beasts</a>
                                    </li>
                                    <li>
                                        <a href="/games/game-jam/pixie-blast">Pixie Blast</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container">
            <article>
                <h1>
                    Battle Beasts
                </h1>
                <p>
                    Battle Beasts is a game developed in a themed game jam at the University of Saskatchewan. The theme was <em>Evolution</em>. We decided to create a game that
                    would evolve your creature through three generations, making them more deadly than the last.
                </p>
                <p>
                    <img src="http://placehold.it/384x216/?text=Screenshot%201" alt="screenshot_1">
                </p>
                <p>
                    The first generation had you playing a creature that simply looked like a squirrel.
                </p>
                <p>
                    <img src="http://placehold.it/384x216/?text=Screenshot%202" alt="screenshot_2">
                </p>
                <p>
                    ... more to come ...
                </p>
            </article>
        </div>
    </body>
</html>