diff --git a/KNWOUT.html b/KNWOUT.html
deleted file mode 100644
index f74f695..0000000
--- a/KNWOUT.html
+++ /dev/null
@@ -1,296 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>Weather App</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-
-    <style>
-        body {
-            font-family: 'Arial', sans-serif;
-            overflow-x: hidden;
-            position: relative;
-            min-height: 100vh;
-            color: #fff;
-            background: linear-gradient(to bottom, #4A90E2, #90CAF9);
-            background-size: cover;
-            background-attachment: fixed;
-            padding-bottom: 100px;
-        }
-
-        .navbar {
-            background-color: rgba(255, 255, 255, 0.1) !important;
-            backdrop-filter: blur(5px);
-            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-            padding: 1rem 0;
-            position: fixed;
-            width: 100%;
-            top: 0;
-            z-index: 1000;
-        }
-
-        .navbar-brand,
-        .nav-link {
-            color: #fff !important;
-        }
-
-        .nav-link:hover {
-            color: #ddd !important;
-        }
-
-        .btn-outline-success {
-            color: #fff !important;
-            border-color: #fff !important;
-        }
-
-        .btn-outline-success:hover {
-            background-color: #fff !important;
-            color: #4CAF50 !important;
-        }
-
-        
-        .container {
-            padding-top: 100px;
-        }
-
-        .weather-header {
-            text-align: center;
-            margin-bottom: 30px;
-        }
-
-        .weather-header h1 {
-            font-size: 2.5rem;
-            color: #fff;
-            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
-        }
-
-        /* Card Styles */
-        .card {
-            background-color: rgba(255, 255, 255, 0.1);
-            backdrop-filter: blur(5px);
-            border: 1px solid rgba(255, 255, 255, 0.2);
-            border-radius: 15px;
-            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-            transition: transform 0.3s ease, box-shadow 0.3s ease;
-        }
-
-        .card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
-        }
-
-        .card-header {
-            background-color: rgba(255, 255, 255, 0.1);
-            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-            padding: 15px;
-            color: #fff;
-            border-radius: 15px 15px 0 0;
-        }
-
-        .card-body {
-            padding: 20px;
-        }
-
-        .card-title {
-            font-size: 2.5rem;
-            font-weight: bold;
-            margin-bottom: 20px;
-            color: #fff;
-        }
-
-        .list-unstyled li {
-            margin-bottom: 10px;
-            color: #eee;
-            font-size: 1.1rem;
-        }
-
-        /* Button Styles */
-        .btn-outline-primary {
-            color: #fff;
-            border-color: #fff;
-        }
-
-        .btn-outline-primary:hover {
-            background-color: #fff;
-            color: #4A90E2;
-        }
-
-        .btn-primary {
-            background-color: #438ee5;
-            border-color: #4A90E2;
-        }
-
-        .btn-primary:hover {
-            background-color: #3577B7;
-            border-color: #3577B7;
-        }
-
-        /* Wave Animation at Bottom */
-        .wave-container {
-            position: fixed;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            height: 100px;
-            overflow: hidden;
-        }
-
-        .wave {
-            background: url('https://i.imgur.com/6U8n57l.png') repeat-x;
-            position: relative;
-            width: 6400px;
-            height: 100px;
-            animation: wave 9s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
-        }
-
-        .wave:nth-of-type(2) {
-            bottom: -12px;
-            animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite,
-                swell 7s ease -1.25s infinite;
-            opacity: 0.9;
-        }
-
-        @keyframes wave {
-            0% {
-                margin-left: 0;
-            }
-
-            100% {
-                margin-left: -1600px;
-            }
-        }
-
-        @keyframes swell {
-
-            0%,
-            100% {
-                transform: translateY(-25px);
-            }
-
-            50% {
-                transform: translateY(10px);
-            }
-        }
-    </style>
-</head>
-
-<body>
-
-    
-    <div class="wave-container">
-        <div class="wave"></div>
-        <div class="wave"></div>
-    </div>
-
-    <!-- Navigation Bar -->
-    <nav class="navbar navbar-expand-lg fixed-top">
-        <div class="container-fluid">
-            <a class="navbar-brand" href="#">
-                <i class="fas fa-sun"></i> Weather App
-            </a>
-            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                aria-expanded="false" aria-label="Toggle navigation">
-                <span class="navbar-toggler-icon"></span>
-            </button>
-            <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-                    <li class="nav-item">
-                        <a class="nav-link active" aria-current="page" href="#"><i class="fas fa-home"></i> Home</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="forecast.html"><i class="fas fa-chart-line"></i> Get Forecast</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="aboutus.html"><i class="fas fa-info-circle"></i> About Us</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link" href="History.html"><i class="fas fa-history"></i> Weather History</a>
-                    </li>
-                </ul>
-                <form class="d-flex" role="search">
-                    <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"
-                        id="city">
-                    <button class="btn btn-outline-success" type="submit" id="submitEvent">Search</button>
-                </form>
-            </div>
-        </div>
-    </nav>
-
-    <!-- Main Content -->
-    <div class="container">
-        <!-- Add margin-top to adjust the position of the header -->
-        <div class="weather-header" style="margin-top: 60px;">
-            <h1>Weather for <span id="cityName"></span></h1>
-        </div>
-        <main>
-            <div class="row row-cols-1 row-cols-md-3 mb-3 text-center">
-                <div class="col">
-                    <div class="card mb-4 rounded-3 shadow-sm">
-                        <div class="card-header py-3">
-                            <h4 class="my-0 fw-normal">Temperature Details</h4>
-                        </div>
-                        <div class="card-body">
-                            <h1 class="card-title pricing-card-title">
-                                <span id="feelslike_c">°C</span>
-                            </h1>
-                            <ul class="list-unstyled mt-3 mb-4">
-                                <li>Average Temperature: <span id="avgtemp_c"></span> °C</li>
-                                <li>Precipitation: <span id="precip_mm"></span> mm</li>
-                            </ul>
-                            <button type="button" class="w-100 btn btn-lg btn-outline-primary">More Details</button>
-                        </div>
-                    </div>
-                </div>
-                <div class="col">
-                    <div class="card mb-4 rounded-3 shadow-sm">
-                        <div class="card-header py-3">
-                            <h4 class="my-0 fw-normal">Day Information</h4>
-                        </div>
-                        <div class="card-body">
-                            <h1 class="card-title pricing-card-title">
-                                <span id="temp"></span>
-                            </h1>
-                            <ul class="list-unstyled mt-3 mb-4">
-                                <li>Pressure: <span id="pressure"></span> hPa</li>
-                                <li>Sunrise: <span id="sunrise"></span></li>
-                                <li>Sunset: <span id="sunset"></span></li>
-                            </ul>
-                            <button type="button" class="w-100 btn btn-lg btn-outline-primary">View Full Day</button>
-                        </div>
-                    </div>
-                </div>
-                <div class="col">
-                    <div class="card mb-4 rounded-3 shadow-sm border-primary">
-                        <div class="card-header py-3 text-bg-primary border-primary">
-                            <h4 class="my-0 fw-normal">Today's Overview</h4>
-                        </div>
-                        <div class="card-body">
-                            <h1 class="card-title pricing-card-title">
-                                <span id="feelslike_c"></span>
-                            </h1>
-                            <ul class="list-unstyled mt-3 mb-4">
-                                <li>Date: <span id="date"></span></li>
-                                <li>Dew Point: <span id="dewpoint_c"></span> °C</li>
-                                <li>Moon Phase: <span id="moon_phase"></span></li>
-                            </ul>
-                            <button type="button" class="w-100 btn btn-lg btn-primary">Contact Us</button>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </main>
-    </div>
-
-    <!-- Animated Waves at Bottom -->
-    <div class="wave-container">
-        <div class="wave"></div>
-    </div>
-
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="script.js"></script>
-</body>
-
-</html>
