"Thank you Page"
Bootstrap 3.3.0 Snippet by craigatk

<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" style="margin-top:5%;"> <div class="row"> <div class="jumbotron" id="kitchen"> <div class="col"> <div class="jumbotron" id="transparent-grey"> <div class="container"> <div class="row"> <p style="font-size: 36pt; font-weight:bold"> Thank you very much for your interest! </p> </div> <div class="row"> <div class="col-md-6"> <img width="400" src="http://www.marathonhardware.com/brochures/catalogues/decorative-hardware/2017/img/deco-cat-pg-1.jpg"> </div> <div class="col-md-6"> <img style="float:left" src="http://www.marathonhardware.com/website/icons/yes-mark.png"> <h1 style="float:left;color:red; margin-right:10px">YES</h1> <h2 style="color:red">please send your <u>FREE</u></h2> <p style="float:clear"/> <h2>2017 Decorative Catalogue to:</h2> <form class="form-horizontal" onsubmit="return orderCat();"> <p class="fleft" style="color: red">* Fields are required</p> <hr class="invi-clear narrow-hr"> <input style="display: none;" type="text" name="token" value="mfh"> <input style="display: none;" type="text" name="uid" value="68721"> <div class="control-group"> <label class="control-label" for="companyName">*Company Name: </label> <div class="controls"> <input type="text" name="companyName" value="A K Interiors" required=""> </div> </div> <div class="control-group"> <label class="control-label" for="addressLine1">*Address Line 1: </label> <div class="controls"> <input type="text" name="addressLine1" value="12 ANDREW AVE" required=""> </div> </div> <div class="control-group"> <label class="control-label" for="addressLine2">Address Line 2: </label> <div class="controls"> <input type="text" name="addressLine2" value=""> </div> </div> <div class="control-group"> <label class="control-label" for="city">*City: </label> <div class="controls"> <input type="text" name="city" value="SCARBOROUGH" required=""> </div> </div> <div class="control-group"> <label class="control-label" for="province">*Province: </label> <div class="controls"> <select name="province" required=""> <option value="AB">Alberta</option> <option value="BC">British Columbia</option> <option value="MB">Manitoba</option> <option value="NB">New Brunswick</option> <option value="NL">Newfoundland</option> <option value="NS">Nova Scotia</option> <option value="ON" selected="">Ontario</option> <option value="PE">Prince Edward Island</option> <option value="QC">Quebec</option> <option value="SK">Saskatchewan</option> <option value="NT">Northwest Territories</option> <option value="NU">Nunavut</option> <option value="YT">Yukon</option> </select> </div> </div> <div class="control-group"> <label class="control-label" for="postalCode">*Postal Code: </label> <div class="controls"> <input type="text" name="postalCode" value="M1M3G9" required=""> </div> </div> <div class="control-group"> <label class="control-label" for="country">*Country: </label> <div class="controls"> <input type="text" name="country" value="CANADA" readonly=""> </div> </div> <div class="control-group"> <label class="control-label" for="phone">*Phone Number: </label> <div class="controls"> <input type="text" name="phone" value="(416) 261-4221" required=""> </div> </div> <div class="control-group"> <div class="controls"> <button class="btn btn-large btn-primary" type="submit">Confirm</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div>
#kitchen { margin-bottom: 0px; background-image: url(http://www.marathonhardware.com/website/backgrounds/kitchen-thank-you-web.jpg); background-position: 0% 25%; background-size: cover; background-repeat: no-repeat; } #transparent-grey { /* IE8 and below */ background: rgb(200, 54, 54); /* all other browsers */ background: rgba(255, 255, 255, 0.9); }

Related: See More


Questions / Comments: