Introduction | TrueUI

Molecules | Widgets

Payment Statement

UPDATED

Example

Payment Statement

Creditor Amount
BogusCreditor $500.00

Principal: $500.00
Interest: $0.00
Fees: $0.00

Your Data is Safe
We take your privacy seriously. Our website is secure and all data is sent over an encrypted SSL connection.

Click here for more information about your balance

If you want to dispute this balance, you need to write to us within 30 days of getting the initial communication from us. If you think you do not need to pay it for another reason such as bankruptcy or fraudulent activity, we will investigate your claim as required by applicable laws. Dispute this charge.

Need to talk in person or email us directly
Call us toll free at (866) 611-2731 or email us at support@trueaccord.com

HTML

<div class="pa4 shadow-1 w-75">
 <h2 class="fw5 f3 mv0">Payment Statement</h2>
 <table cellspacing="0" class="w-100 mt3">
   <tbody><tr>
     <th class="pv2 bt b--blue-medium f6 tl">Creditor<|/th>
     <th class="pv2 bt b--blue-medium f6 tl">Amount</th>
   </tr>
   <tr>
     <td class="pv2 bt b--blue-medium f6">BogusCreditor</td>
     <td class="pv2 bt b--blue-medium f6">$500.00</td>
   </tr>
 </tbody></table>
 <div class="cf mt3">
   <div class="fl w-50">
     <p class="f7">Principal: $500.00<br>Interest: $0.00<br>Fees: $0.00</p>
   </div>
   <div class="fl w-50 tr">
     <p class="ma0"><a href="#" class="btn btn--orange">Pay Your Balance Now</a></p>
     <p class="f6"><a href="#">Unable to pay</a></p>
     <p class="f6"><a href="#">More Information</a></p>
     <p class="pt3"><img src="../../img/payment-methods.svg" alt="Payment Methods"></p>
   </div>
 </div>
 <div class="pa3 bg-blue-light mt3">
   <p class="ma0 f7 lh-title">Your Data is Safe<br>We take your privacy seriously. Our website is secure and all data is sent over an encrypted SSL connection.</p>
 </div>
 <p><a href="#">Click here for more information about your balance</a></p>
 <p class="ma0 f7 lh-title">
   If you want to dispute this balance, you need to write to us within 
   30 days of getting the initial communication from us. If you think 
   you do not need to pay it for another reason such as bankruptcy or 
   fraudulent activity, we will investigate your claim as required by 
   applicable laws. <a href="#">Dispute this charge.</a>
 </p>
</div>