diff --git a/individual/frontend/s04/activity/index.html b/individual/frontend/s04/activity/index.html
index bf3dffa..220306d 100644
--- a/individual/frontend/s04/activity/index.html
+++ b/individual/frontend/s04/activity/index.html
@@ -3,37 +3,21 @@
S04: HTML Attributes and Hyperlinks
+ Main Page
-
- HTML Attributes
-
- Modifiers of element behavior
-
- HTML Images
-
- An image can be shown using the <img> tag along with its src attribute.
-
-
- <https://place-puppy.com/450x450>
-
- <img src="images/zuittlogo.png">
-
-
- Valid Image extensions are the following
-
- png
- jpg
- gif
- svg
- webp
-
-
- HTML Links
- Absolute Link
- I'm a Hyperlink
+
+
+
+
+
\ No newline at end of file
diff --git a/individual/frontend/s04/activity/music/index.html b/individual/frontend/s04/activity/music/index.html
new file mode 100644
index 0000000..d3d3c45
--- /dev/null
+++ b/individual/frontend/s04/activity/music/index.html
@@ -0,0 +1,23 @@
+
+
+
+ Music Page
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/individual/frontend/s04/activity/music/listings.html b/individual/frontend/s04/activity/music/listings.html
new file mode 100644
index 0000000..3a2e89a
--- /dev/null
+++ b/individual/frontend/s04/activity/music/listings.html
@@ -0,0 +1,23 @@
+
+
+
+ Listings Page
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/individual/frontend/s04/activity/music/reviews.html b/individual/frontend/s04/activity/music/reviews.html
new file mode 100644
index 0000000..3b433dc
--- /dev/null
+++ b/individual/frontend/s04/activity/music/reviews.html
@@ -0,0 +1,23 @@
+
+
+
+ Reviews Page
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/individual/frontend/s04/activity/styles.css b/individual/frontend/s04/activity/styles.css
new file mode 100644
index 0000000..113d6ad
--- /dev/null
+++ b/individual/frontend/s04/activity/styles.css
@@ -0,0 +1,6 @@
+img {
+ width: 500px;
+ height: 500px;
+ object-fit: cover;
+ object-position: center;
+}
\ No newline at end of file
diff --git a/individual/frontend/s04/discussion/images/index.html b/individual/frontend/s04/discussion/images/index.html
new file mode 100644
index 0000000..c1008d5
--- /dev/null
+++ b/individual/frontend/s04/discussion/images/index.html
@@ -0,0 +1,14 @@
+
+
+
+ Images
+
+
+ This is the images page.
+
+ go back to ../index.html page
+ go back to ../link.html page
+
+
\ No newline at end of file
diff --git a/individual/frontend/s04/activity/images/zuittlogo.png b/individual/frontend/s04/discussion/images/zuittlogo.png
similarity index 100%
rename from individual/frontend/s04/activity/images/zuittlogo.png
rename to individual/frontend/s04/discussion/images/zuittlogo.png
diff --git a/individual/frontend/s04/discussion/index.html b/individual/frontend/s04/discussion/index.html
new file mode 100644
index 0000000..589f3e4
--- /dev/null
+++ b/individual/frontend/s04/discussion/index.html
@@ -0,0 +1,54 @@
+
+
+
+ S04: HTML Attributes and Hyperlinks
+
+
+
+ HTML Attributes
+
+ Modifiers of element behavior
+
+ HTML Images
+
+ An image can be shown using the <img> tag along with its src attribute.
+
+
+ <https://place-puppy.com/450x450>
+
+ <img src="images/zuittlogo.png">
+
+
+ Valid Image extensions are the following
+
+ png
+ jpg
+ gif
+ svg
+ webp
+
+
+ Take a look at the w3schools attribute references here .
+
+ HTML Links
+ Absolute Link
+ I'm a Hyperlink
+
+ Relative Link
+ Go to link.html page.
+ Go to images/index.html page.
+
+
+ Go back to Top
+
+
\ No newline at end of file
diff --git a/individual/frontend/s04/discussion/link.html b/individual/frontend/s04/discussion/link.html
new file mode 100644
index 0000000..92ffd19
--- /dev/null
+++ b/individual/frontend/s04/discussion/link.html
@@ -0,0 +1,13 @@
+
+
+
+ Link
+
+
+ This is the link page
+ Go to back to index.html page
+ Go to back to images/index.html page
+
+
\ No newline at end of file
+ 
-
- 
+ 
+ 
+