diff --git a/images/nfl-icons/Quarterbacks/Aaron_Rodgers.png b/images/nfl-icons/Quarterbacks/Aaron_Rodgers.png
new file mode 100644
index 00000000..5d323843
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Aaron_Rodgers.png differ
diff --git a/images/nfl-icons/Quarterbacks/Ben_Roethlisberger.png b/images/nfl-icons/Quarterbacks/Ben_Roethlisberger.png
new file mode 100644
index 00000000..eb43c7fb
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Ben_Roethlisberger.png differ
diff --git a/images/nfl-icons/Quarterbacks/Brett_Farve.png b/images/nfl-icons/Quarterbacks/Brett_Farve.png
new file mode 100644
index 00000000..c45ba8a3
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Brett_Farve.png differ
diff --git a/images/nfl-icons/Quarterbacks/Dan_Marino.png b/images/nfl-icons/Quarterbacks/Dan_Marino.png
new file mode 100644
index 00000000..be64cac3
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Dan_Marino.png differ
diff --git a/images/nfl-icons/Quarterbacks/Drew_Brees.png b/images/nfl-icons/Quarterbacks/Drew_Brees.png
new file mode 100644
index 00000000..3ff8556a
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Drew_Brees.png differ
diff --git a/images/nfl-icons/Quarterbacks/Eli_Manning.png b/images/nfl-icons/Quarterbacks/Eli_Manning.png
new file mode 100644
index 00000000..3fec4e2e
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Eli_Manning.png differ
diff --git a/images/nfl-icons/Quarterbacks/Fran_Tarkenton.png b/images/nfl-icons/Quarterbacks/Fran_Tarkenton.png
new file mode 100644
index 00000000..638796eb
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Fran_Tarkenton.png differ
diff --git a/images/nfl-icons/Quarterbacks/Joe_Montana.png b/images/nfl-icons/Quarterbacks/Joe_Montana.png
new file mode 100644
index 00000000..ba50519b
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Joe_Montana.png differ
diff --git a/images/nfl-icons/Quarterbacks/John_Elway.png b/images/nfl-icons/Quarterbacks/John_Elway.png
new file mode 100644
index 00000000..52c213d3
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/John_Elway.png differ
diff --git a/images/nfl-icons/Quarterbacks/Johnny_Unitas.png b/images/nfl-icons/Quarterbacks/Johnny_Unitas.png
new file mode 100644
index 00000000..ba61c736
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Johnny_Unitas.png differ
diff --git a/images/nfl-icons/Quarterbacks/Peyton_Manning.png b/images/nfl-icons/Quarterbacks/Peyton_Manning.png
new file mode 100644
index 00000000..d2a58228
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Peyton_Manning.png differ
diff --git a/images/nfl-icons/Quarterbacks/Steve_Young.png b/images/nfl-icons/Quarterbacks/Steve_Young.png
new file mode 100644
index 00000000..bc27346a
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Steve_Young.png differ
diff --git a/images/nfl-icons/Quarterbacks/Tom_Brady.png b/images/nfl-icons/Quarterbacks/Tom_Brady.png
new file mode 100644
index 00000000..9dfd7dcd
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Tom_Brady.png differ
diff --git a/images/nfl-icons/Quarterbacks/Troy_Aikman.png b/images/nfl-icons/Quarterbacks/Troy_Aikman.png
new file mode 100644
index 00000000..4b33bb15
Binary files /dev/null and b/images/nfl-icons/Quarterbacks/Troy_Aikman.png differ
diff --git a/images/nfl-icons/Wide Receivers/AJ_Brown.png b/images/nfl-icons/Wide Receivers/AJ_Brown.png
new file mode 100644
index 00000000..aa6835dc
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/AJ_Brown.png differ
diff --git a/images/nfl-icons/Wide Receivers/Amari_Cooper.png b/images/nfl-icons/Wide Receivers/Amari_Cooper.png
new file mode 100644
index 00000000..16730b0d
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Amari_Cooper.png differ
diff --git a/images/nfl-icons/Wide Receivers/Antonio_Brown.png b/images/nfl-icons/Wide Receivers/Antonio_Brown.png
new file mode 100644
index 00000000..8de95ec6
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Antonio_Brown.png differ
diff --git a/images/nfl-icons/Wide Receivers/Calvin_Johnson.png b/images/nfl-icons/Wide Receivers/Calvin_Johnson.png
new file mode 100644
index 00000000..92c4e858
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Calvin_Johnson.png differ
diff --git a/images/nfl-icons/Wide Receivers/Chris_Carter.png b/images/nfl-icons/Wide Receivers/Chris_Carter.png
new file mode 100644
index 00000000..50b3c298
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Chris_Carter.png differ
diff --git a/images/nfl-icons/Wide Receivers/DK_Metcalf.png b/images/nfl-icons/Wide Receivers/DK_Metcalf.png
new file mode 100644
index 00000000..d7038008
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/DK_Metcalf.png differ
diff --git a/images/nfl-icons/Wide Receivers/DeAndre_Hopkins.png b/images/nfl-icons/Wide Receivers/DeAndre_Hopkins.png
new file mode 100644
index 00000000..0194789f
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/DeAndre_Hopkins.png differ
diff --git a/images/nfl-icons/Wide Receivers/Jerry_Rice.png b/images/nfl-icons/Wide Receivers/Jerry_Rice.png
index 675b4186..e069b1fe 100644
Binary files a/images/nfl-icons/Wide Receivers/Jerry_Rice.png and b/images/nfl-icons/Wide Receivers/Jerry_Rice.png differ
diff --git a/images/nfl-icons/Wide Receivers/Julio_Jones.png b/images/nfl-icons/Wide Receivers/Julio_Jones.png
new file mode 100644
index 00000000..8ed38667
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Julio_Jones.png differ
diff --git a/images/nfl-icons/Wide Receivers/Larry_Fitzgerald.png b/images/nfl-icons/Wide Receivers/Larry_Fitzgerald.png
new file mode 100644
index 00000000..556eea67
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Larry_Fitzgerald.png differ
diff --git a/images/nfl-icons/Wide Receivers/Marvin_Harrison.png b/images/nfl-icons/Wide Receivers/Marvin_Harrison.png
new file mode 100644
index 00000000..59ee25eb
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Marvin_Harrison.png differ
diff --git a/images/nfl-icons/Wide Receivers/Mike_Evans.png b/images/nfl-icons/Wide Receivers/Mike_Evans.png
new file mode 100644
index 00000000..909840b6
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Mike_Evans.png differ
diff --git a/images/nfl-icons/Wide Receivers/Randy_Moss.png b/images/nfl-icons/Wide Receivers/Randy_Moss.png
new file mode 100644
index 00000000..8a4ef2be
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Randy_Moss.png differ
diff --git a/images/nfl-icons/Wide Receivers/Stefon_Diggs.png b/images/nfl-icons/Wide Receivers/Stefon_Diggs.png
new file mode 100644
index 00000000..42d0c8d6
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Stefon_Diggs.png differ
diff --git a/images/nfl-icons/Wide Receivers/Terrell_Owens.png b/images/nfl-icons/Wide Receivers/Terrell_Owens.png
new file mode 100644
index 00000000..0c997d49
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Terrell_Owens.png differ
diff --git a/images/nfl-icons/Wide Receivers/Tyreek_Hill.png b/images/nfl-icons/Wide Receivers/Tyreek_Hill.png
new file mode 100644
index 00000000..7ae03aaf
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/Tyreek_Hill.png differ
diff --git a/images/nfl-icons/Wide Receivers/davante_adams.png b/images/nfl-icons/Wide Receivers/davante_adams.png
new file mode 100644
index 00000000..897800a8
Binary files /dev/null and b/images/nfl-icons/Wide Receivers/davante_adams.png differ
diff --git a/navigation/voteforthegoat/NFLGoats.md b/navigation/voteforthegoat/NFLGoats.md
index 508ebadd..d1bbe5a9 100644
--- a/navigation/voteforthegoat/NFLGoats.md
+++ b/navigation/voteforthegoat/NFLGoats.md
@@ -6,302 +6,511 @@ permalink: /voteforthegoat/nflgoats
 comments: true
 ---
 
