diff --git a/src/App.tsx b/src/App.tsx
index b59ba5c..92bfce8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,6 +2,8 @@ import Card from "./components/Card"
 import Profile from "./components/Profile"
 import Links from "./components/Links"
 import Keys from "./components/Keys"
+import Activities from "./components/Activities"
+import Footer from "./components/Footer"
 
 import { useState, useEffect } from 'react';
 
@@ -56,13 +58,12 @@ export default function App() {
           <Profile />
           <Links />
           <Keys />
+          <Activities />
         </div>
 
-        <div className="text-center text-gray-500 mb-5">
-          <a href="https://github.com/yudejp/yude.jp">
-            &copy; 2024 yude
-          </a>
-        </div>
+        <div className="mb-5">
+          <Footer />
+        </div> 
       </div>
     </div>
   )
diff --git a/src/components/Activities.tsx b/src/components/Activities.tsx
new file mode 100644
index 0000000..370b723
--- /dev/null
+++ b/src/components/Activities.tsx
@@ -0,0 +1,67 @@
+export default function Activities() {
+    return (
+        <>
+        <div className="p-5 rounded-lg max-w-2xl">
+            <h1 className="text-2xl text-center">Recent activities</h1>
+            <div className="border border-white-500"></div>
+
+            <ol className="relative border-s border-gray-700 left-2 mt-3">            
+                <li className="mb-2 ms-4">
+                    <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
+                    <time className="mb-1 text-sm font-normal leading-none text-gray-400">
+                        December 2023
+                    </time>
+                    <h3 className="text-lg font-semibold text-white">
+                        <a href="https://www.hiroshima-cu.ac.jp">
+                            ICT Troubleshooting Contest 2023
+                        </a>
+                    </h3>
+                    <p className="text-base font-normal text-gray-400">
+                        Team いちぴろ・エクスプローラ
+                    </p>
+                </li>
+                <li className="mb-2 ms-4">
+                    <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
+                    <time className="mb-1 text-sm font-normal leading-none text-gray-400">
+                        November 2023
+                    </time>
+                    <h3 className="text-lg font-semibold text-white">
+                        <a href="https://hiss25th.sakura.ne.jp/">
+                            Poster session
+                        </a>
+                    </h3>
+                    <p className="text-base font-normal text-gray-400">
+                        The 25th IEEE Hiroshima Section Student Symposium
+                    </p>
+                </li>
+                <li className="mb-2 ms-4">
+                    <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
+                    <time className="mb-1 text-sm font-normal leading-none text-gray-400">
+                        September 2022
+                    </time>
+                    <h3 className="text-lg font-semibold text-white">
+                        <a href="https://www.iij.ad.jp/">
+                            Intern @ Internet Initiative Japan Inc.
+                        </a>
+                    </h3>
+                    <p className="text-base font-normal text-gray-400">
+                        ExperienceCourse -クラウド編-
+                    </p>
+                </li>
+                <li className="mb-2 ms-4">
+                    <div className="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-gray-900 bg-gray-700"></div>
+                    <time className="mb-1 text-sm font-normal leading-none text-gray-400">
+                        August 2022
+                    </time>
+                    <h3 className="text-lg font-semibold text-white">
+                        <a href="https://www.hirotec.co.jp/">
+                            Intern @ HIROTEC Corporation.
+                        </a>
+                    </h3>
+                </li>
+            </ol>
+        </div>
+        </>
+    )
+  }
+  
\ No newline at end of file
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..93337a4
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,15 @@
+export default function Footer() {
+    return (
+        <div className="text-center text-gray-500 mb-5">
+            <img src="./banner_new.png" className="h-12 inline" />
+            <img src="./busy_banner.webp" className="h-12 inline" />
+            <img src="https://moe-counter-cf.yude.workers.dev/yude.jp:home" className="h-20 mx-auto" />
+            <p className="mt-5">
+                <a href="https://github.com/yudejp/yude.jp">
+                    &copy; 2024 yude
+                </a>
+            </p>
+        </div>
+    )
+  }
+  
\ No newline at end of file