diff --git a/img/Diane_photo.jpg b/img/Diane_photo.jpg
new file mode 100644
index 0000000..b01b608
Binary files /dev/null and b/img/Diane_photo.jpg differ
diff --git a/index.html b/index.html
index d567464..d680171 100644
--- a/index.html
+++ b/index.html
@@ -15,19 +15,22 @@ <h1>Student Bio</h1>
         
         <div class="bio-card">
             <div class="photo">
-                <img src="https://via.placeholder.com/150" alt="Student Photo">
+                <img src="img/Diane_photo.jpg" alt="Diane_Photo">
             </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>
+                <h2>Diane Vaillancourt</h2>
+                <p>Hi, I'm Diane. I have been a high school math teacher for 25 years and I am looking for a change.  I was a programmer for a short period of time in 1999, and I thought I would try to get current in the field, so much has changed!  I am hoping to either start teaching Computer Science again or retire and start a new career.  </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>
diff --git a/styles.css b/styles.css
index c8011a0..b940cc4 100644
--- a/styles.css
+++ b/styles.css
@@ -63,8 +63,8 @@ header h1 {
 }
 
 .link-btn {
-    background-color: #007bff;
-    color: white;
+    background-color: #229954; /* new green color */:
+    color: white;                                
     text-decoration: none;
     padding: 10px 20px;
     border-radius: 5px;