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=195a6f60-c659-4cc5-89c7-65e8d452cbd2 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="preconnect" href="https://fonts.googleapis.com" /> 10 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 11 <link 12 href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" 13 rel="stylesheet" 14 /> 15 <link rel="stylesheet" href="src/style.css" /> 16
16<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
16 17 <title>Ramadan-theme-Weather-App</title> 18 </head> 19 <body> 20 <div class="weather-app " > 21 <header> 22 <form class="search-form" id="search-form"> 23 <input 24 type="search" 25 placeholder="Enter a city.." 26 required 27 class="search-form-input" 28 id="search-form-input" 29 /> 30 <input type="submit" value="Search" class="search-form-button" /> 31 </form> 32 </header> 33 <main> 34 <div class="weather-app-data"> 35 <div> 36 <h1 class="weather-app-city" id="city"></h1> 37 38 <p class="weather-app-details"> 39 <span id="time"></span> , <span id="description"></span> 40 <br /> 41 Humidity: <strong id="humidity"></strong>, Wind: 42 <strong id="wind-speed"></strong> 43 </p> 44 </div> 45 <div class="weather-app-temperature-container"> 46 <div class="weather-app-icon"> 47 <div id="icon"></div> 48 </div> 49 <div class="weather-app-temperature" id="temperature"></div> 50 <div class="weather-app-unit">°C</div> 51 </div> 52 </div> 53 <div class="weather-forecast" id="forecast"></div> 54 </main> 55 56 <footer> 57 This project was coded by 58 <a href="https://github.com/fatuma-adan" target="_blank"> 59 Fatuma adanð</a 60 > 61 is 62 <a href="https://github.com/fatuma-adan/weather-project" target="_blank" 63 >open-sourced on GitHub</a 64 > 65 and 66 <a href="" target="_blank" 67 >hosted on Netlify</a 68 > 69 </footer> 70 </div> 71
71<script src="src/app.js"></script>
71 72 </body> 73</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.