add about container and delete footer quicklins container

Author: Daniel1000c

weatherApp/index.html

@@ -39,23 +39,22 @@
 
         </header>
         <main>
-            
-        </main>
-        <footer>
-            <!--Quick links Container-->
-            <div class="footerInfoContainer">
-                <div class="quickLinks">
-                    <h3>Quick Links <i class='bx bx-link' ></i></h3>
+            <!--Create about section-->
+            <section class="aboutContainer" id="about">
+                <div class="aboutContent">
+                    <h2>Weather App</h2>
 
-                    <p><a href="index.html#weather">Check Weather</a></p>
-                    <p><a href="index.html#about">About Weather App</a></p>
-                    <p><a href="../index.html#projects">Other Script Lab Projects</a></p>
-                </div>
-                <div class="socialMedia">
-                    <h3>Get In Touch <i class='bx bxs-phone-call' ></i></h3>
+                    <img src="images/cartoonSunNoBg.png" alt="Weather App">
 
+                    <p> 
+                      The purpose of the Weather App is to showcase what can be done with website formatting
+                      using BootStrap and Jquery. Bootstrap is used for website styling while Jquery is used to 
+                      get the weather information from an API. Then Jquery will be used to calculate the weather in the region.
+                    </p>                   
                 </div>
-            </div>
+            </section>
+        </main>
+        <footer>
             <p>&copy; 2024 ScritLab | All Rights Reserved</p>
         </footer>
     </body>