| 1 |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 640" role="img" aria-label="Fundraising campaign image" preserveAspectRatio="xMidYMid slice"> |
| 2 |
<defs> |
| 3 |
<linearGradient id="bpBg" x1="0" y1="0" x2="1200" y2="640" gradientUnits="userSpaceOnUse"> |
| 4 |
<stop stop-color="#6b63f6"/> |
| 5 |
<stop offset="0.55" stop-color="#5a7ff0"/> |
| 6 |
<stop offset="1" stop-color="#28a29a"/> |
| 7 |
</linearGradient> |
| 8 |
<radialGradient id="bpGlow" cx="600" cy="300" r="440" gradientUnits="userSpaceOnUse"> |
| 9 |
<stop stop-color="#ffffff" stop-opacity="0.22"/> |
| 10 |
<stop offset="1" stop-color="#ffffff" stop-opacity="0"/> |
| 11 |
</radialGradient> |
| 12 |
</defs> |
| 13 |
|
| 14 |
<rect width="1200" height="640" fill="url(#bpBg)"/> |
| 15 |
<rect width="1200" height="640" fill="url(#bpGlow)"/> |
| 16 |
|
| 17 |
<!-- soft decorative circles --> |
| 18 |
<circle cx="150" cy="110" r="70" fill="#ffffff" opacity="0.06"/> |
| 19 |
<circle cx="1060" cy="520" r="110" fill="#ffffff" opacity="0.06"/> |
| 20 |
<circle cx="990" cy="120" r="34" fill="#ffffff" opacity="0.08"/> |
| 21 |
<circle cx="220" cy="540" r="26" fill="#ffffff" opacity="0.08"/> |
| 22 |
|
| 23 |
<!-- cupped hands supporting a heart --> |
| 24 |
<g transform="translate(600 320)"> |
| 25 |
<!-- supporting hands (two soft cupped shapes) --> |
| 26 |
<path d="M-190 70 C-150 150 -70 190 0 190 C70 190 150 150 190 70 C150 120 70 145 0 145 C-70 145 -150 120 -190 70 Z" |
| 27 |
fill="#ffffff" opacity="0.85"/> |
| 28 |
<path d="M-150 40 C-120 108 -60 140 0 140 C60 140 120 108 150 40 C120 82 60 104 0 104 C-60 104 -120 82 -150 40 Z" |
| 29 |
fill="#ffffff" opacity="0.55"/> |
| 30 |
|
| 31 |
<!-- heart --> |
| 32 |
<path d="M0 -30 |
| 33 |
C-26 -84 -108 -80 -132 -24 |
| 34 |
C-152 22 -120 66 -60 112 |
| 35 |
L0 156 |
| 36 |
L60 112 |
| 37 |
C120 66 152 22 132 -24 |
| 38 |
C108 -80 26 -84 0 -30 Z" |
| 39 |
fill="#ffffff"/> |
| 40 |
</g> |
| 41 |
</svg> |
| 42 |
|
