1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <link rel="stylesheet" href="src/style.css" /> 7
7<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>
7 8 <title>Project Weather App</title> 9 </head> 10 <body> 11 <div class="weather-app"> 12 <header> 13 <form class="search-form" id="search-form"> 14 <input 15 type="search" 16 placeholder="Search for a city..." 17 required 18 id="search-form-input" 19 class="search-form-input" 20 /> 21 <input type="submit" value="Search" class="search-form-button" /> 22 </form> 23 </header> 24 25 <main> 26 <div class="weather-app-data"> 27 <div> 28 <h1 class="weather-app-city" id="city"></h1> 29 <p class="weather-app-details"> 30 <span id="time"></span>, <span id="description"></span> 31 <br /> 32 Humidity: <strong id="humidity"></strong> | Wind: 33 <strong id="windSpeed"></strong> 34 </p> 35 </div> 36 37 <div class="weather-app-temperature-container"> 38 <div id="icon"></div> 39 40 <div class="weather-app-temperature" id="temperature"></div> 41 <div class="weather-app-temperature-unit">°C</div> 42 </div> 43 </div> 44 <div class="weather-app-forecast" id="forecast"></div> 45 </main> 46 <footer> 47 This project was coded by 48 <a href="https://github.com/debbiehunter" target="_blank" 49 >Debbie Hunter</a 50 > 51 and is open sourced on 52 <a 53 href="https://github.com/debahunter821-ux/Project-Weather-App" 54 target="blank" 55 >GitHub</a 56 > 57 and is hosted on 58 <a href="https://debs-project-weather-app.netlify.app/" target="_blank" 59 >Netlify</a 60 >. 61 </footer> 62 </div> 63
63<script src="src/index.js"></script>
63 64 </body> 65</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.