<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 ----------> <div id="wrapper"> <div id="page-wrapper"> <div class="row"> <div class="container"> <div id="identitycard" style="margin-top:50px" class="mainbox col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2"> <div class="panel panel-info"> <div class="panel-heading"> <div class="panel-title">Upload Identity Photo</div> </div> <div class="panel-body"> <div class="row"> <p style="padding: 8px;" class="text-center">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here.</p> </div> <div class="row" style="padding: 10px 15px 9px;"> <form role="form"> <div class="form-group"> <div class="row" style="margin-bottom: 20px;"> <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 col-md-offset-3 col-sm-offset-3 col-xs-offset-2"> <input type="file" id="exampleInputFile"> </div> </div> <div class="row text-center" style="padding-left: 20px;padding-right: 20px;"> <button type="submit" class="btn btn-lg btn-block btn-success" style="border-radius: 50px;background-color:hover: #35832f;">Submit</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div class="row text-center"> <img src="http://via.placeholder.com/484x434" width="484px" height="434px" /> </div> </div> </div>