31 lines
1.7 KiB
XML
31 lines
1.7 KiB
XML
|
<svg width="400" height="260" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="bg-course" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#0f172a"/>
|
||
|
|
<stop offset="100%" style="stop-color:#3b1f7e"/>
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<rect width="400" height="260" rx="12" fill="url(#bg-course)"/>
|
||
|
|
<!-- Nav bar -->
|
||
|
|
<rect x="0" y="0" width="400" height="32" rx="12" fill="rgba(0,0,0,0.3)"/>
|
||
|
|
<rect x="12" y="10" width="60" height="12" rx="3" fill="#8b5cf6" opacity="0.8"/>
|
||
|
|
<rect x="310" y="8" width="70" height="16" rx="4" fill="#8b5cf6"/>
|
||
|
|
<!-- Hero text -->
|
||
|
|
<rect x="50" y="58" width="220" height="18" rx="4" fill="rgba(255,255,255,0.9)"/>
|
||
|
|
<rect x="50" y="84" width="180" height="8" rx="3" fill="rgba(255,255,255,0.3)"/>
|
||
|
|
<!-- Stats -->
|
||
|
|
<rect x="50" y="104" width="60" height="10" rx="3" fill="rgba(139,92,246,0.4)"/>
|
||
|
|
<rect x="120" y="104" width="60" height="10" rx="3" fill="rgba(139,92,246,0.4)"/>
|
||
|
|
<rect x="190" y="104" width="60" height="10" rx="3" fill="rgba(139,92,246,0.4)"/>
|
||
|
|
<!-- Curriculum items -->
|
||
|
|
<rect x="30" y="130" width="160" height="20" rx="4" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<rect x="30" y="155" width="160" height="20" rx="4" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<rect x="30" y="180" width="160" height="20" rx="4" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<!-- Pricing card -->
|
||
|
|
<rect x="220" y="130" width="150" height="100" rx="8" fill="rgba(139,92,246,0.15)" stroke="#8b5cf6" stroke-width="0.5"/>
|
||
|
|
<rect x="250" y="150" width="90" height="14" rx="3" fill="#8b5cf6" opacity="0.6"/>
|
||
|
|
<rect x="255" y="200" width="80" height="20" rx="4" fill="#8b5cf6"/>
|
||
|
|
<!-- Accent circle -->
|
||
|
|
<circle cx="360" cy="60" r="30" fill="#8b5cf6" opacity="0.1"/>
|
||
|
|
</svg>
|