Letter of Engagement (LOE) Generator<\/title> <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script> <script src=\"https:\/\/unpkg.com\/html-docx-js\/dist\/html-docx.js\"><\/script> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> body { font-family: 'Inter', sans-serif; } .form-container, .mou-container { transition: all 0.5s ease-in-out; } .prose h4 { font-size: 1.125rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; } .prose p, .prose ul, .prose table { margin-bottom: 1rem; } <\/style>\n<p><\/head><body class=\"bg-gray-100 text-gray-800\"> <\/p>\n<div class=\"container mx-auto px-4 py-8\"> <\/p>\n<h1 class=\"text-3xl font-bold text-center mb-8\">Letter of Engagement (LOE) Generator<\/h1>\n<p> <\/p>\n<div id=\"formContainer\" class=\"form-container bg-white p-8 rounded-lg shadow-md\"> <\/p>\n<h2 class=\"text-2xl font-semibold mb-6\">Client & Agreement Details<\/h2>\n<p>  <\/p>\n<form id=\"mouForm\"> <\/p>\n<div class=\"grid md:grid-cols-2 gap-6\">  <\/p>\n<fieldset class=\"border p-4 rounded-lg\"> <\/p>\n<legend class=\"text-lg font-medium text-gray-700 px-2\">First Party Details (Client)<\/legend>\n<p> <\/p>\n<div class=\"space-y-4 mt-2\"> <\/p>\n<div> <label for=\"clientName\" class=\"block text-sm font-medium text-gray-700\">Full Name \/ Company Name<\/label> <input type=\"text\" id=\"clientName\" name=\"clientName\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., M.Khan & Associates\" value=\"T.Khan & Associates\"> <\/div>\n<p> <\/p>\n<div> <label for=\"clientRep\" class=\"block text-sm font-medium text-gray-700\">Representative Name<\/label> <input type=\"text\" id=\"clientRep\" name=\"clientRep\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Mohsin Khan\" value=\"Tamanna Khan\"> <\/div>\n<p> <\/p>\n<div> <label for=\"clientRepTitle\" class=\"block text-sm font-medium text-gray-700\">Representative Title<\/label> <input type=\"text\" id=\"clientRepTitle\" name=\"clientRepTitle\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Managing Director\" value=\"Managing Director\"> <\/div>\n<p> <\/p>\n<div> <label for=\"clientAddress\" class=\"block text-sm font-medium text-gray-700\">Address<\/label> <textarea id=\"clientAddress\" name=\"clientAddress\" rows=\"2\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"Full Address\">13 Fane Road Atif Basharat Heights 4th Floor Post Code: E32L2, Turkey<\/textarea> <\/div>\n<p> <\/p>\n<div> <label for=\"clientEmail\" class=\"block text-sm font-medium text-gray-700\">Email<\/label> <input type=\"email\" id=\"clientEmail\" name=\"clientEmail\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., email@example.com\" value=\"example@abcventure.com\"> <\/div>\n<p> <\/p>\n<div> <label for=\"clientPhone\" class=\"block text-sm font-medium text-gray-700\">Phone<\/label> <input type=\"tel\" id=\"clientPhone\" name=\"clientPhone\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., +923000090208\" value=\"+4401836663531\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset class=\"border p-4 rounded-lg\"> <\/p>\n<legend class=\"text-lg font-medium text-gray-700 px-2\">Second Party Details (Firm)<\/legend>\n<p> <\/p>\n<div class=\"space-y-4 mt-2\"> <\/p>\n<div> <label for=\"firmName\" class=\"block text-sm font-medium text-gray-700\">Full Name \/ Company Name<\/label> <input type=\"text\" id=\"firmName\" name=\"firmName\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., LegalSeba LLP\" value=\"LegalSeba LLP\"> <\/div>\n<p> <\/p>\n<div> <label for=\"firmRep\" class=\"block text-sm font-medium text-gray-700\">Representative Name<\/label> <input type=\"text\" id=\"firmRep\" name=\"firmRep\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Maria Islam\" value=\"Maria Islam\"> <\/div>\n<p> <\/p>\n<div> <label for=\"firmRepTitle\" class=\"block text-sm font-medium text-gray-700\">Representative Title<\/label> <input type=\"text\" id=\"firmRepTitle\" name=\"firmRepTitle\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Compliance Officer\" value=\"Compliance Officer\"> <\/div>\n<p> <\/p>\n<div> <label for=\"firmAddress\" class=\"block text-sm font-medium text-gray-700\">Address<\/label> <textarea id=\"firmAddress\" name=\"firmAddress\" rows=\"2\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"Full Address\">Flat 6D, House 81, Adabor Main Road, 1 North Adabor, Dhaka 1207<\/textarea> <\/div>\n<p> <\/p>\n<div> <label for=\"firmEmail\" class=\"block text-sm font-medium text-gray-700\">Email<\/label> <input type=\"email\" id=\"firmEmail\" name=\"firmEmail\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., email@firm.com\" value=\"maria@legalseba.com\"> <\/div>\n<p> <\/p>\n<div> <label for=\"firmPhone\" class=\"block text-sm font-medium text-gray-700\">Phone<\/label> <input type=\"tel\" id=\"firmPhone\" name=\"firmPhone\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., +8810753718223\" value=\"+8810753718223\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset class=\"border p-4 rounded-lg md:col-span-2\"> <\/p>\n<legend class=\"text-lg font-medium text-gray-700 px-2\">Agreement & Fee Details<\/legend>\n<p> <\/p>\n<div class=\"space-y-4 mt-2\"> <\/p>\n<div class=\"grid md:grid-cols-3 gap-6\"> <\/p>\n<div> <label for=\"agreementDate\" class=\"block text-sm font-medium text-gray-700\">Agreement Date<\/label> <input type=\"date\" id=\"agreementDate\" name=\"agreementDate\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\"> <\/div>\n<p> <\/p>\n<div class=\"md:col-span-2\"> <label for=\"serviceDescription\" class=\"block text-sm font-medium text-gray-700\">Overall Service Description<\/label> <input type=\"text\" id=\"serviceDescription\" name=\"serviceDescription\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"Describe the overall engagement\" value=\"Trademark Registration in Bangladesh\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div> <\/p>\n<h3 class=\"text-lg font-medium text-gray-800 mb-2 border-b pb-2\">Services & Fees<\/h3>\n<p> <\/p>\n<div class=\"grid grid-cols-12 gap-2 text-sm font-medium text-gray-600 mb-2 px-2\"> <\/p>\n<div class=\"col-span-4\">Service Name<\/div>\n<p> <\/p>\n<div class=\"col-span-2\">Professional Fee<\/div>\n<p> <\/p>\n<div class=\"col-span-2\">Government Fee<\/div>\n<p> <\/p>\n<div class=\"col-span-2\">Tax Rate (%)<\/div>\n<p> <\/div>\n<p> <\/p>\n<div id=\"servicesContainer\" class=\"space-y-3\"> <\/p>\n<div class=\"grid grid-cols-12 gap-2 items-center service-item\"> <input type=\"text\" name=\"serviceName\" class=\"col-span-4 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"Name of the Service\" value=\"Trademark Filing\"> <input type=\"number\" name=\"serviceProfFee\" step=\"0.01\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"USD\" value=\"1100\"> <input type=\"number\" name=\"serviceGovFee\" step=\"0.01\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"USD\" value=\"82\"> <input type=\"number\" name=\"serviceTaxRate\" step=\"0.1\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"%\" value=\"7.5\"> <button type=\"button\" class=\"col-span-1 invisible remove-service-btn text-red-500 hover:text-red-700 font-bold text-xl\">×<\/button> <\/div>\n<p> <\/div>\n<p> <button type=\"button\" id=\"addServiceBtn\" class=\"mt-4 text-sm font-medium text-indigo-600 hover:text-indigo-500\"> + Add Other Service <\/button> <\/div>\n<p> <\/p>\n<div class=\"grid md:grid-cols-3 gap-6 border-t pt-4\"> <\/p>\n<div> <label for=\"upfrontPaymentPercentage\" class=\"block text-sm font-medium text-gray-700\">Upfront Payment (%)<\/label> <input type=\"number\" id=\"upfrontPaymentPercentage\" name=\"upfrontPaymentPercentage\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., 75\" value=\"100\"> <\/div>\n<p> <\/p>\n<div> <label for=\"timelineMonths\" class=\"block text-sm font-medium text-gray-700\">Project Timeline (Months)<\/label> <input type=\"number\" id=\"timelineMonths\" name=\"timelineMonths\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., 2\" value=\"2\"> <\/div>\n<p> <\/p>\n<div> <label for=\"confidentialityDuration\" class=\"block text-sm font-medium text-gray-700\">Confidentiality Duration (Years)<\/label> <input type=\"number\" id=\"confidentialityDuration\" name=\"confidentialityDuration\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., 5\" value=\"5\"> <\/div>\n<p> <\/p>\n<div class=\"md:col-span-3 grid md:grid-cols-2 gap-6\"> <\/p>\n<div> <label for=\"governingLaw\" class=\"block text-sm font-medium text-gray-700\">Governing Law<\/label> <input type=\"text\" id=\"governingLaw\" name=\"governingLaw\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., laws of Bangladesh\" value=\"laws of Bangladesh\"> <\/div>\n<p> <\/p>\n<div> <label for=\"disputeResolution\" class=\"block text-sm font-medium text-gray-700\">Dispute Resolution Venue<\/label> <input type=\"text\" id=\"disputeResolution\" name=\"disputeResolution\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Bangladesh International Arbitration Centre (BIAC)\" value=\"Bangladesh International Arbitration Centre (BIAC)\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p> <\/div>\n<p> <\/p>\n<div class=\"mt-8 text-center text-xs text-gray-500\"> <pee>This document generator and its contents are the intellectual property of LegalSeba LLP.<\/pee> <pee>Unauthorized use, reproduction, or distribution is strictly prohibited and constitutes a violation of intellectual property rights.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"mt-8 flex justify-end\"> <button type=\"submit\" class=\"bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-6 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"> Generate LOE <\/button> <\/div>\n<p> <\/form>\n<p> <\/div>\n<p> <\/p>\n<div id=\"mouContainer\" class=\"mou-container bg-white p-8 rounded-lg shadow-md hidden\"> <\/p>\n<h2 class=\"text-2xl font-semibold mb-6 text-center\">Generated Letter of Engagement<\/h2>\n<p> <\/p>\n<div id=\"mouContent\" class=\"prose max-w-none\">  <\/div>\n<p> <\/p>\n<div class=\"mt-8 flex justify-between\"> <button id=\"backToFormBtn\" class=\"bg-gray-500 hover:bg-gray-600 text-white font-bold py-2 px-6 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-400\"> Back to Form <\/button> <button id=\"downloadBtn\" class=\"bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-6 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500\"> Download as DOCX <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <script> document.addEventListener('DOMContentLoaded', function () { const mouForm = document.getElementById('mouForm'); const formContainer = document.getElementById('formContainer'); const mouContainer = document.getElementById('mouContainer'); const mouContent = document.getElementById('mouContent'); const downloadBtn = document.getElementById('downloadBtn'); const backToFormBtn = document.getElementById('backToFormBtn'); const addServiceBtn = document.getElementById('addServiceBtn'); const servicesContainer = document.getElementById('servicesContainer'); const today = new Date().toISOString().split('T')[0]; document.getElementById('agreementDate').value = today; addServiceBtn.addEventListener('click', function() { const serviceDiv = document.createElement('div'); serviceDiv.className = 'grid grid-cols-12 gap-2 items-center service-item'; serviceDiv.innerHTML = ` <input type=\"text\" name=\"serviceName\" class=\"col-span-4 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"Name of the Service\"> <input type=\"number\" name=\"serviceProfFee\" step=\"0.01\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"USD\"> <input type=\"number\" name=\"serviceGovFee\" step=\"0.01\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"USD\"> <input type=\"number\" name=\"serviceTaxRate\" step=\"0.1\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"%\"> <button type=\"button\" class=\"col-span-2 md:col-span-1 remove-service-btn text-red-500 hover:text-red-700 font-bold text-xl\">×<\/button> `; servicesContainer.appendChild(serviceDiv); }); servicesContainer.addEventListener('click', function(e) { if (e.target.classList.contains('remove-service-btn')) { e.target.closest('.service-item').remove(); } }); mouForm.addEventListener('submit', function (e) { e.preventDefault(); generateMOU(); formContainer.classList.add('hidden'); mouContainer.classList.remove('hidden'); window.scrollTo(0, 0); }); backToFormBtn.addEventListener('click', function() { mouContainer.classList.add('hidden'); formContainer.classList.remove('hidden'); }); function generateMOU() { const formData = new FormData(mouForm); const data = Object.fromEntries(formData.entries()); const upfrontPercent = parseFloat(data.upfrontPaymentPercentage) || 0; let totalProfFee = 0; let totalGovFee = 0; let totalTax = 0; let feeTableBodyHTML = ''; const serviceItems = document.querySelectorAll('.service-item'); serviceItems.forEach(item => { const name = item.querySelector('input[name=\"serviceName\"]').value; const profFee = parseFloat(item.querySelector('input[name=\"serviceProfFee\"]').value) || 0; const govFee = parseFloat(item.querySelector('input[name=\"serviceGovFee\"]').value) || 0; const taxRate = parseFloat(item.querySelector('input[name=\"serviceTaxRate\"]').value) || 0;  if (name && (profFee > 0 || govFee > 0)) { const taxAmount = (profFee * taxRate) \/ 100; const rowTotal = profFee + govFee + taxAmount;  totalProfFee += profFee; totalGovFee += govFee; totalTax += taxAmount; feeTableBodyHTML += ` <\/p>\n<tr> <\/p>\n<td class=\"border border-gray-300 p-2\">${name}<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${profFee.toFixed(2)}<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${govFee.toFixed(2)}<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${taxAmount.toFixed(2)} (${taxRate}%)<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${rowTotal.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> `; } }); const grandTotal = totalProfFee + totalGovFee + totalTax; const upfrontAmount = (grandTotal * upfrontPercent) \/ 100; const remainingAmount = grandTotal - upfrontAmount; const agreementDate = new Date(data.agreementDate).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); const firmShortName = data.firmName.split(' ')[0]; let paymentTermsClauseHTML = ''; if (upfrontPercent === 100) { paymentTermsClauseHTML = `<pee>2.3 This Agreement shall be effective and come into force only after the Client makes payment. LegalSeba shall commence work on this project once the invoiced amount is paid by the Client.<\/pee>`; } else { paymentTermsClauseHTML = `<pee>2.3 Payment Terms: This Agreement shall be effective and come into force only after the Client makes payment. Client will pay <strong>${upfrontPercent}% ($${upfrontAmount.toFixed(2)} USD)<\/strong> of the Payment after signing the LOE and the rest of the <strong>${100 - upfrontPercent}% ($${remainingAmount.toFixed(2)} USD)<\/strong> of the Payment once the work is completed and ${firmShortName} confirms the same unless mutually agreed otherwise.<\/pee>`; } const content = ` <\/p>\n<h3 class=\"text-center font-bold text-xl mb-4\">LETTER OF ENGAGEMENT<\/h3>\n<p> <pee>This LETTER OF ENGAGEMENT (LOE) (hereinafter referred to as \u201cAgreement\u201d) will be executed on ${agreementDate}.<\/pee>  <\/p>\n<h4>BY AND BETWEEN<\/h4>\n<p> <pee> <strong>${data.clientName}<\/strong>, represented by <strong>${data.clientRep}<\/strong>, residing at ${data.clientAddress} (hereinafter referred to as the \u201cClient\u201d), which expression shall, where the context so permits, include his\/her heirs, successors, legal representatives, and permitted assigns of the First Party. <\/pee>  <\/p>\n<h4>AND<\/h4>\n<p> <pee> <strong>${data.firmName}<\/strong>, having its registered address at ${data.firmAddress} (hereinafter referred to as \u201c${firmShortName}\u201d or the \u201cFirm\u201d) which expression unless otherwise repugnant to the context, shall mean and include its heirs, Successor \u2013 in - interest representatives and assignee of the Second Party. <\/pee> <pee>The parties are hereinafter collectively referred to as \u201cParties\u201d and individually as \u201cParty\u201d.<\/pee> <pee>Whereas, the Client has requested professional services from ${firmShortName}, who shall act as the professional consultant, having their expertise in Bangladeshi regulations and thus have agreed to give such assistance.<\/pee> <pee>NOW therefore, the parties agree as follows:<\/pee> <\/p>\n<h4>1. Subject Matter of the Agreement<\/h4>\n<p> <pee>1.1 ${firmShortName} shall execute the following works for the clients: ${data.serviceDescription}.<\/pee> <pee>1.2 Acknowledgement: By executing this agreement, the Client acknowledges and agrees to be bound by the Terms and Conditions and Privacy Policy of the Firm, as published on the Firm\u2019s website and subject to amendments from time to time.<\/pee> <\/p>\n<h4>2. Payment<\/h4>\n<p> <pee>2.1 The Client shall make the payment for the services as detailed below:<\/pee> <\/p>\n<table class=\"w-full border-collapse border border-gray-400 my-4 text-sm\"> <\/p>\n<thead class=\"bg-gray-200\"> <\/p>\n<tr> <\/p>\n<th class=\"border border-gray-300 p-2 text-left\">Service<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-right\">Professional Fee<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-right\">Government Fee<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-right\">Tax on Pro. Fee<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-right\">Total (USD)<\/th>\n<p> <\/tr>\n<p> <\/thead>\n<p> <\/p>\n<tbody> ${feeTableBodyHTML} <\/tbody>\n<p> <\/p>\n<tfoot class=\"font-bold bg-gray-100\"> <\/p>\n<tr> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\" colspan=\"4\">Total Professional Fees<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${totalProfFee.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> <\/p>\n<tr> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\" colspan=\"4\">Total Government Fees<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${totalGovFee.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> <\/p>\n<tr> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\" colspan=\"4\">Total Tax<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${totalTax.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> <\/p>\n<tr class=\"bg-gray-200\"> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\" colspan=\"4\">Grand Total<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${grandTotal.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> <\/tfoot>\n<p> <\/table>\n<p> <pee>2.2 Payment shall be made within seven (7) days of signing the Letter of Engagement.<\/pee> ${paymentTermsClauseHTML} <pee>2.4 In case of any change in circumstance, ${firmShortName} will be reimbursed by the Client from their advance payment, as agreed on this Agreement, for any accumulated services at the project's conclusion, covering professional charges incurred throughout the service period.<\/pee> <pee>2.5 The USD exchange rate applicable shall be based on the USD to Taka or Pound conversion rate as displayed on Google on the date of payment.<\/pee> <\/p>\n<h4>3. Alteration<\/h4>\n<p> <pee>This Agreement may be amended, altered, or modified only with prior written approval from both the Parties. This shall also be applicable to any modification, change, alteration or addition of this clause.<\/pee> <\/p>\n<h4>4. Timeline<\/h4>\n<p> <pee>The project shall be completed within ${data.timelineMonths} months from the date of execution of the Letter of Engagement (LOE) or receipt of funds, whichever is later. In the event of any delays in the delivery of work, the Firm shall promptly inform the Client of the revised circumstances and provide appropriate updates.<\/pee> <\/p>\n<h4>5. Confidentiality<\/h4>\n<p> <pee>5.1 Confidentiality Obligations: The Firm shall treat all information disclosed by the Client in connection with the engagement as strictly confidential. The Firm shall not disclose, share, or use any such Confidential Information for any purpose other than providing legal services to the Client unless expressly authorized in writing by the Client or required by law.<\/pee> <pee>5.2 Permitted Disclosures: Notwithstanding the foregoing, the Firm may disclose Confidential Information to its employees, associates, or agents who need to know such information to perform services for the Client, provided they are bound by similar confidentiality obligations; or courts, tribunals, regulatory authorities, or other legal bodies as required.<\/pee> <pee>5.3 Exceptions to Confidentiality: The obligations under this clause shall not apply to information that: (a) is or becomes publicly available other than through a breach of this clause; (b) was in the Law Firm\u2019s possession before the Client\u2019s disclosure; (c) is independently developed by the Firm without reference to the Client\u2019s Confidential Information; or (d) is required to be disclosed by law.<\/pee> <pee>5.4 Duration of Obligation: The obligations of confidentiality set forth in this clause shall survive the termination of this Letter of Engagement and remain in effect for ${data.confidentialityDuration} years unless otherwise mutually agreed in writing by the parties.<\/pee> <\/p>\n<h4>6. Data Protection<\/h4>\n<p> <pee>6.1 Retention and Disposal: Upon termination of the engagement or at the Client\u2019s written request, the Firm shall return or securely dispose of all physical and digital copies of the Confidential Information, except where retention is required to comply with legal or professional record-keeping obligations. For the return of any physical copies, the Firm reserves the right to charge a standard fee for printing, preparation, and delivery, as applicable.<\/pee> <\/p>\n<h4>7. Communication<\/h4>\n<p> <pee>7.1 The parties shall correspond using the contact details provided herein unless otherwise instructed in writing by either party.<\/pee> <\/p>\n<table class=\"w-full border-collapse border border-gray-400 my-4\"> <\/p>\n<thead> <\/p>\n<tr class=\"bg-gray-200\"> <\/p>\n<th class=\"border border-gray-300 p-2 text-left\">Aspects<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-left\">Firm<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-left\">Client<\/th>\n<p> <\/tr>\n<p> <\/thead>\n<p> <\/p>\n<tbody> <\/p>\n<tr>\n<td class=\"border border-gray-300 p-2 font-semibold\">Email<\/td>\n<td class=\"border border-gray-300 p-2\">${data.firmEmail}<\/td>\n<td class=\"border border-gray-300 p-2\">${data.clientEmail}<\/td>\n<\/tr>\n<p> <\/p>\n<tr>\n<td class=\"border border-gray-300 p-2 font-semibold\">Phone<\/td>\n<td class=\"border border-gray-300 p-2\">${data.firmPhone}<\/td>\n<td class=\"border border-gray-300 p-2\">${data.clientPhone}<\/td>\n<\/tr>\n<p> <\/p>\n<tr>\n<td class=\"border border-gray-300 p-2 font-semibold\">Address<\/td>\n<td class=\"border border-gray-300 p-2\">${data.firmAddress}<\/td>\n<td class=\"border border-gray-300 p-2\">${data.clientAddress}<\/td>\n<\/tr>\n<p> <\/tbody>\n<p> <\/table>\n<p> <pee>7.2 Any complaints regarding a representative of the Firm should be submitted in writing by the Client to the following email address: compliance@legalseba.com.<\/pee>  <\/p>\n<h4>8. Governing Law and Dispute Resolution<\/h4>\n<p> <pee>8.1 This Agreement shall be governed by and construed in accordance with the ${data.governingLaw}.<\/pee> <pee>8.2 If any dispute arises out of this Agreement, a representative from each party will, within 14 days of a written request, meet in a good faith effort to resolve the dispute. If the dispute is not resolved within 14 days of that meeting, it shall be referred to the ${data.disputeResolution} for settlement through mediation. If a settlement cannot be reached within sixty (60) days, the dispute shall be referred to ${data.disputeResolution} to be finally settled under its Rules of Arbitration. The language for the arbitration shall be English. The arbitrator\u2019s decision shall be final and binding.<\/pee>  <\/p>\n<h4 class=\"mt-8\">Signature Page<\/h4>\n<p> <pee>IN WITNESS WHEREOF, the Parties hereto have executed this Agreement on the respective date set forth under their name.<\/pee>  <\/p>\n<table class=\"w-full mt-12 border-collapse border border-gray-400\"> <\/p>\n<tbody> <\/p>\n<tr> <\/p>\n<td class=\"w-1\/2 p-4 border border-gray-400\" style=\"vertical-align: top;\"> <pee class=\"font-bold\">SIGNED AND DELIVERED<\/pee> <pee>For and on behalf of ${data.clientName}<\/pee> <\/p>\n<div style=\"height: 60px;\"><\/div>\n<p> <pee>Signature:<\/pee> <\/p>\n<div style=\"height: 30px;\"><\/div>\n<p> <pee>Name: ${data.clientRep}<\/pee> <pee>Designation: ${data.clientRepTitle}<\/pee> <pee>Email: ${data.clientEmail}<\/pee> <pee>Date: <\/pee> <\/td>\n<p> <\/p>\n<td class=\"w-1\/2 p-4 border border-gray-400\" style=\"vertical-align: top;\"> <pee class=\"font-bold\">SIGNED AND DELIVERED<\/pee> <pee>For and on behalf of ${data.firmName}<\/pee> <\/p>\n<div style=\"height: 60px;\"><\/div>\n<p> <pee>Signature:<\/pee> <\/p>\n<div style=\"height: 30px;\"><\/div>\n<p> <pee>Name: ${data.firmRep}<\/pee> <pee>Designation: ${data.firmRepTitle}<\/pee> <pee>Email: ${data.firmEmail}<\/pee> <pee>Date: <\/pee> <\/td>\n<p> <\/tr>\n<p> <\/tbody>\n<p> <\/table>\n<p> `; mouContent.innerHTML = content; } downloadBtn.addEventListener('click', function() { const sourceHTML = mouContent.innerHTML; const styledHTML = ` <!DOCTYPE html> <html> <head> <meta charset=\"UTF-8\"> <\/p>\n<style> body { font-family: Calibri, sans-serif; font-size: 11pt; } h3 { text-align: center; font-weight: bold; font-size: 14pt; } h4 { font-weight: bold; margin-top: 20px; margin-bottom: 10px; } p { line-height: 1.5; } table { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 10pt; } th, td { border: 1px solid #cccccc; padding: 6px; text-align: left; vertical-align: top; } th { background-color: #f2f2f2; } td[align=\"right\"] { text-align: right; } tfoot { font-weight: bold; } <\/style>\n<p> <\/head> <body> ${sourceHTML} <\/body> <\/html> `;  var blob = htmlDocx.asBlob(styledHTML, { orientation: 'portrait', margins: { top: 720, right: 720, bottom: 720, left: 720 } \/\/ 1 inch margins }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'Letter_of_Engagement.docx'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }); }); <\/script><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","footnotes":""},"categories":[484],"tags":[],"class_list":["post-1016","post","type-post","status-publish","format-standard","hentry","category-engagement","et-doesnt-have-format-content","et_post_format-et-post-format-standard"],"acf":[],"yoast_head":"\n<title>LOE - Resource Portal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/legalseba.com\/bd-resources\/loe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LOE\" \/>\n<meta property=\"og:url\" content=\"https:\/\/legalseba.com\/bd-resources\/loe\/\" \/>\n<meta property=\"og:site_name\" content=\"Resource Portal\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-17T21:18:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-17T21:32:50+00:00\" \/>\n<meta name=\"author\" content=\"LegalSeba\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\"},\"author\":{\"name\":\"LegalSeba\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#\\\/schema\\\/person\\\/d85c7381b2b65be1fb7543f06fa36e13\"},\"headline\":\"LOE\",\"datePublished\":\"2025-10-17T21:18:08+00:00\",\"dateModified\":\"2025-10-17T21:32:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\"},\"wordCount\":204,\"commentCount\":0,\"articleSection\":[\"Engagement\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\",\"url\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\",\"name\":\"LOE - Resource Portal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#website\"},\"datePublished\":\"2025-10-17T21:18:08+00:00\",\"dateModified\":\"2025-10-17T21:32:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#\\\/schema\\\/person\\\/d85c7381b2b65be1fb7543f06fa36e13\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LOE\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#website\",\"url\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/\",\"name\":\"Resource Portal\",\"description\":\"Online Legal-Box\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#\\\/schema\\\/person\\\/d85c7381b2b65be1fb7543f06fa36e13\",\"name\":\"LegalSeba\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g\",\"caption\":\"LegalSeba\"},\"url\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/author\\\/admin\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"LOE - Resource Portal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/legalseba.com\/bd-resources\/loe\/","og_locale":"en_US","og_type":"article","og_title":"LOE","og_url":"https:\/\/legalseba.com\/bd-resources\/loe\/","og_site_name":"Resource Portal","article_published_time":"2025-10-17T21:18:08+00:00","article_modified_time":"2025-10-17T21:32:50+00:00","author":"LegalSeba","twitter_card":"summary_large_image","twitter_misc":{"Written by":false,"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/legalseba.com\/bd-resources\/loe\/#article","isPartOf":{"@id":"https:\/\/legalseba.com\/bd-resources\/loe\/"},"author":{"name":"LegalSeba","@id":"https:\/\/legalseba.com\/bd-resources\/#\/schema\/person\/d85c7381b2b65be1fb7543f06fa36e13"},"headline":"LOE","datePublished":"2025-10-17T21:18:08+00:00","dateModified":"2025-10-17T21:32:50+00:00","mainEntityOfPage":{"@id":"https:\/\/legalseba.com\/bd-resources\/loe\/"},"wordCount":204,"commentCount":0,"articleSection":["Engagement"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/legalseba.com\/bd-resources\/loe\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/legalseba.com\/bd-resources\/loe\/","url":"https:\/\/legalseba.com\/bd-resources\/loe\/","name":"LOE - Resource Portal","isPartOf":{"@id":"https:\/\/legalseba.com\/bd-resources\/#website"},"datePublished":"2025-10-17T21:18:08+00:00","dateModified":"2025-10-17T21:32:50+00:00","author":{"@id":"https:\/\/legalseba.com\/bd-resources\/#\/schema\/person\/d85c7381b2b65be1fb7543f06fa36e13"},"breadcrumb":{"@id":"https:\/\/legalseba.com\/bd-resources\/loe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/legalseba.com\/bd-resources\/loe\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/legalseba.com\/bd-resources\/loe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/legalseba.com\/bd-resources\/"},{"@type":"ListItem","position":2,"name":"LOE"}]},{"@type":"WebSite","@id":"https:\/\/legalseba.com\/bd-resources\/#website","url":"https:\/\/legalseba.com\/bd-resources\/","name":"Resource Portal","description":"Online Legal-Box","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/legalseba.com\/bd-resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/legalseba.com\/bd-resources\/#\/schema\/person\/d85c7381b2b65be1fb7543f06fa36e13","name":"LegalSeba","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g","caption":"LegalSeba"},"url":"https:\/\/legalseba.com\/bd-resources\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/posts\/1016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/comments?post=1016"}],"version-history":[{"count":4,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/posts\/1016\/revisions"}],"predecessor-version":[{"id":1020,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/posts\/1016\/revisions\/1020"}],"wp:attachment":[{"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/media?parent=1016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/categories?post=1016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/tags?post=1016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1016,"date":"2025-10-17T21:18:08","date_gmt":"2025-10-17T21:18:08","guid":{"rendered":"https:\/\/legalseba.com\/bd-resources\/?p=1016"},"modified":"2025-10-17T21:32:50","modified_gmt":"2025-10-17T21:32:50","slug":"loe","status":"publish","type":"post","link":"https:\/\/legalseba.com\/bd-resources\/loe\/","title":{"rendered":"LOE"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_row _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.27.4″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.27.4″ _module_preset=”default” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″] Letter of Engagement (LOE) Generator<\/title> <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script> <script src=\"https:\/\/unpkg.com\/html-docx-js\/dist\/html-docx.js\"><\/script> <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"> <\/p>\n<style> body { font-family: 'Inter', sans-serif; } .form-container, .mou-container { transition: all 0.5s ease-in-out; } .prose h4 { font-size: 1.125rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.5rem; } .prose p, .prose ul, .prose table { margin-bottom: 1rem; } <\/style>\n<p><\/head><body class=\"bg-gray-100 text-gray-800\"> <\/p>\n<div class=\"container mx-auto px-4 py-8\"> <\/p>\n<h1 class=\"text-3xl font-bold text-center mb-8\">Letter of Engagement (LOE) Generator<\/h1>\n<p> <\/p>\n<div id=\"formContainer\" class=\"form-container bg-white p-8 rounded-lg shadow-md\"> <\/p>\n<h2 class=\"text-2xl font-semibold mb-6\">Client & Agreement Details<\/h2>\n<p>  <\/p>\n<form id=\"mouForm\"> <\/p>\n<div class=\"grid md:grid-cols-2 gap-6\">  <\/p>\n<fieldset class=\"border p-4 rounded-lg\"> <\/p>\n<legend class=\"text-lg font-medium text-gray-700 px-2\">First Party Details (Client)<\/legend>\n<p> <\/p>\n<div class=\"space-y-4 mt-2\"> <\/p>\n<div> <label for=\"clientName\" class=\"block text-sm font-medium text-gray-700\">Full Name \/ Company Name<\/label> <input type=\"text\" id=\"clientName\" name=\"clientName\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., M.Khan & Associates\" value=\"T.Khan & Associates\"> <\/div>\n<p> <\/p>\n<div> <label for=\"clientRep\" class=\"block text-sm font-medium text-gray-700\">Representative Name<\/label> <input type=\"text\" id=\"clientRep\" name=\"clientRep\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Mohsin Khan\" value=\"Tamanna Khan\"> <\/div>\n<p> <\/p>\n<div> <label for=\"clientRepTitle\" class=\"block text-sm font-medium text-gray-700\">Representative Title<\/label> <input type=\"text\" id=\"clientRepTitle\" name=\"clientRepTitle\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Managing Director\" value=\"Managing Director\"> <\/div>\n<p> <\/p>\n<div> <label for=\"clientAddress\" class=\"block text-sm font-medium text-gray-700\">Address<\/label> <textarea id=\"clientAddress\" name=\"clientAddress\" rows=\"2\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"Full Address\">13 Fane Road Atif Basharat Heights 4th Floor Post Code: E32L2, Turkey<\/textarea> <\/div>\n<p> <\/p>\n<div> <label for=\"clientEmail\" class=\"block text-sm font-medium text-gray-700\">Email<\/label> <input type=\"email\" id=\"clientEmail\" name=\"clientEmail\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., email@example.com\" value=\"example@abcventure.com\"> <\/div>\n<p> <\/p>\n<div> <label for=\"clientPhone\" class=\"block text-sm font-medium text-gray-700\">Phone<\/label> <input type=\"tel\" id=\"clientPhone\" name=\"clientPhone\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., +923000090208\" value=\"+4401836663531\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset class=\"border p-4 rounded-lg\"> <\/p>\n<legend class=\"text-lg font-medium text-gray-700 px-2\">Second Party Details (Firm)<\/legend>\n<p> <\/p>\n<div class=\"space-y-4 mt-2\"> <\/p>\n<div> <label for=\"firmName\" class=\"block text-sm font-medium text-gray-700\">Full Name \/ Company Name<\/label> <input type=\"text\" id=\"firmName\" name=\"firmName\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., LegalSeba LLP\" value=\"LegalSeba LLP\"> <\/div>\n<p> <\/p>\n<div> <label for=\"firmRep\" class=\"block text-sm font-medium text-gray-700\">Representative Name<\/label> <input type=\"text\" id=\"firmRep\" name=\"firmRep\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Maria Islam\" value=\"Maria Islam\"> <\/div>\n<p> <\/p>\n<div> <label for=\"firmRepTitle\" class=\"block text-sm font-medium text-gray-700\">Representative Title<\/label> <input type=\"text\" id=\"firmRepTitle\" name=\"firmRepTitle\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Compliance Officer\" value=\"Compliance Officer\"> <\/div>\n<p> <\/p>\n<div> <label for=\"firmAddress\" class=\"block text-sm font-medium text-gray-700\">Address<\/label> <textarea id=\"firmAddress\" name=\"firmAddress\" rows=\"2\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"Full Address\">Flat 6D, House 81, Adabor Main Road, 1 North Adabor, Dhaka 1207<\/textarea> <\/div>\n<p> <\/p>\n<div> <label for=\"firmEmail\" class=\"block text-sm font-medium text-gray-700\">Email<\/label> <input type=\"email\" id=\"firmEmail\" name=\"firmEmail\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., email@firm.com\" value=\"maria@legalseba.com\"> <\/div>\n<p> <\/p>\n<div> <label for=\"firmPhone\" class=\"block text-sm font-medium text-gray-700\">Phone<\/label> <input type=\"tel\" id=\"firmPhone\" name=\"firmPhone\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., +8810753718223\" value=\"+8810753718223\"> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p>  <\/p>\n<fieldset class=\"border p-4 rounded-lg md:col-span-2\"> <\/p>\n<legend class=\"text-lg font-medium text-gray-700 px-2\">Agreement & Fee Details<\/legend>\n<p> <\/p>\n<div class=\"space-y-4 mt-2\"> <\/p>\n<div class=\"grid md:grid-cols-3 gap-6\"> <\/p>\n<div> <label for=\"agreementDate\" class=\"block text-sm font-medium text-gray-700\">Agreement Date<\/label> <input type=\"date\" id=\"agreementDate\" name=\"agreementDate\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\"> <\/div>\n<p> <\/p>\n<div class=\"md:col-span-2\"> <label for=\"serviceDescription\" class=\"block text-sm font-medium text-gray-700\">Overall Service Description<\/label> <input type=\"text\" id=\"serviceDescription\" name=\"serviceDescription\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"Describe the overall engagement\" value=\"Trademark Registration in Bangladesh\"> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div> <\/p>\n<h3 class=\"text-lg font-medium text-gray-800 mb-2 border-b pb-2\">Services & Fees<\/h3>\n<p> <\/p>\n<div class=\"grid grid-cols-12 gap-2 text-sm font-medium text-gray-600 mb-2 px-2\"> <\/p>\n<div class=\"col-span-4\">Service Name<\/div>\n<p> <\/p>\n<div class=\"col-span-2\">Professional Fee<\/div>\n<p> <\/p>\n<div class=\"col-span-2\">Government Fee<\/div>\n<p> <\/p>\n<div class=\"col-span-2\">Tax Rate (%)<\/div>\n<p> <\/div>\n<p> <\/p>\n<div id=\"servicesContainer\" class=\"space-y-3\"> <\/p>\n<div class=\"grid grid-cols-12 gap-2 items-center service-item\"> <input type=\"text\" name=\"serviceName\" class=\"col-span-4 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"Name of the Service\" value=\"Trademark Filing\"> <input type=\"number\" name=\"serviceProfFee\" step=\"0.01\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"USD\" value=\"1100\"> <input type=\"number\" name=\"serviceGovFee\" step=\"0.01\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"USD\" value=\"82\"> <input type=\"number\" name=\"serviceTaxRate\" step=\"0.1\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"%\" value=\"7.5\"> <button type=\"button\" class=\"col-span-1 invisible remove-service-btn text-red-500 hover:text-red-700 font-bold text-xl\">×<\/button> <\/div>\n<p> <\/div>\n<p> <button type=\"button\" id=\"addServiceBtn\" class=\"mt-4 text-sm font-medium text-indigo-600 hover:text-indigo-500\"> + Add Other Service <\/button> <\/div>\n<p> <\/p>\n<div class=\"grid md:grid-cols-3 gap-6 border-t pt-4\"> <\/p>\n<div> <label for=\"upfrontPaymentPercentage\" class=\"block text-sm font-medium text-gray-700\">Upfront Payment (%)<\/label> <input type=\"number\" id=\"upfrontPaymentPercentage\" name=\"upfrontPaymentPercentage\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., 75\" value=\"100\"> <\/div>\n<p> <\/p>\n<div> <label for=\"timelineMonths\" class=\"block text-sm font-medium text-gray-700\">Project Timeline (Months)<\/label> <input type=\"number\" id=\"timelineMonths\" name=\"timelineMonths\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., 2\" value=\"2\"> <\/div>\n<p> <\/p>\n<div> <label for=\"confidentialityDuration\" class=\"block text-sm font-medium text-gray-700\">Confidentiality Duration (Years)<\/label> <input type=\"number\" id=\"confidentialityDuration\" name=\"confidentialityDuration\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., 5\" value=\"5\"> <\/div>\n<p> <\/p>\n<div class=\"md:col-span-3 grid md:grid-cols-2 gap-6\"> <\/p>\n<div> <label for=\"governingLaw\" class=\"block text-sm font-medium text-gray-700\">Governing Law<\/label> <input type=\"text\" id=\"governingLaw\" name=\"governingLaw\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., laws of Bangladesh\" value=\"laws of Bangladesh\"> <\/div>\n<p> <\/p>\n<div> <label for=\"disputeResolution\" class=\"block text-sm font-medium text-gray-700\">Dispute Resolution Venue<\/label> <input type=\"text\" id=\"disputeResolution\" name=\"disputeResolution\" class=\"mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm\" placeholder=\"e.g., Bangladesh International Arbitration Centre (BIAC)\" value=\"Bangladesh International Arbitration Centre (BIAC)\"> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/fieldset>\n<p> <\/div>\n<p> <\/p>\n<div class=\"mt-8 text-center text-xs text-gray-500\"> <pee>This document generator and its contents are the intellectual property of LegalSeba LLP.<\/pee> <pee>Unauthorized use, reproduction, or distribution is strictly prohibited and constitutes a violation of intellectual property rights.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"mt-8 flex justify-end\"> <button type=\"submit\" class=\"bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-6 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500\"> Generate LOE <\/button> <\/div>\n<p> <\/form>\n<p> <\/div>\n<p> <\/p>\n<div id=\"mouContainer\" class=\"mou-container bg-white p-8 rounded-lg shadow-md hidden\"> <\/p>\n<h2 class=\"text-2xl font-semibold mb-6 text-center\">Generated Letter of Engagement<\/h2>\n<p> <\/p>\n<div id=\"mouContent\" class=\"prose max-w-none\">  <\/div>\n<p> <\/p>\n<div class=\"mt-8 flex justify-between\"> <button id=\"backToFormBtn\" class=\"bg-gray-500 hover:bg-gray-600 text-white font-bold py-2 px-6 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-400\"> Back to Form <\/button> <button id=\"downloadBtn\" class=\"bg-green-600 hover:bg-green-700 text-white font-bold py-2 px-6 rounded-lg shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500\"> Download as DOCX <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <script> document.addEventListener('DOMContentLoaded', function () { const mouForm = document.getElementById('mouForm'); const formContainer = document.getElementById('formContainer'); const mouContainer = document.getElementById('mouContainer'); const mouContent = document.getElementById('mouContent'); const downloadBtn = document.getElementById('downloadBtn'); const backToFormBtn = document.getElementById('backToFormBtn'); const addServiceBtn = document.getElementById('addServiceBtn'); const servicesContainer = document.getElementById('servicesContainer'); const today = new Date().toISOString().split('T')[0]; document.getElementById('agreementDate').value = today; addServiceBtn.addEventListener('click', function() { const serviceDiv = document.createElement('div'); serviceDiv.className = 'grid grid-cols-12 gap-2 items-center service-item'; serviceDiv.innerHTML = ` <input type=\"text\" name=\"serviceName\" class=\"col-span-4 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"Name of the Service\"> <input type=\"number\" name=\"serviceProfFee\" step=\"0.01\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"USD\"> <input type=\"number\" name=\"serviceGovFee\" step=\"0.01\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"USD\"> <input type=\"number\" name=\"serviceTaxRate\" step=\"0.1\" class=\"col-span-2 rounded-md border-gray-300 shadow-sm sm:text-sm\" placeholder=\"%\"> <button type=\"button\" class=\"col-span-2 md:col-span-1 remove-service-btn text-red-500 hover:text-red-700 font-bold text-xl\">×<\/button> `; servicesContainer.appendChild(serviceDiv); }); servicesContainer.addEventListener('click', function(e) { if (e.target.classList.contains('remove-service-btn')) { e.target.closest('.service-item').remove(); } }); mouForm.addEventListener('submit', function (e) { e.preventDefault(); generateMOU(); formContainer.classList.add('hidden'); mouContainer.classList.remove('hidden'); window.scrollTo(0, 0); }); backToFormBtn.addEventListener('click', function() { mouContainer.classList.add('hidden'); formContainer.classList.remove('hidden'); }); function generateMOU() { const formData = new FormData(mouForm); const data = Object.fromEntries(formData.entries()); const upfrontPercent = parseFloat(data.upfrontPaymentPercentage) || 0; let totalProfFee = 0; let totalGovFee = 0; let totalTax = 0; let feeTableBodyHTML = ''; const serviceItems = document.querySelectorAll('.service-item'); serviceItems.forEach(item => { const name = item.querySelector('input[name=\"serviceName\"]').value; const profFee = parseFloat(item.querySelector('input[name=\"serviceProfFee\"]').value) || 0; const govFee = parseFloat(item.querySelector('input[name=\"serviceGovFee\"]').value) || 0; const taxRate = parseFloat(item.querySelector('input[name=\"serviceTaxRate\"]').value) || 0;  if (name && (profFee > 0 || govFee > 0)) { const taxAmount = (profFee * taxRate) \/ 100; const rowTotal = profFee + govFee + taxAmount;  totalProfFee += profFee; totalGovFee += govFee; totalTax += taxAmount; feeTableBodyHTML += ` <\/p>\n<tr> <\/p>\n<td class=\"border border-gray-300 p-2\">${name}<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${profFee.toFixed(2)}<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${govFee.toFixed(2)}<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${taxAmount.toFixed(2)} (${taxRate}%)<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${rowTotal.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> `; } }); const grandTotal = totalProfFee + totalGovFee + totalTax; const upfrontAmount = (grandTotal * upfrontPercent) \/ 100; const remainingAmount = grandTotal - upfrontAmount; const agreementDate = new Date(data.agreementDate).toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); const firmShortName = data.firmName.split(' ')[0]; let paymentTermsClauseHTML = ''; if (upfrontPercent === 100) { paymentTermsClauseHTML = `<pee>2.3 This Agreement shall be effective and come into force only after the Client makes payment. LegalSeba shall commence work on this project once the invoiced amount is paid by the Client.<\/pee>`; } else { paymentTermsClauseHTML = `<pee>2.3 Payment Terms: This Agreement shall be effective and come into force only after the Client makes payment. Client will pay <strong>${upfrontPercent}% ($${upfrontAmount.toFixed(2)} USD)<\/strong> of the Payment after signing the LOE and the rest of the <strong>${100 - upfrontPercent}% ($${remainingAmount.toFixed(2)} USD)<\/strong> of the Payment once the work is completed and ${firmShortName} confirms the same unless mutually agreed otherwise.<\/pee>`; } const content = ` <\/p>\n<h3 class=\"text-center font-bold text-xl mb-4\">LETTER OF ENGAGEMENT<\/h3>\n<p> <pee>This LETTER OF ENGAGEMENT (LOE) (hereinafter referred to as \u201cAgreement\u201d) will be executed on ${agreementDate}.<\/pee>  <\/p>\n<h4>BY AND BETWEEN<\/h4>\n<p> <pee> <strong>${data.clientName}<\/strong>, represented by <strong>${data.clientRep}<\/strong>, residing at ${data.clientAddress} (hereinafter referred to as the \u201cClient\u201d), which expression shall, where the context so permits, include his\/her heirs, successors, legal representatives, and permitted assigns of the First Party. <\/pee>  <\/p>\n<h4>AND<\/h4>\n<p> <pee> <strong>${data.firmName}<\/strong>, having its registered address at ${data.firmAddress} (hereinafter referred to as \u201c${firmShortName}\u201d or the \u201cFirm\u201d) which expression unless otherwise repugnant to the context, shall mean and include its heirs, Successor \u2013 in - interest representatives and assignee of the Second Party. <\/pee> <pee>The parties are hereinafter collectively referred to as \u201cParties\u201d and individually as \u201cParty\u201d.<\/pee> <pee>Whereas, the Client has requested professional services from ${firmShortName}, who shall act as the professional consultant, having their expertise in Bangladeshi regulations and thus have agreed to give such assistance.<\/pee> <pee>NOW therefore, the parties agree as follows:<\/pee> <\/p>\n<h4>1. Subject Matter of the Agreement<\/h4>\n<p> <pee>1.1 ${firmShortName} shall execute the following works for the clients: ${data.serviceDescription}.<\/pee> <pee>1.2 Acknowledgement: By executing this agreement, the Client acknowledges and agrees to be bound by the Terms and Conditions and Privacy Policy of the Firm, as published on the Firm\u2019s website and subject to amendments from time to time.<\/pee> <\/p>\n<h4>2. Payment<\/h4>\n<p> <pee>2.1 The Client shall make the payment for the services as detailed below:<\/pee> <\/p>\n<table class=\"w-full border-collapse border border-gray-400 my-4 text-sm\"> <\/p>\n<thead class=\"bg-gray-200\"> <\/p>\n<tr> <\/p>\n<th class=\"border border-gray-300 p-2 text-left\">Service<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-right\">Professional Fee<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-right\">Government Fee<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-right\">Tax on Pro. Fee<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-right\">Total (USD)<\/th>\n<p> <\/tr>\n<p> <\/thead>\n<p> <\/p>\n<tbody> ${feeTableBodyHTML} <\/tbody>\n<p> <\/p>\n<tfoot class=\"font-bold bg-gray-100\"> <\/p>\n<tr> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\" colspan=\"4\">Total Professional Fees<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${totalProfFee.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> <\/p>\n<tr> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\" colspan=\"4\">Total Government Fees<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${totalGovFee.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> <\/p>\n<tr> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\" colspan=\"4\">Total Tax<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${totalTax.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> <\/p>\n<tr class=\"bg-gray-200\"> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\" colspan=\"4\">Grand Total<\/td>\n<p> <\/p>\n<td class=\"border border-gray-300 p-2 text-right\">$${grandTotal.toFixed(2)}<\/td>\n<p> <\/tr>\n<p> <\/tfoot>\n<p> <\/table>\n<p> <pee>2.2 Payment shall be made within seven (7) days of signing the Letter of Engagement.<\/pee> ${paymentTermsClauseHTML} <pee>2.4 In case of any change in circumstance, ${firmShortName} will be reimbursed by the Client from their advance payment, as agreed on this Agreement, for any accumulated services at the project's conclusion, covering professional charges incurred throughout the service period.<\/pee> <pee>2.5 The USD exchange rate applicable shall be based on the USD to Taka or Pound conversion rate as displayed on Google on the date of payment.<\/pee> <\/p>\n<h4>3. Alteration<\/h4>\n<p> <pee>This Agreement may be amended, altered, or modified only with prior written approval from both the Parties. This shall also be applicable to any modification, change, alteration or addition of this clause.<\/pee> <\/p>\n<h4>4. Timeline<\/h4>\n<p> <pee>The project shall be completed within ${data.timelineMonths} months from the date of execution of the Letter of Engagement (LOE) or receipt of funds, whichever is later. In the event of any delays in the delivery of work, the Firm shall promptly inform the Client of the revised circumstances and provide appropriate updates.<\/pee> <\/p>\n<h4>5. Confidentiality<\/h4>\n<p> <pee>5.1 Confidentiality Obligations: The Firm shall treat all information disclosed by the Client in connection with the engagement as strictly confidential. The Firm shall not disclose, share, or use any such Confidential Information for any purpose other than providing legal services to the Client unless expressly authorized in writing by the Client or required by law.<\/pee> <pee>5.2 Permitted Disclosures: Notwithstanding the foregoing, the Firm may disclose Confidential Information to its employees, associates, or agents who need to know such information to perform services for the Client, provided they are bound by similar confidentiality obligations; or courts, tribunals, regulatory authorities, or other legal bodies as required.<\/pee> <pee>5.3 Exceptions to Confidentiality: The obligations under this clause shall not apply to information that: (a) is or becomes publicly available other than through a breach of this clause; (b) was in the Law Firm\u2019s possession before the Client\u2019s disclosure; (c) is independently developed by the Firm without reference to the Client\u2019s Confidential Information; or (d) is required to be disclosed by law.<\/pee> <pee>5.4 Duration of Obligation: The obligations of confidentiality set forth in this clause shall survive the termination of this Letter of Engagement and remain in effect for ${data.confidentialityDuration} years unless otherwise mutually agreed in writing by the parties.<\/pee> <\/p>\n<h4>6. Data Protection<\/h4>\n<p> <pee>6.1 Retention and Disposal: Upon termination of the engagement or at the Client\u2019s written request, the Firm shall return or securely dispose of all physical and digital copies of the Confidential Information, except where retention is required to comply with legal or professional record-keeping obligations. For the return of any physical copies, the Firm reserves the right to charge a standard fee for printing, preparation, and delivery, as applicable.<\/pee> <\/p>\n<h4>7. Communication<\/h4>\n<p> <pee>7.1 The parties shall correspond using the contact details provided herein unless otherwise instructed in writing by either party.<\/pee> <\/p>\n<table class=\"w-full border-collapse border border-gray-400 my-4\"> <\/p>\n<thead> <\/p>\n<tr class=\"bg-gray-200\"> <\/p>\n<th class=\"border border-gray-300 p-2 text-left\">Aspects<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-left\">Firm<\/th>\n<p> <\/p>\n<th class=\"border border-gray-300 p-2 text-left\">Client<\/th>\n<p> <\/tr>\n<p> <\/thead>\n<p> <\/p>\n<tbody> <\/p>\n<tr>\n<td class=\"border border-gray-300 p-2 font-semibold\">Email<\/td>\n<td class=\"border border-gray-300 p-2\">${data.firmEmail}<\/td>\n<td class=\"border border-gray-300 p-2\">${data.clientEmail}<\/td>\n<\/tr>\n<p> <\/p>\n<tr>\n<td class=\"border border-gray-300 p-2 font-semibold\">Phone<\/td>\n<td class=\"border border-gray-300 p-2\">${data.firmPhone}<\/td>\n<td class=\"border border-gray-300 p-2\">${data.clientPhone}<\/td>\n<\/tr>\n<p> <\/p>\n<tr>\n<td class=\"border border-gray-300 p-2 font-semibold\">Address<\/td>\n<td class=\"border border-gray-300 p-2\">${data.firmAddress}<\/td>\n<td class=\"border border-gray-300 p-2\">${data.clientAddress}<\/td>\n<\/tr>\n<p> <\/tbody>\n<p> <\/table>\n<p> <pee>7.2 Any complaints regarding a representative of the Firm should be submitted in writing by the Client to the following email address: compliance@legalseba.com.<\/pee>  <\/p>\n<h4>8. Governing Law and Dispute Resolution<\/h4>\n<p> <pee>8.1 This Agreement shall be governed by and construed in accordance with the ${data.governingLaw}.<\/pee> <pee>8.2 If any dispute arises out of this Agreement, a representative from each party will, within 14 days of a written request, meet in a good faith effort to resolve the dispute. If the dispute is not resolved within 14 days of that meeting, it shall be referred to the ${data.disputeResolution} for settlement through mediation. If a settlement cannot be reached within sixty (60) days, the dispute shall be referred to ${data.disputeResolution} to be finally settled under its Rules of Arbitration. The language for the arbitration shall be English. The arbitrator\u2019s decision shall be final and binding.<\/pee>  <\/p>\n<h4 class=\"mt-8\">Signature Page<\/h4>\n<p> <pee>IN WITNESS WHEREOF, the Parties hereto have executed this Agreement on the respective date set forth under their name.<\/pee>  <\/p>\n<table class=\"w-full mt-12 border-collapse border border-gray-400\"> <\/p>\n<tbody> <\/p>\n<tr> <\/p>\n<td class=\"w-1\/2 p-4 border border-gray-400\" style=\"vertical-align: top;\"> <pee class=\"font-bold\">SIGNED AND DELIVERED<\/pee> <pee>For and on behalf of ${data.clientName}<\/pee> <\/p>\n<div style=\"height: 60px;\"><\/div>\n<p> <pee>Signature:<\/pee> <\/p>\n<div style=\"height: 30px;\"><\/div>\n<p> <pee>Name: ${data.clientRep}<\/pee> <pee>Designation: ${data.clientRepTitle}<\/pee> <pee>Email: ${data.clientEmail}<\/pee> <pee>Date: <\/pee> <\/td>\n<p> <\/p>\n<td class=\"w-1\/2 p-4 border border-gray-400\" style=\"vertical-align: top;\"> <pee class=\"font-bold\">SIGNED AND DELIVERED<\/pee> <pee>For and on behalf of ${data.firmName}<\/pee> <\/p>\n<div style=\"height: 60px;\"><\/div>\n<p> <pee>Signature:<\/pee> <\/p>\n<div style=\"height: 30px;\"><\/div>\n<p> <pee>Name: ${data.firmRep}<\/pee> <pee>Designation: ${data.firmRepTitle}<\/pee> <pee>Email: ${data.firmEmail}<\/pee> <pee>Date: <\/pee> <\/td>\n<p> <\/tr>\n<p> <\/tbody>\n<p> <\/table>\n<p> `; mouContent.innerHTML = content; } downloadBtn.addEventListener('click', function() { const sourceHTML = mouContent.innerHTML; const styledHTML = ` <!DOCTYPE html> <html> <head> <meta charset=\"UTF-8\"> <\/p>\n<style> body { font-family: Calibri, sans-serif; font-size: 11pt; } h3 { text-align: center; font-weight: bold; font-size: 14pt; } h4 { font-weight: bold; margin-top: 20px; margin-bottom: 10px; } p { line-height: 1.5; } table { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 10pt; } th, td { border: 1px solid #cccccc; padding: 6px; text-align: left; vertical-align: top; } th { background-color: #f2f2f2; } td[align=\"right\"] { text-align: right; } tfoot { font-weight: bold; } <\/style>\n<p> <\/head> <body> ${sourceHTML} <\/body> <\/html> `;  var blob = htmlDocx.asBlob(styledHTML, { orientation: 'portrait', margins: { top: 720, right: 720, bottom: 720, left: 720 } \/\/ 1 inch margins }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'Letter_of_Engagement.docx'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }); }); <\/script><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","footnotes":""},"categories":[484],"tags":[],"class_list":["post-1016","post","type-post","status-publish","format-standard","hentry","category-engagement","et-doesnt-have-format-content","et_post_format-et-post-format-standard"],"acf":[],"yoast_head":"\n<title>LOE - Resource Portal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/legalseba.com\/bd-resources\/loe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"LOE\" \/>\n<meta property=\"og:url\" content=\"https:\/\/legalseba.com\/bd-resources\/loe\/\" \/>\n<meta property=\"og:site_name\" content=\"Resource Portal\" \/>\n<meta property=\"article:published_time\" content=\"2025-10-17T21:18:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-17T21:32:50+00:00\" \/>\n<meta name=\"author\" content=\"LegalSeba\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\"},\"author\":{\"name\":\"LegalSeba\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#\\\/schema\\\/person\\\/d85c7381b2b65be1fb7543f06fa36e13\"},\"headline\":\"LOE\",\"datePublished\":\"2025-10-17T21:18:08+00:00\",\"dateModified\":\"2025-10-17T21:32:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\"},\"wordCount\":204,\"commentCount\":0,\"articleSection\":[\"Engagement\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\",\"url\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\",\"name\":\"LOE - Resource Portal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#website\"},\"datePublished\":\"2025-10-17T21:18:08+00:00\",\"dateModified\":\"2025-10-17T21:32:50+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#\\\/schema\\\/person\\\/d85c7381b2b65be1fb7543f06fa36e13\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/loe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"LOE\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#website\",\"url\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/\",\"name\":\"Resource Portal\",\"description\":\"Online Legal-Box\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/#\\\/schema\\\/person\\\/d85c7381b2b65be1fb7543f06fa36e13\",\"name\":\"LegalSeba\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g\",\"caption\":\"LegalSeba\"},\"url\":\"https:\\\/\\\/legalseba.com\\\/bd-resources\\\/author\\\/admin\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"LOE - Resource Portal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/legalseba.com\/bd-resources\/loe\/","og_locale":"en_US","og_type":"article","og_title":"LOE","og_url":"https:\/\/legalseba.com\/bd-resources\/loe\/","og_site_name":"Resource Portal","article_published_time":"2025-10-17T21:18:08+00:00","article_modified_time":"2025-10-17T21:32:50+00:00","author":"LegalSeba","twitter_card":"summary_large_image","twitter_misc":{"Written by":false,"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/legalseba.com\/bd-resources\/loe\/#article","isPartOf":{"@id":"https:\/\/legalseba.com\/bd-resources\/loe\/"},"author":{"name":"LegalSeba","@id":"https:\/\/legalseba.com\/bd-resources\/#\/schema\/person\/d85c7381b2b65be1fb7543f06fa36e13"},"headline":"LOE","datePublished":"2025-10-17T21:18:08+00:00","dateModified":"2025-10-17T21:32:50+00:00","mainEntityOfPage":{"@id":"https:\/\/legalseba.com\/bd-resources\/loe\/"},"wordCount":204,"commentCount":0,"articleSection":["Engagement"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/legalseba.com\/bd-resources\/loe\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/legalseba.com\/bd-resources\/loe\/","url":"https:\/\/legalseba.com\/bd-resources\/loe\/","name":"LOE - Resource Portal","isPartOf":{"@id":"https:\/\/legalseba.com\/bd-resources\/#website"},"datePublished":"2025-10-17T21:18:08+00:00","dateModified":"2025-10-17T21:32:50+00:00","author":{"@id":"https:\/\/legalseba.com\/bd-resources\/#\/schema\/person\/d85c7381b2b65be1fb7543f06fa36e13"},"breadcrumb":{"@id":"https:\/\/legalseba.com\/bd-resources\/loe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/legalseba.com\/bd-resources\/loe\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/legalseba.com\/bd-resources\/loe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/legalseba.com\/bd-resources\/"},{"@type":"ListItem","position":2,"name":"LOE"}]},{"@type":"WebSite","@id":"https:\/\/legalseba.com\/bd-resources\/#website","url":"https:\/\/legalseba.com\/bd-resources\/","name":"Resource Portal","description":"Online Legal-Box","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/legalseba.com\/bd-resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/legalseba.com\/bd-resources\/#\/schema\/person\/d85c7381b2b65be1fb7543f06fa36e13","name":"LegalSeba","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/39b2e50cdc0056034f677d7fd3b71cdf2d4acb1b32359ee5137aeeadb60c91fb?s=96&d=mm&r=g","caption":"LegalSeba"},"url":"https:\/\/legalseba.com\/bd-resources\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/posts\/1016","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/comments?post=1016"}],"version-history":[{"count":4,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/posts\/1016\/revisions"}],"predecessor-version":[{"id":1020,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/posts\/1016\/revisions\/1020"}],"wp:attachment":[{"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/media?parent=1016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/categories?post=1016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/legalseba.com\/bd-resources\/wp-json\/wp\/v2\/tags?post=1016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}