fmard/pdf-api
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <title>Project Completion Certificate - {{ project_name | default("Green Valley Residence") }}</title>6 <style>7 * { margin: 0; padding: 0; box-sizing: border-box; }8 body {9 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;10 color: #333;11 font-size: 14px;12 line-height: 1.6;13 padding: 40px;14 }15 .border-frame {16 border: 3px solid #4f46e5;17 border-radius: 12px;18 padding: 40px;19 position: relative;20 }21 .border-frame::before {22 content: '';23 position: absolute;24 top: 6px;25 left: 6px;26 right: 6px;27 bottom: 6px;28 border: 1px solid #c7d2fe;29 border-radius: 8px;30 pointer-events: none;31 }32 .header {33 text-align: center;34 margin-bottom: 35px;35 }36 .header .icon {37 font-size: 48px;38 margin-bottom: 10px;39 }40 .header h1 {41 font-size: 28px;42 color: #4f46e5;43 text-transform: uppercase;44 letter-spacing: 2px;45 margin-bottom: 5px;46 }47 .header h2 {48 font-size: 16px;49 color: #666;50 font-weight: normal;51 }52 .certificate-no {53 text-align: center;54 font-size: 13px;55 color: #999;56 margin-bottom: 30px;57 }58 .body-text {59 text-align: center;60 font-size: 15px;61 margin-bottom: 30px;62 color: #444;63 }64 .project-name {65 font-size: 22px;66 font-weight: bold;67 color: #4f46e5;68 text-align: center;69 margin: 15px 0;70 }71 .details-table {72 width: 80%;73 margin: 25px auto;74 border-collapse: collapse;75 }76 .details-table td {77 padding: 10px 15px;78 font-size: 14px;79 }80 .details-table td:first-child {81 font-weight: bold;82 color: #555;83 width: 40%;84 text-align: right;85 padding-right: 20px;86 }87 .details-table td:last-child {88 color: #333;89 }90 .declaration {91 background: #f9fafb;92 padding: 20px;93 border-radius: 8px;94 margin: 25px 0;95 font-size: 13px;96 color: #555;97 text-align: center;98 }99 .signatures {100 display: flex;101 justify-content: space-around;102 margin-top: 50px;103 padding-top: 20px;104 }105 .sig-box {106 text-align: center;107 width: 28%;108 }109 .sig-line {110 border-top: 1px solid #333;111 margin-top: 60px;112 padding-top: 8px;113 font-size: 12px;114 }115 .sig-title {116 font-size: 11px;117 color: #666;118 margin-top: 2px;119 }120 .stamp-area {121 width: 90px;122 height: 90px;123 border: 2px dashed #ccc;124 border-radius: 50%;125 margin: 15px auto 0;126 display: flex;127 align-items: center;128 justify-content: center;129 font-size: 10px;130 color: #999;131 }132 .footer-note {133 text-align: center;134 margin-top: 30px;135 font-size: 11px;136 color: #999;137 }138 </style>139</head>140<body>141 <div class="border-frame">142 <div class="header">143 <div class="icon">🏗️</div>144 <h1>Certificate of Completion</h1>145 <h2>Project Completion & Handover</h2>146 </div>147 148 <div class="certificate-no">149 Certificate No: {{ certificate_no | default("PCC-2024-0034") }}150 </div>151 152 <div class="body-text">153 This is to certify that the following construction project has been completed in accordance with the approved plans, specifications, and contractual requirements:154 </div>155 156 <div class="project-name">{{ project_name | default("Green Valley Residence - Phase 2") }}</div>157 158 <table class="details-table">159 <tr>160 <td>Contract No:</td>161 <td>{{ contract_no | default("CC-2023-0089") }}</td>162 </tr>163 <tr>164 <td>Project Location:</td>165 <td>{{ project_location | default("Jl. Raya Serpong Km. 7, Tangerang Selatan") }}</td>166 </tr>167 <tr>168 <td>Client / Owner:</td>169 <td>{{ client_name | default("PT Graha Sejahtera Development") }}</td>170 </tr>171 <tr>172 <td>Main Contractor:</td>173 <td>{{ contractor_name | default("PT BuildRight Construction") }}</td>174 </tr>175 <tr>176 <td>Contract Value:</td>177 <td>{{ contract_value | default("IDR 45,000,000,000") }}</td>178 </tr>179 <tr>180 <td>Contract Period:</td>181 <td>{{ contract_period | default("18 months (July 2022 - December 2023)") }}</td>182 </tr>183 <tr>184 <td>Actual Completion:</td>185 <td>{{ completion_date | default("2024-01-15") }}</td>186 </tr>187 <tr>188 <td>Final Inspection Date:</td>189 <td>{{ inspection_date | default("2024-01-20") }}</td>190 </tr>191 <tr>192 <td>Scope of Work:</td>193 <td>{{ scope | default("Construction of 24 residential units (Block C & D), including infrastructure, landscaping, and common facilities") }}</td>194 </tr>195 </table>196 197 <div class="declaration">198 {{ declaration | default("The project has been inspected and found to be substantially complete. All works have been executed in accordance with the contract documents, approved drawings, and applicable building codes. The Defects Liability Period of 12 months commences from the date of this certificate.") }}199 </div>200 201 <p style="text-align: center; font-size: 13px; color: #555;">202 <strong>Defects Liability Period:</strong> {{ dlp_period | default("12 months") }} (Expires: {{ dlp_expiry | default("2025-01-20") }})203 </p>204 205 <div class="signatures">206 <div class="sig-box">207 <div class="sig-line">208 {{ client_rep | default("Ir. Hendra Wijaya") }}209 </div>210 <div class="sig-title">Client Representative</div>211 </div>212 <div class="sig-box">213 <div class="sig-line">214 {{ contractor_rep | default("Ir. Budi Santoso") }}215 </div>216 <div class="sig-title">Project Manager (Contractor)</div>217 <div class="stamp-area">Company Seal</div>218 </div>219 <div class="sig-box">220 <div class="sig-line">221 {{ consultant_rep | default("Ir. Ahmad Fauzi") }}222 </div>223 <div class="sig-title">Supervising Consultant</div>224 </div>225 </div>226 227 <div class="footer-note">228 Issued on: {{ issue_date | default("2024-01-25") }} | This certificate does not relieve the contractor of obligations under the Defects Liability Period.229 </div>230 </div>231</body>232</html>233