{"id":928,"date":"2021-06-25T17:32:38","date_gmt":"2021-06-25T22:32:38","guid":{"rendered":"https:\/\/victorymovers.com\/?page_id=928"},"modified":"2021-06-26T21:02:42","modified_gmt":"2021-06-27T02:02:42","slug":"log-in","status":"publish","type":"page","link":"https:\/\/victorymovers.com\/?page_id=928","title":{"rendered":"log in"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"928\" class=\"elementor elementor-928\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ceee7f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7ceee7f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d128c1\" data-id=\"1d128c1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b5c2150 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5c2150\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-8ef48cb\" data-id=\"8ef48cb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dfe7b97 elementor-widget elementor-widget-html\" data-id=\"dfe7b97\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<style>\r\n\t\t\r\n@import url('https:\/\/fonts.googleapis.com\/css?family=Montserrat:400,800');\r\n\r\n\r\nh3 {\r\n\ttext-align: center;\r\n}\r\n\r\np {\r\n\tfont-size: 14px;\r\n\tfont-weight: 100;\r\n\tline-height: 20px;\r\n\tletter-spacing: 0.5px;\r\n\tmargin: 20px 0 30px;\r\n}\r\n\r\nspan {\r\n\tfont-size: 12px;\r\n}\r\n\r\na {\r\n\tcolor: #333;\r\n\tfont-size: 14px;\r\n\ttext-decoration: none;\r\n\tmargin: 15px 0;\r\n}\r\n\r\nbutton {\r\n\tborder-radius: 20px;\r\n\tborder: 1px solid #1468B2;\r\n\tbackground-color: #1468B2;\r\n\tcolor: #FFFFFF;\r\n\tfont-size: 12px;\r\n\tfont-weight: bold;\r\n\tpadding: 12px 45px;\r\n\tletter-spacing: 1px;\r\n\ttext-transform: uppercase;\r\n\ttransition: transform 80ms ease-in;\r\n}\r\n\r\nbutton:active {\r\n\ttransform: scale(0.95);\r\n}\r\n\r\nbutton:focus {\r\n\toutline: none;\r\n}\r\n\r\nbutton.ghost {\r\n\tbackground-color: transparent;\r\n\tborder-color: #FFFFFF;\r\n}\r\n\r\nform {\r\n\tbackground-color: #FFFFFF;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tflex-direction: column;\r\n\tpadding: 0 50px;\r\n\theight: 100%;\r\n\ttext-align: center;\r\n}\r\n\r\ninput {\r\n\tbackground-color: #eee;\r\n\tborder: none;\r\n\tpadding: 12px 15px;\r\n\tmargin: 8px 0;\r\n\twidth: 100%;\r\n}\r\n\r\n.container {\r\n\tbackground-color: #fff;\r\n\tborder-radius: 10px;\r\n  \tbox-shadow: 0 14px 28px rgba(0,0,0,0.25), \r\n\t\t\t0 10px 10px rgba(0,0,0,0.22);\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\twidth: 100%;\r\n\tmax-width: 100%;\r\n\tmin-height: 480px;\r\n}\r\n\r\n.form-container {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\theight: 100%;\r\n\ttransition: all 0.6s ease-in-out;\r\n}\r\n\r\n.sign-in-container {\r\n\tleft: 0;\r\n\twidth: 50%;\r\n\tz-index: 2;\r\n}\r\n\r\n.container.right-panel-active .sign-in-container {\r\n\ttransform: translateX(100%);\r\n}\r\n\r\n.sign-up-container {\r\n\tleft: 0;\r\n\twidth: 50%;\r\n\topacity: 0;\r\n\tz-index: 1;\r\n}\r\n\r\n.container.right-panel-active .sign-up-container {\r\n\ttransform: translateX(100%);\r\n\topacity: 1;\r\n\tz-index: 5;\r\n\tanimation: show 0.6s;\r\n}\r\n\r\n@keyframes show {\r\n\t0%, 49.99% {\r\n\t\topacity: 0;\r\n\t\tz-index: 1;\r\n\t}\r\n\t\r\n\t50%, 100% {\r\n\t\topacity: 1;\r\n\t\tz-index: 5;\r\n\t}\r\n}\r\n\r\n.overlay-container {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 50%;\r\n\twidth: 50%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\ttransition: transform 0.6s ease-in-out;\r\n\tz-index: 100;\r\n}\r\n\r\n.container.right-panel-active .overlay-container{\r\n\ttransform: translateX(-100%);\r\n}\r\n\r\n.overlay {\r\n\tbackground: #FF416C;\r\n\tbackground: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);\r\n\tbackground: linear-gradient(to right, #1468B2, #1450B2);\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: cover;\r\n\tbackground-position: 0 0;\r\n\tcolor: #FFFFFF;\r\n\tposition: relative;\r\n\tleft: -100%;\r\n\theight: 100%;\r\n\twidth: 200%;\r\n  \ttransform: translateX(0);\r\n\ttransition: transform 0.6s ease-in-out;\r\n}\r\n\r\n.container.right-panel-active .overlay {\r\n  \ttransform: translateX(50%);\r\n}\r\n\r\n.overlay-panel {\r\n\tposition: absolute;\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tflex-direction: column;\r\n\tpadding: 0 40px;\r\n\ttext-align: center;\r\n\ttop: 0;\r\n\theight: 100%;\r\n\twidth: 50%;\r\n\ttransform: translateX(0);\r\n\ttransition: transform 0.6s ease-in-out;\r\n}\r\n\r\n.overlay-left {\r\n\ttransform: translateX(-20%);\r\n}\r\n\r\n.container.right-panel-active .overlay-left {\r\n\ttransform: translateX(0);\r\n}\r\n\r\n.overlay-right {\r\n\tright: 0;\r\n\ttransform: translateX(0);\r\n}\r\n\r\n.container.right-panel-active .overlay-right {\r\n\ttransform: translateX(20%);\r\n}\r\n\r\n.social-container {\r\n\tmargin: 20px 0;\r\n}\r\n\r\n.social-container a {\r\n\tborder: 1px solid #DDDDDD;\r\n\tborder-radius: 50%;\r\n\tdisplay: inline-flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\tmargin: 0 5px;\r\n\theight: 40px;\r\n\twidth: 40px;\r\n}\r\n\t<\/style>\r\n<div class=\"container\" id=\"container\">\r\n\t<div class=\"form-container sign-up-container\">\r\n\t\t<form action=\"#\">\r\n\t\t\t<h3>Create Account<\/h3>\r\n\t\t\t<div class=\"social-container\">\r\n\t\t\t\t<a href=\"#\" class=\"social\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n\t\t\t\t<a href=\"#\" class=\"social\"><i class=\"fab fa-google-plus-g\"><\/i><\/a>\r\n\t\t\t\t<a href=\"#\" class=\"social\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<span>or use your email for registration<\/span>\r\n\t\t\t<input type=\"text\" placeholder=\"Name\" \/>\r\n\t\t\t<input type=\"email\" placeholder=\"Email\" \/>\r\n\t\t\t<input type=\"password\" placeholder=\"Password\" \/>\r\n\t\t\t<button onClick=\"alert('\u00abError establishing a database connection\u00bb')\">Sign Up<\/button>\r\n\t\t<\/form>\r\n\t<\/div>\r\n\t<div class=\"form-container sign-in-container\">\r\n\t\t<form action=\"#\">\r\n\t\t\t<h3>Sign in<\/h3>\r\n\t\t\t<div class=\"social-container\">\r\n\t\t\t\t<a href=\"#\" class=\"social\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\r\n\t\t\t\t<a href=\"#\" class=\"social\"><i class=\"fab fa-google-plus-g\"><\/i><\/a>\r\n\t\t\t\t<a href=\"#\" class=\"social\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n\t\t\t<\/div>\r\n\t\t\t<span>or use your account<\/span>\r\n\t\t\t<input type=\"email\" placeholder=\"Email\" \/>\r\n\t\t\t<input type=\"password\" placeholder=\"Password\" \/>\r\n\t\t\t<a href=\"#\">Forgot your password?<\/a>\r\n\t\t\t<button onClick=\"alert('\u00abError establishing a database connection\u00bb')\">Sign In<\/button>\r\n\t\t<\/form>\r\n\t<\/div>\r\n\t<div class=\"overlay-container\">\r\n\t\t<div class=\"overlay\">\r\n\t\t\t<div class=\"overlay-panel overlay-left\">\r\n\t\t\t\t<h3>Welcome Back!<\/h3>\r\n\t\t\t\t<p>To keep connected with us please login with your personal details<\/p>\r\n\t\t\t\t<button class=\"ghost\" id=\"signIn\">Sign In<\/button>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"overlay-panel overlay-right\">\r\n\t\t\t\t<h3>Hello!<\/h3>\r\n\t\t\t\t<p>Enter your personal details and start delivering with us<\/p>\r\n\t\t\t\t<button class=\"ghost\" id=\"signUp\">Sign Up<\/button>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n\t<script>\r\n\t\tconst signUpButton = document.getElementById('signUp');\r\n\t\tconst signInButton = document.getElementById('signIn');\r\n\t\tconst container = document.getElementById('container');\r\n\r\n\t\tsignUpButton.addEventListener('click', () => {\r\n\t\t\tcontainer.classList.add(\"right-panel-active\");\r\n\t\t});\r\n\t\t\r\n\t\tsignInButton.addEventListener('click', () => {\r\n\t\t\tcontainer.classList.remove(\"right-panel-active\");\r\n\t\t});\r\n\t<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Create Account or use your email for registration Sign Up Sign in or use your account Forgot your password? Sign In Welcome Back! To keep connected with us please login with your personal details Sign In Hello! Enter your personal details and start delivering with us Sign Up<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/victorymovers.com\/index.php?rest_route=\/wp\/v2\/pages\/928"}],"collection":[{"href":"https:\/\/victorymovers.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/victorymovers.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/victorymovers.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/victorymovers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=928"}],"version-history":[{"count":33,"href":"https:\/\/victorymovers.com\/index.php?rest_route=\/wp\/v2\/pages\/928\/revisions"}],"predecessor-version":[{"id":1004,"href":"https:\/\/victorymovers.com\/index.php?rest_route=\/wp\/v2\/pages\/928\/revisions\/1004"}],"wp:attachment":[{"href":"https:\/\/victorymovers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}