banner.html

<div style="
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    background: linear-gradient(45deg, #ff69b4, #8a2be2);
      padding: 24px;
      gap: 24px;
      border-radius: 8px;
    ">
  <div style="display: flex; gap: 8px;">
    <h1 style="
  font-size: 48px;
  color: #fafafa;
  margin: 0;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
    'Lucida Sans', Arial, sans-serif;
">
      Sapiens : surface normal prediction
    </h1>


  </div>

  <p style="
          margin: 0;
          line-height: 1.6rem;
          font-size: 16px;
          color: #aaaaaa;
          opacity: 0.8;
        ">
    <a href="https://about.meta.com/realitylabs/codecavatars/sapiens/" target="_blank">Sapiens</a> is a family of models for four fundamental human-centric vision tasks - 2D pose estimation, body-part segmentation, depth estimation, and surface normal prediction <br />
    

  </p>

  <div style="
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
      ">
    
    </a>
  </div>
</div>