<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <div id="login-overlay" class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="myModalLabel">Login to site.com</h4> </div> <div class="row"> <div class="col-md-5"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">John Smith</h3> </div> <div class="panel-body"> <form class="form-horizontal" role="form"> <div class="form-group"> <label class="col-sm-5 control-label">Leverandør</label> <div class="col-sm-10"><p class="form-control-static">pil.dk & Quickpay</p></div> </div> <div class="form-group hidden-sm hidden-xs"> <label class="col-sm-5 control-label">Adresse</label> <div class="col-sm-7"><p class="form-control-static">FGE Rostrupvej 2<br/>8000 Aarhus C</p></div> </div> <div class="form-group"> <label class="col-sm-5 control-label">Faktura</label> <div class="col-sm-7"><p class="form-control-static pull-right">33360</p></div> </div> <div class="form-group"> <label class="col-sm-5 control-label">Fakturadato</label> <div class="col-sm-7"><p class="form-control-static pull-right">03-10-2011</p></div> </div> <div class="form-group"> <label class="col-sm-5 control-label">Forfaldsdato</label> <div class="col-sm-7"><p class="form-control-static pull-right">11-10-2011</p></div> </div> <div class="form-group"> <label class="col-sm-5 control-label">Beløb</label> <div class="col-sm-7"><p class="form-control-static pull-right">3000</p></div> </div> <div class="form-group"> <label class="col-sm-5 control-label">Moms</label> <div class="col-sm-7"><p class="form-control-static pull-right">750</p></div> </div> <div class="form-group"> <label class="col-sm-5 control-label">Total</label> <div class="col-sm-7"><p class="form-control-static pull-right">3750</p></div> </div> </form> </div> </div> </div> <div class="col-xs-6"> <p class="lead">Register now for <span class="text-success">FREE</span></p> <ul class="list-unstyled" style="line-height: 2"> <li><span class="fa fa-check text-success"></span> See all your orders</li> <li><span class="fa fa-check text-success"></span> Fast re-order</li> <li><span class="fa fa-check text-success"></span> Save your favorites</li> <li><span class="fa fa-check text-success"></span> Fast checkout</li> <li><span class="fa fa-check text-success"></span> Get a gift <small>(only new customers)</small></li> <li><a href="/read-more/"><u>Read more</u></a></li> </ul> <p><a href="/new-customer/" class="btn btn-info btn-block">Yes please, register now!</a></p> </div> </div> </div> </div> </div>