{"id":152,"date":"2026-06-03T22:09:05","date_gmt":"2026-06-03T22:09:05","guid":{"rendered":"https:\/\/learn.sjnote.com\/t-sjnotebook-freelancergmail-com\/custom-login\/"},"modified":"2026-06-03T22:09:05","modified_gmt":"2026-06-03T22:09:05","slug":"custom-login","status":"publish","type":"page","link":"https:\/\/learn.sjnote.com\/t-free-lancer\/custom-login\/","title":{"rendered":"Login"},"content":{"rendered":"\t<div class=\"login-page\">\r\n\t\t<div class=\"login-container\">\r\n\t\t\t<div class=\"login-card\">\r\n\t\t\t\t<div class=\"login-header\">\r\n\t\t\t\t\t<h1>Welcome Back<\/h1>\r\n\t\t\t\t\t<p>Sign in to your account<\/p>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t<form class=\"login-form\" action=\"\" method=\"post\">\r\n\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t<label for=\"user_login\">Username or Email<\/label>\r\n\t\t\t\t\t\t<input type=\"text\" name=\"log\" id=\"user_login\" class=\"form-input\" required>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t<label for=\"user_pass\">Password<\/label>\r\n\t\t\t\t\t\t<input type=\"password\" name=\"pwd\" id=\"user_pass\" class=\"form-input\" required>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"form-group checkbox-group\">\r\n\t\t\t\t\t\t<label class=\"checkbox-label\">\r\n\t\t\t\t\t\t\t<input type=\"checkbox\" name=\"rememberme\" value=\"forever\">\r\n\t\t\t\t\t\t\t<span class=\"checkmark\"><\/span>\r\n\t\t\t\t\t\t\tRemember me\t\t\t\t\t\t<\/label>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t\t<button type=\"submit\" class=\"login-btn\">\r\n\t\t\t\t\t\t\t<span class=\"btn-text\">Sign In<\/span>\r\n\t\t\t\t\t\t\t<span class=\"btn-loader\" style=\"display: none;\">\r\n\t\t\t\t\t\t\t\t<svg class=\"spinner\" viewBox=\"0 0 50 50\">\r\n\t\t\t\t\t\t\t\t\t<circle class=\"path\" cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" stroke-width=\"5\"><\/circle>\r\n\t\t\t\t\t\t\t\t<\/svg>\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<\/button>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<input type=\"hidden\" name=\"redirect_to\" value=\"https:\/\/learn.sjnote.com\/t-free-lancer\">\r\n\t\t\t\t\t<input type=\"hidden\" id=\"login_nonce\" name=\"login_nonce\" value=\"315d5aba36\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/t-free-lancer\/wp-json\/wp\/v2\/pages\/152\" \/>\t\t\t\t<\/form>\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"login-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\tDon&#039;t have an account?\t\t\t\t\t\t<a href=\"https:\/\/learn.sjnote.com\/t-free-lancer\/custom-register\" class=\"register-link\">\r\n\t\t\t\t\t\t\tSign up\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t<a href=\"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-login.php?action=lostpassword\" class=\"forgot-link\">\r\n\t\t\t\t\t\t\tForgot your password?\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"login-decoration\">\r\n\t\t\t\t<div class=\"decoration-circle circle-1\"><\/div>\r\n\t\t\t\t<div class=\"decoration-circle circle-2\"><\/div>\r\n\t\t\t\t<div class=\"decoration-circle circle-3\"><\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\tconst loginForm = document.querySelector('.login-form');\r\n\t\tconst loginBtn = document.querySelector('.login-btn');\r\n\t\tconst btnText = document.querySelector('.btn-text');\r\n\t\tconst btnLoader = document.querySelector('.btn-loader');\r\n\r\n\t\tif (loginForm) {\r\n\t\t\tloginForm.addEventListener('submit', function() {\r\n\t\t\t\t\/\/ Show loading state\r\n\t\t\t\tbtnText.style.display = 'none';\r\n\t\t\t\tbtnLoader.style.display = 'inline-block';\r\n\t\t\t\tloginBtn.disabled = true;\r\n\t\t\t});\r\n\t\t}\r\n\t});\r\n\t<\/script>\r\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-login.php","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":0,"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"wp:attachment":[{"href":"https:\/\/learn.sjnote.com\/t-free-lancer\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}