{"html":"

Welcome Back

We are you to have you Again

\n\n

Username

\n \n

Password

\n \n

\n\n

\n \n Remember Me\n

\n Forget Password\n

\n\n \n\n

Don't Have an Account ? Sign Up

\n","css":".card-container {\n width: 350px;\n height: 440px;\n background: transparent;\n position: relative;\n}\n\n.container {\n display: flex;\n height: 100%;\n width: 100%;\n align-items: center;\n justify-content: center;\n}\n\n.circle1 {\n height: 80px;\n width: 80px;\n border-radius: 50%;\n background-color: #2879f3;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.circle2 {\n height: 80px;\n width: 80px;\n border-radius: 50%;\n background-color: #f37e10;\n position: absolute;\n right: 0;\n bottom: 0;\n}\n\n.log-card {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n position: absolute;\n width: 300px;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);\n backdrop-filter: blur(5px);\n padding: 20px;\n}\n\n.heading {\n font-size: 28px;\n font-weight: 800;\n}\n\n.para {\n font-size: 14px;\n font-weight: 500;\n}\n\n.text {\n margin-top: 15px;\n margin-bottom: 0;\n font-size: 14px;\n font-weight: 600;\n color: lightslategray;\n}\n\n.input-group {\n margin-top: 10px;\n margin-bottom: 4px;\n}\n\n.input {\n box-sizing: border-box;\n margin-bottom: 5px;\n width: 100%;\n border: none;\n padding: 8px 16px;\n background-color: transparent;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);\n border-radius: 8px;\n font-weight: 600;\n color: #2879f3;\n}\n\n.input:hover {\n color: #2879f3;\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);\n}\n\n.password-group {\n display: flex;\n justify-content: space-between;\n margin-top: 5px;\n}\n\n.checkbox-group {\n color: black;\n font-size: 14px;\n font-weight: 500;\n}\n\n.forget-password {\n font-size: 14px;\n font-weight: 500;\n color: #2879f3;\n text-decoration: none;\n}\n\n.forget-password:hover {\n text-decoration: underline;\n color: #f37e10;\n}\n\n.btn {\n margin-top: 20px;\n margin-bottom: 10px;\n padding: 8px 16px;\n border: none;\n background-color: #2879f3;\n color: white;\n font-size: 16px;\n font-weight: 700;\n border-radius: 8px;\n}\n\n.btn:hover {\n background-color: #0653c7;\n}\n\n.no-account {\n font-size: 16px;\n font-weight: 400;\n}\n\n.link {\n font-weight: 800;\n color: #2879f3;\n}\n\n.link:hover {\n color: #f37e10;\n text-decoration: underline;\n}"}

old-ladybug-79

👁 实时预览

📝 源代码