-<img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUSExMVFhUXFxoWFxgYFhcXGBgXFhcXGBUXFRUYHiggGBolHRcVITEiJSkrLi4uFx8zODMsNygtLisBCgoKDg0OFxAQGi0lHR8tLS0tLS0vLS0tLS0tLS0tLS0tLS0tLS0tLS0rLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIAKgBLAMBIgACEQEDEQH/xAAbAAACAwEBAQAAAAAAAAAAAAADBAECBQAGB//EAEwQAAEDAgMFBAYECgYKAwAAAAEAAhEDIQQxQQUSUWFxgZGh8AYTIjKx0UJSwdIUFSNDgpKTouHxB1NicnPCFjM0RFRjg6Oywxck0//EABkBAQEBAQEBAAAAAAAAAAAAAAEAAgMFBP/EACsRAQEAAgEDAwIFBQEAAAAAAAABAhFREhMhAzFBImEUcYGh8DJSkbHBQv/aAAwDAQACEQMRAD8A8DjqRDtUq4FbeObLZWQXcluuZGoCFQE8CnKpnRLOfyWakd6DUZqEdtVS5/JBZwHBXDkSpnIHYlpOfetSoYOClWZRkB0GDIBgwSIkA6xI7wp9SthQOVg5caas1qksFDqYUSulSDNNSJCvKsH8VJNMjVGDQUOmWnSEb1fAqQD6CoKSZLSoLCFJRrFzqSneKu0qRR9NDCcqNS26pJaJQzYqQ5FDlJRj4V3VFf1Y4KhYpBkKQERtOFWsYMRByOkdeakrxjtRqEcUq0cO1G3zEDLosWnQr+AzS1QKX1D5AQXVCslVzSq+rKnfK7fKEg01BplW3l2+ovcU/aasjFMgrSw8jMESJHMHI9EHaFIZz8F1YZpHRLVRyTcc/FUqNHmEIkVIcrFqiAs0qPS7xqE2RzQqjAhK0to1GUzSDz6pzxULLEb7QWhwn3TBIMRNpmBDVL2/dWfUprqFbcII7U401pOoHUFVAExN17z+jx+GrOd+ElpaAN2mR7VUu3muax0g7wO5DfpT1Wb6YeiQw9QPbIZUG/Tk33TkHcHDULoy8pUYgNcOKedQtBCCcO0XMqRY1eSjeUudN4hdSolykkPHBTUxB0V34YjRBLVI1hqp1KOXJFrEakFAZzJVSIRFQlSVlVkKShVQUpR7wVZtIoW6RmjYWkXHdbMlBS2QmGkgSQF9T9D/AEDpUqfrsWGVBUpnO/4OCY9Y4Zbx+jwIPOPnnpa6mK720STTDiGSL7gPsk9nJW1pl0doPp1G1KZDXsO80wDukZGHSCRndLVHlxJLiSSS5xJLnEmSSTcknMqGMnzqikDzKxaQQVz3IoAQ6kLJAcUMlEcQqWQVVBVpCiQpOhRZWMKoCU9w3GF+6HX3Whg/ug2+KJVobzbLMw1Za+DqjvELs5vP1mQYIhUK9DjMIIvBWXWwGrT2FFi2y6jEGE9WaRYiClHuWGg5VHq7nKpcgl3hDKOSqErJPbL21VpGmA927TeXsE+44lpJaDldjT1C+0bJx1PH4N7atzepXqloLme0dx1FjbkXhwA7yb/CGm4XtfQnbRw1QVBMgWiLOkRvAi7c7c1vFmgbY2e+hUNN7S1wgkHMSAR4ELLqr0PpDjRWeakyXX/h0GUaQvO1CujJc0xwVmWyXFcpLtc7Urq1KRbNS0qzUIOlRI4IhYVZwhLuxIGqkLuqhzhDp1ToVbdnNKTCsAoIhdKkXxAJdAX07+jL0WaW/hNWzQd1kxumqN0jfn6F79y8Dg2N3t6y9RhduupU30wXAVG7pDY6tmQbTEgZiyC2PTf0oLy+nSJANqu6fZq1Gk+2B9XKBwicl842jiH1qjqlRxc5xlzjm4rSxL5BPHxWWexZqB3FBCK4lUJWS5jEKqxNtmECoVaRJzOSGRCacPPnJAcjTQa6FIXLUx5G0gKFyqXJ3ItPQ0WmPJWhhnrKwWIHCOlvBatB4PA/un5FEyvyxvkziqxLbHT7B8khWrw52647u8d3Kd2bTziFpGkCOHX5iyycZSLTlaflqtTJeFalTe1PaZ7glKlCRndHfxFx4jkUNtQa8D3xbxUSThGiGSmnuCA5moRcTKE5UcVd8qhWbChputnBOEeeOqxm55LWwBMKxVN1HhskyQR7MEWdIuZFxE2tmOEIT2giQm67JakMLXcwmIuIuAdQbTllE8CRqt7Z0q4Qu3gvoOy8Fs3F4drXRQrj2ZkQ5wAlxDjEEvF5FmOtYrA9I/RQYZwio2o0gOBbwNxI0MQe1O1p50GclwaVc7o4qjBJTAv6qRBQTg2r1OB9FMZUYH06D3NORgwc8u4pLauxa2HkVqZYdAcz2ITDFCFZonJWLyRZEYIz+CUBVIGZQ6bmnIr2+wvR7Zr6QrYms+Tvew0hsbstMgS4wXMdoCJF4Ky/TfE4TfYzDU2taz1gFmm1QkwAJB3S5264lxyvYLOywqFUbxBnIxBHvR7JM6TE8uGaeo81mYNmq06RKtpGNqDJJSiYh5JQ5KCo4rmATe3DqocUSgJVoCAWS9Vi0DTgJWqE6WyNRlks4JysUvUsOLuHDrzRWoXKoXK3q+JjzwXS0ZAnzyWOoqQSriidYCsd7+6O5U3G/W8FnY208MFpUUgKbmH2geq1KDJEjT+X2rrFTmHqEZFUxZ1jtFkSi0otWjIVoalZFIAm1z4nuzVcThhpbkQQq4qlBVC931j2/NGr8DRatRP8rpQkhP1HnWD2fal3v4j7fj80bp8l/WLgGmdMv4q7mtPmPj81R1Dh57cldRE/Bwcin8HSLc1ltDhktXAVTG8RIm/aCtTQrQblCUqUb+f" alt="Title">
-
 
 # Welcome to "Vote for the GOAT"
 
 This site allows you to vote for your favorite football players and engage in discussions. You can express your preferences on who you believe is the greatest of all time. After voting, feel free to leave comments and debate your selections with others!
 
