diff --git a/index.html b/index.html
new file mode 100644
index 0000000..9821550
--- /dev/null
+++ b/index.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shorto - Home</title>
+    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
+</head>
+
+<body class="bg-gray-100 font-sans leading-normal tracking-normal">
+    <!-- Header -->
+    <header class="bg-green-600 text-white text-center py-8">
+        <h1 class="text-4xl font-bold">Welcome to Shorto</h1>
+        <p class="mt-4">An open-source Chrome Extension that shortens your URLs in one click with a QR code!</p>
+    </header>
+
+    <!-- Main Content -->
+    <main class="container mx-auto mt-10 px-6">
+        <!-- About Section -->
+        <section class="bg-white rounded-lg shadow-md p-8 mb-8">
+            <h2 class="text-3xl font-bold mb-4">About Shorto</h2>
+            <p class="text-gray-700 mb-4">Shorto is a lightweight Chrome extension that allows you to shorten URLs quickly and efficiently. Simply click on the extension icon, and in one click, you can generate a shortened URL and a QR code. Share your links easily on social media, through messaging apps, or for privacy reasons.</p>
+            <p class="text-gray-700 mb-4">🔒 <strong>Your Privacy is Our Priority</strong> - No Unnecessary Permissions or User Tracking with Our Extension.</p>
+        </section>
+
+        <!-- Features Section -->
+        <section class="bg-white rounded-lg shadow-md p-8 mb-8">
+            <h2 class="text-3xl font-bold mb-4">🚀 Features</h2>
+            <ul class="list-disc list-inside text-gray-700">
+                <li>Custom API Key Support</li>
+                <li>Retrieve Link with Creation History</li>
+                <li>Automatic URL Shortening</li>
+                <li>Create, Copy, and Download QR Code</li>
+                <li>Selected Tab Link Copy Button</li>
+                <li>Keyboard Shortcuts: Windows: Ctrl+Shift+S Mac: Command+Shift+S</li>
+                <li>Downloads</li>
+            </ul>
+        </section>
+
+        <!-- Technologies Section -->
+        <section class="bg-white rounded-lg shadow-md p-8 mb-8">
+            <h2 class="text-3xl font-bold mb-4">💻 Languages and Libraries Used</h2>
+            <ul class="list-disc list-inside text-gray-700">
+                <li>HTML, JavaScript, CSS</li>
+                <li>Spectre.css: A lightweight and responsive CSS framework. 🎨</li>
+                <li>FileSaver.js: A JavaScript library that provides a convenient way to save files on the client side. 💾</li>
+                <li>qrcode.js: A library for generating QR codes in JavaScript. 📷</li>
+                <li>t.ly (API): An API for URL shortening. 🌐</li>
+            </ul>
+        </section>
+
+        <!-- Contributing Section -->
+        <section class="bg-white rounded-lg shadow-md p-8 mb-8">
+            <h2 class="text-3xl font-bold mb-4">🚀 Contributing Guidelines</h2>
+            <p class="text-gray-700 mb-4">Welcome to our open-source project! We appreciate all contributions. 🙌 For detailed step-by-step instructions, please check our <a href="#" class="text-green-600">Contributing.md</a>.</p>
+            <h3 class="text-2xl font-bold mb-4">💡 Submitting Contributions</h3>
+            <ul class="list-disc list-inside text-gray-700">
+                <li>Check for existing issues or create new ones.</li>
+                <li>Every change should have an associated issue. 📝</li>
+                <li>Include screenshots in your pull request and link it to the issue using Closes #issue-number. 🖼️</li>
+            </ul>
+            <h3 class="text-2xl font-bold mb-4">🛠️ Getting Started</h3>
+            <ul class="list-disc list-inside text-gray-700">
+                <li>Fork this repository. 🍴</li>
+                <li>Clone your forked repository to your local machine. 🖥️</li>
+                <li>Add a reference (remote) to the original repository.</li>
+                <li>Periodically, update your main branch with changes from the main project. 🔄</li>
+                <li>Create a new branch for your work. 🌿</li>
+                <li>Make and commit your changes. ✅</li>
+                <li>Push your changes to your remote branch. 🚀</li>
+                <li>Create a pull request with a clear title and description. 📢</li>
+            </ul>
+            <p class="text-gray-700 mt-4">Thank you for contributing! 🎉</p>
+        </section>
+
+        <!-- Contact Us Section -->
+        <section class="bg-white rounded-lg shadow-md p-8">
+            <h2 class="text-3xl font-bold mb-4">Contact Us</h2>
+            <p class="text-gray-700">If you have any questions or feedback, feel free to reach out to us at: <a href="mailto:your-email@example.com" class="text-green-600">vinyasvasanthegde7@gmail.com</a></p>
+        </section>
+    </main>
+
+    <!-- Footer -->
+    <footer class="bg-green-600 text-white text-center py-4 mt-8">
+        <p>&copy; 2024 Shorto. All rights reserved.</p>
+    </footer>
+</body>
+
+</html>
+
