JRL__skeleton

index.html

<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>

JRL__skeleton.markdown

JRL__skeleton

custom skeleton JRL

A Pen by Jonathan R Lopez on CodePen.

License.

style.scss

* {
  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;
}

styles

<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