Merge pull request #42 from kaung199/kaunghtetzaw

🔥 build(modify profile): modify profile

content/profile/kaunghtetzaw.mdx

@@ -7,22 +7,85 @@ tags:
   - Laravel
 ---
 
-<div className="h-28 w-28 rounded-full overflow-hidden mx-auto">
-  <img src="https://avatars.githubusercontent.com/u/51979289?s=400&u=ce6724c13ea6b0569071618d776bed0e5347eb34&v=4" />
-</div>
-
-<h3 className="flex flex-row max-w-[240px] mt-5 mx-auto">
+<div className="h-28 w-28 rounded-full overflow-hidden mx-auto border border-gray-100 shadow-lg mb-5">
   <img
-    src="https://camo.githubusercontent.com/9cb2db965e8df76ccf0604812e13635dd54b66bac1273629fb7dc0f90292650b/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f76312e59326c6b505463354d4749334e6a45784d324e6a4d7a686b4e324e6c59544d7a5954593459546b305a4751784d6a41795a445a6859324d354e6a51794f44426b4e3259334e435a6a6444317a2f676a72594477626a6e4b38783336785a494f2f67697068792e676966"
-    className="h-[20px] object-contain mr-2"
+    src="https://avatars.githubusercontent.com/u/51979289?s=400&u=ce6724c13ea6b0569071618d776bed0e5347eb34&v=4"
+    className="w-full h-full object-cover"
+    alt="Kaung Htet Zaw Profile Image"
   />
-  <span> Hi, I'm Kaung Htet Zaw </span>
-</h3>
+</div>
 
 <div className="container max-w-[720px] mx-auto">
-  <p>I'm a full-stack web application developer who likes coding!!</p>
-  ## How to reach me
-  - 📫 Email: [[email protected]](mailto:[email protected])
-  - 🌐 Facebook: [https://www.facebook.com/kaunghtetzaw.pg/](https://www.facebook.com/kaunghtetzaw/)
-  - 🔗 GitHub: [https://github.com/kaung199](https://github.com/kaung199)
+  <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+    <div className="border p-4 rounded-lg">
+      <div className="flex items-center space-x-2">
+        <img
+          src="https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExM2NjMzhkN2NlYTMzYTY4YTk0ZGQxMjAyZDZhY2M5NjQyODBkN2Y3NCZjdD1z/gjrYDwbjnK8x36xZIO/giphy.gif"
+          alt="Profile Image"
+          className="h-16 w-16 rounded-full"
+        />
+        <div>
+          <p className="font-semibold">Hi, I'm Kaung Htet Zaw</p>
+          <span className="text-sm">
+            Full-stack web application developer who enjoys coding.
+          </span>
+        </div>
+      </div>
+    </div>
+    <div className="border p-4 rounded-lg">
+      <div className="flex items-center space-x-2">
+        <img
+          src="https://media.giphy.com/media/KGhpQ5NMoWKQurlHwI/giphy.gif"
+          alt="Skills Image"
+          className="h-16 w-16 rounded-full"
+        />
+        <div>
+          <p className="font-semibold">Skills</p>
+          <ul className="list-disc list-inside text-sm">
+            <li>HTML, CSS, SASS, Bootstrap</li>
+            <li>PHP, Laravel, Javascript</li>
+            <li>Vue, React, jQuery</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 mt-3">
+  <div className="border p-4 rounded-lg sm:col-span-2">
+    <div className="flex flex-col items-center space-y-2 sm:space-x-2 sm:flex-row sm:items-center">
+      <img
+        src="https://media.giphy.com/media/MEjG5NXKKS68LvGIP2/giphy.gif"
+        alt="Profile Image"
+        className="h-16 w-16 rounded-full"
+      />
+      <div className="text-center sm:text-left">
+        <p className="font-semibold text-base sm:text-lg">Contact Information</p>
+        <ul className="list-disc list-inside text-sm sm:text-base" style={{ listStyleType: 'none' }}>
+          <li>
+            📫 Email: [[email protected]](mailto:[email protected])
+          </li>
+          <li>
+            📎 Facebook: [https://www.facebook.com](https://www.facebook.com/kaunghtetzaw)
+          </li>
+          <li>
+            🔗 GitHub: [https://github.com/kaung199](https://github.com/kaung199)
+          </li>
+          <li>
+           ▶️ Youtube: [https://www.youtube.com](https://www.youtube.com/channel/UCA-_Ki8lxbA1IdzCbg46ZVQ)
+          </li>
+          <li>
+           🌐 LinkIn: [https://www.linkedin.com](https://www.linkedin.com/in/kaung-htet-zaw-0ab1ab110/)
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+
+```
+
+Talk is Cheap, Show me the Code...
+
+
+```
 </div>