JSFiddle - React, Tailwind, and code Playground

by Imri Paloja

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>403 Forbidden - EuroCMS</title>
    <meta name="description" content="Access Denied" />
    <meta name="author" content="Imri Paloja" />
    <meta name="keywords" content="403,Forbidden,client" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
      integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />

    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css"
      integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />

    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js"
      integrity="sha512-uKQ39gEGiyUJl4AI6L+ekBdGKpGw4xJ55+xyJG7YFlJokPNYegn9KwQ3P8A7aFQAUtUsAQHep+d/lrGqrbPIDQ=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>

    <style>

      html, body {
          color: #454545;
      }

      .container {
          margin-top: 5rem;
      }

      h1 {
          text-align: center;
      }

      table {
          width: 100%;
      }

      .fa-ban {
          color: #FF0000FF;
      }
    </style>

    <link rel="icon" href="/favicon.png" />
  </head>
  <body>
    <div class="container">
      <h1><i class="fa-solid fa-ban"></i> 403 Forbidden</h1>
      <table>
        <tr>
          <th>IP</th>
          <th>5.255.118.151</th>
        </tr>
        <tr>
          <td>Visitors ID</td>
         ...