Editing Template:Work In Progress

<div style="position: relative; border: 2px solid #ff9d00; background-color: #1c1a0b; padding: 20px; border-radius: 8px; font-family: Arial, sans-serif; color: #FFFFFF; max-width: 800px; margin: auto; overflow: hidden;">
  <!-- Background Warning Emoji -->
  <div style="position: absolute; top: 50%; left: 80%; transform: translate(-50%, -50%); font-size: 350px; color: rgba(255, 85, 85, 0.1); z-index: 0;">
    <p>🚧</p>
  </div>
  <!-- Foreground Content -->
  <div style="position: relative; z-index: 1;">
    <h2 style="color: #a37f14; text-transform: uppercase; font-size: 20px; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #FF5555; padding-bottom: 5px;">
       🚧 WORK IN PROGRESS PAGE 🚧
    </h2>
    <ul style=" color: e0b32d; margin: 0; padding-left: 20px; line-hepght: 1.8; font-size: 14px;;">
      <li>This page is not finished.</li>
      <li>Some parts of the page are incomplete.</li>
    </ul>
    <p style="color: #e0b32d; font-size: 13px; margin-top: 15px;">
      You can come back later to see the final page !
    </p>
  </div>
</div>