diff --git a/icons/ttt-org.png b/icons/ttt-org.png
new file mode 100644
index 0000000..e5c3686
Binary files /dev/null and b/icons/ttt-org.png differ
diff --git a/index.html b/index.html
index f5212e0..eb06a01 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,10 @@
   </head>
   
 <body>
-  <h1>TechTransThai</h1>
+  <div class="header">
+    <img src="icons/ttt-org.png" alt="TTT Logo" width="64" height="64" style="margin-right: 10px;"> 
+    <h1>TechTransThai</h1>
+  </div>
 
   <h2>Services</h2>
 
@@ -46,9 +49,13 @@
     <p>เทคโนโลยีเพื่อทุกคน</p>
     <a href="https://www.youtube.com/@PGTechs" class="button">Visit</a>
   
-
-  <p>Version DATE-VERSION</p>
-  <a href="https://status.techtransthai.org/status/techtransthai">Service status</a>
+    <div class="footer">
+      <a href="https://codeberg.org/latenightdef/ttt-org" class="versionbutton">DATE-VERSION</a>
+    </div>
+    <div class="footer">
+      <a href="https://status.techtransthai.org/status/techtransthai">Service status</a>
+    </div>
+  
 
 </body>
 </html>
diff --git a/style.css b/style.css
index 479f458..49217eb 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,14 @@ html *
 {
    font-family: Cantarell, sans-serif;
 }
+
+.header {
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+}
 .button {
   background-color: #EBEBEB;
   color: black;
@@ -22,4 +30,31 @@ html *
 
 .button:hover {
   background-color: #E0E0E0;
+}
+
+.footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.versionbutton {
+  background-color: #E5EFFB;
+  color: #1a5fb4;
+  border: none;
+  border-radius:50px;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  display: flex;
+  font-size: 16px;
+  font-family: Cantarell, sans-serif;
+  font-weight: bold;
+  cursor: pointer;
+  padding-top: 10px;
+  padding-right: 10px;
+  padding-bottom: 10px;
+  padding-left: 10px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
\ No newline at end of file
