diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index 8593f38..0241de5 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -13,7 +13,6 @@ export default function Card() {
                 <p className="text-5xl text-white">
                     yude
                 </p>
-                <p className="text-gray-400 text-xl">Hiroshima City University</p>
                 <div className="text-white mt-2">
                     <p className="font-mono left-0.5 relative">
                         <FontAwesomeIcon icon={faEnvelope} /> i@yude.jp
@@ -21,7 +20,7 @@ export default function Card() {
                     <p className="font-mono left-0.5 relative">
                         <FontAwesomeIcon icon={faPhone} /> +81 70-8909-1949
                     </p>
-            </div>
+                </div>
             </div>
         </div>
         </>
diff --git a/src/components/Profile.tsx b/src/components/Profile.tsx
new file mode 100644
index 0000000..b7340d4
--- /dev/null
+++ b/src/components/Profile.tsx
@@ -0,0 +1,60 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faCake, faMapPin } from '@fortawesome/free-solid-svg-icons'
+
+export default function Profile() {
+    return (
+        <>
+        <div className="p-5 rounded-lg">
+            <h1 className="text-2xl text-center">Profile</h1>
+            <div className="border border-white-500"></div>
+
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">Affiliation</h2>
+
+            <ol className="relative border-s border-gray-700 left-2">                  
+                <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">April 2020 - Present</time>
+                    <h3 className="text-lg font-semibold text-white">Hiroshima City University</h3>
+                    <p className="text-base font-normal text-gray-400">Department of Computer and Network Engineering, Faculty of Information Sciences</p>
+                </li>
+                <li className="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">April 2017 - March 2020</time>
+                    <h3 className="text-lg font-semibold text-white">Tottori Prefectural, Tottori East High School</h3>
+                    <p className="text-base font-normal text-gray-400">Diploma of Science and Mathimatics</p>
+                </li>
+            </ol>
+
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">Biography</h2>
+            
+            <ul className="space-y-1 list-inside mt-2">
+                <li className="items-center">
+                    <span className="text-gray-300"><FontAwesomeIcon icon={faCake} />&nbsp;Born on <span className="text-gray-50">November 19, 2001</span> (22 y/o)</span>
+                </li>
+                <li className="items-center">
+                    <span className="text-gray-300"><FontAwesomeIcon icon={faMapPin} />&nbsp;&nbsp;Living in <span className="text-gray-50">Hiroshima, Japan</span></span>
+                </li>
+            </ul>
+
+            <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">Certification</h2>
+            <ul className="max-w-md space-y-1 text-gray-500 list-disc list-inside dark:text-gray-400">
+                <li>
+                    IPA 基本情報技術者 (April 2022)
+                </li>
+                <li>
+                    普通自動車第一種運転免許, AT 限定 (June 2021)
+                </li>
+                <li>
+                    TOEIC Listening & Reading: 860 (December 2022)
+                </li>
+                <li>
+                    TOEIC Listening & Reading, IP Test: 960 (December 2021)
+                </li>
+            </ul>
+
+
+        </div>
+        </>
+    )
+  }
+  
\ No newline at end of file
diff --git a/src/components/Works.tsx b/src/components/Works.tsx
new file mode 100644
index 0000000..8bf1bd8
--- /dev/null
+++ b/src/components/Works.tsx
@@ -0,0 +1,30 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faGithub } from '@fortawesome/free-brands-svg-icons'
+
+export default function Profile() {
+    return (
+        <>
+            <div className="p-5 rounded-lg">
+                <h1 className="text-2xl text-center">Works</h1>
+                <div className="border border-white-500"></div>
+
+                <h2 className="text-xl font-semibold text-gray-200 mt-2 mb-1">Software</h2>
+                <ul className="max-w-md space-y-1 text-gray-400">
+                    <a href="https://github.com/yude">
+                    <li>
+                        <FontAwesomeIcon icon={faGithub} />&nbsp;
+                        <span className="hover:underline">
+                            GitHub
+                        </span>
+                    </li>
+                    </a>
+                </ul>
+                
+                
+
+
+            </div>
+        </>
+    )
+  }
+  
\ No newline at end of file