Untitled

<html lang="en">

<head <p><small>{PEBKAC} &#169; 2017</small></p>

<title>{PEBKAC} - Log In or Sign Up</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
</script>
</head>

<bodystyle="background-color:white;">

<br> <br> <br>

<style>

div1 {
 border: 1px solid black;
 margin-top: -70px;
 margin-bottom: -30px;
 margin-right: 250px;
 margin-left: 930px;
 background-color: powderblue;
 text-align: center;
}

</style>

<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>

<div1>
<div class="container">

<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#login">Log In</a></li>
  <li><a data-toggle="tab" href="#signup">Sign Up</a></li>
</ul>

<div class="tab-content">

  <div id="login" class="tab-pane fade in active">
    <form>

      <br><br><br><br><br><br>

      E-mail:<br>
      <input type="text" name="e-mail"><br><br>
      Password:<br>
      <input type="password" name="psw"><br><br>

      <button type="button">Log In!</button><br><br>
    </form>
  </div>

  <div id="signup" class="tab-pane fade">
    <form action="/action_page.php">

      <br><br><br><br><br><br>

      Username:<br>
      <input type="text" name="Username"><br><br>
      E-mail:<br>
      <input type="email" name="e-mail"><br><br>
      Password:<br>
      <input type="password" name="psw"><br><br>
      <p>By clicking Sign Up, you agree to our <a href="file:///C:/Users/White-Chocolate/Desktop/TypeTwister/Terms.html">Terms</a> and <a href="file:///C:/Users/White-Chocolate/Desktop/TypeTwister/Privacy%20Policy.html">Privacy Policy</a>. <br>
<br>
      <button type="button">Sign Up!</button>
    </form>
  </div>

</div>
</div>
</div>
</body>
</html>