From a332d294b62c09dc851d21c73002de8ca158d3f5 Mon Sep 17 00:00:00 2001
From: PriyanshuValiya <147643182+PriyanshuValiya@users.noreply.github.com>
Date: Wed, 30 Oct 2024 11:33:33 +0530
Subject: [PATCH] Update weather_info.html

---
 weather_info.html | 108 +++++++++++++++++++++++-----------------------
 1 file changed, 54 insertions(+), 54 deletions(-)

diff --git a/weather_info.html b/weather_info.html
index 75e861a..73c7ade 100644
--- a/weather_info.html
+++ b/weather_info.html
@@ -78,60 +78,6 @@ <h3><i class="fas fa-sun"></i> UV Index</h3>
             </section>
           </div>
 
-          <section>
-            <h3>
-              <i
-                class="fa-solid fa-feather-pointed"
-                style="
-                  height: 30px;
-                  width: 30px;
-                  font-size: x-large;
-                  margin-right: 5px;
-                "
-              ></i>
-              Gas Quantities (per meter<sup>3</sup>)
-            </h3>
-
-            <div id="airCards">
-              <div style="display: flex; justify-content: space-around">
-                <div class="airCard">
-                  <p>CO :</p>
-                  <p id="co"></p>
-                </div>
-                <div class="airCard">
-                  <p>NO :</p>
-                  <p id="no"></p>
-                </div>
-                <div class="airCard">
-                  <p>NO<sub>2</sub> :</p>
-                  <p id="no2"></p>
-                </div>
-                <div class="airCard">
-                  <p>O<sub>3</sub> :</p>
-                  <p id="o3"></p>
-                </div>
-              </div>
-              <div style="display: flex; justify-content: space-around">
-                <div class="airCard">
-                  <p>SO<sub>2</sub> :</p>
-                  <p id="so2"></p>
-                </div>
-                <div class="airCard">
-                  <p>PM<sub>2.5</sub> :</p>
-                  <p id="pm2"></p>
-                </div>
-                <div class="airCard">
-                  <p>PM<sub>10</sub> :</p>
-                  <p id="pm10"></p>
-                </div>
-                <div class="airCard">
-                  <p>NH<sub>3</sub> :</p>
-                  <p id="nh3"></p>
-                </div>
-              </div>
-            </div>
-          </section>
-
           <section class="forecast">
             <h3><i class="fas fa-calendar-alt"></i> 5-Day Forecast</h3>
             <div id="forecast-info" class="forecast-container">
@@ -219,6 +165,60 @@ <h4 class="day">Friday, October 21</h4>
             </div>
           </section>
 
+          <section>
+            <h3>
+              <i
+                class="fa-solid fa-feather-pointed"
+                style="
+                  height: 30px;
+                  width: 30px;
+                  font-size: x-large;
+                  margin-right: 5px;
+                "
+              ></i>
+              Gas Quantities (per meter<sup>3</sup>)
+            </h3>
+
+            <div id="airCards">
+              <div style="display: flex; justify-content: space-around">
+                <div class="airCard">
+                  <p>CO :</p>
+                  <p id="co"></p>
+                </div>
+                <div class="airCard">
+                  <p>NO :</p>
+                  <p id="no"></p>
+                </div>
+                <div class="airCard">
+                  <p>NO<sub>2</sub> :</p>
+                  <p id="no2"></p>
+                </div>
+                <div class="airCard">
+                  <p>O<sub>3</sub> :</p>
+                  <p id="o3"></p>
+                </div>
+              </div>
+              <div style="display: flex; justify-content: space-around">
+                <div class="airCard">
+                  <p>SO<sub>2</sub> :</p>
+                  <p id="so2"></p>
+                </div>
+                <div class="airCard">
+                  <p>PM<sub>2.5</sub> :</p>
+                  <p id="pm2"></p>
+                </div>
+                <div class="airCard">
+                  <p>PM<sub>10</sub> :</p>
+                  <p id="pm10"></p>
+                </div>
+                <div class="airCard">
+                  <p>NH<sub>3</sub> :</p>
+                  <p id="nh3"></p>
+                </div>
+              </div>
+            </div>
+          </section>
+
           <section class="forecast">
             <h3>
               <i