marcogll/join_landing_vanity
1
0
Fork 0
mirror of https://github.com/marcogll/join_landing_vanity.git synced 2026-01-13 13:25:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial commit: Landing page for partners

Browse Source
This commit is contained in:
Marco Gallegos
2025-10-29 11:42:44 -06:00
parent 3905b021f3
commit d80c40710a
51 changed files with 6936 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
assets/img/carousel/capacitacion.webp Normal file
View File

@@ -0,0 +1,93 @@
<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>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB