<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 class="container"> <div class="row centered-form"> <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4"> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Registrieren Sie jetzt Ihr kostenloses Nutzerkonto <small>Die Anmeldung ist kostenfrei!</small></h3> </div> <div class="panel-body"> <form role="form"> <div class="form-group"> <input type="email" name="email" id="email" class="form-control input-sm" placeholder="Email Address"> </div> <div class="row"> <div class="col-ms-6 col-mm-6 col-md-6"> <div class="form-group"> <input type="password" name="password" id="password" class="form-control input-sm" placeholder="Password"> </div> </div> <div class="col-xs-6 col-sm-6 col-md-6"> <div class="form-group"> <input type="password" name="password_confirmation" id="password_confirmation" class="form-control input-sm" placeholder="Confirm Password"> </div> </div> </div> <div class="row"> <div class="col-xs-6 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="first_name" id="first_name" class="form-control input-sm" placeholder="First Name"> </div> </div> <div class="col-xs-6 col-sm-6 col-md-6"> <div class="form-group"> <input type="text" name="last_name" id="last_name" class="form-control input-sm" placeholder="Last Name"> </div> </div> </div> <input type="submit" value="Register" class="btn btn-info btn-block"> </form> </div> </div> </div> </div> </div>

body{ width: 101px; height: 101px; background-repeat: repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAABlCAMAAABjot39AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTREOTI2RkVDMjc4MTFFNDkzN0Q4QzY0NEE5M0QwQzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTREOTI2RkZDMjc4MTFFNDkzN0Q4QzY0NEE5M0QwQzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3QjlBMzI3RkMxQjIxMUU0OTM3RDhDNjQ0QTkzRDBDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3QjlBMzI4MEMxQjIxMUU0OTM3RDhDNjQ0QTkzRDBDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtnnmokAAAAwUExURSkA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); background-color: #300030; } .centered-form{ margin-top: 60px; } .centered-form .panel{ background: rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.3) 20px 20px 20px; }