Merge pull request #56 from HeinZarNe/zarne

🔥 build(profile): add profile zarne

content/profile/zarne.mdx

@@ -0,0 +1,47 @@
+---
+name: Zar Ne
+description: Passionate About the Craft of Software Creation, An Artisan in the Field!
+image: "https://avatars.githubusercontent.com/u/91208047?s=400&u=ec4b18b7454bceaf6d8fd7430ded2ab3c589fb8c&v=4"
+tags:
+  - Frontend
+  - JavaScript
+  - ReactJS
+  - NextJS
+---
+
+<div class=" min-h-screen p-8">
+  <header class="flex flex-col items-center py-4 text-center">
+    <img src="https://avatars.githubusercontent.com/u/91208047?s=400&u=ec4b18b7454bceaf6d8fd7430ded2ab3c589fb8c&v=4" class="h-20 w-20 rounded-full" />
+    <h1 class="text-4xl font-semibold text-slate-200">Zar Ne</h1>
+    <p class="text-xl text-slate-200">Frontend Web Developer</p>
+  </header>
+
+{" "}
+
+<section class="my-8">
+  <h2 class="my-2 text-2xl font-semibold text-slate-200">About Me</h2>
+  <p class="text-slate-200">
+    I'm a self-taught Frontend Web Developer with over two years of experience.
+    My journey began in 2019 during the COVID-19 pandemic, leading me to explore
+    online resources extensively. I've collaborated with a talented full-stack
+    team, showcasing versatility, adaptability, and strong collaboration. I've
+    completed numerous projects using React.js. I'm eager to advance my skills
+    in web development during my upcoming college or university experience.
+  </p>
+</section>
+
+{" "}
+
+<section class="my-8">
+  <h1 class="rounded-lg border border-gray-300 bg-slate-900 bg-opacity-50 px-5 py-3 text-lg font-bold text-slate-100">
+    Have a great idea? Let's talk, and let's make it happen!
+  </h1>
+</section>
+
+  <section class="my-8 ">
+    <h2 class="text-2xl font-semibold text-slate-200">Contact</h2>
+    <p class="text-slate-200">
+      You can reach out to me at <span class="rounded-md bg-white px-2 py-1 font-bold text-red-500 hover:bg-slate-200 hover:text-red-500"><a href="mailto:[email protected]">Gmail</a></span> or from <span class="rounded-md bg-blue-700 px-2 py-1 font-bold hover:bg-blue-900 hover:text-slate-50"><a href="https://www.facebook.com/LORD.x.25">Facebook</a></span> for any inquiries or collaboration opportunities.
+    </p>
+  </section>
+</div>