Skip to content

Commit 473a861

Browse files
AngelaRProjectsAngelaRProjects
authored
Add files via upload
1 parent 08147e8 commit 473a861

File tree

1 file changed

+11
-11
lines changed

1 file changed

+11
-11
lines changed

‎index.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44

55
<head>
66

7-
<title>Angela's Bio</title>
7+
<title>Angela Ruslander's Bio</title>
88

99
<style>
1010

11-
#bio-box { border: 1px solid #ccc; padding: 10px; width: 800px; }
11+
#bio-box { border: 1px solid #ccc; padding: 10px; width:1200px; }
1212

1313
#hobbies { display: none; margin-top: 10px; text-align: center; font-size: 20px; color: blue;}
1414

@@ -26,17 +26,17 @@ <h2 id="greeting">Hi, I'm a student!</h2>
2626

2727
<div id="bio-box">
2828

29-
<img src="img/Photo 1.jpg" alt="Angela's Photo" id="profile-pic" width="800"><br><br>
29+
<img src="img/Photo 1.jpg" alt="Maya, my dog, looking at the Niagara River" id="profile-pic" width="1200"><br><br>
3030

31-
<button onclick="changeTextColor()" style="background-color: blue; color:white; width: 200px; padding: 10px; margin: 4px;">Change Text Color</button>
31+
<button onclick="changeTextColor()" style="background-color: blue; color:white; width: 225px; padding: 10px; margin: 5px;">Change Text Color</button>
3232

33-
<button onclick="updateName()" style="background-color: blue; color:white; width: 200px; padding: 10px; margin: 4px;">Update Name</button>
33+
<button onclick="updateName()" style="background-color: blue; color:white; width: 225px; padding: 10px; margin: 5px;">Update Name</button>
3434

35-
<button onclick="toggleHobbies()" style="background-color: blue; color:white; width: 200px; padding: 10px; margin: 4px;">Show/Hide Hobbies</button>
35+
<button onclick="toggleHobbies()" style="background-color: blue; color:white; width: 225px; padding: 10px; margin: 5px;">Show/Hide Hobbies</button>
3636

37-
<button onclick="resetBio()" style="background-color: blue; color:white; width: 200px; padding: 10px; margin: 4px;">Reset</button>
37+
<button onclick="resetBio()" style="background-color: blue; color:white; width: 225px; padding: 10px; margin: 5px;">Reset</button>
3838

39-
<button onclick="changeImage()" style="background-color: blue; color:white; width: 200px; padding: 10px; margin: 4px;">Change Image</button>
39+
<button onclick="changeImage()" style="background-color: blue; color:white; width: 225px; padding: 10px; margin: 5px;">Change Image</button>
4040

4141
<div id="hobbies">
4242

@@ -88,19 +88,19 @@ <h2 id="greeting">Hi, I'm a student!</h2>
8888

8989
document.getElementById("hobbies").style.display = "none";
9090

91-
document.getElementById("profile-pic").src='img/Angela_Photo.jpg';
91+
document.getElementById("profile-pic").src='img/Photo 1.jpg';
9292

9393
}
9494

9595
function changeImage() {
9696

9797
document.getElementById("profile-pic").src='img/Photo 2.jpg';
98-
document.getElementById("profile-pic").style.width="800";
98+
document.getElementById("profile-pic").style.width="1200";
9999
}
100100
</script>
101101

102102

103103

104104
</body>
105105

106-
</html>
106+
</html>

0 commit comments

Comments
 (0)