<!DOCTYPE html>
<html>
  <head>
    <title>ThreadR - Sign Up</title>
    <link rel="stylesheet" type="text/css" href="%CONTENT_DIR%/style.css">
    <link rel="icon" type="image/png" href="%CONTENT_DIR%/img/favicon-32x32.png" sizes="32x32" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  </head>
  <body>
    <ul class="topnav">
      <li><a href="%CONTENT_DIR%/"><img src="%CONTENT_DIR%/img/ThreadR_Home.svg" alt="Home" /></a></li>
      <li><a href="%CONTENT_DIR%/news/">News</a></li>
      <li><a href="%CONTENT_DIR%/boards/">Boards</a></li>
      <li><a href="%CONTENT_DIR%/about/">About</a></li>
      <li class="right"><a class="active" href="%CONTENT_DIR%/login/">Log In</a></li>
    </ul>
    <br />
    <div class="container">
      <div class="item-1">
        <h1><center>Willkommen bei der Registrierung!</center></h1>
      </div>
      <div class="item-2 round-border">
        <p>Sign Up:</p>
        <form action="%CONTENT_DIR%/signup/verify-email/" method="post">
          <p>Benutzername: <input type="text" name="username" placeholder="Username" /> </p>
          <p>E-Mail: <input type="text" name="email" placeholder="email@example.com" /> </p>
          <p>Passwort: <input type="password" name="password" placeholder="Password" /> </p>
          <p>Passwort best&auml;tigen: <input type="password" name="password_confirm" placeholder="Confirm password" /> </p>
          <input type="submit" value="Register" />
        </form>
        <p></p>
      </div>
    </div>
  </body>
</html>