"thank you part 2"
Bootstrap 3.0.0 Snippet by craigatk

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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"> Your catalogue will ship soon! Would you like to register for online access? </p> </div> <div class="row"> <div class="col-md-6"> <img width="400" src="http://www.marathonhardware.com/website/icons/website-computer.png"> </div> <div class="col-md-6"> <img style="margin-top:40px;float:left" src="http://www.marathonhardware.com/website/icons/yes-mark.png"> <h1 style="margin-top:40px;float:left;color:red; margin-right:20px">YES</h1> <h2 style="margin-top:40px;color:red">please enable my access to</h2> <p style="float:clear"/> <h2>prices, availability and online ordering for all your products.</h2> <h2>Other benefits I receive include: </h2> <h2><ol>* Track favourite items</ol> <ol>* Create and save item lists</ol> <ol>* Order status / tracking info</ol> </h2> </div> </div> <div class="row"> <form class="form-horizontal" id="prospect-joinus" action="/verifyemail/mfh/68721" method="POST" novalidate="novalidate"> <h3 class="text-center">Account Application Form</h3> <div style="padding:0 172px;"> <h4 class="info-title fleft">Personal Information</h4> <p class="fleft" style="color: red; margin-top: 10px; margin-left: 172px;">* Fields are required</p> <hr class="invi-clear narrow-hr"> <div class="control-group"> <label class="control-label" for="firstName">* First Name: </label> <div class="controls"> <input type="text" class="input-xlarge" name="firstName" placeholder="Your first name" required=""> </div> </div> <div class="control-group"> <label class="control-label" for="lastName">* Last Name: </label> <div class="controls"> <input type="text" class="input-xlarge" name="lastName" placeholder="Your last name" required=""> </div> </div> <div class="control-group"> <label class="control-label" for="jobTitle">* Job Title: </label> <div class="controls"> <input type="text" class="input-xlarge" name="jobTitle" placeholder="Your job title" required=""> </div> </div> <h4 class="info-title">Account Information</h4> <div class="control-group"> <label class="control-label" for="email">* Email: </label> <div class="controls"> <input type="text" class="input-xlarge" name="email" id="email" placeholder="Your email address" required=""> </div> </div> <div class="control-group"> <label class="control-label" for="password">* Password: </label> <div class="controls"> <input type="password" class="input-xlarge" name="password" id="password" placeholder="Your account password" required=""> </div> </div> <div class="control-group"> <label class="control-label" for="password2">* Re-enter Password: </label> <div class="controls"> <input type="password" class="input-xlarge" name="password2" id="password2" placeholder="Repeat same password" required=""> </div> </div> <div class="control-group" style="margin-bottom:0"> <label class="control-label" for="subscribe">Subscribe to Newsletters?: </label> <div class="controls"> <input type="checkbox" name="subscribe"> </div> </div> <p class="controls">We promise to send only occasional emails with relevant information about new products and promotional pricing.</p> </div> <hr> <h4>General Acceptance of Terms and Conditions</h4> <div class="control-group" style="margin-bottom:0"> <label class="control-label" for="terms">* Terms and Conditions</label> <div class="controls"> <input type="checkbox" name="terms" required=""> </div> </div> <p class="controls"><b>I acknowledge our acceptance of Marathon Fasteners & Hardware's various terms and conditions including: the <a href="JavaScript:newPopup('/about/general-terms-and-conditions');">General Conditions and Terms of Sale</a>, the <a href="JavaScript:newPopup('/privacy-policy');">Privacy Policy</a>, and the <a href="JavaScript:newPopup('/estore-terms-and-conditions');">E-Store Terms and Conditions</a>.</b></p> <hr> <div class="control-group"> <div class="controls"> <button class="btn btn-large btn-primary" type="submit">Submit</button> </div> </div> </form> </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: