-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (44 loc) · 1.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- link section starts -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Open Weather App</title>
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Itim&family=Lobster&display=swap" rel="stylesheet">
<!-- link section ends -->
</head>
<body >
<div class="container">
<!-- Weather-Forecast-Sections Starts -->
<main class="weather-section">
<h3>Enter your City and Check your weather instantly:</h3>
<input type="text" id="city-input" placeholder="Enter Your city Name" class="form-control">
<small class="form-text text-muted"> After Entering the valid city Name Please Enter to get Result </small>
<h2>Weather ForeCast</h2>
<div class="d-flex justify-content-between forecast-section">
<p class="lead">
<strong><span id="city">Dhaka</span>,<span id="country">BD</span></strong><br>
<strong><span id="main">Cloud</span></strong>
(<span id="description">Scattred Cloud</span>)<br>
TEMP: <strong id="temp">32</strong><br>
PRESSURE:<strong id="pressure">1032</strong><br>
HUMIDITY:<strong><span id="humidity">75</span></strong><br>
</p>
<img src="./images/698392-icon-129-cloud-download-512.webp" alt="Scattered Cloud" id="condition">
</div>
</main>
</div>
<!-- Initial Resources starts -->
<script src="./js/jquery-3.4.1.slim.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/app.js"></script>
<script src="https://unpkg.com/[email protected]/dist/axios.min.js"></script>
<!-- Initial Resources ends -->
</body>
</html>