Adding Xbox + Steam to media.

DragonsRule10 · Sep 30, 2023 · c95b684 · c95b684
1 parent 9e0028d
commit c95b684
Showing 1 changed file with 23 additions and 2 deletions.
diff --git a/media.html b/media.html
@@ -38,7 +38,7 @@ <h1 class="w3-center">Social Media</h1>
     <div class="w3-center">
     <a href="https://www.tiktok.com/@dragonsrule1000">
         <button>
-        <img src="/assets/Tiktoklogo.png" alt="Avatar" class="w3-left w3-circle w3-margin-right" style="width:80px">
+        <img src="/assets/Tiktoklogo.png" alt="Tiktok" class="w3-left w3-circle w3-margin-right" style="width:80px">
         <p><span class="w3-large w3-margin-right">Tiktok</span>@dragonsrule1000</p>
         </button>
     </a>
@@ -48,10 +48,31 @@ <h1 class="w3-center">Social Media</h1>
     <div class="w3-center">
     <a href="https://www.codecademy.com/profiles/TristinKorbel">
         <button>
-        <img src="/assets/codecadlogo.png" alt="Avatar" class="w3-left w3-circle w3-margin-right" style="width:80px">
+        <img src="/assets/codecadlogo.png" alt="CodeCademy" class="w3-left w3-circle w3-margin-right" style="width:80px">
         <p><span class="w3-large w3-margin-right">CodeCademy</span>@TristinKorbel</p>
         </button>
     </a>
     </div>
+
+    <!-- Steam -->
+    <div>
+      <a href="https://steamcommunity.com/profiles/76561199475895064/">
+        <button>
+          <img src="/assets/steamlogo.jpg" alt="Steam" class="w3-left w3-circle w3-margin-right" style="width:80px">
+          <p><span class="w3-large w3-margin-right">Steam</span>DragonsRule2008</p>
+        </button>
+      </a>
+    </div>
+
+    <!-- Xbox -->
+    <div>
+      <a>
+        <button>
+          <img src="/assets/xboxlogo.png" alt="Xbox" class="w3-left w3-circle w3-margin-right" style="width:80px">
+          <p><span class="w3-large w3-margin-right">Xbox</span>DragonsRule1000</p>
+        </button>
+      </a>
+    </div>
+
 </body>
 </html>