-There are five different polls where you vote for the greatest Quarterback, Wide Receiver, Defensive Player, Running Back, and NFL Division of all time. Each player (or division) has their own digitally crafted card with a picture and statistics from their career. Underneath their card is a button that said vote, which will cast your vote for that player (or division).
+There are five different polls where you vote for the greatest Quarterback, Wide Receiver, Defensive Player, Running Back, and NFL Division of all time. Each player (or division) has their own digitally crafted card with a picture and statistics from their career. Underneath their card is a button that says vote, which will cast your vote for that player (or division).
 
 
 ## Quarterback Voting
 
+<script>
+  // Function to select a player and show the comment section for that category
+  function selectPlayer(playerName, category) {
+      // Display the selected player name
+      document.getElementById(`selectedPlayer${category}`).innerHTML = `You selected: ${playerName}`;
+      
+      // Show the appropriate comment section based on the category
+      document.getElementById(`commentSection${category}`).style.display = 'block';
+  }
+
+  // Function to add a comment for a specific category
+  function addComment(category) {
+      // Get the username and comment input elements based on the category
+      const usernameInput = document.getElementById(`usernameInput${category}`);
+      const commentInput = document.getElementById(`commentInput${category}`);
+
+      // Check if both fields have input
+      if (usernameInput.value.trim() === "" || commentInput.value.trim() === "") {
+          alert("Please enter both a username and a comment.");
+          return;
+      }
+
+      // Get the comment list for the category
+      const commentList = document.getElementById(`commentList${category}`);
+
+      // Create a new div for the comment
+      const newComment = document.createElement('div');
+      newComment.innerHTML = `<strong>${usernameInput.value}:</strong> ${commentInput.value}`;
+
+      // Append the new comment to the comment list
+      commentList.appendChild(newComment);
+
+      // Clear the input fields after adding the comment
+      usernameInput.value = "";
+      commentInput.value = "";
+  }
+</script>
+
+
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between;">
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-1" alt="Tom Brady" style="width: 100%;">
-    <button onclick="alert('You voted for Tom Brady!')">Vote!</button>
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Tom Brady', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Tom_Brady.png" alt="Tom Brady" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-2" alt="Joe Montana" style="width: 100%;">
-    <button onclick="alert('You voted for Joe Montana!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Joe Montana', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Joe_Montana.png" alt="Joe Montana" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-3" alt="Johnny Unitas" style="width: 100%;">
-    <button onclick="alert('You voted for Johnny Unitas!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Johnny Unitas', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Johnny_Unitas.png" alt="Johnny Unitas" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-4" alt="Peyton Manning" style="width: 100%;">
-    <button onclick="alert('You voted for Peyton Manning!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Peyton Manning', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Peyton_Manning.png" alt="Peyton Manning" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-5" alt="Brett Favre" style="width: 100%;">
-    <button onclick="alert('You voted for Brett Favre!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Brett Favre', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Brett_Farve.png" alt="Brett Favre" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-6" alt="Dan Marino" style="width: 100%;">
-    <button onclick="alert('You voted for Dan Marino!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Dan Marino', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Dan_Marino.png" alt="Dan Marino" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-7" alt="Steve Young" style="width: 100%;">
-    <button onclick="alert('You voted for Steve Young!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Steve Young', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Steve_Young.png" alt="Steve Young" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-8" alt="John Elway" style="width: 100%;">
-    <button onclick="alert('You voted for John Elway!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('John Elway', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/John_Elway.png" alt="John Elway" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-9" alt="Drew Brees" style="width: 100%;">
-    <button onclick="alert('You voted for Drew Brees!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Drew Brees', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Drew_Brees.png" alt="Drew Brees" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-10" alt="Aaron Rodgers" style="width: 100%;">
-    <button onclick="alert('You voted for Aaron Rodgers!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Aaron Rodgers', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Aaron_Rodgers.png" alt="Aaron Rodgers" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-11" alt="Ben Roethlisberger" style="width: 100%;">
-    <button onclick="alert('You voted for Ben Roethlisberger!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Ben Roethlisberger', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Ben_Roethlisberger.png" alt="Ben Roethlisberger" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-12" alt="Fran Tarkenton" style="width: 100%;">
-    <button onclick="alert('You voted for Fran Tarkenton!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Fran Tarkenton', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Fran_Tarkenton.png" alt="Fran Tarkenton" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="{{site.baseurl}}/images/nfl-icons/Patrick_Mahomes.png" alt="Patrick Mahomes" style="width: 100%;">
-    <button onclick="alert('You voted for Patrick Mahomes!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Patrick Mahomes', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Patrick_Mahomes.png" alt="Patrick Mahomes" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-14" alt="Troy Aikman" style="width: 100%;">
-    <button onclick="alert('You voted for Troy Aikman!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Troy Aikman', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Troy_Aikman.png" alt="Troy Aikman" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-15" alt="Eli Manning" style="width: 100%;">
-    <button onclick="alert('You voted for Eli Manning!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Eli Manning', 'QB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Quarterbacks/Eli_Manning.png" alt="Eli Manning" style="width: 100%;">
   </div>
 </div>
 
