HTML MARKUP
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<div class="ct-shadowBox ct-backgroundContent" data-type="color" data-bg-color="rgba(255, 255, 255, .4)" data-snap-ignore="true"> <div class="form"> <div class="text-right ct-u-colorLighterGray ct-u-size16"> <span class="ct-u-colorLighterGrey ct-u-cursorPointer" data-toggle="modal" data-target="#myModal">Login</span> </div> <div class="text-left"> <h3 class="ct-u-marginBoth0 ct-u-marginTopMinus10 ct-u-size24 ct-fw-400">Join Us</h3> </div> <form class="ct-u-paddingTop25 ct-u-form-control--Default ct-loginForm"> <div class="form-group"> <input type="text" class="form-control input-sm" placeholder="First Name" required="required"> </div> <div class="form-group"> <input type="text" class="form-control input-sm" placeholder="Last Name" required="required"> </div> <div class="form-group"> <input type="email" class="form-control input-sm" placeholder="Email Address" required="required"> </div> <div class="form-group"> <input type="email" class="form-control input-sm" placeholder="Confirm Email Address" required="required"> </div> <button type="submit" class="btn btn-xs btn-primary btn-block text-uppercase ct-u-size14">Sign up</button> <div class="help-block ct-u-size12 ct-u-colorLighterGray ct-u-paddingTop20"> By signing up with 1step, you agree to our <a href="">Terms of OurService</a> and <a href="">Privacy Policy.</a> </div> </form> </div> </div> |
Screenshot: