32 lines
1.9 KiB
XML
32 lines
1.9 KiB
XML
|
<svg width="400" height="260" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="bg-travel" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#1e293b"/>
|
||
|
|
<stop offset="100%" style="stop-color:#422006"/>
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<rect width="400" height="260" rx="12" fill="url(#bg-travel)"/>
|
||
|
|
<!-- 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="90" height="12" rx="3" fill="#f59e0b" opacity="0.8"/>
|
||
|
|
<rect x="280" y="10" width="40" height="12" rx="3" fill="rgba(255,255,255,0.2)"/>
|
||
|
|
<rect x="330" y="10" width="40" height="12" rx="3" fill="rgba(255,255,255,0.2)"/>
|
||
|
|
<!-- Hero with image overlay feel -->
|
||
|
|
<rect x="0" y="32" width="400" height="100" fill="rgba(245,158,11,0.05)"/>
|
||
|
|
<rect x="80" y="55" width="240" height="18" rx="4" fill="rgba(255,255,255,0.9)"/>
|
||
|
|
<rect x="100" y="80" width="200" height="8" rx="3" fill="rgba(255,255,255,0.3)"/>
|
||
|
|
<!-- CTA -->
|
||
|
|
<rect x="150" y="100" width="100" height="22" rx="5" fill="#f59e0b"/>
|
||
|
|
<!-- Blog post cards -->
|
||
|
|
<rect x="25" y="148" width="110" height="90" rx="6" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<rect x="25" y="148" width="110" height="55" rx="6" fill="rgba(245,158,11,0.12)"/>
|
||
|
|
<rect x="145" y="148" width="110" height="90" rx="6" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<rect x="145" y="148" width="110" height="55" rx="6" fill="rgba(245,158,11,0.1)"/>
|
||
|
|
<rect x="265" y="148" width="110" height="90" rx="6" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<rect x="265" y="148" width="110" height="55" rx="6" fill="rgba(245,158,11,0.12)"/>
|
||
|
|
<!-- Post titles -->
|
||
|
|
<rect x="33" y="212" width="70" height="8" rx="2" fill="rgba(255,255,255,0.5)"/>
|
||
|
|
<rect x="153" y="212" width="70" height="8" rx="2" fill="rgba(255,255,255,0.5)"/>
|
||
|
|
<rect x="273" y="212" width="70" height="8" rx="2" fill="rgba(255,255,255,0.5)"/>
|
||
|
|
</svg>
|