Spaces:
Running
Running
<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> | |