mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-08 12:12:48 +01:00
Added default template
This commit is contained in:
Hillel Coren
parent
6a15ffd293
commit
1bef250a76
165
storage/templates/clean.css
vendored
Normal file
165
storage/templates/clean.css
vendored
Normal file
@ -0,0 +1,165 @@
|
||||
body {
|
||||
font-family: 'Open Sans', Helvetica, arial, sans-serif;
|
||||
color: #161616;
|
||||
}
|
||||
|
||||
.grey-upper {
|
||||
font-size: 11px;
|
||||
letter-spacing: 3px;
|
||||
text-transform: uppercase;
|
||||
color: #9a9a9a;
|
||||
}
|
||||
|
||||
.blue-upper {
|
||||
font-size: 11px;
|
||||
letter-spacing: 3px;
|
||||
text-transform: uppercase;
|
||||
color: #37a3c6;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p span.client {
|
||||
margin:5px 0px 0px 0px;
|
||||
}
|
||||
|
||||
h1.heading {
|
||||
font-size: 48px;
|
||||
line-height: 53px;
|
||||
text-transform: uppercase;
|
||||
font-weight: 100;
|
||||
letter-spacing: 3px;
|
||||
padding: 0 50px;
|
||||
}
|
||||
|
||||
h3.client.name {
|
||||
padding: 0;
|
||||
margin: 0 0 -10px 0;
|
||||
font-size:18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
span.client.address1, span.client.city, span.client.state, span.client.postal-code {
|
||||
font-size: 14px;
|
||||
line-height: 18.5px;
|
||||
}
|
||||
|
||||
h3.account.name {
|
||||
padding: 0;
|
||||
margin: 0 0 -10px 0;
|
||||
font-size:18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
span.account.address1, span.account.city, span.account.state, span.account.postal-code {
|
||||
font-size: 14px;
|
||||
line-height: 18.5px;
|
||||
}
|
||||
|
||||
|
||||
.card-title {
|
||||
font-size: 13px;
|
||||
letter-spacing: 3px;
|
||||
text-transform: uppercase;
|
||||
color: #37a3c6;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.card-text {
|
||||
font-size: 15px;
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
|
||||
a.button {
|
||||
background: #37a3c6;
|
||||
padding: 12px 25px;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
letter-spacing: 3px;
|
||||
font-weight: 600;
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
a.button:hover {
|
||||
background: #161616;
|
||||
}
|
||||
|
||||
/****** Table *****************************************/
|
||||
|
||||
.grey-bg {
|
||||
background: #eeefef;
|
||||
}
|
||||
|
||||
table td {
|
||||
padding: 20px 30px;
|
||||
}
|
||||
|
||||
tr.top-header {
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
tr.top-header td {
|
||||
padding: 80px 0 0 0;
|
||||
border-bottom: 1px solid #dddcdc;
|
||||
}
|
||||
|
||||
tr.top-header h1.heading {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
tr.top-header p {
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
|
||||
.proposal-info {
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.proposal-info td {
|
||||
padding: 0 0 120px 0;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
padding: 80px 30px;
|
||||
}
|
||||
|
||||
tr.block-quote {
|
||||
margin: 50px 0 ;
|
||||
}
|
||||
|
||||
tr.block-quote td {
|
||||
background: #fbfbfb;
|
||||
font-style: italic;
|
||||
padding: 0 75px;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
padding: 80px 120px;
|
||||
color: #686766;
|
||||
border-top: 1px solid #dddcdc;
|
||||
border-bottom: 1px solid #dddcdc;
|
||||
}
|
||||
|
||||
tr.footer td {
|
||||
background: #f0efef;
|
||||
font-size: 12px;
|
||||
letter-spacing: 3px;
|
||||
color: #8c8b8a;
|
||||
padding: 50px 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/****** Misc *****************************************/
|
||||
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background: #dddada;
|
||||
}
|
||||
|
||||
.footer img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
105
storage/templates/clean.html
Normal file
105
storage/templates/clean.html
Normal file
@ -0,0 +1,105 @@
|
||||
<table border="0" cellpadding="0" cellspacing="0">
|
||||
|
||||
<tr class="grey-bg">
|
||||
<td><img src="$logoUrl" width="193"/></td>
|
||||
<td align="right"><p class="quote quote-number grey-upper">Proposal #$quoteNumber</p></td>
|
||||
</tr>
|
||||
|
||||
<tr class="top-header grey-bg">
|
||||
<td colspan="2" align="center">
|
||||
<h1 class="heading">New Business Proposal</h1>
|
||||
<p class="quote quoteDate grey-upper">Valid Until $validUntil</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr align="center" class="grey-bg proposal-info">
|
||||
<td>
|
||||
<p class="blue-upper">Prepared for:</p>
|
||||
<h3 class="client name">$client.name</h3>
|
||||
<p>
|
||||
<span class="client address1">$client.address1</span><br/>
|
||||
<span class="client city">$client.city</span>, <span class="client state">$client.state</span> <span class="client postal-code">$client.postal_code</span></p>
|
||||
</td>
|
||||
<td>
|
||||
<p class="blue-upper">Prepared by:</p>
|
||||
<h3 class="account name">$account.name</h3>
|
||||
<p>
|
||||
<span class="account address1">$account.address1</span><br/>
|
||||
<span class="account city">$account.city</span>, <span class="account state">$account.state</span> <span class="account postal-code">$account.postal_code</span></p>
|
||||
</td>
|
||||
</tr>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2" class="card-content">
|
||||
<h2 class="card-title">Project Description:</h2>
|
||||
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p><br/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<hr/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="grid-item-card card-content">
|
||||
<h2 class="card-title">Objective:</h2>
|
||||
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
|
||||
</td>
|
||||
<td class="grid-item-card card-content">
|
||||
<h2 class="card-title">Goal:</h2>
|
||||
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="block-quote" align="center">
|
||||
<td colspan="2">
|
||||
<img src="$quoteImageUrl" width="25"/>
|
||||
<p class="quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue auctor magna id sodales. Maecenas mollis justo sed tempor facilisis. Ut malesuada in nibh ultrices auctor. Proin id maximus ipsum. Sed eu magna ac nisl sollicitudin porta in non augue. Mauris feugiat interdum aliquam. Aliquam ultrices interdum dolor.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<table>
|
||||
<tr class="card-content">
|
||||
<td><img width="150px" srcx="img/thumb-square.jpg"/></td>
|
||||
<td><h2 class="card-title">Objective:</h2>
|
||||
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="card-content">
|
||||
<td><img width="150px" srcx="img/thumb-square.jpg"/></td>
|
||||
<td><h2 class="card-title">Objective:</h2>
|
||||
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<hr/>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="grid-item-card card-content">
|
||||
<img width="250px" height="150px" srcx="img/thumb-rectangle.jpg"/>
|
||||
<h2 class="card-title">Objective:</h2>
|
||||
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
|
||||
</td>
|
||||
<td class="grid-item-card card-content">
|
||||
<img width="250px" height="150px" srcx="img/thumb-rectangle.jpg"/>
|
||||
<h2 class="card-title">Goal:</h2>
|
||||
<p class="card-text">Koala Photography seeks a full review of their historical financial records and future accounting needs. At the start, our experts carefully review your past records and assess your financial services needs according to the nature of your company and suggest the services model best suited to your requirements. The work plan is finalized only after an initial (and possibly subsequent) extensive consultation with [Client.Company]. Periodic review of our services and client feedback is an essential feature of our work plan which ensures that we remain an efficient accounting partner for your business.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="footer" align="center">
|
||||
<td colspan="2"></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
Loading…
Reference in New Issue
Block a user