add text container, sun img, and container text

Daniel1000c · Daniel1000c · commit 4fbb16c67f30 · 2025-02-11T11:01:52.000-05:00
diff --git a/weatherApp/index.html b/weatherApp/index.html
@@ -8,13 +8,14 @@
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"><!--Insert boostrap link-->
         <link href="https://cdn.jsdelivr.net/npm/boxicons@2.1.1/css/boxicons.min.css" rel="stylesheet"><!--Insert boxicon link-->
         <script src="jquery/jquery3.7.1.js"></script><!--Link to Jquery script file-->
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script><!--Insert bootstrap script link-->
     </head>
     <body>
         <header>
             <!--Insert bootstrap nav bar-->
             <nav class="navbar navbar-expand-lg navbar-light bg-primary">
                 <a class="navbar-brand" href="index.html">Weather App <i class='bx bxs-sun' ></i></a>
-                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                   <span class="navbar-toggler-icon"></span>
                 </button>
                 <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
@@ -30,11 +31,23 @@
             <!--Create weather app container-->
             <section class="weatherContainer">
                 <h2>The Weather</h2>
+                
             </section>
 
             <!--Create about Section-->
             <section id="about" class="aboutContainer">
                 <h2>About Weather App</h2>
+
+                <!--Create about text container-->
+                <div class="textContainer">
+                    <img src="images/cartoonSunNoBg.png" alt="Weather App">
+                    
+                    <p>
+                        The Purpose of this application is to help the user know what is the weather
+                        in other regions of the world. This app will also display the img of what the weather is like in that region.
+                        Furthermore, I will display the temperature of what that current region is when the user searches up that region of the world.
+                    </p>
+                </div>
             </section>
         </main>
         <footer>
