Added my favourite stuffs to about.html

about.html

@@ -192,11 +192,43 @@ <h3> </h3>
 
 		<!-- Main Content -->
 		<td width="80%">
-			<h2><img src="assets/cats/Home_cat.gif" alt="cats" title="cats" style="max-width: 100%; height: auto;" width="100"></h2>
+			<h2><img src="assets/cats/typecat.gif" alt="cats" title="cat" style="max-width: 100%; height: auto;" width="100"></h2>
 			<hr>
-			<p>Hi! <br>
-
-			</p>
+			<p>More coming soon, for now:<br></p>
+
+			<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 20px;">
+				<!-- TV Show Card -->
+				<div style="width: 200px; text-align: center; border: 4px double #FF90A5; padding: 10px; background-color: #191b22; color: #ffffff; font-family: 'Comic Sans MS';">
+				    <p style="font-size: 16px; margin-bottom: 20px; margin-top: 5px;">My Favourite TV Show</p>
+				    <img src="assets/about/fleabag.jpg" alt="Favorite TV Show" style="width: 100%; height: auto; border: 2px solid #ffffff; margin-bottom: 10px;">
+				    <a href="https://www.imdb.com/title/tt5687612/" target="_blank" style="color: #FF90A5;">Fleabag</a> <br>by Phoebe Waller-Bridge
+				</div>
+
+				<!-- Movie Card -->
+				<div style="width: 200px; text-align: center; border: 4px double #FF90A5; padding: 10px; background-color: #191b22; color: #ffffff; font-family: 'Comic Sans MS';">
+				    <p style="font-size: 16px; margin-bottom: 20px; margin-top: 5px;">My Favourite Movie</p>
+				    <img src="assets/about/18x2byd.jpg" alt="Favorite Movie" style="width: 100%; height: auto; border: 2px solid #ffffff; margin-bottom: 10px;">
+				    <a href="https://www.imdb.com/title/tt31039829/" target="_blank" style="color: #FF90A5;">18x2 Beyond Youthful Days</a> <br> Japanese-Taiwanese movie I recently found
+				</div>
+			    </div>
+
+			    <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 20px;">
+				<!-- Music Album Card -->
+				<div style="width: 200px; text-align: center; border: 4px double #FF90A5; padding: 10px; background-color: #191b22; color: #ffffff; font-family: 'Comic Sans MS';">
+				    <p style="font-size: 16px; margin-bottom: 20px; margin-top: 5px;">My Favourite Album</p>
+				    <img src="assets/about/parachutes.png" alt="Favorite Album" style="width: 100%; height: auto; border: 2px solid #ffffff; margin-bottom: 10px;">
+				    <a href="https://open.spotify.com/album/6ZG5lRT77aJ3btmArcykra" target="_blank" style="color: #FF90A5;">Parachutes by Coldplay</a> <br> all-time favourite
+				</div>
+
+				<!-- Song Card -->
+				<div style="width: 200px; text-align: center; border: 4px double #FF90A5; padding: 10px; background-color: #191b22; color: #ffffff; font-family: 'Comic Sans MS';">
+				    <p style="font-size: 16px; margin-bottom: 20px; margin-top: 5px;">My Favourite Song</p>
+				    <img src="assets/about/aboutyou1975.jpg" alt="Favorite Song" style="width: 100%; height: auto; border: 2px solid #ffffff; margin-bottom: 10px;">
+				    <a href="https://open.spotify.com/track/1fDFHXcykq4iw8Gg7s5hG9" target="_blank" style="color: #FF90A5;">About You by The 1975</a> <br> (current - 15th Dec '24)
+				</div>
+			    </div>
+
+
 			<img src="assets/cats/cat-relaxing.gif" alt="Kitten relaxing on hammock" title="Kitten relaxing" width="100">
 			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img src="assets/cats/AnnWalkCat.gif" alt="Kitten walking" title="Kitten walking" width="50">
 			&nbsp;&nbsp;&nbsp;&nbsp; <img src="assets/cats/cats0030.gif" alt="Kitten sleepin" title="Kitten sleepin" width="150">