Weather.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"
    />
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.0/moment.min.js"
      integrity="sha512-Izh34nqeeR7/nwthfeE0SI3c8uhFSnqxV0sI9TvTcXiFJkMd6fB644O64BRq2P/LA/+7eRvCw4GmLsXksyTHBg=="
      crossorigin="anonymous"
    ></script>
    <title>Weather</title>
  </head>

  <body>
    <div class="container">
      <div class="content">
        <h1>WEATHER APP</h1>
        <input id="input" class="input" placeholder="Enter the City Name" />
      </div>

      <div class="main-weather">
        <p id="date">Date</p>
        <div id="city">City</div>
        <div class="temp" id="temp">Temp</div>
        <div id="min-max">Min and Max Temp</div>
        <div id="weather-type">Sunny</div>
      </div>
    </div>

    <script src="script.js"></script>
  </body>
</html>