Create Index.html

likhositories · Aug 30, 2024 · 156a4d0 · 156a4d0
1 parent 6fa1f29
commit 156a4d0
Showing 1 changed file with 153 additions and 0 deletions.
diff --git a/Index.html b/Index.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Likhon Sheikh - Full-stack Developer, specializing in TypeScript and Python.">
+  <meta name="author" content="Likhon Sheikh">
+  <title>Likhon Sheikh</title>
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap">
+  <style>
+    body {
+      background-color: #0d1117;
+      color: #c9d1d9;
+      font-family: 'Poppins', sans-serif;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      min-height: 100vh;
+      text-align: center;
+    }
+
+    h1 {
+      color: #58a6ff;
+      margin-bottom: 10px;
+    }
+
+    h2 {
+      color: #8b949e;
+      margin-top: 30px;
+    }
+
+    p, ul {
+      max-width: 600px;
+      line-height: 1.6;
+    }
+
+    a {
+      color: #58a6ff;
+      text-decoration: none;
+      margin: 0 10px;
+    }
+
+    img {
+      margin: 20px 0;
+    }
+
+    ul {
+      list-style-type: none;
+      padding: 0;
+    }
+
+    li {
+      margin: 10px 0;
+    }
+
+    .btn {
+      display: inline-block;
+      padding: 12px 25px;
+      border: 2px solid #58a6ff;
+      border-radius: 30px;
+      color: #58a6ff;
+      text-transform: uppercase;
+      font-weight: 600;
+      margin-top: 30px;
+      transition: background-color 0.3s ease, color 0.3s ease;
+    }
+
+    .btn:hover {
+      background-color: #58a6ff;
+      color: #0d1117;
+    }
+
+    hr {
+      border: 0;
+      height: 1px;
+      background: #30363d;
+      margin: 40px 0;
+    }
+  </style>
+</head>
+
+<body>
+  <div align="center">
+    <img src="https://github.com/likhositories/.github/blob/main/profile/Untitled%20design.png" alt="Likhon Sheikh Profile Picture" width="200" height="200" style="border-radius: 50%; border: 4px solid #ddd; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);">
+
+    <h1>Likhon Sheikh</h1>
+    <p>
+      <strong>Full-stack Developer • TypeScript & Python!</strong>
+    </p>
+
+    <p align="center">
+      <img src="https://github-stats-alpha.vercel.app/api/?username=likhon-xyz" alt="Likhon Github Stats">
+    </p>
+
+    <p>
+      <a href="https://github.com/likhositories"><img src="https://img.shields.io/github/followers/likhositories?style=for-the-badge&logo=github" alt="GitHub followers"></a>
+      <a href="https://twitter.com/likhondotxyz"><img src="https://img.shields.io/twitter/follow/likhondotxyz?style=for-the-badge&logo=x" alt="Twitter Follow"></a>
+      <a href="https://t.me/likhondotxyz"><img src="https://img.shields.io/badge/Telegram-2CA5E0?style=for-the-badge&logo=telegram" alt="Telegram"></a>
+      <img src="https://komarev.com/ghpvc/?username=likhositories&color=blueviolet&style=for-the-badge" alt="Profile Views">
+    </p>
+
+    <hr>
+
+    <h2>About Me</h2>
+    <p>
+      I'm a <em>passionate developer</em> with a keen interest in crafting <strong>innovative solutions</strong> using cutting-edge technologies. My expertise lies in <code>TypeScript</code> and <code>Python</code> development, with a focus on creating <u>robust, scalable, and efficient web applications</u> that push the boundaries of what's possible in the digital realm.
+    </p>
+
+    <h2>🛠️ Skills</h2>
+    <p>
+      <img src="https://skillicons.dev/icons?i=ts,py,js,react,nodejs,express,mongodb,postgres&theme=dark" alt="Tech Stack">
+    </p>
+
+    <h2>🏆 Achievements</h2>
+    <ul>
+      <li>🌟 Successfully delivered <strong>50+ projects</strong> for clients worldwide</li>
+      <li>🚀 Contributed to <em>several open-source projects</em> in the <code>TypeScript</code> and <code>Python</code> ecosystems</li>
+      <li>🏅 Recognized as a <strong>top contributor</strong> in the <code>React</code> community</li>
+    </ul>
+
+    <h2>📚 Latest</h2>
+    <p>
+      <a href="https://likhonsheikh.com/blog/mastering-typescript"><img src="https://img.shields.io/badge/Mastering%20TypeScript-Advanced%20Tips%20and%20Tricks-blue?style=for-the-badge&logo=typescript" alt="TypeScript Blog"></a>
+      <a href="https://likhonsheikh.com/blog/scalable-python-apps"><img src="https://img.shields.io/badge/Building%20Scalable%20Python%20Applications-Best%20Practices-green?style=for-the-badge&logo=python" alt="Python Blog"></a>
+      <a href="https://likhonsheikh.com/blog/react-performance"><img src="https://img.shields.io/badge/React%20Performance-Optimization%20Techniques-cyan?style=for-the-badge&logo=react" alt="React Blog"></a>
+    </p>
+
+    <h2>🌐 Connect</h2>
+    <p>
+      <a href="https://likhonsheikh.com"><img src="https://img.shields.io/badge/Portfolio-likhonsheikh.com-blue?style=for-the-badge&logo=google-chrome" alt="Portfolio"></a>
+      <a href="https://github.com/likhositories"><img src="https://img.shields.io/badge/GitHub-likhositories-blue?style=for-the-badge&logo=github" alt="GitHub"></a>
+      <a href="https://twitter.com/likhondotxyz"><img src="https://img.shields.io/badge/Twitter-likhondotxyz-blue?style=for-the-badge&logo=x" alt="Twitter"></a>
+      <a href="mailto:[email protected]"><img src="https://img.shields.io/badge/Email-me%40likhonsheikh.com-blue?style=for-the-badge&logo=gmail" alt="Email"></a>
+    </p>
+
+    <h2>🚀 Collaborate</h2>
+    <p>
+      I'm always <em>excited</em> about new opportunities and collaborations. Whether you're looking for a developer to bring your <strong>project to life</strong> or you're a fellow coder interested in <u>joining forces</u>, I'd love to hear from you!
+    </p>
+    <p>
+      <a href="https://likhonsheikh.com/contact" class="btn">Let's Build Something Awesome</a>
+    </p>
+
+    <hr>
+
+    <img src="https://capsule-render.vercel.app/api?type=waving&color=gradient&height=60&section=footer" alt="Wave Footer">
+  </div>
+</body>
+
+</html>