Home Explore Help
Register Sign In
shuzhihua
/
Di-Iip
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: b2b99869ae
Branches Tags
Di-Iip
/
src
/
assets
/
illustrations
/
section-data.svg

section-data.svg 2.3 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738 
  1. <svg width="1200" height="640" viewBox="0 0 1200 640" fill="none" xmlns="http://www.w3.org/2000/svg">
    2. 

  2.   <defs>
    3. 

  3.     <linearGradient id="bg" x1="100" y1="60" x2="1100" y2="580" gradientUnits="userSpaceOnUse">
    4. 

  4.       <stop stop-color="#EFF6FF"/>
    5. 

  5.       <stop offset="1" stop-color="#FFFFFF"/>
    6. 

  6.     </linearGradient>
    7. 

  7.     <linearGradient id="line" x1="250" y1="420" x2="950" y2="220" gradientUnits="userSpaceOnUse">
    8. 

  8.       <stop stop-color="#1D4ED8" stop-opacity="0.20"/>
    9. 

  9.       <stop offset="0.5" stop-color="#38BDF8" stop-opacity="0.35"/>
    10. 

  10.       <stop offset="1" stop-color="#1D4ED8" stop-opacity="0.20"/>
    11. 

  11.     </linearGradient>
    12. 

  12.   </defs>
    13. 

  13.   <rect x="0" y="0" width="1200" height="640" rx="40" fill="url(#bg)"/>
    14. 

  14.   <g opacity="0.9">
    15. 

  15.     <rect x="120" y="120" width="360" height="400" rx="26" fill="#FFFFFF" stroke="#E2E8F0"/>
    16. 

  16.     <rect x="160" y="160" width="220" height="16" rx="8" fill="#0F172A" opacity="0.82"/>
    17. 

  17.     <rect x="160" y="192" width="280" height="12" rx="6" fill="#94A3B8" opacity="0.70"/>
    18. 

  18.     <rect x="160" y="222" width="250" height="12" rx="6" fill="#94A3B8" opacity="0.55"/>
    19. 

  19.     <rect x="160" y="282" width="280" height="12" rx="6" fill="#94A3B8" opacity="0.52"/>
    20. 

  20.     <rect x="160" y="312" width="240" height="12" rx="6" fill="#94A3B8" opacity="0.45"/>
    21. 

  21.     <rect x="160" y="342" width="260" height="12" rx="6" fill="#94A3B8" opacity="0.40"/>
    22. 

  22.     <rect x="160" y="402" width="190" height="42" rx="14" fill="#DBEAFE"/>
    23. 

  23.     <rect x="360" y="402" width="80" height="42" rx="14" fill="#1D4ED8" opacity="0.18"/>
    24. 

  24.   </g>
    25. 

  25.   <g>
    26. 

  26.     <rect x="540" y="140" width="540" height="140" rx="26" fill="#FFFFFF" stroke="#E2E8F0"/>
    27. 

  27.     <rect x="580" y="178" width="240" height="16" rx="8" fill="#0F172A" opacity="0.82"/>
    28. 

  28.     <rect x="580" y="210" width="420" height="12" rx="6" fill="#94A3B8" opacity="0.65"/>
    29. 

  29. 

  30.     <rect x="540" y="310" width="540" height="210" rx="26" fill="#FFFFFF" stroke="#E2E8F0"/>
    31. 

  31.     <rect x="580" y="350" width="260" height="16" rx="8" fill="#0F172A" opacity="0.82"/>
    32. 

  32.     <path d="M590 470 C680 420, 740 410, 820 370 C890 336, 950 320, 1030 290" stroke="url(#line)" stroke-width="12" stroke-linecap="round" opacity="1"/>
    33. 

  33.     <circle cx="590" cy="470" r="12" fill="#1D4ED8"/>
    34. 

  34.     <circle cx="820" cy="370" r="12" fill="#38BDF8"/>
    35. 

  35.     <circle cx="1030" cy="290" r="12" fill="#1D4ED8"/>
    36. 

  36.   </g>
    37. 

  37. </svg>
    38. 

  38.