public/images/preview/Invoice-generator-Login.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="921px" height="551px" viewBox="-0.5 -0.5 921 551" style="background-color: rgb(255, 255, 255);"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ededed-1-dedede-1-s-0"><stop offset="0%" style="stop-color: rgb(237, 237, 237); stop-opacity: 1;"/><stop offset="100%" style="stop-color: rgb(222, 222, 222); stop-opacity: 1;"/></linearGradient></defs><g><rect x="0" y="0" width="920" height="550" fill="#ffffff" stroke="#000000" pointer-events="all"/><ellipse cx="855" cy="15" rx="10" ry="10" fill="none" stroke="#000000" pointer-events="all"/><ellipse cx="880" cy="15" rx="10" ry="10" fill="none" stroke="#000000" pointer-events="all"/><ellipse cx="905" cy="15" rx="10" ry="10" fill="none" stroke="#008cff" pointer-events="all"/><path d="M 0 30 L 920 30" fill="none" stroke="#c4c4c4" stroke-miterlimit="10" pointer-events="all"/><g fill="#666666" font-family="Arial,Helvetica" font-size="17px"/><rect x="820" y="30" width="100" height="30" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 45px; margin-left: 821px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><h2 style="color: rgb(99 , 107 , 111) ; font-family: &quot;nunito&quot; , sans-serif ; background-color: rgb(255 , 255 , 255)"><font style="font-size: 14px">Login</font></h2></div></div></div></foreignObject><text x="870" y="49" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">Login</text></switch></g><rect x="60" y="80" width="800" height="380" rx="5" fill="#ffffff" stroke="#dfdfdf" pointer-events="all"/><path d="M 60 85 C 60 82.24 62.24 80 65 80 L 855 80 C 857.76 80 860 82.24 860 85 L 860 120 L 60 120 Z" fill="#f7f7f7" stroke="#dfdfdf" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 762px; height: 1px; padding-top: 100px; margin-left: 80px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Login</div></div></div></foreignObject><text x="80" y="104" fill="#000000" font-family="Helvetica" font-size="14px">Login</text></switch></g><rect x="200" y="140" width="560" height="300" fill="#ffffff" stroke="#ffffff" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 200px; margin-left: 212px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: nowrap;">Email- Adress</div></div></div></foreignObject><text x="212" y="204" fill="#666666" font-family="Helvetica" font-size="12px">Email- Adress</text></switch></g><rect x="300" y="188" width="420" height="25" fill="#ffffff" stroke="#999999" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 201px; margin-left: 307px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: nowrap;">johndoe</div></div></div></foreignObject><text x="307" y="204" fill="#666666" font-family="Helvetica" font-size="12px">johndoe</text></switch></g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 253px; margin-left: 222px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: nowrap;">Password:</div></div></div></foreignObject><text x="222" y="257" fill="#666666" font-family="Helvetica" font-size="12px">Password:</text></switch></g><rect x="300" y="240" width="420" height="25" fill="#ffffff" stroke="#999999" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 253px; margin-left: 307px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; white-space: nowrap;">********</div></div></div></foreignObject><text x="307" y="256" fill="#666666" font-family="Helvetica" font-size="12px">********</text></switch></g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 330px; margin-left: 382px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(153, 153, 255); line-height: 1.2; pointer-events: all; text-decoration: underline; white-space: nowrap;">Forgot Password?</div></div></div></foreignObject><text x="382" y="334" fill="#9999ff" font-family="Helvetica" font-size="12px" text-decoration="underline">Forgot Password?</text></switch></g><rect x="300" y="318" width="70" height="22" rx="5" fill="#0085fc" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 62px; height: 1px; padding-top: 329px; margin-left: 304px;"><div style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Login</div></div></div></foreignObject><text x="335" y="334" fill="#FFFFFF" font-family="Helvetica" font-size="16px" text-anchor="middle">Login</text></switch></g><rect x="310" y="289" width="10" height="10" rx="2" ry="2" fill="url(#mx-gradient-ededed-1-dedede-1-s-0)" stroke="#ffffff" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 294px; margin-left: 325px;"><div style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(108, 118, 125); line-height: 1.2; pointer-events: all; white-space: nowrap;">Remember Me</div></div></div></foreignObject><text x="325" y="298" fill="#6C767D" font-family="Helvetica" font-size="12px">Re...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>