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-realestate" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#0f172a"/>
|
||
|
|
<stop offset="100%" style="stop-color:#0c3547"/>
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<rect width="400" height="260" rx="12" fill="url(#bg-realestate)"/>
|
||
|
|
<!-- 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="80" height="12" rx="3" fill="#0ea5e9" 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="50" height="12" rx="3" fill="rgba(255,255,255,0.2)"/>
|
||
|
|
<!-- Hero text -->
|
||
|
|
<rect x="60" y="55" width="200" height="18" rx="4" fill="rgba(255,255,255,0.9)"/>
|
||
|
|
<rect x="80" y="80" width="160" height="8" rx="3" fill="rgba(255,255,255,0.3)"/>
|
||
|
|
<!-- Search bar -->
|
||
|
|
<rect x="80" y="100" width="240" height="28" rx="6" fill="rgba(255,255,255,0.1)" stroke="rgba(14,165,233,0.3)" stroke-width="1"/>
|
||
|
|
<rect x="260" y="104" width="54" height="20" rx="4" fill="#0ea5e9"/>
|
||
|
|
<!-- Property cards -->
|
||
|
|
<rect x="30" y="148" width="108" height="90" rx="6" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<rect x="30" y="148" width="108" height="50" rx="6" fill="rgba(14,165,233,0.12)"/>
|
||
|
|
<rect x="146" y="148" width="108" height="90" rx="6" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<rect x="146" y="148" width="108" height="50" rx="6" fill="rgba(14,165,233,0.1)"/>
|
||
|
|
<rect x="262" y="148" width="108" height="90" rx="6" fill="rgba(255,255,255,0.06)"/>
|
||
|
|
<rect x="262" y="148" width="108" height="50" rx="6" fill="rgba(14,165,233,0.12)"/>
|
||
|
|
<!-- Price tags -->
|
||
|
|
<rect x="38" y="208" width="50" height="10" rx="3" fill="#0ea5e9" opacity="0.7"/>
|
||
|
|
<rect x="154" y="208" width="50" height="10" rx="3" fill="#0ea5e9" opacity="0.7"/>
|
||
|
|
<rect x="270" y="208" width="50" height="10" rx="3" fill="#0ea5e9" opacity="0.7"/>
|
||
|
|
</svg>
|