diff --git a/works/index.html b/works/index.html
index 325a8e7..de6c7aa 100644
--- a/works/index.html
+++ b/works/index.html
@@ -10,9 +10,6 @@
     <title>Pongpeera Wongprasitthiporn's profile</title>
     <link rel="icon" type="image/webp" href="/icons/icon.webp">
   </head>
-  <style>
-    .row {grid-template-columns: 1fr 1.25cm 1.5cm;}
-  </style>
   <body>
 
     <div class="topbar stealth">
@@ -106,11 +103,25 @@
           </a>
         </div>
 
-        <h3 style="margin-top: 5vh;">Talks</h3>
+        <h3 style="margin-top: 5vh;">Graduation Project(s)</h3>
+
+        <div class="list" >
+          <a style="text-decoration: none;" target="_blank" rel="noopener noreferrer" href="https://kip.kmitl.ac.th/projects/41z1sfg7dfeplg885q1ws9gv" >
+          <div class="row" style="margin-left: 0.5cm; ">
+            <div class="propertyrow">
+              <p class="row-title">Tower Traverse - AR For Indoor Navigation</p>
+              <p class="row-subtitle">Computer Engineering Project CE67-33</p>
+            </div>
+            <svg class="feather feather-external-link" viewBox="0 0 24 24" fill="none" height="20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" x2="21" y1="14" y2="3"></line></svg>
+            </div>
+          </div>
+        </a>
+
+        <h3 style="margin-top: 5vh;">Events & Talks</h3>
 
         <div class="list" >
           
-          <div class="row" style="margin-left: 0.5cm; ">
+          <div class="row" style="margin-left: 0.5cm; grid-template-columns: 1fr 1.25cm 1.5cm;">
             <div class="propertyrow">
               <p class="row-title">Improving accessibility data on OpenStreetMap</p>
               <p class="row-subtitle">Bangkok Open Source Hackathon, 2023</p>
@@ -122,8 +133,8 @@
               <svg height="20px" viewBox="0 0 16 16" width="20px" xmlns="http://www.w3.org/2000/svg"><path d="m 1.082031 1.988281 c -0.554687 0 -0.9999998 0.445313 -0.9999998 1 c 0.0039063 0.507813 0.3945308 0.933594 0.9062498 0.984375 l 0.011719 8.027344 h 6 l -0.011719 1.742188 l -1.804687 1.378906 c -0.222656 0.167968 -0.261719 0.480468 -0.09375 0.703125 c 0.167968 0.21875 0.480468 0.257812 0.703125 0.089843 l 1.6875 -1.292968 l 1.695312 1.324218 c 0.21875 0.167969 0.535157 0.128907 0.707031 -0.085937 c 0.167969 -0.21875 0.128907 -0.535156 -0.089843 -0.703125 l -1.804688 -1.414062 l 0.011719 -1.742188 h 6 l -0.011719 -8.054688 c 0.425781 -0.125 0.722657 -0.515624 0.722657 -0.957031 c 0 -0.554687 -0.449219 -1 -1 -1 z m 6.90625 2 c 1.101563 0 2 0.894531 2 2 h -2 z m -1 1 v 2 h 2 c 0 1.101563 -0.898437 2 -2 2 c -1.105469 0 -2 -0.898437 -2 -2 c 0 -1.105469 0.894531 -2 2 -2 z m 0 0" fill="currentColor"/></svg>
             </a>
           </div>
-        <div class="separator"></div>
-          <div class="row" style="margin-left: 0.5cm; ">
+          <div class="separator"></div>
+          <div class="row" style="margin-left: 0.5cm; grid-template-columns: 1fr 1.25cm 1.5cm;">
             <div class="propertyrow">
               <p class="row-title">Indoor Mapping Using OsmInEdit and indoor=</p>
               <p class="row-subtitle">FOSSASIA Summit, 2025</p>
