custom skeleton JRL
A Pen by Jonathan R Lopez on CodePen.
<div class="form-content col-md-10"> | |
<form class="custom-form"> | |
<!-- login goes here --> | |
<legend>sign up today!</legend> | |
<input type="text" placeholder="please enter your name..." /> | |
<input type="password" placeholder="please enter you password" /> | |
<input type="submit" value="sign up" /> | |
</form> | |
</div> |
custom skeleton JRL
A Pen by Jonathan R Lopez on CodePen.
* { | |
font-family: 'Open Sans Condensed', sans-serif; | |
} | |
.form-content { | |
background-color: #a1c3df; | |
margin-right:auto;margin-left: 100px; | |
height: 350px; | |
} | |
form { | |
text-align: center; | |
} | |
form > input:nth-of-type(1) { | |
width: 100%; | |
padding: 10px; | |
margin: 2px; | |
margin-top: 20px; | |
} | |
form > input:nth-of-type(2) { | |
width: 100%; | |
padding: 10px; | |
margin: 2px; | |
margin-top: 20px; | |
} | |
form > legend { | |
margin-top: 20px; | |
text-align: center; | |
} | |
form > input[type="submit"] { | |
margin-top: 20px; | |
} |
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" rel="stylesheet" /> | |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> | |
<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed" rel="stylesheet" /> |
just a simple login form i created to use