From 0ceeffa8e1603159daa2965c953cba227e734a99 Mon Sep 17 00:00:00 2001
From: Sumit-Rajak99 <sumitrajaksumitrajak793@gmail.com>
Date: Sun, 30 Nov 2025 21:56:33 +0530
Subject: [PATCH] file

---
 file.html | 215 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 third.txt |   0
 2 files changed, 215 insertions(+)
 create mode 100644 file.html
 create mode 100644 third.txt
diff --git a/file.html b/file.html
new file mode 100644
index 0000000..0819fc5
--- /dev/null
+++ b/file.html
@@ -0,0 +1,215 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Registration Form</title>
+  <style>
+    :root{
+      --bg: #f4f7fb;
+      --card: #ffffff;
+      --accent: linear-gradient(135deg,#7c3aed,#06b6d4);
+      --muted: #68707a;
+      --success: #10b981;
+      --danger: #ef4444;
+      font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
+    }
+
+    *{box-sizing: border-box}
+    body{
+      margin:0;min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:28px;
+    }
+
+    .card{
+      width:100%;max-width:920px;background:var(--card);border-radius:16px;box-shadow:0 8px 30px rgba(43,52,69,0.08);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;
+    }
+
+    .left{
+      padding:36px 32px;background:var(--accent);color:#fff;display:flex;flex-direction:column;gap:18px;align-items:flex-start;justify-content:center;
+    }
+    .left h1{margin:0;font-size:28px;letter-spacing:-0.2px}
+    .left p{margin:0;opacity:0.95;color:rgba(255,255,255,0.9)}
+
+    .right{padding:28px 36px}
+    form{display:flex;flex-direction:column;gap:12px}
+
+    .row{display:flex;gap:12px}
+    .col{flex:1}
+
+    label{font-size:13px;color:var(--muted);display:block;margin-bottom:6px}
+
+    input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, input[type="date"]{
+      width:100%;padding:10px 12px;border-radius:10px;border:1px solid #e6e9ef;background:#fff;font-size:14px;outline:none;transition:box-shadow .15s,border-color .15s
+    }
+    input:focus, select:focus{box-shadow:0 4px 14px rgba(99,102,241,0.08);border-color:#c7d2fe}
+
+    .small{font-size:12px;color:#9aa0a6}
+
+    .gender{display:flex;gap:12px;align-items:center}
+    .gender label{display:flex;gap:8px;align-items:center}
+
+    .flex-between{display:flex;align-items:center;justify-content:space-between}
+
+    .btn{
+      display:inline-block;padding:10px 14px;border-radius:10px;border:0;background:linear-gradient(90deg,#7c3aed,#06b6d4);color:#fff;font-weight:600;cursor:pointer;font-size:15px
+    }
+
+    .muted{color:var(--muted);font-size:13px}
+
+    .footer-note{font-size:13px;color:#a0a6af;margin-top:8px}
+
+    .error{color:var(--danger);font-size:13px;margin-top:6px}
+    .success{color:var(--success);font-size:13px;margin-top:6px}
+
+    @media (max-width:880px){
+      .card{grid-template-columns:1fr;}
+      .left{padding:22px}
+      .right{padding:22px}
+    }
+  </style>
+</head>
+<body>
+  <main class="card">
+    <section class="left">
+      <h1>Create your account</h1>
+      <p>Join us — build your profile and start using the service. It only takes a minute.</p>
+      <ul class="small" style="padding-left:18px;margin:0">
+        <li>Fast signup</li>
+        <li>Secure data</li>
+        <li>Free for personal use</li>
+      </ul>
+    </section>
+
+    <section class="right">
+      <form id="regForm" novalidate>
+        <div class="row">
+          <div class="col">
+            <label for="first">First name</label>
+            <input id="first" name="first" type="text" placeholder="John" required>
+          </div>
+
+          <div class="col">
+            <label for="last">Last name</label>
+            <input id="last" name="last" type="text" placeholder="Doe" required>
+          </div>
+        </div>
+
+        <div>
+          <label for="email">Email</label>
+          <input id="email" name="email" type="email" placeholder="you@example.com" required>
+        </div>
+
+        <div class="row">
+          <div class="col">
+            <label for="password">Password</label>
+            <input id="password" name="password" type="password" placeholder="Create password" minlength="6" required>
+            <div id="pwdMsg" class="small muted">Minimum 6 characters</div>
+          </div>
+
+          <div class="col">
+            <label for="confirm">Confirm password</label>
+            <input id="confirm" name="confirm" type="password" placeholder="Confirm password" required>
+          </div>
+        </div>
+
+        <div class="row">
+          <div class="col">
+            <label for="phone">Phone</label>
+            <input id="phone" name="phone" type="tel" placeholder="+91 98765 43210">
+          </div>
+
+          <div class="col">
+            <label for="dob">Date of birth</label>
+            <input id="dob" name="dob" type="date">
+          </div>
+        </div>
+
+        <div>
+          <label>Gender</label>
+          <div class="gender">
+            <label><input type="radio" name="gender" value="male" checked> Male</label>
+            <label><input type="radio" name="gender" value="female"> Female</label>
+            <label><input type="radio" name="gender" value="other"> Other</label>
+          </div>
+        </div>
+
+        <div>
+          <label for="country">Country</label>
+          <select id="country" name="country">
+            <option value="">Select country</option>
+            <option value="IN">India</option>
+            <option value="US">United States</option>
+            <option value="GB">United Kingdom</option>
+            <option value="CA">Canada</option>
+            <option value="AU">Australia</option>
+          </select>
+        </div>
+
+        <div style="display:flex;gap:10px;align-items:center;margin-top:4px">
+          <input id="terms" type="checkbox" required>
+          <label for="terms" class="muted">I agree to the <a href="#">Terms</a> and <a href="#">Privacy Policy</a>.</label>
+        </div>
+
+        <div class="flex-between" style="margin-top:12px">
+          <div>
+            <button type="submit" class="btn">Create account</button>
+          </div>
+          <div class="muted">Already have an account? <a href="#">Sign in</a></div>
+        </div>
+
+        <div id="message" role="status" aria-live="polite"></div>
+      </form>
+
+      <p class="footer-note">By creating an account you agree to our rules. We will never share your data without consent.</p>
+    </section>
+  </main>
+
+  <script>
+    (function(){
+      const form = document.getElementById('regForm');
+      const pwd = document.getElementById('password');
+      const confirm = document.getElementById('confirm');
+      const msg = document.getElementById('message');
+
+      function showError(text){
+        msg.textContent = text; msg.className = 'error';
+      }
+      function showSuccess(text){
+        msg.textContent = text; msg.className = 'success';
+      }
+
+      pwd.addEventListener('input', ()=>{
+        const v = pwd.value;
+        const hint = document.getElementById('pwdMsg');
+        if(v.length < 6) hint.textContent = 'Weak — at least 6 chars';
+        else if(/[A-Z]/.test(v) && /[0-9]/.test(v)) hint.textContent = 'Strong password';
+        else hint.textContent = 'Good — add numbers and uppercase for strength';
+      });
+
+      form.addEventListener('submit', function(e){
+        e.preventDefault();
+        msg.textContent = '';
+
+        // Simple validations
+        if(!form.first.value.trim() || !form.last.value.trim()){
+          showError('Please enter full name.'); return;
+        }
+        if(!form.email.value){ showError('Please enter a valid email.'); return; }
+        if(pwd.value.length < 6){ showError('Password must be at least 6 characters.'); return; }
+        if(pwd.value !== confirm.value){ showError('Passwords do not match.'); return; }
+        if(!form.terms.checked){ showError('You must accept the terms.'); return; }
+
+        // fake submit
+        showSuccess('Registration successful! (demo)');
+
+        // Clear form after short delay
+        setTimeout(()=>{
+          form.reset();
+          document.getElementById('pwdMsg').textContent = 'Minimum 6 characters';
+          msg.textContent = '';
+        }, 1200);
+      });
+    })();
+  </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/third.txt b/third.txt
new file mode 100644
index 0000000..e69de29
