Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <!-- Theme Made By www.w3schools.com - No Copyright -->
  <title>Cyber Security Internet Login</title>
  <link href="pageicon.png" type="image/png" rel="icon"></link>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
  <style>
  body {
      font: 20px Montserrat, sans-serif;
      line-height: 1.8;
      color: #000000;
  }
  p {font-size: 16px;}
  .margin {margin-bottom: 45px;}
  .bg-1 {
      background-color: #000000; /* Green */
	  background-image: url("background1.gif");
	  background-repeat: no-repeat;
	  background-size: 1910px 750px;
      color: #dfca00;
  }
  .bg-2 {
      background-color: #dfca00; /* Dark Blue */
      color: #00000;
  }
  .bg-3 {
      background-color: #ffffff; /* White */
      color: #555555;
  }
  .bg-4 {
      background-color: #2f2f2f; /* Black Gray */
      color: #fff;
  }
  .container-fluid {
      padding-top: 70px;
      padding-bottom: 70px;
  }
  .navbar {
      padding-top: 15px;
      padding-bottom: 15px;
      border: 0;
      border-radius: 0;
      margin-bottom: 0;
      font-size: 12px;
      letter-spacing: 5px;
  }
  .navbar-nav  li a:hover {
      color: #1abc9c !important;
  }
  </style>
</head>
<body>

<!-- Navbar -->
<nav class="navbar navbar-default">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Me</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">WHO</a></li>
        <li><a href="#">WHAT</a></li>
        <li><a href="#">WHERE</a></li>
      </ul>
    </div>
  </div>
</nav>

<!-- First Container -->
<div class="container-fluid bg-1 text-center">
  <h3 class="margin">Welcome to the Cyber Security Network!</h3>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <link href="pageicon.png" type="image/png" rel="icon"></link>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script type="text/javascript"> function FocusOnInput() { document.getElementById("username").focus(); } </script>
  <title>CyberSecurity Internet Login</title>
  </head>
  <body background="background.jpg" onload="FocusOnInput()">
  <p><strong>Please enter your username and password and click the login button to access the internet.</strong></p>
  <form "autocomplete="off" method="post" action="/capture/handler.py/authpost">
  <p><font-color="black">Username: &nbsp;<input name="username" id="username" style="width: 200px" type="text"></input></font></p>
  <p>Password: &nbsp;<input name="password" id="password" style="width: 200px" type="password" autocomplete="off"></input></p>
  <input name="method" id="method" type="hidden" value="$.method.$"></input>
  <input name="nonce" id="nonce" type="hidden" value="$.nonce.$"></input>
  <input name="appid" id="appid" type="hidden" value="$.appid.$"></input>
  <input name="host" id="host" type="hidden" value="$.host.$"></input>
  <input name="uri" id="uri" type="hidden" value="$.uri.$"></input>
  <input name="submit" id="submit" type="submit" value="Login" style="width: 150px; height: 40px"></input>
  </form>
  </body>
  <p><button value="open window" onclick="window.open('http://www.google.com/')"><font color="black">Take me to Google!</font></button>
  <p><button value="open window" onclick="window.open('http://www.agar.io/?ip=192.168.1.100:442')"><font color="black">Take me to Agar.io!</font></button>

</div>

<!-- Second Container -->
<div class="container-fluid bg-2 text-center">
  <h3 class="margin">Rules</h3>
  <p><font color="black">By using this internet connection you agree to the following rules:<br>
  1. You cannot hack any external network for any reason.<br>
  2. You cannot slow down or clog the network speed for any reason.<br>
  3. You can't do any non-school related material without permission.<br>
  4. Don't be a minge.</font> </p>
  <a href="#" class="btn btn-default btn-lg">
    <span class="glyphicon glyphicon-search"></span> Search
  </a>
</div>


<!-- Footer -->
<footer class="container-fluid bg-4 text-center">
  <p>Page made by: Amil Cerimic & Harrison Keaton</p>
</footer>

</body>
</html>