main.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="Main.css">
</head>


<body>

 <div class="nav-bar"> 
    <a class="c"  href="main.html">More-Information</a>
    <a class="c"  href="index.html">Main-Page</a>
    <a class="c"  href="back.html">Background-Info</a>
 </div>

 <div class="input-area">
        <input id="city-input" placeholder="Enter City">
        <!-- <button id="city-button">Submit</button> -->
        <div id="out-put">

        </div>
 </div>

 
    <script src="Proto.js"></script>
</body>
</html>