error.html

<!DOCTYPE html>
<html class=''>

<head>
    <title>Mr. Alien</title>
    <meta charset='UTF-8'>
    <meta name="robots" content="noindex">
  <meta name="viewport" content="width=device-width">
    
    <link rel="stylesheet" type="text/css" href="css/error.css">
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed|Roboto:100' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="js/error.js"></script>
    
</head>

<body >

  <div class="container">
        <div class="stormy"></div>
        <div class="text">
            <h1>Are you Alien?</h1>
            <h2>This city does not belong to Earth</h2>
            <div id="inputBox">
                    <input type="text" placeholder="Enter any EARTH's city name" id="city" name="city" required onkeydown="if (event.keyCode == 13) document.getElementById('but').click()">
                    <button type="submit" id="but" onclick="redirect()">Get Weather</button>
            <button class ="link" onclick="window.location='index.html'">Go Home</button>
              
            </div>
        </div>


      </div>
    </div>

  </div>


</body>

</html>