diff --git a/Frontend/Index.html b/Frontend/Index.html
index cdd6d28..8bead65 100755
--- a/Frontend/Index.html
+++ b/Frontend/Index.html
@@ -1077,6 +1077,95 @@
 
         <hr class="GradientDivider" />
 
+            <!-- Stem -->
+            <section id="stem">
+                <h3>Stem</h3>
+                <div class="row">
+                    <div class="col-sm">
+                        <button type="button" class="Collapsible"id="activeGameJam">Game Jam</button>
+                        <div class="CollapsibleContent">
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                                 
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm">
+                        <button type="button" class="Collapsible"id="activeGameJam">Game Jam</button>
+                        <div class="CollapsibleContent">
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-sm">
+                        <button type="button" class="Collapsible"id="activeGameJam">Game Jam</button>
+                        <div class="CollapsibleContent">
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                            <button type="button" class="Collapsible" id="gameDataId">Spil</button>
+                            <div class="CollapsibleContent">
+                                <button type="submit" id="oneVote">Vote</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal" tabindex="-1" id="voteAndComment">
+                    <div class="modal-dialog modal-dialog-centered">
+                        <div class="modal-content">
+                            <div class="modal-header"> 
+                                <h5 class="modal-title" id="GameJameName">Modal title</h5>
+                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                            </div>
+                            <div class="modal-body">
+                                <p>Modal body text goes here.</p>
+
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-primary">knap</button>
+                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+            <!-- Stem slut -->
         <!-- Stem -->
         <section id="stem">
           <h3>Stem</h3>
diff --git a/Frontend/Javascript/Stem.js b/Frontend/Javascript/Stem.js
new file mode 100644
index 0000000..0dcc9f4
--- /dev/null
+++ b/Frontend/Javascript/Stem.js
@@ -0,0 +1 @@
+// JavaScript source code
diff --git a/Frontend/Styles/Index.css b/Frontend/Styles/Index.css
index d3ec24d..d6ecbd2 100755
--- a/Frontend/Styles/Index.css
+++ b/Frontend/Styles/Index.css
@@ -897,3 +897,52 @@ ol.Subject-list {
   list-style-type: decimal;
   color: red;
 }
+
+
+/*Stem*/
+
+#activeGameJam {
+    border: 0;
+    background: none;
+    display: block;
+    margin: 20px auto;
+    text-align: center;
+    border: 2px solid rgb(52, 152, 219);
+    padding: 10px 10px;
+    outline: none;
+    color: rgba(255, 255, 255, .55);
+    border-radius: 24px;
+    transition: 0.25s;
+    width: 90%;
+}
+#gameDataId {
+    border: 0;
+    background: none;
+    display: block;
+    margin: 10px auto;
+    text-align: center;
+    border: 2px solid rgb(72, 209, 204);
+    padding: 10px 10px;
+    outline: none;
+    color: rgba(255, 255, 255, .55);
+    border-radius: 24px;
+    transition: 0.25s;
+    width: 90%;
+}
+#oneVote {
+    border: 0;
+    background: none;
+    display: block;
+    margin: 10px auto;
+    text-align: center;
+    border: 3px solid rgb(0, 255, 127);
+    padding: 10px 10px;
+    outline: none;
+    color: rgba(255, 255, 255, .55);
+    border-radius: 24px;
+    transition: 0.25s;
+    width: 90%;
+}
+#voteAndComment{
+
+}
\ No newline at end of file