"chegg"
Bootstrap 3.3.0 Snippet by ElectrumDevelopment

<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 ----------> <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script> <div class="jumbotron"> <h1>Get Chegg Answers</h1> <p>for 50 cents/question</p> <div class="col-lg-6 col-lg-offset-3 text-center"> <div class="container"> </div> <div class="panel panel-danger"> <div class="panel-body"> <div class="row"> <form role="form" id="contact-form" class="contact-form"> <div class="row"> </div> <div class="col-md-12"> <div class="form-group"> <input type="email" class="form-control" name="email" autocomplete="off" id="email" placeholder="E-mail (Answers get sent here)"> </div> </div> <div class="row"> <div class="col-md-12"> <div class="form-group"> <textarea class="form-control textarea" rows="5" name="Message" id="Message" placeholder="1 Chegg question per line"></textarea> </div> </div> </div> <div class="row"> <div class="col-md-12"> <button type="button" class="btn btn-warning btn-lg">Submit Questions</button> </div> </div> </form> </div> </div> </div> </div> </div>
.contact-form{ margin-top:15px;} .contact-form .textarea{ min-height:220px; resize:none;} .form-control{ box-shadow:none; border-color:#eee; height:49px;} .form-control:focus{ box-shadow:none; border-color:#ff6a00;} .form-control-feedback{ line-height:50px;} .main-btn{ background:#00b09c; border-color:#00b09c; color:#fff;} .main-btn:hover{ background:#00a491;color:#fff;} .form-control-feedback { line-height: 50px; top: 0px; } .jumbotron{ position: relative; padding: 40px 0; color: #fff; text-align: center; background:#ffffff; background: transparent; font-family: Avenir Book, Roboto, sans-serif; } .panel-danger { color: #333; background-color: #ffffff; opacity: .9; border-color: #ffffff; } body { background: #ff6a00; background: -moz-linear-gradient(#ff6a00 0%, #ee0979 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff6a00), color-stop(100%,#ee0979)); background: -webkit-linear-gradient(#ff6a00 0%,#ee0979 100%); background: -o-linear-gradient(#ff6a00 0%,#ee0979 100%); background: -ms-linear-gradient(#ff6a00 0%,#ee0979 100%); background: linear-gradient(#ff6a00 0%,#ee0979 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a00', endColorstr='#ee0979',GradientType=1 ); } p { font-family: Avenir Book, Roboto, sans-serif; } .btn-warning{ background: #0080FF; border-color: #0080FF; } } }
$('#contact-form').bootstrapValidator({ // live: 'disabled', message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { Name: { validators: { notEmpty: { message: 'The Name is required and cannot be empty' } } }, email: { validators: { notEmpty: { message: 'The email address is required' }, emailAddress: { message: 'The email address is not valid' } } }, Message: { validators: { notEmpty: { message: 'The Message is required and cannot be empty' } } } } });

Related: See More


Questions / Comments: