diff --git a/comingsoon.html b/comingsoon.html
new file mode 100644
index 0000000..c76d304
--- /dev/null
+++ b/comingsoon.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="style.css">
+    <meta http-equiv="Content-Language" content="th">
+    <meta http-equiv="content-Type" content="text/html; charset=UTF-8">
+    <title>Coming soon!</title>
+    <link rel="icon" type="image/png" href="icons/ttt-org.png">
+  </head>
+  
+<body>
+    <div class="header" >
+      <img src="icons/ttt-org.png" alt="TTT Logo" width="128" height="128"> 
+    </div>
+    <div class="logo" style="display: flex; align-items: center; justify-content: center;"> 
+      <h1>Coming soon!</h1>
+    </div>
+
+    <div class="header">
+      <a href="https://www.techtransthai.org" class="gtk-button-pill">Go back</a>
+    </div>
+
+    
+
+
+</body>
+</html>
diff --git a/style.css b/style.css
index d2b91fd..14a1b7e 100644
--- a/style.css
+++ b/style.css
@@ -5,6 +5,7 @@ html *
    font-family: Cantarell, sans-serif;
 }
 
+
 .header {
     display: flex;
     justify-content: center;
@@ -185,6 +186,24 @@ html *
     font-weight: bold;
     text-align: center;
   }
+
+  .gtk-button-pill {
+    position: relative;
+    width: auto;
+    height: 44px;
+    border-radius: 22px;
+    background-color: rgba(53, 132, 228, 1);
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: 0px;
+    padding: 0px 32px;
+    flex-wrap: nowrap;
+  }
 }
 
 @media (prefers-color-scheme: dark) {
@@ -329,4 +348,22 @@ html *
     font-weight: bold;
     text-align: center;
   }
+
+  .gtk-button-pill {
+    position: relative;
+    width: auto;
+    height: 44px;
+    border-radius: 22px;
+    background-color: rgba(53, 132, 228, 1);
+    color: white;
+    text-decoration: none;
+    font-weight: bold;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    gap: 0px;
+    padding: 0px 32px;
+    flex-wrap: nowrap;
+  }
 }
