Spaces:
Running
Running
File size: 2,030 Bytes
04e0e6c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none" width="100%" height="100%">
<!-- Background -->
<rect width="100%" height="100%" fill="#1e1e1e"/>
<!-- Header -->
<rect x="0" y="0" width="100%" height="10" fill="#2a2a2a"/>
<a xlink:href="http://example.com" target="_blank" xmlns:xlink="http://www.w3.org/1999/xlink">
<text x="50%" y="5" alignment-baseline="middle" text-anchor="middle" fill="#fff" font-size="3" font-family="Arial, sans-serif">
<![CDATA[Thee Eclipse Form]]>
</text>
</a>
<!-- Footer -->
<rect x="0" y="90" width="100%" height="10" fill="#2a2a2a"/>
<text x="50%" y="95" alignment-baseline="middle" text-anchor="middle" fill="red" font-size="2" font-family="Arial, sans-serif">
<![CDATA[Footer Text]]>
</text>
<!-- Centered Form -->
<foreignObject x="20" y="20" width="60%" height="60%">
<body xmlns="http://www.w3.org/1999/xhtml" style="margin: 0; display: flex; align-items: center; justify-content: center; height: 100%; color: #fff;">
<form style="width: 70%; font-family: Arial, sans-serif; color: #fff; background-color: #333; padding: 6px; border-radius: 5px;">
<label style="margin-bottom: 1px; font-size: 2px; display: block;">
<![CDATA[First Name:]]>
</label>
<input type="text" style="width: 90%; padding: 2px; margin-bottom: 1px; border-radius: 3px; border: 1px solid #666; font-size: 2px;"/>
<label style="margin-bottom: 1px; font-size: 2px; display: block;">
<![CDATA[Email:]]>
</label>
<input type="email" style="width: 90%; padding: 2px; margin-bottom: 1px; border-radius: 3px; border: 1px solid #666; font-size: 2px;"/>
<button type="submit" style="width: 90%; padding: 3px; background-color: #00bfff; color: #fff; border: none; border-radius: 3px; font-size: 2px; font-weight: bold;">
<![CDATA[Submit]]>
</button>
</form>
</body>
</foreignObject>
</svg>
|