<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 ----------> <script type="text/javascript" src="https://blockchain.info/Resources/wallet/pay-now-button.js"></script> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> <div> <hr> <a class="coinbase-button" data-code="2b30a03995ec62f15bdc54e8428caa87" href="https://www.coinbase.com/checkouts/2b30a03995ec62f15bdc54e8428caa87">Pay With Bitcoin</a> <script src="https://www.coinbase.com/assets/button.js" type="text/javascript"></script> <hr> <div style="font-size:16px;margin:0 auto;width:300px" class="blockchain-btn" data-address="1BgggUDmCf18DTvNQvkSEyNEmofojaTeek" data-shared="false"> <div class="blockchain stage-begin"> <img src="https://blockchain.info/Resources/buttons/donate_64.png"/> </div> <div class="blockchain stage-loading" style="text-align:center"> <img src="https://blockchain.info/Resources/loading-large.gif"/> </div> <div class="blockchain stage-ready"> <p align="center">Please Donate To Bitcoin Address: <b>[[address]]</b></p> <p align="center" class="qr-code"></p> </div> <div class="blockchain stage-paid"> Donation of <b>[[value]] BTC</b> Received. Thank You. </div> <div class="blockchain stage-error"> <font color="red">[[error]]</font> </div> </div> <hr> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Public Notes</a></li> <li role="presentation"><a href="#private" aria-controls="private" role="tab" data-toggle="tab">Private Notes</a></li> <li role="presentation"><a href="#resume" aria-controls="resume" role="tab" data-toggle="tab">Resume</a></li> <li role="presentation"><a href="#help" aria-controls="help" role="tab" data-toggle="tab">help</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active fade in" id="home"> <h2>Public Notes</h2> </div> <div role="tabpanel" class="tab-pane fade" id="private"> <h2>Private Notes</h2> </div> <div role="tabpanel" class="tab-pane fade" id="resume"> <h2>Resume</h2> </div> <div role="tabpanel" class="tab-pane" id="help"> <h2>Help</h2> </div> </div> </div> </div> </div>

.tab-pane { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0px 0px 5px 5px; padding: 10px; } .nav-tabs { margin-bottom: 0; }