From 06f45b257886fed3a583492d21dbb5a7ade91872 Mon Sep 17 00:00:00 2001
From: theinhtike-san <theinhtikesan.personal@gmail.com>
Date: Mon, 23 Oct 2023 14:58:42 +0630
Subject: [PATCH] :fire: build(profile): add thsan profile

---
 content/profile/thsan.mdx | 95 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 content/profile/thsan.mdx

diff --git a/content/profile/thsan.mdx b/content/profile/thsan.mdx
new file mode 100644
index 0000000..92ffd5e
--- /dev/null
+++ b/content/profile/thsan.mdx
@@ -0,0 +1,95 @@
+---
+name: Thein Htike San
+description: A boy who is studying frontend an has a passion in codding.
+image: "https://avatars.githubusercontent.com/u/136601649?v=4"
+tags:
+  - HTML
+  - CSS
+  - Tailwind
+  - JavaScript
+---
+
+<div className="w-full py-5 h-screen container mx-auto mb-20">
+    <div className="rounded-full w-[100px] overflow-hidden mx-auto">
+      <img src="https://avatars.githubusercontent.com/u/136601649?v=4" alt="" />
+    </div>
+    <div className="text-center px-2 my-5">
+      <span className="text-2xl text-white">Hi..!</span>
+      <h1 className="text-white text-center px-2 font-bold text-xl">
+        I'm<span className="text-3xl text-yellow-400 animate-slideUp1">
+          Thein Htike San</span>
+      </h1>
+      <span className="text-2xl tracking-wider text-slate-200">A frontend developer</span>
+    </div>
+
+    <div className="w-[500px]   max-sm:w-[350px] mx-auto px-10 mt-10 ">
+      <h1 className="text-xl text-white font-bold mb-2">About Me</h1>
+      <span className="text-white">I'm currently learning frontend and looking for a job.</span>
+
+
+      <h1 className="text-xl text-white font-bold mt-8 mb-2">To Contact Me</h1>
+       <a className="inline-block mr-3" href="https://www.facebook.com/VincentSamGogh/" target="_blank">
+       <img className="w-10" src="https://cdn.worldvectorlogo.com/logos/facebook-3-2.svg" alt=""/>
+       </a>
+       <a className="inline-block mr-3" href="https://github.com/theinhtike-san" target="_blank">
+       <img className="w-10" src="https://cdn.worldvectorlogo.com/logos/github-icon-1.svg" alt=""/>
+       </a>
+
+       <a className="inline-block" href="mailto:theinhtikesan.personal@gmail.com" target="_blank">
+       <img className="w-10" src="https://cdn.worldvectorlogo.com/logos/official-gmail-icon-2020-.svg" alt=""/>
+       </a>
+    </div>
+
+    <div class="w-[500px]   max-sm:w-[350px] mx-auto px-10 mt-8 ">
+    <h1 class="text-xl font-bold">Languages and Tools</h1>
+    <div
+      className="w-full grid grid-cols-3  max-sm:grid-cols-2 gap-3 justify-center my-5">
+      <div
+        className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box  border-black rounded-md text-center pt-2">
+        <div className="w-full h-full flex flex-col justify-evenly items-center">
+          <img className="mx-auto h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/html-1.svg" alt="" />
+          <span className="text-yellow-400 text-md  font-bold ">HTML5</span>
+        </div>
+      </div>
+      <div
+        className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box  border-black rounded-md text-center pt-2">
+        <div className="w-full h-full flex flex-col justify-evenly items-center">
+          <img className="mx-auto h-4/6 w-3/5  " src="https://cdn.worldvectorlogo.com/logos/css-3.svg" alt="" />
+          <span className="text-yellow-400 text-md  font-bold ">CSS3</span>
+        </div>
+      </div>
+      <div
+        className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box  border-black rounded-md text-center pt-2">
+        <div className="w-full h-full flex flex-col justify-evenly items-center justify-evenly">
+          <img className="mx-auto   h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/tailwindcss.svg"
+            alt="" />
+          <span className="text-yellow-400 text-md  font-bold ">Tailwind</span>
+        </div>
+      </div>
+      <div
+        className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box  border-black rounded-md text-center pt-2">
+        <div className="w-full h-full flex flex-col justify-evenly items-center">
+          <img className="mx-auto  h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/logo-javascript.svg"
+            alt="" />
+          <span className="text-yellow-400 text-md  font-bold ">Javascript</span>
+        </div>
+      </div>
+      <div
+        className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box  border-black rounded-md text-center px-2">
+        <div className="w-full h-full flex flex-col justify-evenly items-center">
+          <img className="mx-auto h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/react-2.svg" alt="" />
+          <span className="text-yellow-400 text-md  font-bold ">React</span>
+        </div>
+      </div>
+      <div
+        className="animate-fadein bg-primary drop-shadow-lg mx-auto aspect-square w-[120px] border-box  border-black rounded-md text-center pt-2">
+        <div className="w-full h-full flex flex-col justify-evenly items-center">
+          <img className="mx-auto h-4/6 w-3/5" src="https://cdn.worldvectorlogo.com/logos/git-icon.svg" alt="" />
+          <span className="text-yellow-400 text-md  font-bold ">Git</span>
+        </div>
+      </div>
+    </div>
+    <p class="text-center">More languages and tools will be added soon ...</p> 
+    </div>
+
+  </div>
\ No newline at end of file