| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>login-sk demo</title> |
| <meta charset="utf-8" /> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <script type="text/javascript" charset="utf-8"> |
| // This bit of script loads the custom elements v1 polyfill, but only if required. |
| if (!window.customElements) { |
| var newScript = document.createElement('script'); |
| newScript.src = "https://cdnjs.cloudflare.com/ajax/libs/custom-elements/1.0.8/custom-elements.min.js"; |
| document.write(newScript.outerHTML); |
| } |
| </script> |
| <style type="text/css" media="screen"> |
| .loginsk { |
| background: #1F78B4; |
| padding: 1em; |
| display: flex; |
| flex-flow: row; |
| justify-content: flex-end; |
| } |
| </style> |
| </head> |
| <body> |
| <h1>login-sk demo</h1> |
| <div class='loginsk' > |
| <login-sk></login-sk> |
| </div> |
| <footer> |
| <error-toast-sk></error-toast-sk> |
| </footer> |
| </body> |
| </html> |