Skip to content

Instantly share code, notes, and snippets.

@ekumachidi

ekumachidi/OfferLetter.html

Created May 3, 2018 17:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ekumachidi/f6be693000c37510cab32b88b7438a07 to your computer and use it in GitHub Desktop.
Save ekumachidi/f6be693000c37510cab32b88b7438a07 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
OfferLetter.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Offer Letter</title>
<style type="text/css">
/* Take care of image borders and formatting */
{
max-width: 600px;
outline: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
a {
border: 0;
outline: none;
}
a img {
border: none;
}
/* General styling */
td, h1, h2, h3 {
font-family: Helvetica, Arial, sans-serif;
font-weight: 400;
}
td {
font-size: 13px;
line-height: 150%;
text-align: left;
}
body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
width: 100%;
height: 100%;
color: #37302d;
background: #ffffff;
}
table {
border-collapse: collapse !important;
}
h1, h2, h3 {
padding: 0;
margin: 0;
color: #444444;
font-weight: 400;
line-height: 110%;
}
h1 {
font-size: 35px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 18px;
font-weight: normal;
}
.important-font {
color: #21BEB4;
font-weight: bold;
}
.hide {
display: none !important;
}
.force-full-width {
width: 100% !important;
}
td.desktop-hide {
font-size: 0;
height: 0;
display: none;
color: #ffffff;
}
</style>
<style type="text/css" media="screen">
@media screen {
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
/* Thanks Outlook 2013! */
td, h1, h2, h3 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important;
}
}
</style>
<style type="text/css" media="only screen and (max-width: 600px)">
/* Mobile styles */
@media only screen and (max-width: 600px) {
table[class="w320"] {
width: 320px !important;
}
table[class="w300"] {
width: 300px !important;
}
table[class="w290"] {
width: 290px !important;
}
td[class="w320"] {
width: 320px !important;
}
td[class~="mobile-padding"] {
padding-left: 14px !important;
padding-right: 14px !important;
}
td[class*="mobile-padding-left"] {
padding-left: 14px !important;
}
td[class*="mobile-padding-right"] {
padding-right: 14px !important;
}
td[class*="mobile-block"] {
display: block !important;
width: 100% !important;
text-align: left !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 15px !important;
}
td[class*="mobile-no-padding-bottom"] {
padding-bottom: 0 !important;
}
td[class~="mobile-center"] {
text-align: center !important;
}
table[class*="mobile-center-block"] {
float: none !important;
margin: 0 auto !important;
}
*[class*="mobile-hide"] {
display: none !important;
width: 0 !important;
height: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
}
td[class*="mobile-border"] {
border: 0 !important;
}
td[class*="desktop-hide"] {
display: block !important;
font-size: 13px !important;
height: 61px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
color: #444444 !important;
}
}
</style>
</head>
<body class="body" style="padding:0; margin:0; display:block; background:#ffffff; -webkit-text-size-adjust:none" bgcolor="#ffffff">
<table align="center" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td align="center" valign="top" bgcolor="#ffffff" width="100%">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td style="background:#ffffff" width="100%">
<center>
<table cellspacing="0" cellpadding="0" width="600" class="w320">
<tr>
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#ffffff;padding:10px 15px 10px 10px">
<table border="0" cellpadding="0" cellspacing="0" class="mobile-center-block" align="right">
<tr>
<td align="right">
<a href="#">
<img src="https://www.ubagroup.com/img/uba/uba_logo_small.png" width="70" height="40" alt="social icon"/>
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="600" class="w320">
<tr>
<td valign="top" class="mobile-block mobile-no-padding-bottom mobile-center" width="270" style="background:#ffffff;padding:10px 10px 10px 20px;">
<div>
{#City#} {#Date#} <br>
Our Ref:{#RefNo#}
</div>
</td>
<td valign="top" class="mobile-block mobile-center" width="270" style="background:#ffffff;padding:10px 15px 10px 10px">
<table border="0" cellpadding="0" cellspacing="0" class="mobile-center-block" align="right">
<tr>
<td align="right">
<div>
<b>UNITED BANK FOR AFRICA,</b><br>
{#BranchAddress#}.<br>
Telephone: {#tel#}.<br>
Fax: {#fax#}<br>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td style="border-bottom:1px solid #e7e7e7;">
<center>
<table cellpadding="0" cellspacing="0" width="600" class="w320">
<tr>
<td align="left" class="mobile-padding" style="padding:20px">
<br class="mobile-hide" />
<div>
<b>{#Customer Name#},</b><br>
{#CustomerAddress#}.<br>
{#City#}.<br>
{#Country#}<br>
<br>
Dear Sir/Ma,<br>
<br>
Further to our recent discussions and in response to your request, we are pleased to advise that United Bank For Africa Cameroon S.A is prepared to put at your disposal this banking facility on the terms and conditions specified below:
</div>
<br>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td valign="top" style="background-color:#f8f8f8;border-bottom:1px solid #e7e7e7;">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="600" class="w320">
<tr>
<td valign="top" class="mobile-padding" style="padding:20px;">
<table style="border: 1px solid #000; ">
<tr>
<td style="padding-top:35px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100" class="mobile-hide" style="vertical-align:top;">
<b>XAF 0</b> <br />
</h4></h4>
</td>
<td style="padding:0px 0 15px 30px;" class="mobile-block">
<table cellspacing="0" cellpadding="0" width="450">
<tr>
<td><b>TOD</b></td>
</tr>
<tr>
<td>Tenure:</td>
<td><b> {#Tenure#}</b></td>
</tr>
<tr>
<td>Repayment: </td>
<td>{#RepaymentPlan#}</td>
</tr>
<tr>
<td>Maturity:</td>
<td><b>{#Tenure#} from booking Date.</b></td>
</tr>
<tr>
<td>Pricing:</td>
<td>{#InterestRate#}</td>
</tr>
<tr>
<td>File study fee:</td>
<td>{#studyFee#}</td>
</tr>
<tr>
<td>Facility fees:</td>
<td>{#FacilityFees#}</td>
</tr>
<tr>
<td>Taxes:</td>
<td>{#Taxes#}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="vertical-align:top;" class="desktop-hide">
Thank you for your business. Please contact us with any questions regarding this invoice,<br /><br />
Awesome Co
</td>
</tr>
</table>
</td>
</tr>
</table>
<table style="border: 1px solid #000; ">
<tr>
<td>
<div>
<b>SECURITY</b> <br>
<ul>
<li>Salary domiciliation with UBA – {#Country#} as well as other benefits from which the above monthly installments will be deducted until the loan is fully paid up.</li>
<li>Credit Insurance.</li>
</ul>
</div>
</td>
</tr>
</table>
<table style="border: 1px solid #000; ">
<tr>
<td>
<div>
<b>OTHER CONDITIONS</b> <br>
This facility is made available subject to review by the Bank not later than 27/04/2033.Not with standing this review date, in accordance with normal banking practice, the Bank reserves the right to modify or cancel these arrangements and call for repayment of outstanding should there be any material adverse change affecting either party at any time at its sole discretion.
In addition to any rights and remedies of Lender provided by law, Lender shall have the rights, without prior notice to borrower, any such notice being expressly waived by Borrower to the extent permitted by applicable law, upon the occurrence and during the continuance of a Default or an Event of Default, to setoff and apply against any Indebtedness, whether matured or not, of Borrower to Lender (including, without limitation, the obligations), any amount owing from Lender to Borrower. The aforesaid right of set-off may be exercised by Lender against Borrower or against any trustee in bankruptcy, debtor-inpossession, assignee or the benefit of creditors, receiver or execution, judgment or attachment creditor, notwithstanding the fact that such right of set-off shall not have been exercised by Lender prior to the occurrence of a Default or an Event of Default.Lender agrees promptly to notify Borrower after any such set-off and application made by Lender, provided that the failure to give such notice shall not affect the validity of such set-off and application.
Obligations shall mean and include all Advances, debts, liabilities, and financial obligations, howsoever arising, owed by Borrower to Lender of every kind and description (whether or not evidenced by any note or instrument), direct or indirect, absolute or contingent, due or to become due, now existing or hereafter arising pursuant to the terms of any of the loan Documents, including, without limitation, all interest, fees, charges, expenses, reasonable attorneys’ fees (and expenses) and accountants’ fees (and expenses) chargeable to Borrower or payable by Borrower hereunder or here above.
If the Bank decides to exercise the above mentioned rights, you will be given seven days prior notice except in the case of any occurrence of event or the discovery of any information concerning your financial or other circumstances which would adversely affect the Bank's assessment of the creditworthiness of your institution.
The Bank's services are at your disposal to assist in the completion of security and other documentation which should be in place prior to utilisation of this facility. All legal and other costs incurred in the completion of this documentation are for your account.
Please confirm your acceptance by signing the present letter with the mention: READ AND APPROVED and returning same to us not later than 11/05/2018. Upon receipt of your acceptance, we shall generate your repayment schedule indicating the amount of your monthly instalments in guarantee of which you will be required to execute an irrevocable payment order to us from your account.
Our offer expires after this deadline unless extended by the bank at its sole discretion. If the obligor is found to be in default of any loan obligation in another bank or financial institution, the Bank shall have the right to review the terms of and/or recall the loan.
If for any reason any condition on which this loan is granted is found to be incompliant with any legal dispensation, the agreement shall be construed in such a manner as to give effect to the other clauses that are not affected by such incompliance.
We are pleased to have the opportunity to assist you with this facility and look forward to the development of a mutually beneficial relationship.
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
<tr>
<td style="background-color:#ffffff;">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="600" class="w320" style="height:100%;">
<tr>
<td align="right" valign="middle" class="mobile-padding" style="font-size:12px;padding:20px; background-color:#ffffff; color:#1f1f1f; text-align:right; ">
<p>UBA OFFER LETTER {#CustomerName#}</p>&nbsp;&nbsp;
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment