mirror of
https://github.com/marcogll/join_landing_vanity.git
synced 2026-01-13 13:25:15 +00:00
93 lines
4.4 KiB
Plaintext
93 lines
4.4 KiB
Plaintext
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 400" fill="none">
|
|
<defs>
|
|
<linearGradient id="classroomBg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#ffffff;stop-opacity:1" />
|
|
<stop offset="100%" style="stop-color:#f8f8f8;stop-opacity:1" />
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="600" height="400" fill="url(#classroomBg)"/>
|
|
|
|
<!-- Training room setup -->
|
|
<!-- Whiteboard/presentation area -->
|
|
<rect x="50" y="50" width="200" height="120" rx="10" fill="#ffffff" stroke="#e5e5e5" stroke-width="2"/>
|
|
|
|
<!-- Training content on board -->
|
|
<text x="150" y="80" text-anchor="middle" fill="#4D3F3C" font-size="14" font-weight="bold">Técnicas Avanzadas</text>
|
|
<circle cx="100" cy="100" r="15" fill="#A39660" opacity="0.3"/>
|
|
<circle cx="200" cy="100" r="15" fill="#A39660" opacity="0.3"/>
|
|
<path d="M85 100 L115 100 M185 100 L215 100" stroke="#4D3F3C" stroke-width="2"/>
|
|
|
|
<!-- Steps diagram -->
|
|
<rect x="80" y="120" width="20" height="20" rx="3" fill="#A39660"/>
|
|
<text x="90" y="133" text-anchor="middle" fill="#ffffff" font-size="10" font-weight="bold">1</text>
|
|
<rect x="130" y="120" width="20" height="20" rx="3" fill="#A39660"/>
|
|
<text x="140" y="133" text-anchor="middle" fill="#ffffff" font-size="10" font-weight="bold">2</text>
|
|
<rect x="180" y="120" width="20" height="20" rx="3" fill="#A39660"/>
|
|
<text x="190" y="133" text-anchor="middle" fill="#ffffff" font-size="10" font-weight="bold">3</text>
|
|
|
|
<!-- Instructor -->
|
|
<g transform="translate(300,80)">
|
|
<circle cx="30" cy="30" r="25" fill="#f4d1ae"/>
|
|
<path d="M10 20 Q30 5 50 20 Q50 15 30 10 Q10 15 10 20 Z" fill="#8b4513"/>
|
|
<circle cx="25" cy="27" r="2" fill="#2d2d2d"/>
|
|
<circle cx="35" cy="27" r="2" fill="#2d2d2d"/>
|
|
<path d="M27 33 Q30 36 33 33" stroke="#d2691e" stroke-width="1" fill="none"/>
|
|
|
|
<!-- Professional attire -->
|
|
<rect x="15" y="55" width="30" height="40" rx="5" fill="#4D3F3C"/>
|
|
<rect x="18" y="58" width="24" height="34" rx="3" fill="#A39660"/>
|
|
|
|
<!-- Teaching gesture -->
|
|
<path d="M55 40 L80 30" stroke="#f4d1ae" stroke-width="3"/>
|
|
</g>
|
|
|
|
<!-- Students/trainees -->
|
|
<g transform="translate(100,200)">
|
|
<!-- Student 1 -->
|
|
<circle cx="30" cy="30" r="20" fill="#f5deb3"/>
|
|
<path d="M15 20 Q30 10 45 20 Q45 35 40 45 Q30 50 20 45 Q10 35 15 20 Z" fill="#2f1b14"/>
|
|
<circle cx="26" cy="27" r="2" fill="#2d2d2d"/>
|
|
<circle cx="34" cy="27" r="2" fill="#2d2d2d"/>
|
|
<rect x="20" y="50" width="20" height="30" rx="3" fill="#A39660"/>
|
|
</g>
|
|
|
|
<g transform="translate(200,200)">
|
|
<!-- Student 2 -->
|
|
<circle cx="30" cy="30" r="20" fill="#f4d1ae"/>
|
|
<path d="M15 20 Q30 10 45 20 Q45 35 40 45 Q30 50 20 45 Q10 35 15 20 Z" fill="#8b4513"/>
|
|
<circle cx="26" cy="27" r="2" fill="#2d2d2d"/>
|
|
<circle cx="34" cy="27" r="2" fill="#2d2d2d"/>
|
|
<rect x="20" y="50" width="20" height="30" rx="3" fill="#A39660"/>
|
|
</g>
|
|
|
|
<g transform="translate(300,200)">
|
|
<!-- Student 3 -->
|
|
<circle cx="30" cy="30" r="20" fill="#f5deb3"/>
|
|
<path d="M15 20 Q30 10 45 20 Q45 35 40 45 Q30 50 20 45 Q10 35 15 20 Z" fill="#654321"/>
|
|
<circle cx="26" cy="27" r="2" fill="#2d2d2d"/>
|
|
<circle cx="34" cy="27" r="2" fill="#2d2d2d"/>
|
|
<rect x="20" y="50" width="20" height="30" rx="3" fill="#A39660"/>
|
|
</g>
|
|
|
|
<!-- Training materials -->
|
|
<rect x="450" y="100" width="100" height="80" rx="5" fill="#ffffff" stroke="#e5e5e5" stroke-width="2"/>
|
|
<text x="500" y="120" text-anchor="middle" fill="#4D3F3C" font-size="10" font-weight="bold">Materiales</text>
|
|
|
|
<!-- Tools and supplies -->
|
|
<circle cx="470" cy="140" r="8" fill="#A39660"/>
|
|
<rect x="485" y="135" width="15" height="10" rx="2" fill="#4D3F3C"/>
|
|
<circle cx="520" cy="140" r="6" fill="#A39660"/>
|
|
<rect x="470" y="155" width="20" height="5" rx="2" fill="#4D3F3C"/>
|
|
<circle cx="510" cy="160" r="5" fill="#A39660"/>
|
|
|
|
<!-- Learning progress indicators -->
|
|
<circle cx="400" cy="200" r="15" fill="#A39660" opacity="0.3"/>
|
|
<text x="400" y="205" text-anchor="middle" fill="#4D3F3C" font-size="10" font-weight="bold">✓</text>
|
|
|
|
<!-- Bottom description -->
|
|
<rect x="50" y="320" width="500" height="60" rx="10" fill="rgba(255,255,255,0.9)"/>
|
|
<text x="300" y="340" text-anchor="middle" fill="#4D3F3C" font-size="16" font-weight="bold">Capacitación Continua</text>
|
|
<text x="300" y="360" text-anchor="middle" fill="#A39660" font-size="12">Técnicas nuevas • Tendencias • Desarrollo profesional</text>
|
|
</svg> |