Modran Table with Material+Icons

file_download Spice 5611 Stock Firmware (Flash File)

info You can download the original Spice 5611 stock firmware from the link below. This flash file helps fix hanging issues, boot loops, or recover a dead device.

folder File Name Spice_5611_04062014_MIRA.zip
straighten File Size 4 MB
settings Flash Tool SPD Upgrade Tool
get_app Download Link Download Firmware
<!--[Material+Icons]-->
<link
  href="https://fonts.googleapis.com/icon?family=Material+Icons"
  rel="stylesheet"
/>

<div class="custom-post-wrapper">
  <h2 class="main-title">
    <span class="material-icons">file_download</span>
    <span>Spice 5611 Stock Firmware (Flash File)</span>
  </h2>

  <p class="description-txt">
    <span class="material-icons info-icon">info</span>
    You can download the original <b>Spice 5611</b> stock firmware from the link
    below. This flash file helps fix hanging issues, boot loops, or recover a
    dead device.
  </p>

  <!--[table]-->
  <table class="data-table">
    <tbody>
      <tr>
        <td class="field-name">
          <span class="material-icons">folder</span> File Name
        </td>
        <td>Spice_5611_04062014_MIRA.zip</td>
      </tr>

      <tr>
        <td class="field-name">
          <span class="material-icons">straighten</span> File Size
        </td>
        <td>4 MB</td>
      </tr>

      <tr>
        <td class="field-name">
          <span class="material-icons">settings</span> Flash Tool
        </td>
        <td>
          <a
            class="dl-btn"
            href="https://www.shakeelfile.com/search/label/Flash-Tools"
            rel="nofollow"
            target="_blank"
          >
            SPD Upgrade Tool
          </a>
        </td>
      </tr>

      <tr>
        <td class="field-name">
          <span class="material-icons">get_app</span> Download Link
        </td>
        <td>
          <a
            class="dl-btn"
            href="https://ouo.io/FKVXCoc"
            rel="nofollow"
            target="_blank"
          >
            Download Firmware
          </a>
        </td>
      </tr>
    </tbody>
  </table>
</div>

<!--[style]-->

<style>
  /* ===== Light Mode ===== */
  :root {
    --bg-container: #ffffff;
    --text-primary: #202124;
    --text-secondary: #5f6368;
    --border-color: #dddddd;
    --row-hover: #fff3e0;
    --heading-color: #ff6600;
    --icon-color: #ff6600;
  }

  /* ===== Dark Mode ===== */
  @media (prefers-color-scheme: dark) {
    :root {
      --bg-container: tranpand;
      --text-primary: tranpand;
      --text-secondary: tranpand;
      --border-color: #333333;
      --row-hover: #f59b0a;
      --heading-color: #ff6600;
      --icon-color: #ff6600;
    }
  }
  .custom-post-wrapper {
    background: var(--bg-container);
    color: var(--text-primary);
    padding: 20px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    font-family: "Segoe UI", sans-serif;
    margin: 20px 0;
  }

  /* ===== Title ===== */
  .main-title {
    font-size: 26px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: var(--heading-color);
  }

  .main-title .material-icons {
    color: var(--icon-color);
  }

  /* ===== Description ===== */
  .description-txt {
    font-size: 16px;
    line-height: 1.7;
    color: var(--text-secondary);
    margin-bottom: 25px;
  }

  .info-icon {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 6px;
    color: var(--icon-color);
  }

  /* ===== TABLE (MAIN FIX HERE) ===== */
  .data-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .data-table tr {
    border-bottom: 1px solid var(--border-color);
  }

  .data-table td {
    padding: 15px;
    vertical-align: middle;
  }

  /* Hover */
  .data-table tr:hover {
    background-color: var(--row-hover);
  }

  /* Left column */
  .data-table td:first-child {
    width: 45%;
    font-weight: 600;
  }

  /* Icon + text wrapper ONLY */
  .field-name {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
  }

  .field-name .material-icons {
    font-size: 20px;
    color: var(--icon-color);
  }

  /* ===== Button ===== */
  .dl-btn {
    background: #ff6600;
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 10px;
    text-decoration: none !important;
    font-weight: 600;
    display: inline-block;
    transition: 0.3s;
  }

  .dl-btn:hover {
    background: #000;
  }
</style>

file_download Spice 5611 Stock Firmware (Flash File)

info You can download the original Spice 5611 stock firmware from the link below. This flash file helps fix hanging issues, boot loops, or recover a dead device.

folder File Name Spice_5611_04062014_MIRA.zip
straighten File Size 4 MB
settings Flash Tool SPD Upgrade Tool
get_app Download Link Download Firmware

Post a Comment