38 lines
2.4 KiB
XML
38 lines
2.4 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 80" width="100%" height="80" preserveAspectRatio="none">
|
|
<defs>
|
|
<linearGradient id="divGrad1" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" style="stop-color:#1a3a5c;stop-opacity:0"/>
|
|
<stop offset="20%" style="stop-color:#1a3a5c;stop-opacity:0.3"/>
|
|
<stop offset="80%" style="stop-color:#1a3a5c;stop-opacity:0.3"/>
|
|
<stop offset="100%" style="stop-color:#1a3a5c;stop-opacity:0"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<path d="M0,80 L0,50 Q180,10 360,40 Q540,70 720,40 Q900,10 1080,40 Q1260,70 1440,50 L1440,80 Z" fill="url(#divGrad1)"/>
|
|
<!-- Small flower accents along divider -->
|
|
<g transform="translate(360,45) scale(0.3)" opacity="0.4">
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(0,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(72,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(144,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(216,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(288,30,30)"/>
|
|
<circle cx="30" cy="30" r="6" fill="#f5c842"/>
|
|
</g>
|
|
<g transform="translate(720,38) scale(0.35)" opacity="0.5">
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(0,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(72,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(144,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(216,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(288,30,30)"/>
|
|
<circle cx="30" cy="30" r="6" fill="#f5c842"/>
|
|
</g>
|
|
<g transform="translate(1080,45) scale(0.3)" opacity="0.4">
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(0,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(72,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(144,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#f09a4e" transform="rotate(216,30,30)"/>
|
|
<ellipse cx="30" cy="12" rx="8" ry="14" fill="#e87a2e" transform="rotate(288,30,30)"/>
|
|
<circle cx="30" cy="30" r="6" fill="#f5c842"/>
|
|
</g>
|
|
</svg>
|