Skip to content

Instantly share code, notes, and snippets.

@izshreyansh

izshreyansh/client_report.html

Last active November 17, 2022 04:38
Show Gist options
  • Save izshreyansh/6f1a479daf1089a0d5b8be117a264ee9 to your computer and use it in GitHub Desktop.
Save izshreyansh/6f1a479daf1089a0d5b8be117a264ee9 to your computer and use it in GitHub Desktop.
Download ZIP
client report pdf test: https://qqhkb.csb.app/
Raw
client_report.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Static Template</title>
<style>
body {
padding: 0;
margin: 0px;
font-family: arial;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
padding-left: 1px;
}
</style>
</head>
<body>
<table
border="0"
cellspacing="0"
cellpadding="0"
style="width: 100%; margin: auto;"
>
<tr>
<td>
<table
border="1"
cellspacing="0"
cellpadding="0"
style="width: 100%; background-color: #b6d7a8;"
>
<tr>
<td
style="
padding: 3px;
font-size: 18px;
font-weight: 900;
color: #000;
width: 25%;
"
class="text-center"
>
<img
class="img-fluid"
src="https://ispusa.net/wp-content/uploads/2022/10/ISP-Logo.png"
width="250"
alt=""
/>
</td>
<td
style="
text-align: center;
padding: 3px;
font-size: 22px;
font-weight: 900;
color: #000;
width: 50%;
"
>
ISP PROJECT TIME TRACKER <br />
01/01/2021 to 01/01/2022
</td>
<td
style="
text-align: center;
padding: 3px;
font-size: 22px;
font-weight: 900;
color: #000;
width: 25%;
background-color: #b6d7a8;
"
>
<img
class="img-fluid pull-right"
src="https://placeholder.com/wp-content/uploads/2018/10/placeholder.com-logo1.jpg"
alt=""
style="height: 40px;"
/>
</td>
</tr>
<tr>
<table
border="1"
cellspacing="0"
cellpadding="0"
style="width: 100%; background-color: #b6d7a8;"
>
<tr>
<td
style="
text-align: left;
padding: 3px;
font-size: 18px;
font-weight: 900;
color: #000;
background-color: #b6d7a8;
"
>
CLIENT NAME - placeholder
</td>
<td
style="
text-align: right;
padding: 3px;
font-size: 18px;
font-weight: 900;
color: #000;
background-color: #b6d7a8;
"
>
Contract Type - Monthly
</td>
</tr>
</table>
</tr>
</table>
</td>
</tr>
</table>
<table
border="0"
cellspacing="0"
cellpadding="0"
style="width: 100%; margin: auto; font-size: 11px;"
>
<tr>
<table
border="1"
cellspacing="0"
cellpadding="0"
style="width: 100%;"
class="text-center"
>
<tr style="background-color: #b6d7a8;">
<th></th>
<th colspan="' . $colspan . '">Info Tech</th>
<th></th>
<th></th>
<th></th>
</tr>
<tr style="background-color: #b6d7a8;">
<th>Project Number and Name</th>
<th style="padding: 5px;">-</th>
<th style="padding: 5px;">-</th>
<th style="padding: 5px;">IT</th>
<th style="padding: 5px;">Total</th>
</tr>
<tr>
<td class="text-left"></td>
<td></td>
<td></td>
<td>-</td>
<td>100</td>
</tr>
<tr style="background-color: #b6d7a8;">
<td>
<b>TOTAL HOURS</b>
</td>
<td><b>45</b></td>
<td>
<b>1000</b>
</td>
<td>
<b>1000</b>
</td>
<td>
<b>1000</b>
</td>
</tr>
</table>
</tr>
</table>
<br />
<table
border="0"
cellspacing="0"
cellpadding="0"
style="width: 100%; margin: auto; font-size: 11px; margin-top: 15px;"
>
<tr>
<table
border="1"
cellspacing="0"
cellpadding="0"
style="width: 100%;"
class="text-center"
>
<tr style="background-color: #b6d7a8;">
<th>Date</th>
<th>Project Code</th>
<th>Project Name</th>
<th>Task</th>
<th>Staff Member</th>
<th>Total Time</th>
<th style="display: none;">Discipline</th>
<th>Sub Discipline</th>
</tr>
<tr>
<td>01/01/11</td>
<td>22</td>
<td>Test proejct</td>
<td class="text-left">N/A</td>
<td>SHreyansh</td>
<td>45</td>
<td style="display: none;">IT</td>
<td>Dev</td>
</tr>
<tr style="background-color: #b6d7a8; border-top: 2px solid #000;">
<td colspan="5" class="text-right"><b>TOTAL TIME:</b></td>
<td><b>900</b></td>
<td style="display: none;"></td>
<td></td>
</tr>
</table>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment