<div id="md_member_info" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Member Info</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="modal-container">
<!-- Personal Information -->
<div class="order-info-box">
<div class="row order-info-header">
<h5>Personal Information</h5>
<hr>
</div>
<div class="row">
<div class="col-xs-6">
<label class="pw-capitalize">
First Name
</label>
Chen
</div>
<div class="col-xs-6">
<label class="pw-capitalize">
Last Name
</label>
Dant
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label>
Phone Number
</label>
969612648
</div>
<div class="col-xs-6">
<label class="pw-capitalize">
Email
</label>
</div>
</div>
</div>
<!-- Purchase Details -->
<div class="order-info-box margin-top-15">
<div class="row order-info-header">
<h5>Purchase Details</h5>
<hr>
</div>
<div class="col s12">
<table class="table table-bordered">
<thead>
<tr>
<th>
Amount
</th>
<th>
<span class="pw-capitalize">Total price</span>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
2.10
USD
</td>
<td>
<b>
2.10
USD
</b>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-xsm" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>