+<div id="selectedPlayerQB" style="color: #333; margin-top: 20px;"></div>
+
+<div class="comment-section" id="commentSectionQB" style="display: none;">
+    <h3>Leave a Comment (Quarterbacks):</h3>
+    <input type="text" id="usernameInputQB" placeholder="Enter your username" style="width: 80%; padding: 8px; margin-bottom: 5px;">
+    <input type="text" id="commentInputQB" placeholder="Enter your comment" style="width: 80%; padding: 8px;">
+    <button onclick="addComment('QB');" class="comment-button">Submit</button>
+    <div class="comment-list" id="commentListQB" style="margin-top: 10px;"></div>
+</div>
+
+<script>
+  // Function to select a player and show the comment section for Wide Receivers (WRs)
+  function selectPlayer(playerName, category) {
+      document.getElementById(`selectedPlayer${category}`).innerHTML = `You selected: ${playerName}`;
+      document.getElementById(`commentSection${category}`).style.display = 'block';
+  }
+
+  // Function to add a comment for Wide Receivers (WRs)
+  function addComment(category) {
+      const usernameInput = document.getElementById(`usernameInput${category}`);
+      const commentInput = document.getElementById(`commentInput${category}`);
+
+      if (usernameInput.value.trim() === "" || commentInput.value.trim() === "") {
+          alert("Please enter both a username and a comment.");
+          return;
+      }
+
+      const commentList = document.getElementById(`commentList${category}`);
+      const newComment = document.createElement('div');
+      newComment.innerHTML = `<strong>${usernameInput.value}:</strong> ${commentInput.value}`;
+
+      commentList.appendChild(newComment);
+      usernameInput.value = "";
+      commentInput.value = "";
+  }
+</script>
+
 
 ## Wide Receiver Voting
 
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between;">
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="{{site.baseurl}}/images/nfl-icons/Jerry_Rice.png" alt="Jerry Rice" style="width: 100%;">
-    <button onclick="alert('You voted for Jerry Rice!')">Vote!</button>
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Jerry Rice', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Jerry_Rice.png" alt="Jerry Rice" style="width: 100%;">
+  </div>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Randy Moss', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Randy_Moss.png" alt="Randy Moss" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-2" alt="Randy Moss" style="width: 100%;">
-    <button onclick="alert('You voted for Randy Moss!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Terrell Owens', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Terrell_Owens.png" alt="Terrell Owens" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-3" alt="Terrell Owens" style="width: 100%;">
-    <button onclick="alert('You voted for Terrell Owens!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Larry Fitzgerald', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Larry_Fitzgerald.png" alt="Larry Fitzgerald" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-4" alt="Larry Fitzgerald" style="width: 100%;">
-    <button onclick="alert('You voted for Larry Fitzgerald!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Calvin Johnson', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Calvin_Johnson.png" alt="Calvin Johnson" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-5" alt="Calvin Johnson" style="width: 100%;">
-    <button onclick="alert('You voted for Calvin Johnson!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Davante Adams', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Davante_Adams.png" alt="Davante Adams" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-6" alt="Davante Adams" style="width: 100%;">
-    <button onclick="alert('You voted for Davante Adams!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Chris Carter', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Chris_Carter.png" alt="Chris Carter" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-7" alt="Chris Carter" style="width: 100%;">
-    <button onclick="alert('You voted for Chris Carter!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Tyreek Hill', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Tyreek_Hill.png" alt="Tyreek Hill" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-8" alt="Tyreek Hill" style="width: 100%;">
-    <button onclick="alert('You voted for Tyreek Hill!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('DeAndre Hopkins', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/DeAndre_Hopkins.png" alt="DeAndre Hopkins" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-9" alt="DeAndre Hopkins" style="width: 100%;">
-    <button onclick="alert('You voted for DeAndre Hopkins!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Julio Jones', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Julio_Jones.png" alt="Julio Jones" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-10" alt="Julio Jones" style="width: 100%;">
-    <button onclick="alert('You voted for Julio Jones!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Antonio Brown', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Antonio_Brown.png" alt="Antonio Brown" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-11" alt="Antonio Brown" style="width: 100%;">
-    <button onclick="alert('You voted for Antonio Brown!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Stefon Diggs', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Stefon_Diggs.png" alt="Stefon Diggs" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-12" alt="Stefon Diggs" style="width: 100%;">
-    <button onclick="alert('You voted for Stefon Diggs!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('DK Metcalf', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/DK_Metcalf.png" alt="DK Metcalf" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-13" alt="DK Metcalf" style="width: 100%;">
-    <button onclick="alert('You voted for DK Metcalf!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('A.J. Brown', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/AJ_Brown.png" alt="A.J. Brown" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-14" alt="A.J. Brown" style="width: 100%;">
-    <button onclick="alert('You voted for A.J. Brown!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Amari Cooper', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Amari_Cooper.png" alt="Amari Cooper" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-15" alt="Amari Cooper" style="width: 100%;">
-    <button onclick="alert('You voted for Amari Cooper!')">Vote!</button>
+
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Marvin Harrison', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Marvin_Harrison.png" alt="Marvin Harrison" style="width: 100%;">
+  </div>
+
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Mike Evans', 'WR')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Wide Receivers/Mike_Evans.png" alt="Mike Evans" style="width: 100%;">
   </div>
 </div>
 
