110 lines
5.6 KiB
XML
110 lines
5.6 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg viewBox="0 0 800 500" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Background gradient -->
|
|
<defs>
|
|
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#1a2b45;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#2a3b55;stop-opacity:1" />
|
|
</linearGradient>
|
|
<!-- Shadow filter -->
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feDropShadow dx="3" dy="3" stdDeviation="5" flood-opacity="0.3"/>
|
|
</filter>
|
|
</defs>
|
|
|
|
<!-- Base background -->
|
|
<rect width="800" height="500" fill="url(#bgGradient)" rx="5" ry="5"/>
|
|
|
|
<!-- Abstract connection lines in background -->
|
|
<path d="M100,100 C300,50 500,200 700,100" stroke="#ffffff" stroke-width="1" fill="none" stroke-opacity="0.1"/>
|
|
<path d="M100,200 C300,150 500,300 700,200" stroke="#ffffff" stroke-width="1" fill="none" stroke-opacity="0.1"/>
|
|
<path d="M100,300 C300,250 500,400 700,300" stroke="#ffffff" stroke-width="1" fill="none" stroke-opacity="0.1"/>
|
|
<path d="M100,400 C300,350 500,450 700,400" stroke="#ffffff" stroke-width="1" fill="none" stroke-opacity="0.1"/>
|
|
|
|
<!-- Left person - more photorealistic style -->
|
|
<g filter="url(#shadow)">
|
|
<!-- Suit/blazer shape -->
|
|
<path d="M190,180 L230,170 Q260,230 250,300 L200,320 Q190,250 170,230 Z" fill="#2c3e50"/>
|
|
<!-- Shirt collar -->
|
|
<path d="M200,175 L230,170 L235,190 L210,195 Z" fill="#f5f5f5"/>
|
|
<!-- Head shape -->
|
|
<circle cx="210" cy="130" r="50" fill="#e0c4a8"/>
|
|
<!-- Hair -->
|
|
<path d="M170,115 Q210,80 250,115 L240,135 Q215,110 180,135 Z" fill="#4a3520"/>
|
|
<!-- Face features suggestion -->
|
|
<ellipse cx="195" cy="120" rx="5" ry="3" fill="#333333"/>
|
|
<ellipse cx="225" cy="120" rx="5" ry="3" fill="#333333"/>
|
|
<path d="M195,145 Q210,155 225,145" fill="none" stroke="#333333" stroke-width="2"/>
|
|
</g>
|
|
|
|
<!-- Middle elements - digital content -->
|
|
<g filter="url(#shadow)">
|
|
<!-- Resume/CV element -->
|
|
<rect x="310" y="150" width="180" height="240" rx="5" ry="5" fill="#f5f5f5"/>
|
|
<!-- Resume content suggestion -->
|
|
<line x1="330" y1="180" x2="470" y2="180" stroke="#333" stroke-width="3"/>
|
|
<line x1="330" y1="200" x2="470" y2="200" stroke="#333" stroke-width="1"/>
|
|
<line x1="330" y1="215" x2="470" y2="215" stroke="#333" stroke-width="1"/>
|
|
<line x1="330" y1="230" x2="470" y2="230" stroke="#333" stroke-width="1"/>
|
|
<line x1="330" y1="260" x2="390" y2="260" stroke="#333" stroke-width="2"/>
|
|
<line x1="330" y1="280" x2="470" y2="280" stroke="#333" stroke-width="1"/>
|
|
<line x1="330" y1="295" x2="470" y2="295" stroke="#333" stroke-width="1"/>
|
|
<line x1="330" y1="310" x2="470" y2="310" stroke="#333" stroke-width="1"/>
|
|
<line x1="330" y1="340" x2="390" y2="340" stroke="#333" stroke-width="2"/>
|
|
<line x1="330" y1="360" x2="470" y2="360" stroke="#333" stroke-width="1"/>
|
|
</g>
|
|
|
|
<!-- Digital connecting elements -->
|
|
<g>
|
|
<path d="M250,200 Q275,210 310,210" stroke="#4f97eb" stroke-width="2" fill="none" stroke-dasharray="3,3"/>
|
|
<circle cx="250" cy="200" r="5" fill="#4f97eb"/>
|
|
<circle cx="310" cy="210" r="5" fill="#4f97eb"/>
|
|
|
|
<path d="M250,250 Q285,240 310,260" stroke="#4f97eb" stroke-width="2" fill="none" stroke-dasharray="3,3"/>
|
|
<circle cx="250" cy="250" r="5" fill="#4f97eb"/>
|
|
<circle cx="310" cy="260" r="5" fill="#4f97eb"/>
|
|
|
|
<path d="M250,300 Q275,320 310,310" stroke="#4f97eb" stroke-width="2" fill="none" stroke-dasharray="3,3"/>
|
|
<circle cx="250" cy="300" r="5" fill="#4f97eb"/>
|
|
<circle cx="310" cy="310" r="5" fill="#4f97eb"/>
|
|
|
|
<path d="M490,200 Q515,210 550,190" stroke="#4f97eb" stroke-width="2" fill="none" stroke-dasharray="3,3"/>
|
|
<circle cx="490" cy="200" r="5" fill="#4f97eb"/>
|
|
<circle cx="550" cy="190" r="5" fill="#4f97eb"/>
|
|
|
|
<path d="M490,250 Q515,240 550,260" stroke="#4f97eb" stroke-width="2" fill="none" stroke-dasharray="3,3"/>
|
|
<circle cx="490" cy="250" r="5" fill="#4f97eb"/>
|
|
<circle cx="550" cy="260" r="5" fill="#4f97eb"/>
|
|
|
|
<path d="M490,300 Q515,320 550,310" stroke="#4f97eb" stroke-width="2" fill="none" stroke-dasharray="3,3"/>
|
|
<circle cx="490" cy="300" r="5" fill="#4f97eb"/>
|
|
<circle cx="550" cy="310" r="5" fill="#4f97eb"/>
|
|
</g>
|
|
|
|
<!-- Right person - more photorealistic style -->
|
|
<g filter="url(#shadow)">
|
|
<!-- Suit/blazer shape -->
|
|
<path d="M570,180 L610,170 Q630,230 620,300 L580,320 Q560,250 550,230 Z" fill="#2c3e50"/>
|
|
<!-- Shirt collar -->
|
|
<path d="M580,175 L610,170 L615,190 L590,195 Z" fill="#f5f5f5"/>
|
|
<!-- Head shape -->
|
|
<circle cx="590" cy="130" r="50" fill="#e0c4a8"/>
|
|
<!-- Hair -->
|
|
<path d="M550,110 Q590,80 625,110 L615,140 Q585,120 560,140 Z" fill="#774936"/>
|
|
<!-- Face features suggestion -->
|
|
<ellipse cx="575" cy="120" rx="5" ry="3" fill="#333333"/>
|
|
<ellipse cx="605" cy="120" rx="5" ry="3" fill="#333333"/>
|
|
<path d="M575,145 Q590,155 605,145" fill="none" stroke="#333333" stroke-width="2"/>
|
|
</g>
|
|
|
|
<!-- Top title and subtitle elements -->
|
|
<g>
|
|
<text x="400" y="60" font-family="Arial, sans-serif" font-size="24" text-anchor="middle" fill="#ffffff" font-weight="bold">Professional Conversations</text>
|
|
<text x="400" y="90" font-family="Arial, sans-serif" font-size="16" text-anchor="middle" fill="#e1e8f0">Discover the depth of your career journey</text>
|
|
</g>
|
|
|
|
<!-- Additional decorative elements -->
|
|
<circle cx="150" cy="420" r="30" fill="#3b5998" opacity="0.2"/>
|
|
<circle cx="650" cy="420" r="30" fill="#3b5998" opacity="0.2"/>
|
|
<circle cx="400" cy="450" r="20" fill="#3b5998" opacity="0.2"/>
|
|
</svg> |