<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <p class="text-center">Nav bar goes here</p> <div class="container"> <div class="row"> <div class="col-md-8"> <section> <h1 class=""><span>Sign Up</span> </h1> <div class="row" style="float: none; margin: 0 auto;"> <a href="https://cl.ly/171K0H0q2W1T" target="_blank"><img src="https://dha4w82d62smt.cloudfront.net/items/200S3c422r1w2j2H0Q28/Image%202018-05-09%20at%2010.44.23%20AM.png" style="display: block;height: auto;width: 80%;"/></a> <a href="https://cl.ly/320H0t2h143P" target="_blank"><img src="https://dha4w82d62smt.cloudfront.net/items/0v3j3h3b212a0b0h1r3H/Image%202018-05-09%20at%2010.44.29%20AM.png" style="display: block;height: auto;width: 80%;"/></a> </div> <hr> <form class="form-horizontal" method="post" name="signup" id="signup" enctype="multipart/form-data" > <div class="form-group"> <label class="control-label col-sm-3">Email<span class="text-danger">*</span></label> <div class="col-md-8 col-sm-9"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> <input type="email" class="form-control" name="emailid" id="emailid" placeholder="Enter your Email ID" value=""> </div> <small> Your Email will also be used as your username </small> </div> </div> <div class="form-group"> <label class="control-label col-sm-3">Set Password <span class="text-danger">*</span></label> <div class="col-md-5 col-sm-8"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> <input type="password" class="form-control" name="password" id="password" placeholder="Choose password (5-15 chars)" value=""> </div> </div> </div> <div class="form-group"> <label class="control-label col-sm-3">Confirm Password <span class="text-danger">*</span></label> <div class="col-md-5 col-sm-8"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span> <input type="password" class="form-control" name="cpassword" id="cpassword" placeholder="Confirm your password" value=""> </div> </div> </div> <hr> <div class="form-group"> <label class="control-label col-sm-3">First Name <span class="text-danger">*</span></label> <div class="col-md-8 col-sm-9"> <input type="text" class="form-control" name="mem_name" id="mem_name" placeholder="Enter your First Name here" value=""> </div> </div> <div class="form-group"> <label class="control-label col-sm-3">Last Name <span class="text-danger">*</span></label> <div class="col-md-8 col-sm-9"> <input type="text" class="form-control" name="mem_name" id="mem_name" placeholder="Enter your Last Name here" value=""> </div> </div> <div class="form-group"> <label class="control-label col-sm-3">Company <span class="text-danger">*</span></label> <div class="col-md-8 col-sm-9"> <input type="text" class="form-control" name="mem_name" id="mem_name" placeholder="Enter your Company here" value=""> </div> </div> <div class="form-group"> <div class="col-xs-offset-3 col-xs-10"> <input name="Submit" type="submit" value="Sign Up" class="btn btn-primary"> </div> </div> </form> </div> </div> </div>

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700); body { background: #fff; font-family: 'Roboto', sans-serif; color:#333; line-height: 22px; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color:#111; margin-top:5px; margin-bottom:5px; } input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 12px; cursor: pointer; opacity: 1; filter: alpha(opacity=1); } .form-inline .form-group{ margin-left: 0; margin-right: 0; } .control-label { color:#333333; }

$(document).ready(function(){ $("[rel=tooltip]").tooltip({ placement: 'right'}); });