+<div id="selectedPlayerWR" style="color: #333; margin-top: 20px;"></div>
+
+<div class="comment-section" id="commentSectionWR" style="display: none;">
+    <h3>Leave a Comment (Wide Receivers):</h3>
+    <input type="text" id="usernameInputWR" placeholder="Enter your username" style="width: 80%; padding: 8px; margin-bottom: 5px;">
+    <input type="text" id="commentInputWR" placeholder="Enter your comment" style="width: 80%; padding: 8px;">
+    <button onclick="addComment('WR');" class="comment-button">Submit</button>
+    <div class="comment-list" id="commentListWR" style="margin-top: 10px;"></div>
+</div>
+
+<script>
+  // Function to select a player and show the comment section for Defensive Players (DPs)
+  function selectPlayer(playerName, category) {
+      document.getElementById(`selectedPlayer${category}`).innerHTML = `You selected: ${playerName}`;
+      document.getElementById(`commentSection${category}`).style.display = 'block';
+  }
+
+  // Function to add a comment for Defensive Players (DPs)
+  function addComment(category) {
+      const usernameInput = document.getElementById(`usernameInput${category}`);
+      const commentInput = document.getElementById(`commentInput${category}`);
+
+      if (usernameInput.value.trim() === "" || commentInput.value.trim() === "") {
+          alert("Please enter both a username and a comment.");
+          return;
+      }
+
+      const commentList = document.getElementById(`commentList${category}`);
+      const newComment = document.createElement('div');
+      newComment.innerHTML = `<strong>${usernameInput.value}:</strong> ${commentInput.value}`;
+
+      commentList.appendChild(newComment);
+      usernameInput.value = "";
+      commentInput.value = "";
+  }
+</script>
+
+
 ## Defensive Player Voting
 
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between;">
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-1" alt="Lawrence Taylor" style="width: 100%;">
-    <button onclick="alert('You voted for Lawrence Taylor!')">Vote!</button>
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Lawrence Taylor', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Lawrence_Taylor.png" alt="Lawrence Taylor" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-2" alt="Reggie White" style="width: 100%;">
-    <button onclick="alert('You voted for Reggie White!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Reggie White', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Reggie_White.png" alt="Reggie White" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-3" alt="Dick Butkus" style="width: 100%;">
-    <button onclick="alert('You voted for Dick Butkus!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Dick Butkus', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Dick_Butkus.png" alt="Dick Butkus" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-4" alt="Deion Sanders" style="width: 100%;">
-    <button onclick="alert('You voted for Deion Sanders!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Deion Sanders', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Deion_Sanders.png" alt="Deion Sanders" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-5" alt="Ray Lewis" style="width: 100%;">
-    <button onclick="alert('You voted for Ray Lewis!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Ray Lewis', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Playersceivers/Ray_Lewis.png" alt="Ray Lewis" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-6" alt="Ed Reed" style="width: 100%;">
-    <button onclick="alert('You voted for Ed Reed!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Ed Reed', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Ed_Reed.png" alt="Ed Reed" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-7" alt="Joe Greene" style="width: 100%;">
-    <button onclick="alert('You voted for Joe Greene!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Joe Greene', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Joe_Greene.png" alt="Joe Greene" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-8" alt="Ronnie Lott" style="width: 100%;">
-    <button onclick="alert('You voted for Ronnie Lott!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Ronnie Lott', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Ronnie_Lott.png" alt="Ronnie Lott" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-9" alt="J.J. Watt" style="width: 100%;">
-    <button onclick="alert('You voted for J.J. Watt!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('J.J. Watt', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/JJ_Watt.png" alt="J.J. Watt" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-10" alt="T.J. Watt" style="width: 100%;">
-    <button onclick="alert('You voted for T.J. Watt!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('T.J. Watt', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/TJ_Watt.png" alt="T.J. Watt" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-11" alt="Nick Bosa" style="width: 100%;">
-    <button onclick="alert('You voted for Nick Bosa!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Nick Bosa', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Nick_Bosa.png" alt="Nick Bosa" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-12" alt="Aidan Hutchinson" style="width: 100%;">
-    <button onclick="alert('You voted for Aidan Hutchinson!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Aidan Hutchinson', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Aidan_Hutchinson.png" alt="Aidan Hutchinson" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-13" alt="Fred Warner" style="width: 100%;">
-    <button onclick="alert('You voted for Fred Warner!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Fred Warner', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Fred_Warner.png" alt="Fred Warner" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-13" alt="Mike Singletary" style="width: 100%;">
-    <button onclick="alert('You voted for Mike Singletary!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Derrick Thomas', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Derrick_Thomas.png" alt="Derrick Thomas" style="width: 100%;">
   </div>
