add weatherContainer, weatherContent, and weatherBox

Author: Daniel1000c

weatherApp/index.html

@@ -39,20 +39,32 @@
 
         </header>
         <main>
-            <!--Create about section-->
-            <section class="aboutContainer" id="about">
-                <div class="aboutContent">
-                    <h2>Weather App</h2>
+          <!--Create weather section-->
+          <section class="weatherContainer" id="weather">
+              <div class="weatherContent">
+                  <h2>Weather</h2>
 
-                    <img src="images/cartoonSunNoBg.png" alt="Weather App">
+                  <div class="weatherBox">
+                      <input type="text" id="inputBox" placeholder="Enter city name">
+                      <button id="searchBtn"><i class='bx bx-search' ></i></button>  
+                  </div>
+              </div>
+          </section>
 
-                    <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>
-            </section>
+          <!--Create about section-->
+          <section class="aboutContainer" id="about">
+              <div class="aboutContent">
+                  <h2>Weather App</h2>
+
+                  <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>
+          </section>
         </main>
         <footer>
           <!--Quick Links Accordion Container-->