diff --git a/src/credit.html b/src/credit.html
index e450d30..1d8a1fe 100644
--- a/src/credit.html
+++ b/src/credit.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <audio id="bgm-crdt" src="/assets/music/credit.mp3" loop autoplay></audio>
+    <audio id="bgm-crdt" src="/assets/music/credit.mp3" autoplay></audio>
     <div class="container-credits" id="credits">
         <a class="back" href="onboard.php" data-aos="fade-in" data-aos-duration="3000">✖</a>
         <div class="credits">
@@ -86,13 +86,81 @@
 
 
 
+                    <div style="height:40px;"></div>
+                    <div style="height:40px"></div>
+                </div>
+                <div class="block">
+                    <h1>👾 codebeater 👾</h1>
+
+                    <div class="role">lecturer Counselors</div>
+                    <div class="name">Bu Devi</div>
+                    <div class="name">Koh Andrew</div>
+
+                    <div class="role">Development Team</div>
+                    <div class="name">Owen</div>
+                    <div class="name">Matthew Florentino</div>
+                    <div class="name">Carolus Bramantyo</div>
+                    <div class="name">Yohannes Marcel</div>
+
+                    <div class="role">Frontend Developer</div>
+                    <div class="name">Yohannes Marcel</div>
+                    <div class="name">Matthew Florentino</div>
+                    <div class="name">Owen</div>
+
+                    <div class="role">backend Developer</div>
+                    <div class="name">Carolus Bramantyo</div>
+                    <div class="name">Matthew Florentino</div>
+
+                    <div class="role">Game Designers</div>
+                    <div class="name">Yohannes Marcel</div>
+
+                    <div class="role">Assets Designers</div>
+                    <div class="name">Yohannes Marcel</div>
+
+                    <div class="role">Questions Designers</div>
+                    <div class="name">Yohannes Marcel</div>
+                    <div class="name">Owen</div>
+
+                    <div class="role">CSS Specialist</div>
+                    <div class="name">Matthew Florentino</div>
+
+                    <div class="role">JS Specialist</div>
+                    <div class="name">Matthew Florentino</div>
+
+                    <div class="role">PHP Specialist</div>
+                    <div class="name">Carolus Bramantyo</div>
+
+                    <div class="role">SQL Specialist</div>
+                    <div class="name">Carolus Bramantyo</div>
+
+                    <div class="role">Advicer</div>
+                    <div class="name">Rafael</div>
+                    <div class="name">Erlang</div>
+                    <div class="name">Bu Devi</div>
+                    <div class="name">koh Andrew</div>
+
+                    <div class="role">Libary</div>
+                    <div class="name">Animate on Scroll</div>
+
+                    <div class="role">Font</div>
+                    <div class="name">Jetbrains Mono</div>
+
+                    <div class="role">Reference Game</div>
+                    <div class="name">Undertale</div>
+                    <div class="name">Soul Knight</div>
+                    <div class="name">Tomb of the Mask</div>
+
+                    <div class="role">Reference Music</div>
+
+
+
                     <div style="height:40px;"></div>
                     <div style="height:40px"></div>
                 </div>
             </div>
         </div>
     </div>
-    </div>
+
 
     <script>
         document.addEventListener("DOMContentLoaded", () => {
