avinash201199 · pArv-2029 · Oct 30, 2025
diff --git a/pArv-2029/index.html b/pArv-2029/index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Login | YourApp</title>
+  <link rel="stylesheet" href="style.css" />
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet" />
+  <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
+</head>
+<body>
+  <div class="container">
+    <div class="login-card">
+      <h2>Welcome Back 👋</h2>
+      <p class="subtitle">Login to continue your journey</p>
+
+      <form class="login-form" action="#" method="post">
+        <div class="input-group">
+          <label for="email"><i class="fas fa-envelope"></i> Email</label>
+          <input type="email" id="email" name="email" placeholder="Enter your email" required />
+        </div>
+
+        <div class="input-group">
+          <label for="password"><i class="fas fa-lock"></i> Password</label>
+          <input type="password" id="password" name="password" placeholder="Enter your password" required />
+        </div>
+
+        <button type="submit" class="login-button">Login</button>
+
+        <div class="extra-links">
+          <a href="#">Forgot password?</a>
+          <span>•</span>
+          <a href="#">Create account</a>
+        </div>
+      </form>
+
+      <p class="footer-text">© 2025 YourApp. All rights reserved.</p>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/pArv-2029/readme.md b/pArv-2029/readme.md
@@ -0,0 +1,33 @@
+# 🌐 Simple Clean Login Form
+
+A minimal, elegant, and responsive login form built using **pure HTML and CSS**.
+Designed with a modern color palette, smooth animations, and a focus on clean UI aesthetics.
+
+---
+
+## 🖼️ Preview
+
+![Login Form Preview](preview.png)
+
+---
+
+## ✨ Features
+- 🌈 Modern gradient background
+- 💫 Smooth hover and focus animations
+- 📱 Fully responsive design
+- 🧠 Easy to understand and customize
+- ⚡ Lightweight – no frameworks or JS required
+
+---
+
+## 🛠️ Tech Stack
+| Technology | Purpose |
+|-------------|----------|
+| **HTML5** | Structure and layout |
+| **CSS3** | Styling, responsiveness, and animations |
+
+---
+
+## 👤 Contributor
+- **GitHub:** [pARv-2029](https://github.com/pARv-2029)
+- **Event:** Hacktoberfest 2025
diff --git a/pArv-2029/style.css b/pArv-2029/style.css
@@ -0,0 +1,163 @@
+/* Import clean, modern font */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
+
+/* Reset default styles */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Poppins', sans-serif;
+  background: linear-gradient(135deg, #a1c4fd, #c2e9fb);
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  animation: fadeIn 1.2s ease-in-out;
+}
+
+/* Container for centering */
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+}
+
+/* Login Card */
+.login-card {
+  background: #ffffff;
+  padding: 2.5rem 2rem;
+  border-radius: 16px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
+  width: 340px;
+  text-align: center;
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+  animation: slideUp 1s ease;
+}
+
+.login-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
+}
+
+/* Title and subtitle */
+.login-card h2 {
+  color: #1a1a1a;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+
+.subtitle {
+  color: #666;
+  font-size: 0.9rem;
+  margin-bottom: 2rem;
+}
+
+/* Input groups */
+.input-group {
+  margin-bottom: 1.2rem;
+  text-align: left;
+}
+
+.input-group label {
+  display: block;
+  color: #444;
+  font-size: 0.9rem;
+  margin-bottom: 0.4rem;
+}
+
+.input-group i {
+  color: #007bff;
+  margin-right: 5px;
+}
+
+.input-group input {
+  width: 100%;
+  padding: 0.75rem;
+  border: 1.2px solid #ddd;
+  border-radius: 8px;
+  outline: none;
+  font-size: 0.95rem;
+  transition: border-color 0.3s, box-shadow 0.3s;
+}
+
+.input-group input:focus {
+  border-color: #007bff;
+  box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
+}
+
+/* Button */
+.login-button {
+  width: 100%;
+  padding: 0.8rem;
+  border: none;
+  border-radius: 8px;
+  background: linear-gradient(135deg, #007bff, #0056b3);
+  color: #fff;
+  font-size: 1rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.login-button:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 6px 15px rgba(0, 91, 187, 0.4);
+}
+
+/* Extra links */
+.extra-links {
+  margin-top: 1rem;
+  font-size: 0.85rem;
+  color: #555;
+}
+
+.extra-links a {
+  color: #007bff;
+  text-decoration: none;
+  transition: color 0.2s;
+}
+
+.extra-links a:hover {
+  color: #0056b3;
+}
+
+.extra-links span {
+  margin: 0 0.4rem;
+  color: #aaa;
+}
+
+/* Footer text */
+.footer-text {
+  margin-top: 2rem;
+  font-size: 0.75rem;
+  color: #999;
+}
+
+/* Animations */
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Responsive design */
+@media (max-width: 400px) {
+  .login-card {
+    width: 90%;
+    padding: 2rem 1.5rem;
+  }
+}
diff --git a/screenshots/pArv-2029.png b/screenshots/pArv-2029.png
diff --git a/script.js b/script.js
@@ -101,6 +101,7 @@ const templateFolders = [
   "Kanishka",
   "Ishika Singh Rajput",
   "Harsh-Login-Form",
+  "pARv-2029"
 ];
 
 // Template details with descriptions and features