header.html

<div style="text-align: center; max-width: 650px; margin: 0 auto;">
  <div style="
        display: inline-flex;
        gap: 0.8rem;
        font-size: 1.75rem;
        justify-content: center;
        margin-bottom: 10px;
      ">
    <h1 style="font-weight: 900; margin-bottom: 7px; margin-top: 20px;">
      Cloth Segmentation
    </h1>
  </div>

  <div>
    <p style="margin-bottom: 7px;">
      Cloth Segmentation Gradio demo using a pre-trained U2NET model. Extract fashion items from human portraits.
    </p>
    <p style="margin-bottom: 7px;">
      Upload an image and wait for the model to generate the segmentation map.
    </p>
    <p style="margin-bottom: 7px;">
      If you like this demo, please consider ⭐ the
      <a style="text-decoration: underline;" href="https://github.com/wildoctopus/huggingface-cloth-segmentation" target="_blank">
        GitHub Repo
      </a> 😊.
    </p>
    <p style="margin-bottom: 7px;">
      You can skip the queue by duplicating this Space and upgrading to GPU in the settings.
    </p>
  </div>
</div>