fmard/pdf-api
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Memorandum of Understanding</title>7 <style>8 * {9 margin: 0;10 padding: 0;11 box-sizing: border-box;12 }13 body {14 font-family: 'Georgia', 'Times New Roman', Times, serif;15 font-size: 13px;16 line-height: 1.8;17 color: #1a1a1a;18 padding: 40px;19 max-width: 210mm;20 margin: 0 auto;21 }22 h1, h2, h3 {23 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;24 color: #111;25 }26 h1 {27 font-size: 22px;28 text-align: center;29 margin-bottom: 8px;30 text-transform: uppercase;31 letter-spacing: 1px;32 }33 .subtitle {34 text-align: center;35 font-size: 12px;36 color: #555;37 margin-bottom: 30px;38 border-bottom: 2px solid #4f46e5;39 padding-bottom: 15px;40 }41 h2 {42 font-size: 14px;43 margin-top: 24px;44 margin-bottom: 10px;45 text-transform: uppercase;46 letter-spacing: 0.5px;47 }48 .section-number {49 color: #4f46e5;50 margin-right: 6px;51 }52 .parties {53 margin: 20px 0;54 padding: 15px 20px;55 background: #f9f9fb;56 border-left: 3px solid #4f46e5;57 }58 .parties p {59 margin-bottom: 8px;60 }61 .bold {62 font-weight: bold;63 }64 .section {65 margin-bottom: 16px;66 text-align: justify;67 }68 .list-item {69 margin-left: 20px;70 margin-bottom: 4px;71 }72 .signature-block {73 margin-top: 50px;74 page-break-inside: avoid;75 }76 .signature-row {77 display: flex;78 justify-content: space-between;79 margin-top: 40px;80 }81 .signature-party {82 width: 45%;83 }84 .signature-line {85 border-bottom: 1px solid #333;86 margin-top: 50px;87 margin-bottom: 5px;88 }89 .signature-label {90 font-size: 11px;91 color: #555;92 }93 .doc-number {94 text-align: center;95 font-size: 11px;96 color: #777;97 margin-bottom: 20px;98 }99 </style>100</head>101<body>102 <h1>Memorandum of Understanding</h1>103 <div class="subtitle">Mutual Agreement Between Parties</div>104 105 <div class="section">106 <p>This Memorandum of Understanding (the "<span class="bold">MOU</span>") is entered into on107 <span class="bold">{{ date | default('_________________') }}</span>108 by and between:</p>109 </div>110 111 <div class="parties">112 <p><span class="bold">First Party:</span></p>113 <p>Name: {{ party_a_name | default('_________________________') }}<br>114 Address: {{ party_a_address | default('_________________________') }}<br>115 Represented by: {{ party_a_representative | default('_________________________') }}</p>116 <p>(hereinafter referred to as "<span class="bold">Party A</span>")</p>117 118 <p style="margin-top: 12px;"><span class="bold">Second Party:</span></p>119 <p>Name: {{ party_b_name | default('_________________________') }}<br>120 Address: {{ party_b_address | default('_________________________') }}<br>121 Represented by: {{ party_b_representative | default('_________________________') }}</p>122 <p>(hereinafter referred to as "<span class="bold">Party B</span>")</p>123 </div>124 125 <div class="section">126 <p>Party A and Party B are individually referred to as a "<span class="bold">Party</span>" and collectively as the "<span class="bold">Parties</span>".</p>127 </div>128 129 <h2><span class="section-number">Article 1.</span> Purpose</h2>130 <div class="section">131 <p>The purpose of this MOU is to establish a framework for cooperation between the Parties with respect to:</p>132 <p style="margin-top: 8px; margin-left: 20px;">{{ purpose | default('collaborative efforts in areas of mutual interest and benefit.') }}</p>133 </div>134 135 <h2><span class="section-number">Article 2.</span> Scope of Cooperation</h2>136 <div class="section">137 <p>The Parties agree to cooperate in the following areas:</p>138 {% if scope %}139 {% for item in scope %}140 <p class="list-item">{{ loop.index }}. {{ item }}</p>141 {% endfor %}142 {% else %}143 <p class="list-item">1. _________________________</p>144 <p class="list-item">2. _________________________</p>145 <p class="list-item">3. _________________________</p>146 {% endif %}147 </div>148 149 <h2><span class="section-number">Article 3.</span> Responsibilities of Party A</h2>150 <div class="section">151 <p>Party A shall be responsible for:</p>152 {% if responsibilities_a %}153 {% for item in responsibilities_a %}154 <p class="list-item">{{ loop.index }}. {{ item }}</p>155 {% endfor %}156 {% else %}157 <p class="list-item">1. _________________________</p>158 <p class="list-item">2. _________________________</p>159 {% endif %}160 </div>161 162 <h2><span class="section-number">Article 4.</span> Responsibilities of Party B</h2>163 <div class="section">164 <p>Party B shall be responsible for:</p>165 {% if responsibilities_b %}166 {% for item in responsibilities_b %}167 <p class="list-item">{{ loop.index }}. {{ item }}</p>168 {% endfor %}169 {% else %}170 <p class="list-item">1. _________________________</p>171 <p class="list-item">2. _________________________</p>172 {% endif %}173 </div>174 175 <h2><span class="section-number">Article 5.</span> Duration</h2>176 <div class="section">177 <p>This MOU shall be effective from the date of signing and shall remain in force for a period of178 <span class="bold">{{ duration | default('12 (twelve) months') }}</span>, unless terminated earlier by mutual179 written agreement of the Parties or extended by written amendment.</p>180 </div>181 182 <h2><span class="section-number">Article 6.</span> Financial Arrangements</h2>183 <div class="section">184 <p>This MOU does not create any financial obligation between the Parties. Any financial arrangements185 shall be set forth in separate written agreements to be negotiated and executed by the Parties.</p>186 </div>187 188 <h2><span class="section-number">Article 7.</span> Confidentiality</h2>189 <div class="section">190 <p>Each Party agrees to keep confidential any proprietary or sensitive information shared by the other Party191 in connection with this MOU, and shall not disclose such information to third parties without prior written consent.</p>192 </div>193 194 <h2><span class="section-number">Article 8.</span> Non-Binding Nature</h2>195 <div class="section">196 <p>This MOU is a statement of intent and does not constitute a legally binding contract. It does not create197 any legal obligations or rights enforceable by either Party against the other, except with respect to198 the confidentiality obligations set forth in Article 7.</p>199 </div>200 201 <h2><span class="section-number">Article 9.</span> Termination</h2>202 <div class="section">203 <p>Either Party may terminate this MOU by providing thirty (30) days' written notice to the other Party.204 Upon termination, the Parties shall fulfill any outstanding obligations incurred during the term of this MOU.</p>205 </div>206 207 <h2><span class="section-number">Article 10.</span> Dispute Resolution</h2>208 <div class="section">209 <p>Any disputes arising from this MOU shall be resolved amicably through good faith negotiations between the Parties.210 If the Parties are unable to resolve the dispute within thirty (30) days, the matter shall be referred to mediation.</p>211 </div>212 213 <h2><span class="section-number">Article 11.</span> Governing Law</h2>214 <div class="section">215 <p>This MOU shall be governed by and interpreted in accordance with the laws of216 <span class="bold">{{ governing_law | default('the Republic of Indonesia') }}</span>.</p>217 </div>218 219 <h2><span class="section-number">Article 12.</span> Amendments</h2>220 <div class="section">221 <p>This MOU may be amended only by mutual written consent of both Parties. Any amendments shall be222 attached as addenda to this MOU.</p>223 </div>224 225 <div class="section" style="margin-top: 20px;">226 <p><span class="bold">IN WITNESS WHEREOF</span>, the Parties have executed this Memorandum of Understanding as of the date first written above.</p>227 </div>228 229 <div class="signature-block">230 <div class="signature-row">231 <div class="signature-party">232 <p class="bold">PARTY A:</p>233 <div class="signature-line"></div>234 <p class="bold">{{ party_a_representative | default('_________________________') }}</p>235 <p class="signature-label">On behalf of {{ party_a_name | default('Party A') }}</p>236 <p class="signature-label">Title: _________________</p>237 <p class="signature-label">Date: _________________</p>238 </div>239 <div class="signature-party">240 <p class="bold">PARTY B:</p>241 <div class="signature-line"></div>242 <p class="bold">{{ party_b_representative | default('_________________________') }}</p>243 <p class="signature-label">On behalf of {{ party_b_name | default('Party B') }}</p>244 <p class="signature-label">Title: _________________</p>245 <p class="signature-label">Date: _________________</p>246 </div>247 </div>248 </div>249</body>250</html>