"Green Cross Key Contact form"
Bootstrap 3.1.0 Snippet by prema520

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 = "row"> <div class ="col-md-6"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Green Cross Conference 2015</legend> <div class="control-group"> <h3>Browsers</h3> <p>It is highly recommended that you use Internet Explorer Version 9.0+, the latest version of Google Chrome, Safari or Firefox for best results. <br/> You can check on your browser version here. It's best to keep your browser up to date to avoid security issues.</p> <h3>Navigation</h3> <p>You can use the mouse, the TAB key or your touch screen to move to the next field. All information should be typed in correct upper or lower case as normal = e.g William Smith.<br/> Required fields are marked with an asterisk *. On completion of the form, please press the Save button. </p><p>Your information will be encryped and securely forwarded to Eventive. <br/> An email confirmation will follow</p> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="organization">Organization</label> <div class="controls"> <input id="organization" name="organization" type="text" placeholder="Your organization" class="input-xlarge" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="key_contact">Key Contact</label> <div class="controls"> <input id="key_contact" name="key_contact" type="text" placeholder="Name of key contact" class="input-xlarge" required=""> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="primary_phone">Phone</label> <div class="controls"> <input id="primary_phone" name="primary_phone" type="text" placeholder="eg: 649 377 3333" class="input-xlarge" required=""> <p class="help-block">Please use international code</p> </div> </div> <div class="control-group"> <label class="control-label" for="primary_email">Email</label> <div class="controls"> <input id="primary_email" name="primary_email" type="text" placeholder="primary_email" class="input-xlarge" required=""> <p class="help-block">Your usual email address</p> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="keycontact_notes">Notes</label> <div class="controls"> <textarea id="keycontact_notes" name="keycontact_notes" placeholder = "Anything important you would like us to know" > </textarea> </div> </div> <!-- Button --> <div class="control-group"> <label class="control-label" for="save_buton">Save Key Contact</label> <div class="controls"> <button id="save_buton" name="save_buton" class="btn btn-primary">Save Key Contact</button> </div> </div> </fieldset> </form> </div> <div class ="col-md-6"> </div> </div>
.row{ margin-left:100px }

Related: See More


Questions / Comments: