https://first-shecodes-weather-app.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=8c8217d7-bf35-4f21-9677-c28d9b7dd50f
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9    <link rel="stylesheet" href="src/styles.css" />
10    

10<script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>

10
11    <title>Weather Application</title>
12  </head>
13  <body>
14    <div class="content">
15      <header>
16        <form>
17          <input
18            class="search"
19            type="search"
20            placeholder="Enter a city.."
21            required
22            id="searchCity"
23          />
24          <input class="button" type="submit" value="Search" />
25          <hr />
26        </form>
27      </header>
28      <main>
29        <div class="current-weather">
30          <div>
31            <h1>Paris</h1>
32            <p>
33              <span id="day">Saturday 15:32</span>, moderate rain <br />
34              Humidity: <strong>87%</strong>, Wind: <strong>7.2km/h</strong>
35            </p>
36          </div>
37
38          <div class="temperature">
39            <div class="icon">⛅</div>
40            <span id="temp">14</span>°C
41          </div>
42        </div>
43      </main>
44      <footer>
45        <p>
46          This project was coded by
47          <a href="https://github.com/lindokuhles362" target="_blank"
48            >Lindo Sewela</a
49          >
50          and is
51          <a
52            href="https://github.com/lindokuhles362/shecode-weather"
53            target="_blank"
54          >
55            on GitHub</a
56          >
57          and
58          <a
59            href="https://first-shecodes-weather-app.netlify.app/"
60            target="_blank"
61            >hosted on Netlify</a
62          >
63        </p>
64      </footer>
65    </div>
66
67    

67<script src="src/weather3.js"></script>

67
68  </body>
69</html>