diff --git a/index.html b/index.html
index 31b22a1..cf3ad03 100644
--- a/index.html
+++ b/index.html
@@ -211,6 +211,7 @@ <h1 class="dm-sans marks">Designer</h1>
     </section>
 
     <!-- TODO: Skill Programming -->
+    
     <section class="skill">
 
       <div class="jumbotron p-3">
@@ -320,7 +321,7 @@ <h5 class="card-title marks">MatsuriAI</h5>
                 <a href="" class="btn" style="background-color: #FEB252;">Help</a>
               </div>
             </div></div>
-          <div class="col-10 col-md-5 p-5  appear"><div class="card" data-tilt>
+          <div class="col-10 col-md-5 p-5 appear"><div class="card" data-tilt>
               <img loading="lazy" src="./src/kukangdeveloper.webp" class="project-pics">
               <img src="./src/pixel-background.webp" class="card-img-top">
               <div class="card-body">
@@ -419,21 +420,21 @@ <h1 class="dm-sans marks">Certificate</h1>
         </div>
         <div class="certificate">
           <div class="row py-5">
-            <div class="col p-3 appear" align="center"><img loading="lazy" src="./src/certificate/Sertifikat PKL.webp"
-                data-tilt data-tilt-glare></div>
-            <div class="col p-3 appear" align="center"><img loading="lazy"
-                src="./src/certificate/Sertifikat LSP front.webp" data-tilt data-tilt-glare></div>
-            <div class="col p-3 appear" align="center"><img loading="lazy"
-                src="./src/certificate/Sertifikat Kompetensi front.webp" data-tilt data-tilt-glare></div>
-          </div>
-        </div>
-        <div class="title pt-5 appear" align="center">
-          <h1 class="dm-sans marks">PIAGAM</h1>
-        </div>
-        <div class="certificate">
-          <div class="row py-5">
-            <div class="col p-3 appear" align="center"><img loading="lazy" src="./src/certificate/piagam.webp" data-tilt
-                data-tilt-glare></div>
+            <div class="col p-3 appear" align="center">
+              <img loading="lazy" src="./src/certificate/Sertifikat PKL.webp" data-tilt data-tilt-glare>
+            </div>
+            <div class="col p-3 appear" align="center">
+              <img loading="lazy" src="./src/certificate/Sertifikat LSP front.webp" data-tilt data-tilt-glare>
+            </div>
+            <div class="col p-3 appear" align="center">
+              <img loading="lazy" src="./src/certificate/Sertifikat Kompetensi front.webp" data-tilt data-tilt-glare>
+            </div>
+            <div class="col p-3 appear" align="center">
+              <img loading="lazy" src="./src/certificate/piagam.webp" data-tilt data-tilt-glare>
+            </div>
+            <div class="col p-3 appear" align="center">
+              <img loading="lazy" src="./src/certificate/Sertifikat Arduino Vehicle Safety.webp" data-tilt data-tilt-glare>
+            </div>
           </div>
         </div>
       </div>
@@ -442,9 +443,11 @@ <h1 class="dm-sans marks">PIAGAM</h1>
     <!-- TODO: Social media -->
     <section class="project" style="background-color: #101010; color: #e3e3e3;">
       <div class="jumbotron p-3">
+
         <div class="title pt-5" align="center">
           <h1 class="dm-sans marks">SOCIAL MEDIA</h1>
         </div>
+
         <div class="social-media" align="center">
           <div class="row p-3 justify-content-center">
             <a href="https://www.instagram.com/rifzkhy/" class="btn btn-secondary m-1 col-8 col-md-3 appear"><i
@@ -458,6 +461,20 @@ <h1 class="dm-sans marks">SOCIAL MEDIA</h1>
             <a href="" class="btn btn-secondary m-1 col-8 col-md-3 appear"><i class="bi bi-reddit"></i> Reddit</a>
           </div>
         </div>
+
+        <div class="title pt-5" align="center">
+          <h1 class="dm-sans marks">SPECIAL THANKS</h1>
+        </div>
+
+        <div class="special-thanks" align="center">
+          <div class="row p-3 justify-content-center">
+            <a href="https://discord.com/invite/sHBWWp2" class="btn btn-secondary m-1 col-8 col-md-3 appear"><i
+                class="bi bi-discord"></i> Sampit Empire</a>
+            <a href="https://brotherzhafif.github.io/" class="btn btn-secondary m-1 col-8 col-md-3 appear"><i
+                class="bi bi-github"></i> BrotherZhafif</a>
+          </div>
+        </div>
+
       </div>
     </section>
 
diff --git a/ler.html b/ler.html
deleted file mode 100644
index afd96f9..0000000
--- a/ler.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
-<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
-<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-<!------ Include the above in your HEAD tag ---------->
-<style>
-  ul.timeline {
-    list-style-type: none;
-    position: relative;
-}
-ul.timeline:before {
-    content: ' ';
-    background: #d4d9df;
-    display: inline-block;
-    position: absolute;
-    left: 29px;
-    width: 2px;
-    height: 75%;
-    z-index: 400;
-}
-ul.timeline > li {
-    margin: 20px 0;
-    padding-left: 20px;
-}
-ul.timeline > li:before {
-    content: ' ';
-    background: white;
-    display: inline-block;
-    position: absolute;
-    border-radius: 50%;
-    border: 3px solid #22c0e8;
-    left: 20px;
-    width: 20px;
-    height: 20px;
-    z-index: 400;
-}
-</style>
-
-<div class="container mt-5 mb-5">
-	<div class="row">
-		<div class="col-md-6 offset-md-3">
-			<h4>Latest News</h4>
-			<ul class="timeline">
-				<li>
-					<a target="_blank" href="https://www.totoprayogo.com/#">New Web Design</a>
-					<a href="#" class="float-right">21 March, 2014</a>
-					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque scelerisque diam non nisi semper, et elementum lorem ornare. Maecenas placerat facilisis mollis. Duis sagittis ligula in sodales vehicula....</p>
-				</li>
-				<li>
-					<a href="#">21 000 Job Seekers</a>
-					<a href="#" class="float-right">4 March, 2014</a>
-					<p>Curabitur purus sem, malesuada eu luctus eget, suscipit sed turpis. Nam pellentesque felis vitae justo accumsan, sed semper nisi sollicitudin...</p>
-				</li>
-				<li>
-					<a href="#">Awesome Employers</a>
-					<a href="#" class="float-right">1 April, 2014</a>
-					<p>Fusce ullamcorper ligula sit amet quam accumsan aliquet. Sed nulla odio, tincidunt vitae nunc vitae, mollis pharetra velit. Sed nec tempor nibh...</p>
-				</li>
-			</ul>
-		</div>
-	</div>
-</div>
-
-<div class="text-muted mt-5 mb-5 text-center small">by : <a class="text-muted" target="_blank" href="http://totoprayogo.com">totoprayogo.com</a></div>
diff --git a/src/certificate/Sertifikat Arduino Vehicle Safety.webp b/src/certificate/Sertifikat Arduino Vehicle Safety.webp
new file mode 100644
index 0000000..4c4aad6
Binary files /dev/null and b/src/certificate/Sertifikat Arduino Vehicle Safety.webp differ