add about section p tag, section bg class, and changed project card titles and linked to formapi.html"

Author: Daniel1000c

index.html

@@ -18,6 +18,9 @@
 
             <!--Insert hamburger menu-->
             <i class='bx bx-menu'></i>
+
+            <!--Create navigation bar-->
+            
         </header>
         <main>
 
@@ -42,12 +45,26 @@ <h2>Welcome to ScriptLab</h2>
             </section>
 
             <!--About section-->
-            <section>
+            <section class="sectionBg">
                 <h2>About ScriptLab</h2>
+
+
+                <!--Create container to hold img and text-->
+                <div class="aboutContainer">
+                    <!--Insert company logo-->
+                    <img src="images/SCRIPTLABNOBGpng.png" alt="ScriptLab">
+
+                    <p>
+                        Script Lab is a portfolio website meant for showing Intermediate
+                        JavaScript and HTML/CSS projects. This website is a work in progress and
+                        will be updated as projects are completed. This website will incorporate projects
+                        using JavaScript API, React, Json, WordPress, and more.
+                    </p>
+                </div>
             </section>
 
             <!--Projects Section-->
-            <section id="projects">
+            <section id="projects" class="sectionBg">
                 <h2>Projects</h2>
 
                 <!--Create project grid container-->
@@ -60,67 +77,61 @@ <h2>Projects</h2>
                         <h3>Form API</h3>
 
                         <!--Create project button link-->
-                        <a href="formAPI.html">See More</a>
+                        <a href="formapi/formAPI.html">See More</a>
                     </div>
 
                     <div class="projectGridItem">
                         <!--Insert project img-->
                         <img src="images/horizontalComingSoon.jpg" alt="Coming Soon">
                         <!--Insert project title-->
-                        <h3>Form API</h3>
+                        <h3>Coming Soon</h3>
 
                         <!--Create project button link-->
-                        <a href="formAPI.html">See More</a>
+                        <a href="#">See More</a>
                     </div>
 
                     <div class="projectGridItem">
                         <!--Insert project img-->
                         <img src="images/horizontalComingSoon.jpg" alt="Coming Soon">
                         <!--Insert project title-->
-                        <h3>Form API</h3>
+                        <h3>Coming Soon</h3>
 
                         <!--Create project button link-->
-                        <a href="formAPI.html">See More</a>
+                        <a href="#">See More</a>
                     </div>
 
                     <div class="projectGridItem">
                         <!--Insert project img-->
                         <img src="images/horizontalComingSoon.jpg" alt="Coming Soon">
                         <!--Insert project title-->
-                        <h3>Form API</h3>
+                        <h3>Coming Soon</h3>
 
                         <!--Create project button link-->
-                        <a href="formAPI.html">See More</a>
+                        <a href="#">See More</a>
                     </div>
 
                     <div class="projectGridItem">
                         <!--Insert project img-->
                         <img src="images/horizontalComingSoon.jpg" alt="Coming Soon">
                         <!--Insert project title-->
-                        <h3>Form API</h3>
+                        <h3>Coming Soon</h3>
 
                         <!--Create project button link-->
-                        <a href="formAPI.html">See More</a>
+                        <a href="#">See More</a>
                     </div>
 
                     <div class="projectGridItem">
                         <!--Insert project img-->
                         <img src="images/horizontalComingSoon.jpg" alt="Coming Soon">
                         <!--Insert project title-->
-                        <h3>Form API</h3>
+                        <h3>Coming Soon</h3>
 
                         <!--Create project button link-->
-                        <a href="formAPI.html">See More</a>
+                        <a href="#">See More</a>
                     </div>
 
                 </div>
             </section>
-
-            <!--Contact Section-->
-            <section>
-                <h2>Get in Touch</h2>
-            </section>
-
         </main>
         <footer>
             &copy; 2024 ScriptLab All Rights Reserved