<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div class="center-container panel panel-default receipt-voucher-panel">
<div class="panel-heading text-center receipt-voucher-heading">
<h3 class="panel-title receipt-voucher-title">Your money has been sent.</h3>
<p>We have also sent a receipt to <span class="sender-emailID">[authur.dent@gmail.com]</span></p>
</div>
<div class="panel-body text-center receipt-voucher-body">
<p class="trackingMTCN">Tracking number (MTCN) <span class="mtcn-number"> 345 678 7863</span></p>
<hr />
<div class="listed-text">
<p>When picking up cash, your receiver will need</p>
<ul class ="reciever-doc-list">
<li>Government-issued photo ID.</li>
<li>Tracking number (MTCN)</li>
</ul>
</div>
<div class="receipt-share-box text-center">
<p class="text-center"> Add a free greeting to your transfer.</p>
<button type="button" class="btn btn-default btn-lg btn-voucher-greeting">Add a greeting</button>
</div>
<p class="voucher-share-text"> Share transfer information only </p>
<p class="voucher-transfer-Info">Share the transfer information with your receiver.</p>
<button type="button" class="btn btn-default btn-lg btn-voucher-share">Share</button>
</div>
</div>
</div>
<div class = "row">
<div class="center-container">
<div class="well">Basic Well</div>
</div>
