<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Punchboy</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../styles/main.css" rel="stylesheet">
    </link>
    <link href="../styles/fonts.css" rel="stylesheet">
    </link>
    <script type="text/javascript" src="main.js"></script>
</head>

<body>
    <header>
        <a id="home" href="index.html">
            Punchboy
        </a>

        <nav id="catchphrase">
            Pimp your lyrics
        </nav>
    </header>

    <main id="main">
        <div id="main-column">
            <textarea id="lyrics-box" placeholder="Type some lyrics..." rows="4"></textarea>
            <input type="submit" id="go-button" value="Go">
        </div>
    </main>

    <footer>
        <div class="descr">
            Drop some lyrics and highlights the rhymes with colors
        </div>
    </footer>
</body>

</html>