tryon-gradio-app/banner.html at master · fashn-AI/tryon-gradio-app · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<div style="
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
    background: linear-gradient(45deg, #1a1a1a 0%, #333333 100%);
      padding: 24px;
      gap: 24px;
      border-radius: 8px;
    ">
  <div style="display: flex; gap: 8px;">
    <img src="https://cilsrdpvqtgutxprdofn.supabase.co/storage/v1/object/public/assets/logo-enhanced_60x60.png"
      alt="FASHN AI Logo" />

    <h1 style="
  font-size: 48px;
  color: #fafafa;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
">
      FASHN AI: Example App
    </h1>

  </div>

  <p style="
          margin: 0;
          line-height: 1.6rem;
          font-size: 16px;
          color: #fafafa;
          opacity: 0.8;
        ">
    Welcome to this Gradio app example for the FASHN Virtual Try-On API !<br>
    This simple UI is designed as a starting point to help you explore and better understand how to interact with the
    API and its different parameters. <br>
  </p>

  <div style="
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
      ">
    <a href="https://fashn.ai"><img
        src="https://custom-icon-badges.demolab.com/badge/FASHN_AI-333333?style=for-the-badge&logo=fashn"
        alt="FASHN AI" /></a>
    <a href="https://github.com/fashn-AI"><img
        src="https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white"
        alt="Github" /></a>
    <a href="https://www.linkedin.com/company/fashn">
      <img src="https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white"
        alt="LinkedIn" />
    </a>

    <a href="https://x.com/fashn_ai"><img
        src="https://img.shields.io/badge/@fashn_ai-%23000000.svg?style=for-the-badge&logo=X&logoColor=white"
        alt="X" /></a>
    <a href="https://www.instagram.com/fashn.ai/"><img
        src="https://img.shields.io/badge/Fashn.ai-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white"
        alt="Instagram" /></a>
    <a href="https://discord.gg/MCs39Gf4yn">
      <img src="https://img.shields.io/badge/fashn_ai-%235865F2.svg?style=for-the-badge&logo=discord&logoColor=white"
        alt="Discord" />
    </a>
  </div>
</div>