अमान्य पृष्ठ बटन

अनुशंसित

18 October 2025

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Invalid Page</title>
  <style>
    * { box-sizing: border-box; }
    body {
      margin: 0;
      font-family: 'Helvetica Neue', sans-serif;
      background: linear-gradient(135deg, #000, #111);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      cursor: pointer;
    }

.center-text {
      background: rgba(0, 0, 0, 0.8);
      border: 1px solid #ff4d4d;
      color: #ff4d4d;
      font-weight: bold;
      padding: 20px 40px;
      border-radius: 12px;
      font-size: 2.2rem;
      text-align: center;
      box-shadow: 0 0 20px rgba(255, 77, 77, 0.3);
      transition: 0.2s ease;
    }

.center-text:hover {
      background: rgba(255, 77, 77, 0.1);
      box-shadow: 0 0 25px rgba(255, 77, 77, 0.4);
    }
  </style>
</head>
<body>
  <div class="center-text" onclick="location.reload()">Invalid Page - 404</div>
</body>
</html>

अमान्य पृष्ठ बटन

अनुशंसित

मूल HTML बटन उदाहरण

सोशल मीडिया बटन हॉवरिंग

डिस्कॉर्ड ल्यूमिनस बटन

HTML

CSS

JS

अनुशंसित

मूल HTML बटन उदाहरण

सोशल मीडिया बटन हॉवरिंग

डिस्कॉर्ड ल्यूमिनस बटन

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS