Dealman Posted October 12, 2015 Share Posted October 12, 2015 "uk-height-1-1"> "uk-vertical-align uk-text-center uk-height-1-1"> "uk-vertical-align-middle" style="width: 250px;"> "uk-margin-bottom" width="140" height="120" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTQwcHgiIGhlaWdodD0iMTIwcHgiIHZpZXdCb3g9Ii0yOS41IDI3NS41IDE0MCAxMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTI5LjUgMjc1LjUgMTQwIDEyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBvcGFjaXR5PSIwLjciPg0KCTxwYXRoIGZpbGw9IiNEOEQ4RDgiIGQ9Ik0tNi4zMzMsMjk4LjY1NHY3My42OTFoOTMuNjY3di03My42OTFILTYuMzMzeiBNNzkuNzg4LDM2NC4zNTVIMS42NTZ2LTU3LjcwOWg3OC4xMzJWMzY0LjM1NXoiLz4NCgk8cG9seWdvbiBmaWxsPSIjRDhEOEQ4IiBwb2ludHM9IjUuODYsMzU4LjE0MSAyMS45NjIsMzQxLjIxNiAyNy45OTUsMzQzLjgyNyA0Ny4wMzIsMzIzLjU2MSA1NC41MjQsMzMyLjUyMyA1Ny45MDUsMzMwLjQ4IA0KCQk3Ni4yMDMsMzU4LjE0MSAJIi8+DQoJPGNpcmNsZSBmaWxsPSIjRDhEOEQ4IiBjeD0iMjQuNDYyIiBjeT0iMzIxLjMyMSIgcj0iNy4wMzQiLz4NCjwvZz4NCjwvc3ZnPg0K" alt=""> "uk-panel uk-panel-box uk-form"> "uk-form-row"> -- Create 2 alert messages which are hidden by default --> "display: none;" class="uk-alert uk-alert-danger" id="loginErrorAlert">Login Failed! Invalid username and/or password. "display: none;" class="uk-alert uk-alert-success" id="loginSuccessAlert">Login Successful! -- Create an input field for the username --> "uk-width-1-1 uk-form-large" type="text" id="usernameField" placeholder="Username" maxlength="24"/> "uk-form-row"> -- Create an input field for the password --> "uk-width-1-1 uk-form-large" type="password" id="passwordField" placeholder="Password" maxlength="24"/> "uk-form-row"> -- Create a button to trigger the login events --> "uk-width-1-1 data-uk-button uk-button-primary uk-button-large" onclick="triggerLoginEvent()">Login "uk-form-row uk-text-small"> -- Create a checkbox for remembering the password (Not Implemented) --> "uk-float-left">type="checkbox"> Remember Me -- Create a link for password recovery (Not Implemented) --> "uk-float-right uk-link uk-link-muted">Forgot Password? Link to comment
JoaoZanetti Posted November 23, 2015 Share Posted November 23, 2015 Can you make a quick tutorial how to install ? Thanks. Link to comment
DRW Posted November 24, 2015 Share Posted November 24, 2015 Dammit, man, I love the UIKit concept. Really god job there, mate. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now