https://erika-cast.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=3f41ddc4-d16e-4225-848a-5787ec40d7f6
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/style.css" />
10    

10<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>

10
11    <title>ErikaCast</title>
12  </head>
13  <body>
14    <div class="weather-app">
15      <header>
16        <form action="" id="search-form" class="search-form">
17          <input
18            type="search"
19            placeholder="Enter a city.."
20            required
21            id="search-form-input"
22            class="search-form-input"
23          />
24          <input type="submit" value="Search" class="search-form-button" />
25        </form>
26      </header>
27      <main>
28        <div class="weather-app-data">
29          <div>
30            <h1 class="weather-app-city" id="city"></h1>
31            <p class="weather-app-details">
32              <span id="time"></span>
33              <span id="description"> </span><br />
34              Humidity: <strong id="humidity"></strong>,Wind:
35              <strong id="wind-speed"></strong>
36            </p>
37          </div>
38          <div class="weather-app-temperature-container">
39            <div class="weather-app-icon" id="icon"></div>
40            <div class="weather-app-temperature" id="temperature"></div>
41            <div class="weather-app-unit">&deg;C</div>
42          </div>
43        </div>
44        <div class="weather-forecast" id="forecast"></div>
45      </main>
46
47      <footer>
48        This project was Coded by
49        <a href="https://github.com/Erika-Wanjiru" target="_blank"
50          >Erika Wanjiru,</a
51        >
52        open-sourced in
53        <a
54          href="https://github.com/Erika-Wanjiru/Vanilla-JS-Project"
55          target="_blank"
56          >GitHub</a
57        >
58        and hosted on
59        <a href="https://erika-cast.netlify.app/" target="_blank">Netflify</a>
60      </footer>
61    </div>
62    

62<script src="src/index.js"></script>

62
63  </body>
64</html>