Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"orderform"
Bootstrap 3.3.0 Snippet by
edriessen
3.3.0
Preview
HTML
CSS
View Full Screen
Fork
Fork this
1.5K
 
0 Fav
Post to Facebook
Tweet this
<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 ----------> <table style="background:#f5f5f5;width:100%;font-family:Arial,Helvetica,sans-serif;"> <tbody><tr><td><table style="border-collapse:collapse;border-spacing:0;width:70%;margin:20px auto;background:#fff;border:1px solid #e6e6e6;"> <tbody><tr> <th style="font-size:14px;font-weight:normal;padding:15px;border-style:solid;border-width:0px;overflow:hidden;text-align:left;"> <img src="http://i67.tinypic.com/15x90jn.png" alt="sohomod" style="height:34px;"> </th> <th style="float:right;width:150px;text-align:left;margin-right:30px;margin-top: 50px; vertical-align:middle;"> <h2 style="font-size:14px;font-weight:bold;text-transform:uppercase;margin:0;padding:15px 0 0 0;">Vragen?<br> <a href="tel:+31(0)320 - 320036" style="color: #05e1b5">+31(0)320 - 320036</a> </h2> <p style="text-align:left;margin:0 0 20px;"><span style="font-size:11px;font-weight:normal;vertical-align:top;">Ma - Vr: 10:00 - 18:00pm <br> info@satos.nl</span></p> </th> </tr> <tr> <td style="padding:15px;width:100%;" colspan="2"><h1 style="font-size:18px;font-weight:normal;line-height:22px;margin:0 0 11px 0;">Beste <?php echo $transaction->val->name ?></h1><div style="font-size:14px;"> Bedankt voor het plaatsen van uw order via SATOS! <br><br>Onderstaand vind u een overzicht van uw order. Indien uw order een fout betreft, of als u vragen of opmerkingen heeft kunt u ons tijdens werkdagen bereiken op 0320-320036 of een e-mail sturen naar order@satos.nl.<br><br> Over het algemeen worden orders direct verwerkt, houd er echter rekening mee dat bij uitzondering het 24 uur kan duren om uw order te verwerken.<br><br>Orders die geplaatst zijn in het weekend of tijdens de vakantieperiode worden de eerst volgende werkdag pas verwerkt. Wij zullen u ten alle tijden mailen omtrent de status van uw order.</div></td> </tr> <tr> <td style="vertical-align:top;text-align:left;padding:15px;width: 100%;max-width: 170px;"> <h3 style="background-color:#f5f5f5;color:#000;text-transform:uppercase;padding:15px;font-size:14px;margin:0;">Order Informatie</h3> <p style="padding:15px;border-bottom:1px solid #e6e6e6;margin:0;font-size:14px;">Order ID: #<?php echo $transaction->val->transaction_hash ?></p> <p style="padding:15px;border-bottom:1px solid #e6e6e6;margin:0;font-size:14px;">Datum: <?php echo $transaction->val->created; ?></p> </td> <td style="vertical-align:top;text-align:left;padding:15px;width: 100%;"> <h3 style="background-color:#f5f5f5;color:#000;text-transform:uppercase;padding:15px;font-size:14px;margin:0;">Betaalmethode</h3> <p style="padding:15px;border-bottom:1px solid #e6e6e6;margin:0;font-size:14px;">Buy iDEAL</p> <p style="padding:15px;border-bottom:1px solid #e6e6e6;margin:0;font-size:14px;">Status: <b></b><?php echo $transaction->val->status ?></b></p> </td> </tr> <tr> <td style="vertical-align:top;text-align:left;padding:15px;width:48%;"> <h3 style="background-color:#f5f5f5;color:#000;text-transform:uppercase;padding:15px;font-size:14px;margin:0;">Betaalgegevens</h3> <p style="padding:15px;border-bottom:1px solid #e6e6e6;margin:0;font-size:14px;line-height:1.7;"><?php echo $transaction->val->name ?><br> 2 Izmailovski pereulok 4<br> Minsk, New Jersey, <a href="tel:07201-2116">07201-2116</a><br> United States<br> T: <a href="tel:259702008">259702008</a> </p> </td> <td style="vertical-align:top;text-align:left;padding:15px;width:48%;"> <h3 style="background-color:#f5f5f5;color:#000;text-transform:uppercase;padding:15px;font-size:14px;margin:0;">Billing Address</h3> <p style="padding:15px;border-bottom:1px solid #e6e6e6;margin:0;font-size:14px;line-height:1.7;">Dzianis Dovnar<br> 2 Izmailovski pereulok 4<br> Minsk, New Jersey, <a href="tel:07201-2116">07201-2116</a><br> United States<br> T: <a href="tel:259702008">259702008</a> </p> </td> </tr> <tr> <td style="vertical-align:top;text-align:left;padding:15px;width:48%;" colspan="2"> <table style="width:100%;border-collapse:collapse;border-spacing:0;"> <thead> <tr> <th style="background:none repeat scroll 0 0 #f5f5f5;border:1px solid #e6e6e6;color:#000;text-align:left;padding:15px;font-weight:normal;font-size:14px;">Cryptocurrency</th> <th style="background:none repeat scroll 0 0 #f5f5f5;border:1px solid #e6e6e6;color:#000;text-align:center;padding:15px;font-weight:normal;font-size:14px;">Prijs</th> <th style="background:none repeat scroll 0 0 #f5f5f5;border:1px solid #e6e6e6;color:#000;text-align:center;padding:15px;font-weight:normal;font-size:14px;">Aantal</th> </tr> </thead> <tbody> <tr> <td rowspan="1" style="font-size:14px;border:1px solid #e6e6e6;"> <div style="padding:15px;">Bitcoin</div> <span style="font-size:12px;padding:0 0 15px 15px;display:block;"> <b>Order</b>: <?php echo $transaction->val->type ?> <?php echo $transaction->val->amount_btc ?> BTC @ <?php echo $options->displayEur($transaction->val->amount_eur) ?></span> </td> <td style="font-size:14px;border:1px solid #e6e6e6;text-align:center;vertical-align:top;padding:15px 0;"><span>€977.00</span></td> <td style="font-size:14px;border:1px solid #e6e6e6;text-align:center;vertical-align:top;padding:15px 0;">1</td> </tr> </tbody> <tfoot> <tr style="border:1px solid #e6e6e6;"> <td colspan="2" style="padding:15px;font-weight:bold;font-size:14px;border-right:1px solid #e6e6e6;"> Tegenwaarde </td> <td colspan="1" style="padding:15px;font-weight:bold;font-size:14px;border-right:1px solid #e6e6e6;text-align:center;"> <span>€ 100</span> </td> </tr> </tr> </tfoot> </table> </td> </tr> </tbody></table> </td></tr></tbody></table>
.bs-wizard {margin-top: 40px;} /*Form Wizard*/ .bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;} .bs-wizard > .bs-wizard-step {padding: 0; position: relative;} .bs-wizard > .bs-wizard-step + .bs-wizard-step {} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;} .bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;} .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;} .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;} .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;} .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;} .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;} .bs-wizard > .bs-wizard-step:first-child > .progress {left: 50%; width: 50%;} .bs-wizard > .bs-wizard-step:last-child > .progress {width: 50%;} .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; } /*END Form Wizard*/
Related:
See More
Template
Gaia Bootstrap Template Pro
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76