-    <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-13" alt="Derrick Thomas" style="width: 100%;">
-    <button onclick="alert('You voted for Derrick Thomas!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Mike Singletary', 'DP')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Defensive Players/Mike_Singletary.png" alt="Mike Singletary" style="width: 100%;">
   </div>
 </div>
 
+<div id="selectedPlayerDP" style="color: #333; margin-top: 20px;"></div>
+
+<div class="comment-section" id="commentSectionDP" style="display: none;">
+    <h3>Leave a Comment (Defensive Players):</h3>
+    <input type="text" id="usernameInputDP" placeholder="Enter your username" style="width: 80%; padding: 8px; margin-bottom: 5px;">
+    <input type="text" id="commentInputDP" placeholder="Enter your comment" style="width: 80%; padding: 8px;">
+    <button onclick="addComment('DP');" class="comment-button">Submit</button>
+    <div class="comment-list" id="commentListDP" style="margin-top: 10px;"></div>
+</div>
+
+
+<script>
+  // Function to select a player and show the comment section for Running Backs (RBs)
+  function selectPlayer(playerName, category) {
+      document.getElementById(`selectedPlayer${category}`).innerHTML = `You selected: ${playerName}`;
+      document.getElementById(`commentSection${category}`).style.display = 'block';
+  }
+
+  // Function to add a comment for Running Backs (RBs)
+  function addComment(category) {
+      const usernameInput = document.getElementById(`usernameInput${category}`);
+      const commentInput = document.getElementById(`commentInput${category}`);
+
+      if (usernameInput.value.trim() === "" || commentInput.value.trim() === "") {
+          alert("Please enter both a username and a comment.");
+          return;
+      }
+
+      const commentList = document.getElementById(`commentList${category}`);
+      const newComment = document.createElement('div');
+      newComment.innerHTML = `<strong>${usernameInput.value}:</strong> ${commentInput.value}`;
+
+      commentList.appendChild(newComment);
+      usernameInput.value = "";
+      commentInput.value = "";
+  }
+</script>
+
+
+
 ## Runningback Voting
 
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between;">
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-1" alt="Jim Brown" style="width: 100%;">
-    <button onclick="alert('You voted for Jim Brown!')">Vote!</button>
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Jim Brown', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Jim_Brown.png" alt="Jim Brown" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-2" alt="Barry Sanders" style="width: 100%;">
-    <button onclick="alert('You voted for Barry Sanders!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Barry Sanders', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Barry_Sanders.png" alt="Barry Sanders" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-3" alt="Walter Payton" style="width: 100%;">
-    <button onclick="alert('You voted for Walter Payton!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Walter Payton', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Walter_Payton.png" alt="Walter Payton" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-4" alt="Emmitt Smith" style="width: 100%;">
-    <button onclick="alert('You voted for Emmitt Smith!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Emmitt Smith', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Emmitt_Smith.png" alt="Emmitt Smith" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-5" alt="Derrick Henry" style="width: 100%;">
-    <button onclick="alert('You voted for Derrick Henry!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Derrick Henry', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Derrick_Henry.png" alt="Derrick Henry" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-6" alt="Christian McCaffrey" style="width: 100%;">
-    <button onclick="alert('You voted for Christian McCaffrey!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Christian McCaffrey', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Christian_McCaffrey.png" alt="Christian McCaffrey" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-7" alt="Eric Dickerson" style="width: 100%;">
-    <button onclick="alert('You voted for Eric Dickerson!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Eric Dickerson', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Eric_Dickerson.png" alt="Eric Dickerson" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-8" alt="Marshall Faulk" style="width: 100%;">
-    <button onclick="alert('You voted for Marshall Faulk!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Marshall Faulk', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Marshall_Faulk.png" alt="Marshall Faulk" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-9" alt="O.J. Simpson" style="width: 100%;">
-    <button onclick="alert('You voted for O.J. Simpson!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('O.J. Simpson', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/OJ_Simpson.png" alt="O.J. Simpson" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-10" alt="Adrian Peterson" style="width: 100%;">
-    <button onclick="alert('You voted for Adrian Peterson!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Adrian Peterson', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Adrian_Peterson.png" alt="Adrian Peterson" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-11" alt="Frank Gore" style="width: 100%;">
-    <button onclick="alert('You voted for Frank Gore!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Frank Gore', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Frank_Gore.png" alt="Frank Gore" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-12" alt="Tiki Barber" style="width: 100%;">
-    <button onclick="alert('You voted for Tiki Barber!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Tiki Barber', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Tiki_Barber.png" alt="Tiki Barber" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-13" alt="Joe Perry" style="width: 100%;">
-    <button onclick="alert('You voted for Joe Perry!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Joe Perry', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Joe_Perry.png" alt="Joe Perry" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-14" alt="Tony Dorsett" style="width: 100%;">
-    <button onclick="alert('You voted for Tony Dorsett!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Tony Dorsett', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Tony_Dorsett.png" alt="Tony Dorsett" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <img src="image-url-15" alt="Gale Sayers" style="width: 100%;">
-    <button onclick="alert('You voted for Gale Sayers!')">Vote!</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('Gale Sayers', 'RB')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Running Backs/Gale_Sayers.png" alt="Gale Sayers" style="width: 100%;">
   </div>
 </div>
 
+<div id="selectedPlayerRB" style="color: #333; margin-top: 20px;"></div>
+
+<div class="comment-section" id="commentSectionRB" style="display: none;">
+    <h3>Leave a Comment (Running Backs):</h3>
+    <input type="text" id="usernameInputRB" placeholder="Enter your username" style="width: 80%; padding: 8px; margin-bottom: 5px;">
+    <input type="text" id="commentInputRB" placeholder="Enter your comment" style="width: 80%; padding: 8px;">
+    <button onclick="addComment('Rb');" class="comment-button">Submit</button>
+    <div class="comment-list" id="commentListRB" style="margin-top: 10px;"></div>
+</div>
+
+<script>
+  // Function to select a division and show the comment section for Divisions (Ds)
+  function selectPlayer(playerName, category) {
+      document.getElementById(`selectedPlayer${category}`).innerHTML = `You selected: ${playerName}`;
+      document.getElementById(`commentSection${category}`).style.display = 'block';
+  }
+
+  // Function to add a comment for Divisions (Ds)
+  function addComment(category) {
+      const usernameInput = document.getElementById(`usernameInput${category}`);
+      const commentInput = document.getElementById(`commentInput${category}`);
+
+      if (usernameInput.value.trim() === "" || commentInput.value.trim() === "") {
+          alert("Please enter both a username and a comment.");
+          return;
+      }
+
+      const commentList = document.getElementById(`commentList${category}`);
+      const newComment = document.createElement('div');
+      newComment.innerHTML = `<strong>${usernameInput.value}:</strong> ${commentInput.value}`;
+
+      commentList.appendChild(newComment);
+      usernameInput.value = "";
+      commentInput.value = "";
+  }
+</script>
+
+
 ## NFL Divisions Votings
 
-<div style="display: flex; flex-wrap: wrap; justify-content: space-between;">
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <button onclick="alert('You voted for NFC North!')">NFC North</button>
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('NFC North', 'D')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Divisions/NFC_North.png" alt="NFC North" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <button onclick="alert('You voted for NFC South!')">NFC South</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('NFC East', 'D')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Divisions/NFC_East.png" alt="NFC East" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <button onclick="alert('You voted for NFC East!')">NFC East</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('NFC South', 'D')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Divisions/NFC_South.png" alt="NFC South" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <button onclick="alert('You voted for NFC West!')">NFC West</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('NFC West', 'D')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Divisions/NFC_West.png" alt="NFC West" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <button onclick="alert('You voted for AFC North!')">AFC North</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('AFC North', 'D')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Divisions/AFC_North.png" alt="AFC North" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <button onclick="alert('You voted for AFC South!')">AFC South</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('AFC East', 'D')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Divisions/AFC_East.png" alt="AFC East" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <button onclick="alert('You voted for AFC East!')">AFC East</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('AFC South', 'D')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Divisions/AFC_South.png" alt="AFC South" style="width: 100%;">
   </div>
-  <div style="width: 30%; text-align: center; margin-bottom: 20px;">
-    <button onclick="alert('You voted for AFC West!')">AFC West</button>
+  
+  <div style="width: 30%; text-align: center; margin-bottom: 20px;" onclick="selectPlayer('AFC West', 'D')">
+    <img src="{{site.baseurl}}/images/nfl-icons/Divisions/AFC_West.png" alt="AFC West" style="width: 100%;">
   </div>
-</div>
+
+<div id="selectedPlayerD" style="color: #333; margin-top: 20px;"></div>
+
+<div class="comment-section" id="commentSectionD" style="display: none;">
+    <h3>Leave a Comment (Divisions):</h3>
+    <input type="text" id="usernameInputD" placeholder="Enter your username" style="width: 80%; padding: 8px; margin-bottom: 5px;">
+    <input type="text" id="commentInputD" placeholder="Enter your comment" style="width: 80%; padding: 8px;">
+    <button onclick="addComment('D');" class="comment-button">Submit</button>
+    <div class="comment-list" id="commentListD" style="margin-top: 10px;"></div>
+</div>
\ No newline at end of file