-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (63 loc) · 2.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-32">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="SAKSHAM JOSHI">
<meta name="keywords"
content="weather, weather tomorrow, weather tomorrow agra, weather tomorrow mathura, weather check, weather station, weather station">
<meta name="description" content="free website to check weather">
<title>Folk-Weather </title>
<link rel="stylesheet" media='(max-width:550px)' href="./CSS/mobile.css">
<link rel="stylesheet" media='(min-width:551px)' href="./CSS/desktop.css">
<link rel="icon" href="./CSS/Images/icon.png">
<script src="./index.js"></script>
</head>
<body>
<center>
<div id="top_area">
<img src="./CSS/Images/icon.png" alt="icon">
<span>Folk-Weather</span>
</div>
</center>
<hr>
<div id="user_prompt">
<br />
<center>
<input type="text" id="input_city_name" placeholder="Enter your city name ...." required />
</center>
<br>
<div>
<span> Language: </span>
<select id="language_box"></select>
<button id="request_btn" onclick="user_requested()">Done</button>
</div>
<br>
<div id="weather_detail"></div>
</div>
<div id="credits_and_info">
<br>
<div id="credit_heading" > ⩥ About : </div>
<div id="about_web_weather">
Web-Weather is a simple web application to get the weather report or news of your city. You can get weather report in different languages. Also, none of your searched locations are stored on the server which makes it more secure and anonymous.
</div>
<br>
<div id="credit_heading"> ⩥ Tools used :</div>
<ul>
<li>  <a href="https://www.weatherapi.com/">WeatherAPI</a> </li>
<li>  HTML.</li>
<li>  CSS.</li>
<li>  Javascript.</li>
<li>  Microsoft VS Code.</li>
</ul>
<div id="credit_heading"> ⩥ Developer Info : </div>
<ul>
<li>  Name: SAKSHAM JOSHI </li>
<li>  <a href="https://sakshamjoshi.netlify.app/"> Portfolio </a> </li>
<li>  <a href="https://www.linkedin.com/in/sakshamjoshi27"> Linkedin </a> </li>
<li>  <a href="https://github.com/saksham-joshi"> GitHub </a> </li>
<li>  <a href="https://twitter.com/sakshamjoshi27/"> X(Twitter) </a> </li>
</ul>
</div>
</body>
</html>