Intro_final_f24

README.md

@@ -203,3 +203,4 @@ Live Server installation: https://code-you.org/students/resources/guides/install
 - If the browser does not refresh automatically after you make changes, press **Ctrl + R** (Windows) or **Command + R** (macOS) to refresh the page and load the latest version.
 
 This will let you see all the changes made to the page in real time.
+#intro_final_f24

index.html

@@ -15,19 +15,25 @@ <h1>Student Bio</h1>
 
         <div class="bio-card">
             <div class="photo">
-                <img src="https://via.placeholder.com/150" alt="Student Photo">
+                <img src="kim.jpg" alt="Kim Boggs">
             </div>
             <div class="bio">
-                <h2>John Doe</h2>
-                <p>Hi, I'm John, a passionate software developer currently enrolled in the Code:You bootcamp. I love building responsive web applications and constantly exploring new technologies.</p>
-            </div>
+                <h2>Kim Boggs</h2>
+                <p>Hi, My name is Kim Boggs, and I'm totally new to this. It has been like trying to learn a new language from listening to other people speak 
+                    it which is not an easy task when you've always been a hands on learner. But I'm gradually getting the hang of it, I think..LOL.
+                    I started in this because after raising 4 children and 5 grandchildren, 3 of which I am still currently raising, I need a job.
+                    I thought this would be very interesting and hopefully lucrative!! I have enjoyed the Web Development on Free Code Camp the most. 
+                    I love the creative side of all of this. So thankful for this opportunity. 
+                </p> </div>
         </div>
 
         <div class="links">
             <a href="https://github.com/username" target="_blank" class="link-btn">GitHub</a>
             <a href="https://linkedin.com/in/username" target="_blank" class="link-btn">LinkedIn</a>
         </div>
     </div>
-
+<script> 
+    alert ("Hello World, I.m a Developer");
+</script>
 </body>
 </html>

styles.css

@@ -63,7 +63,7 @@ header h1 {
 }
 
 .link-btn {
-    background-color: #007bff;
+    background-color: #229954;/*new green color*/
     color: white;
     text-decoration: none;
     padding: 10px 20px;
@@ -90,4 +90,4 @@ header h1 {
         width: 100%;
         padding: 12px;
     }
-}
+}