Web Code Playground & Sandbox - FairS IT Solutions

Web Code Playground & Live Runner

Write HTML, CSS, JavaScript in real-time with zero latency sandbox execution.

index.html / style.css / script.js Live Execution

<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      background: #0b0f19;
      color: #fff;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
      text-align: center;
    }
    .card {
      background: rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(0, 242, 254, 0.3);
      backdrop-filter: blur(10px);
      padding: 30px 40px;
      border-radius: 20px;
      box-shadow: 0 10px 30px rgba(0, 242, 254, 0.15);
    }
    h1 {
      color: #00f2fe;
      margin: 0 0 10px 0;
    }
    button {
      background: linear-gradient(135deg, #00f2fe, #4facfe);
      border: none;
      color: #000;
      font-weight: bold;
      padding: 10px 20px;
      border-radius: 30px;
      cursor: pointer;
      margin-top: 15px;
      transition: transform 0.2s ease;
    }
    button:hover {
      transform: scale(1.05);
    }
  </style>
</head>
<body>
  <div class="card">
    <h1>FairS IT Solutions</h1>
    <p>Innovating Technology. Empowering Students & Innovators.</p>
    <button onclick="changeMessage()">Click Me!</button>
    <p id="msg" style="margin-top:15px; color:#4facfe;"></p>
  </div>

Live Sandbox Output Active