diff --git a/invoice_format_editor/README.rst b/invoice_format_editor/README.rst
new file mode 100644
index 000000000..4e25edade
--- /dev/null
+++ b/invoice_format_editor/README.rst
@@ -0,0 +1,43 @@
+Invoice Format Editor
+=====================
+* Invoice Format Editor for Odoo 14 community editions
+
+Installation
+=============
+	- www.odoo.com/documentation/14.0/setup/install.html
+	- Install our custom addon
+
+License
+-------
+General Public License, Version 3 (LGPL v3).
+(https://www.odoo.com/documentation/user/14.0/legal/licenses/licenses.html)
+
+Company
+-------
+* 'Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+* Developer:
+(v14) Sonu @ Cybrosys
+(v14) Dino @ Cybrosys
+
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+
+Bug Tracker
+-----------
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Maintainer
+==========
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit https://www.cybrosys.com
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__
+
diff --git a/invoice_format_editor/__init__.py b/invoice_format_editor/__init__.py
new file mode 100644
index 000000000..29aed00c1
--- /dev/null
+++ b/invoice_format_editor/__init__.py
@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from . import model
diff --git a/invoice_format_editor/__manifest__.py b/invoice_format_editor/__manifest__.py
new file mode 100644
index 000000000..b8a3d6ec4
--- /dev/null
+++ b/invoice_format_editor/__manifest__.py
@@ -0,0 +1,53 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+{
+    'name': 'Invoice Format Editor',
+    'version': '14.0.1.0.0',
+    'category': 'Accounting',
+    'summary': 'Invoice Format Editor',
+    'description': """Invoice Format Editor For Configuring the Invoice Templates""",
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'images': ['static/description/banner.jpg'],
+    'website': 'https://www.cybrosys.com',
+    'depends': ['account'],
+    'data': ['security/ir.model.access.csv',
+             'data/design_templates.xml',
+             'views/custom_layouts.xml',
+             'views/document_base_layout.xml',
+             'reports/custom_invoice_template.xml',
+             'reports/custom_invoice_template_fantacy.xml',
+             'reports/custom_invoice_template_old_standard.xml',
+             'reports/default_invoice_template.xml',
+             'template_view/default_template_view.xml',
+             'template_view/normal_template_view.xml',
+             'template_view/modern_template_view.xml',
+             'template_view/old_template_view.xml',
+             ],
+    'license': 'LGPL-3',
+    'installable': True,
+    'application': True,
+    'auto_install': False,
+
+}
diff --git a/invoice_format_editor/data/design_templates.xml b/invoice_format_editor/data/design_templates.xml
new file mode 100644
index 000000000..3bfe5e48a
--- /dev/null
+++ b/invoice_format_editor/data/design_templates.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+   <data noupdate="1">
+      <record id="Modern" model="doc.layout">
+      	<field name="name">Modern</field>
+          <field name="base_color">#732673</field>
+          <field name="heading_text_color">#ffffff</field>
+          <field name="text_color">#000000</field>
+          <field name="customer_text_color">#000000</field>
+          <field name="logo_position">right</field>
+          <field name="customer_position">right</field>
+          <field name="company_position">left</field>
+          <field name="company_text_color">#808080</field>
+      </record>
+      <record id="standard" model="doc.layout">
+      	<field name="name">Standard</field>
+          <field name="base_color">#ff7733</field>
+          <field name="heading_text_color">#ffffff</field>
+          <field name="text_color">#000000</field>
+          <field name="customer_text_color">#000000</field>
+          <field name="logo_position">left</field>
+          <field name="customer_position">left</field>
+          <field name="company_position">right</field>
+          <field name="company_text_color">#808080</field>
+      </record>
+   </data>
+</odoo>
\ No newline at end of file
diff --git a/invoice_format_editor/model/__init__.py b/invoice_format_editor/model/__init__.py
new file mode 100644
index 000000000..9794f65c5
--- /dev/null
+++ b/invoice_format_editor/model/__init__.py
@@ -0,0 +1,24 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from . import res_company
+from . import document_layout
diff --git a/invoice_format_editor/model/document_layout.py b/invoice_format_editor/model/document_layout.py
new file mode 100644
index 000000000..15b20b172
--- /dev/null
+++ b/invoice_format_editor/model/document_layout.py
@@ -0,0 +1,74 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from odoo import models, fields, api
+
+
+class AddDocumentTemplate(models.Model):
+    _name = "doc.layout"
+    _description = 'Adding the fields for customization'
+    _rec_name = 'name'
+
+    name = fields.Char("Name")
+
+    base_color = fields.Char("Base Color",
+                             help="Background color for the invoice")
+
+    heading_text_color = fields.Char("Heading text Color",
+                                     help="Heading Text color")
+
+    text_color = fields.Char("Text Color", help="Text color of items")
+
+    customer_text_color = fields.Char("Customer Text Color",
+                                      help="Customer address text color")
+
+    company_text_color = fields.Char("Company Text Color",
+                                     help="Company address Text color")
+
+    logo_position = fields.Selection([('left', 'Left'), ('right', 'Right')],
+                                     string="Logo Position",
+                                     help="Company logo position")
+
+    customer_position = fields.Selection(
+        [('left', 'Left'), ('right', 'Right')], string="Customer position",
+        help="Customer address position")
+
+    company_position = fields.Selection([('left', 'Left'), ('right', 'Right')],
+                                        string="Company Address Position",
+                                        help="Company address position")
+
+    sales_person = fields.Boolean('Sales person', default=False,
+                                  help="Sales Person")
+    description = fields.Boolean('Description', default=False,
+                                 help="Description")
+    hsn_code = fields.Boolean('HSN Code', default=False, help="HSN code")
+    tax_value = fields.Boolean('Tax', default=False, help="Tax")
+    reference = fields.Boolean('Reference', default=False,
+                               help="Customer Reference")
+    source = fields.Boolean('Source', default=False,
+                            help="Source Document")
+    address = fields.Boolean('Address', default=False,
+                             help="Address")
+    city = fields.Boolean('City', default=False,
+                          help="City")
+    country = fields.Boolean('Country', default=False,
+                             help="Country")
diff --git a/invoice_format_editor/model/res_company.py b/invoice_format_editor/model/res_company.py
new file mode 100644
index 000000000..479163b83
--- /dev/null
+++ b/invoice_format_editor/model/res_company.py
@@ -0,0 +1,95 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2020-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>)
+#
+#    You can modify it under the terms of the GNU LESSER
+#    GENERAL PUBLIC LICENSE (LGPL v3), Version 3.
+#
+#    This program is distributed in the hope that it will be useful,
+#    but WITHOUT ANY WARRANTY; without even the implied warranty of
+#    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+#    GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    (LGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+#############################################################################
+
+from odoo import models, fields, api
+
+
+class ReportCompanyTemplate(models.Model):
+    _inherit = 'res.company'
+
+    base_layout = fields.Selection(
+        [('normal', 'Normal'), ('modern', 'Modern'), ('old', 'Old Standard'),
+         ('default', 'Default')],
+        string="Invoice Document Layout", default="default")
+    document_layout_id = fields.Many2one("doc.layout",
+                                         string="Invoice Layout Configuration"
+                                         )
+
+
+class TemplateInvoice(models.Model):
+    _inherit = 'account.move'
+
+    base_layout = fields.Selection(
+        [('normal', 'Normal'), ('modern', 'Modern'), ('old', 'Old Standard'),
+         ('default', 'Default')])
+    theme_id = fields.Many2one('doc.layout',
+                               related='company_id.document_layout_id')
+
+
+class BaseDocumentLayout(models.TransientModel):
+    _inherit = 'base.document.layout'
+
+    base_layout = fields.Selection(related='company_id.base_layout',
+                                   readonly=False)
+    document_layout_id = fields.Many2one(
+        related='company_id.document_layout_id', readonly=False)
+
+    @api.depends('report_layout_id', 'logo', 'font', 'primary_color',
+                 'secondary_color', 'report_header', 'report_footer',
+                 'base_layout', 'document_layout_id')
+    def _compute_preview(self):
+        """ compute a qweb based preview to display on the wizard """
+
+        styles = self._get_asset_style()
+
+        for wizard in self:
+            if wizard.report_layout_id:
+                if wizard.base_layout == 'default':
+                    preview_css = self._get_css_for_preview(styles, wizard.id)
+                    ir_ui_view = wizard.env['ir.ui.view']
+                    wizard.preview = ir_ui_view._render_template(
+                        'invoice_format_editor.report_preview_default',
+                        {'company': wizard, 'preview_css': preview_css})
+
+                elif wizard.base_layout == 'normal':
+                    preview_css = self._get_css_for_preview(styles, wizard.id)
+                    ir_ui_view = wizard.env['ir.ui.view']
+                    wizard.preview = ir_ui_view._render_template(
+                        'invoice_format_editor.report_preview_normal',
+                        {'company': wizard, 'preview_css': preview_css, })
+
+                elif wizard.base_layout == 'modern':
+                    preview_css = self._get_css_for_preview(styles, wizard.id)
+                    ir_ui_view = wizard.env['ir.ui.view']
+                    wizard.preview = ir_ui_view._render_template(
+                        'invoice_format_editor.report_preview_modern',
+                        {'company': wizard, 'preview_css': preview_css, })
+
+                elif wizard.base_layout == 'old':
+                    preview_css = self._get_css_for_preview(styles, wizard.id)
+                    ir_ui_view = wizard.env['ir.ui.view']
+                    wizard.preview = ir_ui_view._render_template(
+                        'invoice_format_editor.report_preview_old',
+                        {'company': wizard, 'preview_css': preview_css, })
+
+                else:
+                    wizard.preview = False
diff --git a/invoice_format_editor/reports/custom_invoice_template.xml b/invoice_format_editor/reports/custom_invoice_template.xml
new file mode 100644
index 000000000..5a3559e3c
--- /dev/null
+++ b/invoice_format_editor/reports/custom_invoice_template.xml
@@ -0,0 +1,459 @@
+<odoo>
+    <data>
+        <!--Normal Template View-->
+        <template id="custom_template_report_invoice_normal">
+            <t t-if="o and 'company_id' in o">
+                <t t-set="company" t-value="o.company_id"/>
+            </t>
+            <t t-if="not o or not 'company_id' in o">
+                <t t-set="company" t-value="res_company"/>
+            </t>
+            <div class="header row mt32 mb32">
+                <div class="page-header col-12">
+                    <div t-attf-class="pull-left">
+                        <img t-if="company.logo"
+                             t-att-src="'data:image/png;base64,%s' % to_text(company.logo)"
+                             style="max-height: 80px;"/>
+                    </div>
+                    <div t-attf-class="pull-left"
+                         t-attf-style="font:14px lucida-console,sans-serif; color:#{o.theme_id.company_text_color} !important;">
+                        <span t-field="company.partner_id"/>
+                        <br/>
+                        <span t-field="company.partner_id.street"/>
+                        <br/>
+                        <span t-field="company.partner_id.street2"/>
+                        <br/>
+                        <span t-field="company.partner_id.city"/>
+                        <br/>
+                        <span t-field="company.partner_id.country_id"/>
+                        <br/>
+                        <span t-field="company.partner_id.vat"/>
+                        <br/>
+                    </div>
+                </div>
+            </div>
+            <t t-call="web.external_layout">
+                <t t-set="o"
+                   t-value="o.with_context({'lang':o.partner_id.lang})"/>
+                <table class="table table-borderless">
+                    <tr>
+                        <th scope="col"
+                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                            <font>
+                                <strong>Customer Address</strong>
+                            </font>
+                        </th>
+                        <span t-if="o.invoice_date">
+                            <th scope="col"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                <font>
+                                    <strong>Invoice Date</strong>
+                                </font>
+                            </th>
+                        </span>
+                        <span t-if="o.invoice_date_due">
+                            <th scope="col"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                <font>
+                                    <strong>Due Date</strong>
+                                </font>
+                            </th>
+                        </span>
+                        <span t-if="o.invoice_payment_term_id">
+                            <th scope="col"
+                                t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                <font>
+                                    <strong>Payment Term</strong>
+                                </font>
+                            </th>
+                        </span>
+
+                        <span t-if="o.theme_id.sales_person">
+                            <span t-if="o.user_id">
+                                <th scope="col"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    <font>
+                                        <strong>SalesPerson</strong>
+                                    </font>
+                                </th>
+                            </span>
+                        </span>
+                        <span t-if="o.theme_id.reference">
+                            <span t-if="o.ref">
+                                <th scope="col"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    <font>
+                                        <strong>Reference</strong>
+                                    </font>
+                                </th>
+                            </span>
+                        </span>
+                        <span t-if="o.theme_id.source">
+                            <span t-if="o.invoice_origin">
+                                <th scope="col"
+                                    t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                    <font>
+                                        <strong>Source</strong>
+                                    </font>
+                                </th>
+                            </span>
+                        </span>
+                    </tr>
+                    <tr>
+                        <td>
+                            <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id"/>
+                            <br/>
+                            <span t-if="o.theme_id.address">
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.street"/>
+                            <br/>
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.street2"/>
+                            <br/>
+                            </span>
+
+                            <span t-if="o.theme_id.city">
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.city"/>
+                            <br/>
+                            </span>
+
+                            <span t-if="o.theme_id.country">
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.country_id"/>
+                            <br/>
+                            </span>
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.vat"/>
+                            <br/>
+                        </td>
+                        <span t-if="o.invoice_date">
+                            <td>
+                                <font>
+                                    <p t-field="o.invoice_date"/>
+                                </font>
+                            </td>
+                        </span>
+                        <span t-if="o.invoice_date_due">
+                            <td>
+                                <font>
+                                    <p t-field="o.invoice_date_due"/>
+                                </font>
+                            </td>
+                        </span>
+                        <span t-if="o.invoice_payment_term_id">
+                            <td>
+                                <font>
+                                    <p t-field="o.invoice_payment_term_id"/>
+                                </font>
+                            </td>
+                        </span>
+                        <span t-if="o.theme_id.sales_person">
+                            <span t-if="o.user_id">
+                                <td>
+                                    <font>
+                                        <p t-field="o.user_id"/>
+                                    </font>
+                                </td>
+                            </span>
+                        </span>
+                        <span t-if="o.theme_id.reference">
+                            <span t-if="o.ref">
+                                <td>
+                                    <font>
+                                        <p t-field="o.ref"/>
+                                    </font>
+                                </td>
+                            </span>
+                        </span>
+                        <span t-if="o.theme_id.source">
+                            <span t-if="o.invoice_origin">
+                                <td>
+                                    <font>
+                                        <p t-field="o.invoice_origin"/>
+                                    </font>
+                                </td>
+                            </span>
+                        </span>
+                    </tr>
+                </table>
+                <div class="page">
+                    <div t-attf-style="padding:2%">
+                        <h2>
+                            <center>
+                                <span t-if="o.move_type == 'out_invoice' and (o.state == 'draft' or o.state == 'posted')">
+                                    <font>Invoice</font>
+                                </span>
+                                <span t-if="o.move_type == 'out_invoice' and o.state == 'proforma2'">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        PRO-FORMA
+                                    </font>
+                                </span>
+                                <span t-if="o.move_type == 'out_invoice' and o.state == 'draft'">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        Draft Invoice
+                                    </font>
+                                </span>
+                                <span t-if="o.move_type == 'out_invoice' and o.state == 'cancel'">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        Cancelled Invoice
+                                    </font>
+                                </span>
+                                <span t-if="o.move_type == 'out_refund'">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        Refund
+                                    </font>
+                                </span>
+                                <span t-if="o.move_type == 'in_refund'">
+                                    <font t-attf-style=" color:#{o.theme_id.heading_text_color}">
+                                        Vendor Refund
+                                    </font>
+                                </span>
+                                <span t-if="o.move_type == 'in_invoice'">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        Vendor Bill
+                                    </font>
+                                </span>
+                                <font>
+                                    <span t-field="o.name"/>
+                                </font>
+                            </center>
+                        </h2>
+                    </div>
+                    <div style="padding-top:20px;width:100%">
+                        <div style="padding-top:20px;"/>
+                        <t t-set="display_discount"
+                           t-value="any([l.discount for l in o.invoice_line_ids])"/>
+                        <table class="table table">
+                            <thead>
+                                <tr>
+                                    <th t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Product
+                                    </th>
+                                    <span t-if="o.theme_id.description">
+                                        <th t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                            Description
+                                        </th>
+                                    </span>
+                                    <span t-if="o.theme_id.hsn_code">
+                                        <th class="text-right"
+                                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                            HSN/SAC
+                                        </th>
+                                    </span>
+                                    <th class="text-right"
+                                        t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Quantity
+                                    </th>
+                                    <th class="text-right"
+                                        t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Unit Price
+                                    </th>
+                                    <th t-if="display_discount"
+                                        class="text-right"
+                                        t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Disc.(%)
+                                    </th>
+                                    <span t-if="o.theme_id.tax_value">
+                                        <th class="text-right"
+                                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                            Taxes
+                                        </th>
+                                    </span>
+                                    <th class="text-right"
+                                        t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Price
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody class="invoice_tbody">
+                                <tr t-foreach="o.invoice_line_ids" t-as="l">
+                                    <td t-attf-style="color:#{o.theme_id.text_color};">
+                                        <span t-field="l.product_id.name"/>
+                                    </td>
+                                    <span t-if="o.theme_id.description">
+                                        <td t-attf-style="color:#{o.theme_id.text_color};">
+                                            <span t-field="l.name"/>
+                                        </td>
+                                    </span>
+                                    <span t-if="o.theme_id.hsn_code">
+                                        <td class="text-right"
+                                            t-attf-style="color:#{o.theme_id.text_color};">
+                                            <t t-if="l.product_id.l10n_in_hsn_code">
+                                                <span t-field="l.product_id.l10n_in_hsn_code"/>
+                                            </t>
+                                        </td>
+                                    </span>
+                                    <td class="text-right"
+                                        t-attf-style="color:#{o.theme_id.text_color};">
+                                        <t t-if="l.quantity">
+                                            <span t-field="l.quantity"/>
+                                        </t>
+                                    </td>
+                                    <td class="text-right"
+                                        t-attf-style="color:#{o.theme_id.text_color};">
+                                        <t t-if="l.price_unit">
+                                            <span t-field="l.price_unit"/>
+                                        </t>
+                                    </td>
+                                    <td t-if="display_discount"
+                                        class="text-right"
+                                        t-attf-style="color:#{o.theme_id.text_color};">
+                                        <span t-field="l.discount"/>
+                                    </td>
+                                    <span t-if="o.theme_id.tax_value">
+                                        <td t-attf-style="color:#{o.theme_id.text_color};">
+                                            <span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_ids))"/>
+                                        </td>
+                                    </span>
+                                    <td class="text-right"
+                                        t-attf-style="color:#{o.theme_id.text_color};">
+                                        <t t-if="l.price_subtotal">
+                                            <span t-field="l.price_subtotal"
+                                                  t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
+                                        </t>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div>
+                        <div class="col-4 pull-right">
+                            <table class="table table-condensed">
+                                <tr class="border-black">
+                                    <td>
+                                        <strong>Subtotal</strong>
+                                    </td>
+                                    <td class="text-right">
+                                        <span t-field="o.amount_untaxed"
+                                              t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
+                                    </td>
+                                </tr>
+                                <t t-foreach="o.amount_by_group"
+                                   t-as="amount_by_group">
+                                    <tr>
+                                        <td>
+                                            <span t-esc="amount_by_group[0]"/>
+                                        </td>
+                                        <td class="text-right">
+                                            <span t-esc="amount_by_group[1]"/>
+                                        </td>
+                                    </tr>
+                                </t>
+                                <tr class="border-black">
+                                    <td>
+                                        <strong>Total</strong>
+                                    </td>
+                                    <td class="text-right">
+                                        <span t-field="o.amount_total"
+                                              t-field-options="{'widget': 'monetary','display_currency':'o.currency_id'}"/>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                    <div style="padding-top:10%;" class="col-12">
+                        <p t-if="o.narration">
+                            <strong>Comment:</strong>
+                            <span t-field="o.narration"/>
+                        </p>
+                        <p t-if="o.fiscal_position_id.note">
+                            <strong>Fiscal Position Remark:</strong>
+                            <span t-field="o.fiscal_position_id.note"/>
+                        </p>
+                        <br/>
+                        <br/>
+                        <p t-if="o.move_type in ('out_invoice','in_refund')">
+                            Please use the following communication for your
+                            payment :
+                            <b>
+                                <span t-field="o.payment_reference"/>
+                            </b>
+                        </p>
+                        <p t-if="o.invoice_payment_term_id" name="payment_term">
+                            <span t-field="o.invoice_paymennt_term_id.note"/>
+                        </p>
+                        <p t-if="o.fiscal_position_id.note" name="note">
+                            <span t-field="o.fiscal_position_id.note"/>
+                        </p>
+                        <t t-if="o.company_id.country_id.code == 'IN'">
+                            <p id="total_in_words" class="mb16">
+                                <strong>Total (In Words):</strong>
+                                <span t-field="o.amount_total_words"/>
+                            </p>
+                        </t>
+                        <div id="qrcode"
+                             t-if="(o.company_id.qr_code) and (o.currency_id.name == 'EUR') and (o.invoice_partner_bank_id.acc_number != False)">
+                            <p t-if="(o.invoice_partner_bank_id.qr_code_valid)">
+                                <strong class="text-center">Scan me with your
+                                    banking app.
+                                </strong>
+                                <br/>
+                                <br/>
+                                <img class="border border-dark rounded"
+                                     t-att-src="o.invoice_partner_bank_id.build_qr_code_url(o.amount_residual, o.ref or o.name)"/>
+                            </p>
+                            <p t-if="(o.invoice_partner_bank_id.qr_code_valid == False)">
+                                <strong class="text-center">The SEPA QR Code
+                                    informations are not set correctly.
+                                </strong>
+                                <br/>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </t>
+        </template>
+        <template id="account.report_invoice_with_payments">
+            <t t-call="web.html_container">
+                <t t-foreach="docs" t-as="o">
+                    <t t-set="lang"
+                       t-value="o.invoice_user_id.sudo().lang if o.move_type in ('in_invoice', 'in_refund') else o.partner_id.lang"/>
+                    <t t-set="print_with_payments" t-value="True"/>
+                    <t t-if="o.company_id.base_layout == 'normal'">
+                        <t t-call="invoice_format_editor.custom_template_report_invoice_normal"
+                           t-lang="o.partner_id.lang"/>
+                    </t>
+                    <t t-if="o.company_id.base_layout == 'old'">
+                        <t t-call="invoice_format_editor.old_std_report_invoice_document"
+                           t-lang="o.partner_id.lang"/>
+                    </t>
+                    <t t-if="o.company_id.base_layout == 'modern'">
+                        <t t-call="invoice_format_editor.custom_template_report_invoice_modern"
+                           t-lang="o.partner_id.lang"/>
+                    </t>
+                    <t t-if="o.company_id.base_layout == 'default'">
+                        <t t-call="invoice_format_editor.report_invoice_document"
+                           t-lang="o.partner_id.lang"/>
+                    </t>
+                </t>
+            </t>
+        </template>
+        <template id="account.report_invoice">
+            <t t-call="web.html_container">
+                <t t-foreach="docs" t-as="o">
+                    <t t-set="lang"
+                       t-value="o.invoice_user_id.sudo().lang if o.move_type in ('in_invoice', 'in_refund') else o.partner_id.lang"/>
+                    <t t-set="print_with_payments" t-value="True"/>
+                    <t t-if="o.company_id.base_layout == 'normal'">
+                        <t t-call="invoice_format_editor.custom_template_report_invoice_normal"
+                           t-lang="o.partner_id.lang"/>
+                    </t>
+                    <t t-if="o.company_id.base_layout == 'old'">
+                        <t t-call="invoice_format_editor.old_std_report_invoice_document"
+                           t-lang="o.partner_id.lang"/>
+                    </t>
+                    <t t-if="o.company_id.base_layout == 'modern'">
+                        <t t-call="invoice_format_editor.custom_template_report_invoice_modern"
+                           t-lang="o.partner_id.lang"/>
+                    </t>
+                    <t t-if="o.company_id.base_layout == 'default'">
+                        <t t-call="invoice_format_editor.report_invoice_document"
+                           t-lang="o.partner_id.lang"/>
+                    </t>
+                </t>
+            </t>
+        </template>
+    </data>
+</odoo>
\ No newline at end of file
diff --git a/invoice_format_editor/reports/custom_invoice_template_fantacy.xml b/invoice_format_editor/reports/custom_invoice_template_fantacy.xml
new file mode 100644
index 000000000..e0fc2731b
--- /dev/null
+++ b/invoice_format_editor/reports/custom_invoice_template_fantacy.xml
@@ -0,0 +1,344 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+         <!--modern Template View-->
+        <template id="custom_template_report_invoice_modern">
+            <t t-if="o and 'company_id' in o">
+                <t t-set="company" t-value="o.company_id"/>
+            </t>
+            <t t-if="not o or not 'company_id' in o">
+                <t t-set="company" t-value="res_company"/>
+            </t>
+            <div class="header row mt32 mb32">
+                <div class="page-header col-12">
+                    <div t-attf-class="pull-#{o.theme_id.logo_position}">
+                        <img t-if="company.logo"
+                             t-att-src="'data:image/png;base64,%s' % to_text(company.logo)"
+                             style="max-height: 80px;"/>
+                    </div>
+                    <div t-attf-class="pull-#{o.theme_id.company_position} "
+                         t-attf-style="font:14px lucida-console,sans-serif; color:#{o.theme_id.company_text_color} !important;">
+                        <span t-field="company.partner_id"/>
+                        <br/>
+                        <span t-field="company.partner_id.street"/>
+                        <br/>
+                        <span t-field="company.partner_id.street2"/>
+                        <br/>
+                        <span t-field="company.partner_id.city"/>
+                        <br/>
+                        <span t-field="company.partner_id.country_id"/>
+                        <br/>
+                        <span t-field="company.partner_id.vat"/>
+                        <br/>
+                    </div>
+                </div>
+            </div>
+            <t t-call="web.external_layout">
+                <t t-set="o"
+                   t-value="o.with_context({'lang':o.partner_id.lang})"/>
+                <div class="page">
+                    <div t-attf-style=" background-color:#{o.theme_id.base_color};padding:2%">
+                        <h2>
+                            <span t-if="o.move_type == 'out_invoice' and (o.state == 'draft' or o.state == 'posted')">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    Invoice
+                                </font>
+                            </span>
+                            <span t-if="o.move_type == 'out_invoice' and o.state == 'proforma2'">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    PRO-FORMA
+                                </font>
+                            </span>
+                            <span t-if="o.move_type == 'out_invoice' and o.state == 'draft'">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    Draft Invoice
+                                </font>
+                            </span>
+                            <span t-if="o.move_type == 'out_invoice' and o.state == 'cancel'">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    Cancelled Invoice
+                                </font>
+                            </span>
+                            <span t-if="o.move_type == 'out_refund'">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    Refund
+                                </font>
+                            </span>
+                            <span t-if="o.move_type == 'in_refund'">
+                                <font t-attf-style=" color:#{o.theme_id.heading_text_color}">
+                                    Vendor Refund
+                                </font>
+                            </span>
+                            <span t-if="o.move_type == 'in_invoice'">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    Vendor Bill
+                                </font>
+                            </span>
+                            <font t-attf-style=" color:#{o.theme_id.heading_text_color}">
+                                <span t-field="o.name"/>
+                            </font>
+                        </h2>
+                        <div class="row mt32 mb32">
+                            <div class="col-3" t-if="o.invoice_date">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    <strong>Invoice Date:</strong>
+                                    <p t-field="o.invoice_date"/>
+                                </font>
+                            </div>
+                            <div class="col-3"
+                                 t-if="o.invoice_date_due and o.move_type == 'out_invoice' and (o.state == 'draft' or o.state == 'posted')">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    <strong>Due Date:</strong>
+                                    <p t-field="o.invoice_date_due"/>
+                                </font>
+                            </div>
+                            <div class="col-3" t-if="o.invoice_payment_term_id">
+                                <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                    <strong>Payment Term:</strong>
+                                    <p t-field="o.invoice_payment_term_id"/>
+                                </font>
+                            </div>
+                            <div class="col-3" t-if="o.user_id">
+                                <div t-if="o.theme_id.sales_person">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        <strong>SalesPerson:</strong>
+                                        <p t-field="o.user_id"/>
+                                    </font>
+                                </div>
+                            </div>
+                            <div class="col-3" t-if="o.ref">
+                                <div t-if="o.theme_id.reference">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        <strong>Reference:</strong>
+                                        <p t-field="o.ref"/>
+                                    </font>
+                                </div>
+                            </div>
+                            <div class="col-3" t-if="o.invoice_origin">
+                                <div t-if="o.theme_id.source">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        <strong>Source:</strong>
+                                        <p t-field="o.invoice_origin"/>
+                                    </font>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div style="padding-top:20px;width:100%">
+                        <div t-attf-class="col-12 text-#{o.theme_id.customer_position} "
+                             style="font:15px lucida-console,sans-serif !important;color:#{o.theme_id.heading_text_color};">
+                            <strong>Customer Address</strong>
+                            <br/>
+                            <span style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id"/>
+                            <br/>
+                            <span t-if="o.theme_id.address">
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.street"/>
+                            <br/>
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.street2"/>
+                            <br/>
+                            </span>
+                            <span t-if="o.theme_id.city">
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.city"/>
+                             </span>
+                             <br/>
+                            <span t-if="o.theme_id.country">
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.country_id"/>
+                            </span>
+                                    <br/>
+                            <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                  t-field="o.partner_id.vat"/>
+                            <br/>
+                        </div>
+                        <div style="padding-top:20px;"/>
+                        <!-- Is there a discount on at least one line? -->
+                        <t t-set="display_discount"
+                           t-value="any([l.discount for l in o.invoice_line_ids])"/>
+                        <table class="table table ">
+                            <thead>
+                                <tr>
+                                    <th t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Product
+                                    </th>
+                                    <span t-if="o.theme_id.description">
+                                        <th t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                            Description
+                                        </th>
+                                    </span>
+                                    <span t-if="o.theme_id.hsn_code">
+                                        <th class="text-right"
+                                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                            HSN/SAC
+                                        </th>
+                                    </span>
+                                    <th class="text-right"
+                                        t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Quantity
+                                    </th>
+                                    <th class="text-right"
+                                        t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Unit Price
+                                    </th>
+                                    <th t-if="display_discount"
+                                        class="text-right"
+                                        t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Disc.(%)
+                                    </th>
+                                    <span t-if="o.theme_id.tax_value">
+                                        <th class="text-right"
+                                            t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                            Taxes
+                                        </th>
+                                    </span>
+                                    <th class="text-right"
+                                        t-attf-style=" background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};">
+                                        Price
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody class="invoice_tbody">
+                                <tr t-foreach="o.invoice_line_ids" t-as="l">
+                                    <td t-attf-style="color:#{o.theme_id.text_color};">
+                                        <span t-field="l.product_id.name"/>
+                                    </td>
+                                    <span t-if="o.theme_id.description">
+                                        <td t-attf-style="color:#{o.theme_id.text_color};">
+                                            <span t-field="l.name"/>
+                                        </td>
+                                    </span>
+                                    <span t-if="o.theme_id.hsn_code">
+                                        <td class="text-right"
+                                            t-attf-style="color:#{o.theme_id.text_color};">
+                                            <t t-if="l.product_id.l10n_in_hsn_code">
+                                                <span t-field="l.product_id.l10n_in_hsn_code"/>
+                                            </t>
+                                        </td>
+                                    </span>
+                                    <td class="text-right"
+                                        t-attf-style="color:#{o.theme_id.text_color};">
+                                        <t t-if="l.quantity">
+                                            <span t-field="l.quantity"/>
+                                        </t>
+                                    </td>
+                                    <td class="text-right"
+                                        t-attf-style="color:#{o.theme_id.text_color};">
+                                        <t t-if="l.price_unit">
+                                            <span t-field="l.price_unit"/>
+                                        </t>
+                                    </td>
+                                    <td t-if="display_discount"
+                                        class="text-right"
+                                        t-attf-style="color:#{o.theme_id.text_color};">
+                                        <span t-field="l.discount"/>
+                                    </td>
+                                    <span t-if="o.theme_id.tax_value">
+                                        <td t-attf-style="color:#{o.theme_id.text_color};">
+                                            <span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_ids))"/>
+                                        </td>
+                                    </span>
+                                    <td class="text-right"
+                                        t-attf-style="color:#{o.theme_id.text_color};">
+                                        <t t-if="l.price_subtotal">
+                                            <span t-field="l.price_subtotal"
+                                                  t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
+                                        </t>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div>
+                        <div class="col-4 pull-right">
+                            <table class="table table-condensed">
+                                <tr class="border-black">
+                                    <td>
+                                        <strong>Subtotal</strong>
+                                    </td>
+                                    <td class="text-right">
+                                        <span t-field="o.amount_untaxed"
+                                              t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
+                                    </td>
+                                </tr>
+                                <t t-foreach="o.amount_by_group"
+                                   t-as="amount_by_group">
+                                    <tr>
+                                        <td>
+                                            <span t-esc="amount_by_group[0]"/>
+                                        </td>
+                                        <td class="text-right">
+                                            <span t-esc="amount_by_group[1]"/>
+                                        </td>
+                                    </tr>
+                                </t>
+                                <tr class="border-black">
+                                    <td>
+                                        <strong>Total</strong>
+                                    </td>
+                                    <td class="text-right">
+                                        <span t-field="o.amount_total"
+                                              t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                    <div style="padding-top:10%;" class="col-12">
+                        <p t-if="o.narration">
+                            <strong>Comment:</strong>
+                            <span t-field="o.narration"/>
+                        </p>
+                        <p t-if="o.fiscal_position_id.note">
+                            <strong>Fiscal Position Remark:</strong>
+                            <span t-field="o.fiscal_position_id.note"/>
+                        </p>
+                        <br/>
+                        <br/>
+                        <p t-if="o.move_type in ('out_invoice','in_refund')">
+                            Please use the following communication for your
+                            payment
+                            :
+                            <b>
+                                <span t-field="o.payment_reference"/>
+                            </b>
+                        </p>
+                        <p t-if="o.invoice_payment_term_id" name="payment_term">
+                            <span t-field="o.invoice_paymennt_term_id.note"/>
+                        </p>
+                        <p t-if="o.fiscal_position_id.note" name="note">
+                            <span t-field="o.fiscal_position_id.note"/>
+                        </p>
+                        <t t-if="o.company_id.country_id.code == 'IN'">
+                            <p id="total_in_words" class="mb16">
+                                <strong>Total (In Words):</strong>
+                                <span t-field="o.amount_total_words"/>
+                            </p>
+                        </t>
+                        <div id="qrcode"
+                             t-if="(o.company_id.qr_code) and (o.currency_id.name == 'EUR') and (o.invoice_partner_bank_id.acc_number != False)">
+                            <p t-if="(o.invoice_partner_bank_id.qr_code_valid)">
+                                <strong class="text-center">Scan me with your
+                                    banking app.
+                                </strong>
+                                <br/>
+                                <br/>
+                                <img class="border border-dark rounded"
+                                     t-att-src="o.invoice_partner_bank_id.build_qr_code_url(o.amount_residual,  o.ref or o.name)"/>
+                            </p>
+                            <p t-if="(o.invoice_partner_bank_id.qr_code_valid == False)">
+                                <strong class="text-center">The SEPA QR Code
+                                    informations are not set
+                                    correctly.
+                                </strong>
+                                <br/>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </t>
+        </template>
+    </data>
+</odoo>
\ No newline at end of file
diff --git a/invoice_format_editor/reports/custom_invoice_template_old_standard.xml b/invoice_format_editor/reports/custom_invoice_template_old_standard.xml
new file mode 100644
index 000000000..e62178806
--- /dev/null
+++ b/invoice_format_editor/reports/custom_invoice_template_old_standard.xml
@@ -0,0 +1,269 @@
+<odoo>
+    <data>
+         <!--old Template View-->
+        <template id="old_std_report_invoice_document">
+            <t t-if="o and 'company_id' in o">
+                <t t-set="company" t-value="o.company_id"/>
+            </t>
+            <t t-if="not o or not 'company_id' in o">
+                <t t-set="company" t-value="res_company"/>
+            </t>
+            <div class="header row mt32 mb32">
+                <div class="page-header col-12">
+                    <div t-attf-class="pull-#{o.theme_id.logo_position}">
+                        <img t-if="company.logo"
+                             t-att-src="'data:image/png;base64,%s' % to_text(company.logo)"
+                             style="max-height: 80px;"/>
+                    </div>
+                    <div t-attf-class="pull-#{o.theme_id.company_position} "
+                         t-attf-style="font:14px lucida-console,sans-serif; color:#{o.theme_id.company_text_color} !important;">
+                        <span t-field="company.partner_id"/>
+                        <br/>
+                        <span t-field="company.partner_id.street"/>
+                        <br/>
+                        <span t-field="company.partner_id.street2"/>
+                        <br/>
+                        <span t-field="company.partner_id.city"/>
+                        <br/>
+                        <span t-field="company.partner_id.country_id"/>
+                        <br/>
+                        <span t-field="company.partner_id.vat"/>
+                        <br/>
+                    </div>
+                </div>
+            </div>
+            <t t-call="web.external_layout">
+                <t t-set="o"
+                   t-value="o.with_context({'lang':o.partner_id.lang})"/>
+                <div class="page">
+                    <div class=" row mt32 mb32">
+                        <div class="col-12" style="padding-top:20px;">
+                            <div t-attf-class=" pull-#{o.theme_id.customer_position} text-#{o.theme_id.customer_position}"
+                                 style="font:15px lucida-console,sans-serif !important;">
+                                <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                      t-field="o.partner_id"/>
+                                <br/>
+                                <span t-if="o.theme_id.address">
+                                <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                      t-field="o.partner_id.street"/>
+                                <br/>
+                                <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                      t-field="o.partner_id.street2"/>
+                                </span>
+                                <br/>
+                                <span t-if="o.theme_id.city">
+                                <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                      t-field="o.partner_id.city"/>
+                                </span>
+                                <br/>
+                                <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                      t-field="o.partner_id.state_id"/>
+                                <br/>
+                                <span t-if="o.theme_id.country">
+                                <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                      t-field="o.partner_id.country_id"/>
+                                 </span>
+                                <br/>
+                                <span t-attf-style="color:#{o.theme_id.customer_text_color} !important;"
+                                      t-field="o.partner_id.vat"/>
+                                <br/>
+                            </div>
+                            <div t-attf-class="pull-right"
+                                 t-attf-style="font:15px lucida-console,sans-serif !important;background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color};padding:2%">
+                                <h2>
+                                    <span t-if="o.move_type == 'out_invoice' and (o.state == 'draft' or o.state == 'posted')">
+                                        <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                            Invoice
+                                        </font>
+                                    </span>
+                                    <span t-if="o.move_type == 'out_invoice' and o.state == 'proforma2'">
+                                        <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                            PRO-FORMA
+                                        </font>
+                                    </span>
+                                    <span t-if="o.move_type == 'out_invoice' and o.state == 'draft'">
+                                        <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                            Draft Invoice
+                                        </font>
+                                    </span>
+                                    <span t-if="o.move_type == 'out_invoice' and o.state == 'cancel'">
+                                        <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                            Cancelled
+                                            Invoice
+                                        </font>
+                                    </span>
+                                    <span t-if="o.move_type == 'out_refund'">
+                                        <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                            Refund
+                                        </font>
+                                    </span>
+                                    <span t-if="o.move_type == 'in_refund'">
+                                        <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                            Vendor Refund
+                                        </font>
+                                    </span>
+                                    <span t-if="o.move_type == 'in_invoice'">
+                                        <font t-attf-style="color:#{o.theme_id.text_color}">
+                                            Vendor Bill
+                                        </font>
+                                    </span>
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        <span t-field="o.name"/>
+                                    </font>
+                                </h2>
+                                <div t-if="o.invoice_date">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        <strong>Invoice Date:</strong>
+                                        <p t-field="o.invoice_date"/>
+                                    </font>
+                                </div>
+                                <div t-if="o.name">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        <strong>Due Date:</strong>
+                                        <p t-field="o.invoice_date_due"/>
+                                    </font>
+                                </div>
+
+                                <div t-if="o.theme_id.reference">
+                                <div t-if="o.ref">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        <strong>Reference:</strong>
+                                        <p t-field="o.ref"/>
+                                    </font>
+                                </div>
+                                     </div>
+                                <div t-if="o.theme_id.source">
+                                <div t-if="o.invoice_origin">
+                                    <font t-attf-style="color:#{o.theme_id.heading_text_color}">
+                                        <strong>Source:</strong>
+                                        <p t-field="o.invoice_origin"/>
+                                    </font>
+                                </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div style="padding-top:20px;"/>
+                    <t t-set="display_discount"
+                       t-value="any([l.discount for l in o.invoice_line_ids])"/>
+                    <table class="table table-sm">
+                        <thead>
+                            <tr>
+                                <th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
+                                    Product
+                                </th>
+                                <span t-if="o.theme_id.description">
+                                    <th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
+                                        Description
+                                    </th>
+                                </span>
+                                <th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
+                                    Quantity
+                                </th>
+                                <th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
+                                    Unit Price
+                                </th>
+                                <th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}"
+                                    t-if="display_discount" class="text-right"
+                                    groups="sale.group_discount_per_so_line">
+                                    Disc.(%)
+                                </th>
+                                <span t-if="o.theme_id.tax_value">
+                                    <th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
+                                        Taxes
+                                    </th>
+                                </span>
+                                <th t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
+                                    Price
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody class="invoice_tbody">
+                            <tr t-foreach="o.invoice_line_ids" t-as="l">
+                                <td t-if="l.product_id.name">
+                                    <span t-field="l.product_id.name"/>
+                                </td>
+                                <span t-if="o.theme_id.description">
+                                    <td t-if="l.name">
+                                        <span t-field="l.name"/>
+                                    </td>
+                                </span>
+                                <td class="text-right" t-if="l.quantity">
+                                    <span t-field="l.quantity"/>
+                                    <span t-field="l.uom_id"
+                                          groups="product.group_uom"/>
+                                </td>
+                                <td class="text-right" t-if="l.price_unit">
+                                    <span t-field="l.price_unit"/>
+                                </td>
+                                <td t-if="l.discount" class="text-right"
+                                    groups="sale.group_discount_per_so_line">
+                                    <span t-field="l.discount"/>
+                                </td>
+                                <span t-if="o.theme_id.tax_value">
+                                    <td>
+                                        <span t-esc="', '.join(map(lambda x: (x.description or x.name), l.tax_ids))"/>
+                                    </td>
+                                </span>
+                                <td class="text-right" t-if="l.price_subtotal">
+                                    <span t-field="l.price_subtotal"
+                                          t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                    <div>
+                        <div class="col-4 pull-right">
+                            <table class="table table-condensed">
+                                <tr class="border-black">
+                                    <td>
+                                        <strong>Subtotal</strong>
+                                    </td>
+                                    <td class="text-right">
+                                        <span t-field="o.amount_untaxed"
+                                              t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
+                                    </td>
+                                </tr>
+                                <t t-foreach="o.amount_by_group"
+                                   t-as="amount_by_group">
+                                    <tr>
+                                        <td>
+                                            <span t-esc="amount_by_group[0]"/>
+                                        </td>
+                                        <td class="text-right">
+                                            <span t-esc="amount_by_group[1]"/>
+                                        </td>
+                                    </tr>
+                                </t>
+                                <tr class="border-black"
+                                    t-attf-style="background-color:#{o.theme_id.base_color};color:#{o.theme_id.heading_text_color}">
+                                    <td>
+                                        <strong>Total</strong>
+                                    </td>
+                                    <td class="text-right">
+                                        <span t-field="o.amount_total"
+                                              t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
+                                    </td>
+                                </tr>
+                                <tr class="border-black">
+                                    <td>
+                                        <strong>Amount Due</strong>
+                                    </td>
+                                    <td class="text-right">
+                                        <span t-field="o.amount_residual"
+                                              t-field-options='{"widget": "monetary", "display_currency": "o.currency_id"}'/>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <br/>
+                    <br/>
+                </div>
+            </t>
+        </template>
+    </data>
+</odoo>
\ No newline at end of file
diff --git a/invoice_format_editor/reports/default_invoice_template.xml b/invoice_format_editor/reports/default_invoice_template.xml
new file mode 100644
index 000000000..32e64bfe7
--- /dev/null
+++ b/invoice_format_editor/reports/default_invoice_template.xml
@@ -0,0 +1,353 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+         <!--Default Template View-->
+        <template id="report_invoice_document">
+            <t t-call="web.external_layout">
+                <t t-set="o" t-value="o.with_context(lang=lang)"/>
+                <t t-set="address">
+                    <address t-field="o.partner_id"
+                             t-options='{"widget": "contact", "fields": ["address", "name"], "no_marker": True}'/>
+                    <div t-if="o.partner_id.vat" class="mt16">
+                        <t t-if="o.company_id.country_id.vat_label"
+                           t-esc="o.company_id.country_id.vat_label"
+                           id="inv_tax_id_label"/>
+                        <t t-else="">Tax ID</t>:
+                        <span t-field="o.partner_id.vat"/>
+                    </div>
+                </t>
+                <div class="page">
+                    <h2>
+                        <span t-if="o.move_type == 'out_invoice' and o.state == 'posted'">
+                            Invoice
+                        </span>
+                        <span t-if="o.move_type == 'out_invoice' and o.state == 'draft'">
+                            Draft Invoice
+                        </span>
+                        <span t-if="o.move_type == 'out_invoice' and o.state == 'cancel'">
+                            Cancelled Invoice
+                        </span>
+                        <span t-if="o.move_type == 'out_refund'">Credit Note
+                        </span>
+                        <span t-if="o.move_type == 'in_refund'">Vendor Credit
+                            Note
+                        </span>
+                        <span t-if="o.move_type == 'in_invoice'">Vendor Bill
+                        </span>
+                        <span t-if="o.name != '/'" t-field="o.name"/>
+                    </h2>
+                    <div id="informations" class="row mt32 mb32">
+                        <div class="col-auto col-3 mw-100 mb-2"
+                             t-if="o.invoice_date" name="invoice_date">
+                            <strong>Invoice Date:</strong>
+                            <p class="m-0" t-field="o.invoice_date"/>
+                        </div>
+                        <div class="col-auto col-3 mw-100 mb-2"
+                             t-if="o.invoice_date_due and o.move_type == 'out_invoice' and o.state == 'posted'"
+                             name="due_date">
+                            <strong>Due Date:</strong>
+                            <p class="m-0" t-field="o.invoice_date_due"/>
+                        </div>
+                        <div class="col-auto col-3 mw-100 mb-2"
+                             t-if="o.invoice_origin" name="origin">
+                            <strong>Source:</strong>
+                            <p class="m-0" t-field="o.invoice_origin"/>
+                        </div>
+                        <div class="col-auto col-3 mw-100 mb-2"
+                             t-if="o.partner_id.ref" name="customer_code">
+                            <strong>Customer Code:</strong>
+                            <p class="m-0" t-field="o.partner_id.ref"/>
+                        </div>
+                        <div t-if="o.theme_id.reference">
+                            <div class="col-auto col-3 mw-100 mb-2" t-if="o.ref"
+                                 name="reference">
+                                <strong>Reference:</strong>
+                                <p class="m-0" t-field="o.ref"/>
+                            </div>
+                        </div>
+                    </div>
+                    <t t-set="display_discount"
+                       t-value="any(l.discount for l in o.invoice_line_ids)"/>
+                    <table class="table table-sm o_main_table"
+                           name="invoice_line_table">
+                        <thead>
+                            <tr>
+                                <th name="th_product" class="text-left">
+                                    <span>Product</span>
+                                </th>
+                                <span t-if="o.theme_id.description">
+                                    <th name="th_description" class="text-left">
+                                        <span>Description</span>
+                                    </th>
+                                </span>
+                                <th name="th_quantity" class="text-right">
+                                    <span>Quantity</span>
+                                </th>
+                                <th name="th_priceunit"
+                                    t-attf-class="text-right {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
+                                    <span>Unit Price</span>
+                                </th>
+                                <th name="th_price_unit" t-if="display_discount"
+                                    t-attf-class="text-right {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
+                                    <span>Disc.%</span>
+                                </th>
+                                <span t-if="o.theme_id.tax_value">
+                                    <th name="th_taxes"
+                                        t-attf-class="text-left {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
+                                        <span>Taxes</span>
+                                    </th>
+                                </span>
+                                <th name="th_subtotal" class="text-right">
+                                    <span groups="account.group_show_line_subtotals_tax_excluded">
+                                        Amount
+                                    </span>
+                                    <span groups="account.group_show_line_subtotals_tax_included">
+                                        Total Price
+                                    </span>
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody class="invoice_tbody">
+                            <t t-set="current_subtotal" t-value="0"/>
+                            <t t-set="lines"
+                               t-value="o.invoice_line_ids.sorted(key=lambda l: (-l.sequence, l.date, l.move_name, -l.id), reverse=True)"/>
+                            <t t-foreach="lines" t-as="line">
+                                <t t-set="current_subtotal"
+                                   t-value="current_subtotal + line.price_subtotal"
+                                   groups="account.group_show_line_subtotals_tax_excluded"/>
+                                <t t-set="current_subtotal"
+                                   t-value="current_subtotal + line.price_total"
+                                   groups="account.group_show_line_subtotals_tax_included"/>
+                                <tr t-att-class="'bg-200 font-weight-bold o_line_section' if line.display_type == 'line_section' else 'font-italic o_line_note' if line.display_type == 'line_note' else ''">
+                                    <t t-if="not line.display_type"
+                                       name="account_invoice_line_accountable">
+                                        <td name="account_invoice_line_name">
+                                            <span t-field="line.product_id.name"
+                                                  t-options="{'widget': 'text'}"/>
+                                        </td>
+                                        <span t-if="o.theme_id.description">
+                                            <td name="account_invoice_line_name">
+                                                <span t-field="line.name"
+                                                      t-options="{'widget': 'text'}"/>
+                                            </td>
+                                        </span>
+                                        <td class="text-right">
+                                            <span t-field="line.quantity"/>
+                                            <span t-field="line.product_uom_id"
+                                                  groups="uom.group_uom"/>
+                                        </td>
+                                        <td t-attf-class="text-right {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
+                                            <span class="text-nowrap"
+                                                  t-field="line.price_unit"/>
+                                        </td>
+                                        <td t-if="display_discount"
+                                            t-attf-class="text-right {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
+                                            <span class="text-nowrap"
+                                                  t-field="line.discount"/>
+                                        </td>
+                                        <span t-if="o.theme_id.tax_value">
+                                            <td t-attf-class="text-left {{ 'd-none d-md-table-cell' if report_type == 'html' else '' }}">
+                                                <span t-esc="', '.join(map(lambda x: (x.description or x.name), line.tax_ids))"
+                                                      id="line_tax_ids"/>
+                                            </td>
+                                        </span>
+                                        <td class="text-right o_price_total">
+                                            <span class="text-nowrap"
+                                                  t-field="line.price_subtotal"
+                                                  groups="account.group_show_line_subtotals_tax_excluded"/>
+                                            <span class="text-nowrap"
+                                                  t-field="line.price_total"
+                                                  groups="account.group_show_line_subtotals_tax_included"/>
+                                        </td>
+                                    </t>
+                                    <t t-if="line.display_type == 'line_section'">
+                                        <td colspan="99">
+                                            <span t-field="line.name"
+                                                  t-options="{'widget': 'text'}"/>
+                                        </td>
+                                        <t t-set="current_section"
+                                           t-value="line"/>
+                                        <t t-set="current_subtotal"
+                                           t-value="0"/>
+                                    </t>
+                                    <t t-if="line.display_type == 'line_note'">
+                                        <td colspan="99">
+                                            <span t-field="line.name"
+                                                  t-options="{'widget': 'text'}"/>
+                                        </td>
+                                    </t>
+                                </tr>
+                                <t t-if="current_section and (line_last or lines[line_index+1].display_type == 'line_section')">
+                                    <tr class="is-subtotal text-right">
+                                        <td colspan="99">
+                                            <strong class="mr16">Subtotal
+                                            </strong>
+                                            <span t-esc="current_subtotal"
+                                                    t-options='{"widget": "monetary", "display_currency": o.currency_id}'
+                                            />
+                                        </td>
+                                    </tr>
+                                </t>
+                            </t>
+                        </tbody>
+                    </table>
+
+                    <div class="clearfix">
+                        <div id="total" class="row">
+                            <div t-attf-class="#{'col-6' if report_type != 'html' else 'col-sm-7 col-md-6'} ml-auto">
+                                <table class="table table-sm"
+                                       style="page-break-inside: avoid;">
+                                    <tr class="border-black o_subtotal"
+                                        style="">
+                                        <td>
+                                            <strong>Subtotal</strong>
+                                        </td>
+                                        <td class="text-right">
+                                            <span t-field="o.amount_untaxed"/>
+                                        </td>
+                                    </tr>
+                                    <t t-foreach="o.amount_by_group"
+                                       t-as="amount_by_group">
+                                        <tr style="">
+                                            <t t-if="len(o.line_ids.filtered(lambda line: line.tax_line_id)) in [0, 1] and o.amount_untaxed == amount_by_group[2]">
+                                                <td>
+                                                    <span class="text-nowrap"
+                                                          t-esc="amount_by_group[0]"/>
+                                                </td>
+                                                <td class="text-right o_price_total">
+                                                    <span class="text-nowrap"
+                                                          t-esc="amount_by_group[3]"/>
+                                                </td>
+                                            </t>
+                                            <t t-else="">
+                                                <td>
+                                                    <span t-esc="amount_by_group[0]"/>
+                                                    <span class="text-nowrap">on
+                                                        <t t-esc="amount_by_group[4]"/>
+                                                    </span>
+                                                </td>
+                                                <td class="text-right o_price_total">
+                                                    <span class="text-nowrap"
+                                                          t-esc="amount_by_group[3]"/>
+                                                </td>
+                                            </t>
+                                        </tr>
+                                    </t>
+                                    <tr class="border-black o_total">
+                                        <td>
+                                            <strong>Total</strong>
+                                        </td>
+                                        <td class="text-right">
+                                            <span class="text-nowrap"
+                                                  t-field="o.amount_total"/>
+                                        </td>
+                                    </tr>
+                                    <t t-if="print_with_payments">
+                                        <t t-if="o.payment_state != 'invoicing_legacy'">
+                                            <t t-set="payments_vals"
+                                               t-value="o.sudo()._get_reconciled_info_JSON_values()"/>
+                                            <t t-foreach="payments_vals"
+                                               t-as="payment_vals">
+                                                <tr>
+                                                    <td>
+                                                        <i class="oe_form_field text-right oe_payment_label">
+                                                            Paid on
+                                                            <t t-esc="payment_vals['date']"
+                                                               t-options='{"widget": "date"}'/>
+                                                        </i>
+                                                    </td>
+                                                    <td class="text-right">
+                                                        <span t-esc="payment_vals['amount']"
+                                                              t-options='{"widget": "monetary", "display_currency": o.currency_id}'/>
+                                                    </td>
+                                                </tr>
+                                            </t>
+                                            <t t-if="len(payments_vals) > 0">
+                                                <tr class="border-black">
+                                                    <td>
+                                                        <strong>Amount Due
+                                                        </strong>
+                                                    </td>
+                                                    <td class="text-right">
+                                                        <span t-field="o.amount_residual"/>
+                                                    </td>
+                                                </tr>
+                                            </t>
+                                        </t>
+                                    </t>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                    <p t-if="o.move_type in ('out_invoice', 'in_refund') and o.payment_reference"
+                       name="payment_communication">
+                        Please use the following communication for your payment
+                        :
+                        <b>
+                            <span t-field="o.payment_reference"/>
+                        </b>
+                    </p>
+                    <p t-if="o.invoice_payment_term_id" name="payment_term">
+                        <span t-field="o.invoice_payment_term_id.note"/>
+                    </p>
+                    <p t-if="o.narration" name="comment">
+                        <span t-field="o.narration"/>
+                    </p>
+                    <p t-if="o.fiscal_position_id.note" name="note">
+                        <span t-field="o.fiscal_position_id.note"/>
+                    </p>
+                    <p t-if="o.invoice_incoterm_id" name="incoterm">
+                        <strong>Incoterm:</strong>
+                        <span t-field="o.invoice_incoterm_id.code"/>
+                        -
+                        <span t-field="o.invoice_incoterm_id.name"/>
+                    </p>
+                    <div id="qrcode" t-if="o.display_qr_code">
+                        <p t-if="qr_code_urls.get(o.id)">
+                            <strong class="text-center">Scan me with your
+                                banking app.
+                            </strong>
+                            <br/>
+                            <br/>
+                            <img class="border border-dark rounded"
+                                 t-att-src="qr_code_urls[o.id]"/>
+                        </p>
+                    </div>
+                </div>
+            </t>
+        </template>
+
+        <template id="report_invoice">
+            <t t-call="web.html_container">
+                <t t-foreach="docs" t-as="o">
+                    <t t-set="lang"
+                       t-value="o.invoice_user_id.sudo().lang if o.move_type in ('in_invoice', 'in_refund') else o.partner_id.lang"/>
+                    <t t-if="o._get_name_invoice_report() == 'account.report_invoice_document'"
+                       t-call="account.report_invoice_document" t-lang="lang"/>
+                </t>
+            </t>
+        </template>
+
+        <template id="report_invoice_with_payments">
+            <t t-call="web.html_container">
+                <t t-foreach="docs" t-as="o">
+                    <t t-set="lang"
+                       t-value="o.invoice_user_id.sudo().lang if o.move_type in ('in_invoice', 'in_refund') else o.partner_id.lang"/>
+                    <t t-set="print_with_payments" t-value="True"/>
+                    <t t-if="o._get_name_invoice_report() == 'account.report_invoice_document'"
+                       t-call="account.report_invoice_document" t-lang="lang"/>
+                </t>
+            </t>
+        </template>
+
+        <template id="report_original_vendor_bill">
+            <t t-call="web.html_container">
+                <t t-foreach="docs" t-as="o">
+                    <div class="article" t-att-data-oe-model="o and o._name"
+                         t-att-data-oe-id="o and o.id"
+                         t-att-data-oe-lang="o and o.env.context.get('lang')"/>
+                </t>
+            </t>
+        </template>
+    </data>
+</odoo>
diff --git a/invoice_format_editor/security/ir.model.access.csv b/invoice_format_editor/security/ir.model.access.csv
new file mode 100644
index 000000000..d7804d521
--- /dev/null
+++ b/invoice_format_editor/security/ir.model.access.csv
@@ -0,0 +1,2 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+access_document_template,document.template,model_doc_layout,base.group_user,1,1,1,1
diff --git a/invoice_format_editor/static/description/banner.jpg b/invoice_format_editor/static/description/banner.jpg
new file mode 100644
index 000000000..05dd44b09
Binary files /dev/null and b/invoice_format_editor/static/description/banner.jpg differ
diff --git a/invoice_format_editor/static/description/icon.png b/invoice_format_editor/static/description/icon.png
new file mode 100644
index 000000000..4722db21c
Binary files /dev/null and b/invoice_format_editor/static/description/icon.png differ
diff --git a/invoice_format_editor/static/description/images/configuration.png b/invoice_format_editor/static/description/images/configuration.png
new file mode 100644
index 000000000..5eaaebeca
Binary files /dev/null and b/invoice_format_editor/static/description/images/configuration.png differ
diff --git a/invoice_format_editor/static/description/images/default.png b/invoice_format_editor/static/description/images/default.png
new file mode 100644
index 000000000..b25d08f14
Binary files /dev/null and b/invoice_format_editor/static/description/images/default.png differ
diff --git a/invoice_format_editor/static/description/images/hidefield.png b/invoice_format_editor/static/description/images/hidefield.png
new file mode 100644
index 000000000..6af04c5af
Binary files /dev/null and b/invoice_format_editor/static/description/images/hidefield.png differ
diff --git a/invoice_format_editor/static/description/images/invoiceselection.png b/invoice_format_editor/static/description/images/invoiceselection.png
new file mode 100644
index 000000000..6ffab1601
Binary files /dev/null and b/invoice_format_editor/static/description/images/invoiceselection.png differ
diff --git a/invoice_format_editor/static/description/images/modern.png b/invoice_format_editor/static/description/images/modern.png
new file mode 100644
index 000000000..eaf8df6a3
Binary files /dev/null and b/invoice_format_editor/static/description/images/modern.png differ
diff --git a/invoice_format_editor/static/description/images/normal.png b/invoice_format_editor/static/description/images/normal.png
new file mode 100644
index 000000000..2c9fbd196
Binary files /dev/null and b/invoice_format_editor/static/description/images/normal.png differ
diff --git a/invoice_format_editor/static/description/images/oldstandard.png b/invoice_format_editor/static/description/images/oldstandard.png
new file mode 100644
index 000000000..c5f0d6688
Binary files /dev/null and b/invoice_format_editor/static/description/images/oldstandard.png differ
diff --git a/invoice_format_editor/static/description/images/screen.gif b/invoice_format_editor/static/description/images/screen.gif
new file mode 100644
index 000000000..62c72e274
Binary files /dev/null and b/invoice_format_editor/static/description/images/screen.gif differ
diff --git a/invoice_format_editor/static/description/index.html b/invoice_format_editor/static/description/index.html
new file mode 100644
index 000000000..cafc65ff3
--- /dev/null
+++ b/invoice_format_editor/static/description/index.html
@@ -0,0 +1,729 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <title>Invoice Template Editor</title>
+    <link rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css"
+          integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA=="
+          crossorigin="anonymous"/>
+    <link rel="stylesheet"
+          href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
+          integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
+          crossorigin="anonymous"/>
+</head>
+<!-- COLORS 
+    red-bg: #FFECEF;
+    green-bg: #E4FEEE;
+    blue-bg: #F4F4FF;
+    tab-title-bg: #edf2f7
+    jumbotron-bg: #192a56
+    brand-color: #b22126
+    yellow-pill: #f6b93b
+
+    red-text: #F66170;
+    green-text: #51A26E;
+    blue-text: #2765FC;
+    grey-text: #757575;
+    tab-title-text: #162635;
+  -->
+
+<body>
+<div class="oe_styling_v8">
+    <section class="oe_container"
+             style="font-family: Roboto, 'sans-serif'; padding:2rem 3rem 1rem">
+        <div class="row shadow-lg"
+             style="max-width:1540px; margin:0 auto; border-radius: 10px;">
+            <!-- LEFT HERO -->
+            <div class="col-lg-7"
+                 style="margin-top: 0rem; padding: 3rem 2.5rem; ">
+                <div style="width: 200px;">
+                    <img src="https://www.cybrosys.com/images/logo.png"
+                         width="150px" height="auto"/>
+                </div>
+                <h1 class="mt-4"
+                    style="font-family: Montserrat, 'sans-serif' ; font-weight: bold;">
+                    Invoice Format Editor</h1>
+
+                <p class="lead"
+                   style="font-weight: 500; line-height: 1.5; color: #757575">
+                    Odoo Invoice Format Editor
+                </p>
+
+                <span class="badge px-3 py-2 depth-1"
+                      style="background-color: #FFECEF; color: #F66170; font-weight: bold; border-radius: 1rem;"><i
+                        class="fa fa-star mr-2"></i>Key Highlights</span>
+                <!-- FEATURES -->
+                <hr class="mt-4"
+                    style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;">
+                <div class="row">
+                    <div class="col-lg-5 no-gutters">
+                        <!-- FEATURE COLUMN LEFT -->
+                        <ul style="list-style: none; padding: 0; font-weight: 500; line-height: 2;">
+                            <li><i class="fa fa-check-circle mr-2"
+                                   style="color: #1abc9c;"></i>Configure the
+                                layout.
+                            </li>
+                            <li><i class="fa fa-check-circle mr-2"
+                                   style="color: #1abc9c;"></i>Configure the
+                                position of fields.
+                            </li>
+                        </ul>
+                    </div>
+
+                    <div class="col-lg- no-gutters">
+                        <!-- FEATURE COLUMN RIGHT -->
+                        <ul style="list-style: none; padding: 0; font-weight: 500; line-height: 2;">
+                            <li><i class="fa fa-check-circle mr-2"
+                                   style="color: #1abc9c;"></i> Hide the option
+                                invoice fields.
+                            </li>
+                            <li><i class="fa fa-check-circle mr-2"
+                                   style="color: #1abc9c;"></i> Edit the theme.
+                        </ul>
+                    </div>
+
+                    <div class="col-lg-12">
+                        <a href="#" class="btn deep-1 deep_hover mr-2"
+                           style="color: #FFF; background-color: #2196F3; border-radius: 4px;"><i
+                                class="fa fa-download mr-2"></i>Download Odoo 14</a>
+                        <!--                            <a href="https://www.youtube.com/watch?v=IXfd-Cu7iZ0&ab_channel=CybrosysTechnologies"-->
+                        <!--                                target="_blank" class="btn deep-1 deep_hover"-->
+                        <!--                                style="color: #FFF; background-color: #607D8B;  border-radius: 4px;"><i class="fa fa-eye mr-2"></i>Live-->
+                        <!--                                Preview</a>-->
+                    </div>
+                </div>
+                <hr class="mt-4"
+                    style="background: linear-gradient(to right, #e5e5e5, transparent); height: 2px; border-style: none;">
+                <!-- END OF FEATURES -->
+            </div>
+            <!-- END OF LEFT HERO -->
+            <!-- RIGHT HERO -->
+            <div class="col-lg-5  d-flex align-items-center"
+                 style="border-radius: 0px 10px 10px 0px;  background-repeat: no-repeat; background-size: cover;">
+                <img src='images/screen.gif'
+                     style="width:90%; height: auto; margin: 0 auto;"
+                     class="shadow-lg"/>
+                <!-- <center>
+                  <img src="https://i.ibb.co/Zg7Z8jT/gnatt-scrn.png"-->
+                <!--                            style="width:90%; height: auto; margin: 0 auto;" class="shadow-lg">-->
+                <!--                    </center> &ndash;&gt;-->
+            </div>
+            <!-- END OF RIGHT HERO -->
+        </div>
+
+        <section class="oe_container" style="margin-top: 4rem;">
+            <div class="row"
+                 style="max-width:1540px; margin:0 auto; padding-bottom:64px;">
+                <div class="col-lg-12">
+                    <!-- TAB LIST -->
+                    <ul class="nav nav-tabs d-flex justify-content-center"
+                        role="tablist"
+                        style="background-color:unset; margin:0 auto;">
+                        <li class="nav-item">
+                            <a class="nav-link active" style="color: #000;"
+                               data-toggle="tab" href="#tabs-1"
+                               role="tab"><i class="fa fa-pie-chart mr-2"></i>Overview</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" style="color: #000;"
+                               data-toggle="tab" href="#tabs-3" role="tab"><i
+                                    class="fa fa-star mr-2"></i>Features</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" style="color: #000;"
+                               data-toggle="tab" href="#tabs-4" role="tab"><i
+                                    class="fa fa-picture-o mr-2"></i>Screenshots</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="col-lg-12">
+                    <!-- Tab panes -->
+                    <div class="tab-content" style="padding: 2rem;">
+                        <div class="tab-pane active" id="tabs-1"
+                             role="tabpanel">
+                            <h3 class="text-center rounded px-3 py-2 mb-4"
+                                style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
+                                Overview</h3>
+
+                            <p class="text-justify">In the Invoice Format Editor
+                                App, We can configure the invoice
+                                fields to our own need. There we can have 4
+                                types of templates - Default, Normal, Modern,
+                                Old Standard. We can also customize and hide the
+                                fields.</p>
+                        </div>
+                        <div class="tab-pane" id="tabs-3" role="tabpanel">
+                            <h3 class="text-center rounded px-3 py-2 mb-4"
+                                style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
+                                Features</h3>
+                            <ul style="max-width: 1200px;">
+                                <li>
+                                    <h5 style="font-family: Roboto, 'sans-serif';">
+                                        Configure the layout.</h5>
+                                </li>
+                                <li>
+                                    <h5 style="font-family: Roboto, 'sans-serif';">
+                                        Configure the position of fields.</h5>
+                                </li>
+                                <li>
+                                    <h5 style="font-family: Roboto, 'sans-serif';">
+                                        Hide option for the invoice fields.</h5>
+                                </li>
+                                <li>
+                                    <h5 style="font-family: Roboto, 'sans-serif';">
+                                        Edit the theme.</h5>
+                                </li>
+
+                            </ul>
+                        </div>
+                        <div class="tab-pane" id="tabs-4" role="tabpanel">
+                            <h3 class="text-center rounded px-3 py-2 mb-4"
+                                style="background-color:#edf2f7; color: #162635; font-family: Roboto, 'sans-serif'; font-weight: bold;">
+                                Screenshots</h3>
+                            <div>
+                                <section class="oe_container">
+                                    <div id="demo"
+                                         class="row carousel slide  mb32"
+                                         data-ride="carousel">
+                                        <div class="carousel-inner">
+                                            <div class="carousel-item active"
+                                                 style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o"
+                                                           style="width:40px; color:#07B700"></i>
+                                                        Configuration View
+                                                    </h3>
+
+
+                                                    <div style=""><img
+                                                            class="img img-responsive center-block"
+                                                            style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                            src="images/configuration.png">
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="carousel-item"
+                                                 style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o"
+                                                           style="width:40px; color:#07B700"></i>
+                                                        Invoice layout
+                                                        Configuration
+                                                    </h3>
+
+                                                    <div style=""><img
+                                                            class="img img-responsive center-block"
+                                                            style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                            src="images/hidefield.png">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="carousel-item"
+                                                 style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px;">
+                                                        <i class="fa fa-check-circle-o"
+                                                           style="width:40px; color:#07B700"></i>
+                                                        Invoice Selection </h3>
+                                                    <div style=""><img
+                                                            class="img img-responsive center-block"
+                                                            style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                            src="images/invoiceselection.png">
+                                                    </div>
+                                                </div>
+                                            </div>
+
+                                            <div class="carousel-item"
+                                                 style="min-height: 0px;">
+                                                <div class="col-xs-12 col-sm-12 col-md-12 mb16 mt16"
+                                                     style="float: left;">
+                                                    <h3 class="mb32 alert"
+                                                        style="font-weight:400;color: #091E42;background: #fff;text-align: left;border-radius: 0; font-size: 18px; ">
+                                                        <i class="fa fa-check-circle-o"
+                                                           style="width:40px; color:#07B700"></i>Modern
+                                                        Template</h3>
+                                                    <div style=""><img
+                                                            class="img img-responsive center-block"
+                                                            style="border-top-left-radius: 10px;border-top-right-radius: 10px;"
+                                                            src="images/modern.png">
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+
+                                    <a class="carousel-control-prev"
+                                       href="#demo" data-slide="prev"
+                                       style="left:-25px;width: 35px;color: #000;"> <span
+                                            class="carousel-control-prev-icon"><i
+                                            class="fa fa-chevron-left"
+                                            style="font-size:24px"></i></span>
+                                    </a> <a class="carousel-control-next"
+                                            href="#demo" data-slide="next"
+                                            style="right:-25px;width: 35px;color: #000;"> <span
+                                        class="carousel-control-next-icon"><i
+                                        class="fa fa-chevron-right"
+                                        style="font-size:24px"></i></span>
+                                </a>
+
+        </section>
+</div>
+</div>
+</div>
+<!-- END OF TAB LIST -->
+</div>
+</div>
+</section>
+<!-- Suggested Products -->
+<section class="oe_container"
+         style="padding:2rem 3rem 1rem; max-width:1540px; margin: 0 auto; ">
+    <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
+        Suggested Products</h2>
+    <hr
+            style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+    <div id="suggestedSlider" class="row carousel slide mt-4"
+         data-ride="carousel">
+        <!-- The slideshow -->
+        <div class="carousel-inner">
+            <div class="carousel-item" style="min-height: 191px;">
+                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                     style="float:left">
+                    <a href="https://apps.odoo.com/apps/modules/12.0/accounting_dynamic_reports/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                 src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_task_timer.png?ae168aa">
+                        </div>
+                    </a>
+                </div>
+                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                     style="float:left">
+                    <a href="https://apps.odoo.com/apps/modules/13.0/project_report_pdf/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                 src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_repo.png?ae168aa">
+                        </div>
+                    </a>
+                </div>
+                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                     style="float:left">
+                    <a href="https://apps.odoo.com/apps/modules/14.0/export_stockinfo_xls/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                 src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_gantt.png?ae168aa">
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <div class="carousel-item active" style="min-height: 191px;">
+                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                     style="float:left">
+                    <a href="https://apps.odoo.com/apps/modules/12.0/project_task_timer/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                 src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/task_image.png?ae168aa">
+                        </div>
+                    </a>
+                </div>
+                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                     style="float:left">
+                    <a href="https://apps.odoo.com/apps/modules/14.0/base_accounting_kit/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                 src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/reminder.png?ae168aa">
+                        </div>
+                    </a>
+                </div>
+                <div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16"
+                     style="float:left">
+                    <a href="https://apps.odoo.com/apps/modules/12.0/project_report_pdf/"
+                       target="_blank">
+                        <div style="border-radius:10px">
+                            <img class="img img-responsive center-block"
+                                 style="border-top-left-radius:10px; border-top-right-radius:10px"
+                                 src="//apps.odoocdn.com/apps/assets/14.0/custom_gantt_view/images/project_report.png?ae168aa">
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <!-- Left and right controls -->
+        <a class="carousel-control-prev" href="#suggestedSlider"
+           data-slide="prev"
+           style="width:35px; color:#000">
+                        <span class="carousel-control-prev-icon"><i
+                                class="fa fa-chevron-left"
+                                style="font-size:24px"></i></span> </a> <a
+            class="carousel-control-next"
+            href="#suggestedSlider" data-slide="next"
+            style="width:35px; color:#000">
+                        <span class="carousel-control-next-icon"><i
+                                class="fa fa-chevron-right"
+                                style="font-size:24px"></i></span>
+    </a>
+    </div>
+</section>
+<!-- End of Suggested Products -->
+<!-- Our Services -->
+<section class="oe_container" style="padding:2rem 3rem 1rem">
+    <!-- <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">Our Services</h2>
+    <hr
+    style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;"> -->
+    <div class="row mt-4 position-relative"
+         style="max-width:1540px; margin: 0 auto;">
+        <div class="col-lg-12 jumbotron text-white position-relative shadow-sm"
+             style="background-color: #b22126; background-image: url('https://i.ibb.co/k9GHmT0/arrows-transparent.png'); background-size: cover; background-position: bottom; border-radius: 10px;">
+                        <span class="badge badge-pill px-3 py-2 text-dark shadow-sm  font-weight-bold"
+                              style="background-color: #f6b93b;"><i
+                                class="fa fa-trophy mr-2"></i>Odoo Gold Partner</span>
+            <div class="row">
+                <div class="col-lg-6 mt-4">
+                    <h1 style="font-family: Roboto, 'sans-serif'; color:#FFF;">
+                        Our Services</h1>
+                    <p class="lead">We provide following services</p>
+                    <ul class="mt-4"
+                        style="list-style: none; padding: 0; line-height: 2.8; font-weight: 500;">
+                        <li>
+                            <a href="https://www.cybrosys.com/odoo-customization-and-installation/"
+                               style="color: white; text-decoration: none;"
+                               target="_blank"><i
+                                    class="fa fa-cogs mr-2"
+                                    style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
+                                Customization</a></li>
+                        <li>
+                            <a href="https://www.cybrosys.com/odoo-erp-implementation/"
+                               style="color: white; text-decoration: none;"
+                               target="_blank"><i
+                                    class="fa fa-wrench mr-2"
+                                    style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
+                                Implementation</a></li>
+                        <li><a href="https://www.cybrosys.com/odoo-erp-support/"
+                               style="color: white; text-decoration: none;"
+                               target="_blank"><i
+                                class="fa fa-life-ring mr-2"
+                                style="color: #f6b93b; font-size: 1.5rem"></i>Odoo
+                            Support</a></li>
+                        <li>
+                            <a href="https://www.cybrosys.com/hire-odoo-developer/"
+                               style="color: white; text-decoration: none;"
+                               target="_blank"><i
+                                    class="fa fa-user mr-2"
+                                    style="color: #f6b93b; font-size: 1.5rem"></i>
+                                Hire
+                                Odoo Developers</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <img src="https://i.ibb.co/YLRGpvL/trophy.png" width="50%" height="auto"
+             alt="Odoo Gold Partner"
+             class="position-absolute" style="right: 0; bottom: 0;">
+    </div>
+</section>
+<!-- End of Our Services -->
+<!-- Our Industries -->
+<section class="oe_container" style="padding:2rem 3rem 1rem">
+    <div class="row" style="max-width:1540px; margin: 0 auto; ">
+        <div class="col-lg-12">
+            <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
+                Our
+                Industries</h2>
+            <hr
+                    style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+        </div>
+        <div class="row mt-4 position-relative"
+             style="max-width:1540px; margin: 0 auto;">
+            <!-- Left Column -->
+            <div class="col-lg-6">
+
+                <div class="bg-white shadow px-4 py-3 mb-3"
+                     style="border-radius: 10px;">
+                    <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/"
+                       target="_blank"
+                       class="text-dark" style="text-decoration: none;">
+                        <div class="row">
+                            <div class="col-lg-3 no-gutters">
+                                <img src="https://i.ibb.co/J3HsKWB/trading.png">
+                            </div>
+                            <div class="col-lg-9 no-gutters pt-3">
+                                <h4 style="font-family: Roboto, 'sans-serif">
+                                    Trading</h4>
+                                <p style="font-weight: 300;">Easily procure and
+                                    sell your products</p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <div class="bg-white shadow px-4 py-3 my-3"
+                     style="border-radius: 10px;">
+                    <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/"
+                       target="_blank" class="text-dark"
+                       style="text-decoration: none;">
+                        <div class="row">
+                            <div class="col-lg-3 no-gutters">
+                                <img src="https://i.ibb.co/ssmySQK/education.png">
+                            </div>
+                            <div class="col-lg-9 no-gutters pt-3">
+                                <h4 style="font-family: Roboto, 'sans-serif">
+                                    Education</h4>
+                                <p style="font-weight: 300;">A Collaborative
+                                    platform for educational
+                                    management</p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <div class="bg-white shadow px-4 py-3 my-3"
+                     style="border-radius: 10px;">
+                    <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/"
+                       target="_blank" class="text-dark"
+                       style="text-decoration: none;">
+                        <div class="row">
+                            <div class="col-lg-3 no-gutters">
+                                <img src="https://i.ibb.co/fx6j6zY/manufacturing.png">
+                            </div>
+                            <div class="col-lg-9 no-gutters pt-3">
+                                <h4 style="font-family: Roboto, 'sans-serif">
+                                    Manufacturing</h4>
+                                <p style="font-weight: 300;">Plan, track and
+                                    schedule your operations</p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <div class="bg-white shadow px-4 py-3 my-3"
+                     style="border-radius: 10px;">
+                    <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/"
+                       target="_blank"
+                       class="text-dark" style="text-decoration: none;">
+                        <div class="row">
+                            <div class="col-lg-3 no-gutters">
+                                <img src="https://i.ibb.co/z6TK3yK/ecom.png">
+                            </div>
+                            <div class="col-lg-9 no-gutters pt-3">
+                                <h4 style="font-family: Roboto, 'sans-serif">
+                                    E-commerce & Website</h4>
+                                <p style="font-weight: 300;">Mobile friendly,
+                                    awe-inspiring product pages
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <!-- End of Left Column -->
+            <!-- Right Column -->
+            <div class="col-lg-6">
+
+                <div class="bg-white shadow px-4 py-3 mb-3"
+                     style="border-radius: 10px;">
+                    <a href="https://www.cybrosys.com/odoo/industries/pos/"
+                       target="_blank"
+                       class="text-dark" style="text-decoration: none;">
+                        <div class="row">
+                            <div class="col-lg-3 no-gutters">
+                                <img src="https://i.ibb.co/Hh9pqjY/pos.png">
+                            </div>
+                            <div class="col-lg-9 no-gutters pt-3">
+                                <h4 style="font-family: Roboto, 'sans-serif">
+                                    POS</h4>
+                                <p style="font-weight: 300;">Easy configuring
+                                    and convivial selling</p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+
+                <div class="bg-white shadow px-4 py-3 my-3"
+                     style="border-radius: 10px;">
+                    <a href="https://www.cybrosys.com/odoo/industries/service-management/"
+                       target="_blank"
+                       class="text-dark" style="text-decoration: none;">
+                        <div class="row">
+                            <div class="col-lg-3 no-gutters">
+                                <img src="https://i.ibb.co/541x9sq/service.png">
+                            </div>
+                            <div class="col-lg-9 no-gutters pt-3">
+                                <h4 style="font-family: Roboto, 'sans-serif">
+                                    Service Management</h4>
+                                <p style="font-weight: 300;">Keep track of
+                                    services and invoice accordingly
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <div class="bg-white shadow px-4 py-3 my-3"
+                     style="border-radius: 10px;">
+                    <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/"
+                       target="_blank" class="text-dark"
+                       style="text-decoration: none;">
+                        <div class="row">
+                            <div class="col-lg-3 no-gutters">
+                                <img src="https://i.ibb.co/wYjn3HB/restaurant.png">
+                            </div>
+                            <div class="col-lg-9 no-gutters pt-3">
+                                <h4 style="font-family: Roboto, 'sans-serif">
+                                    Restaurant</h4>
+                                <p style="font-weight: 300;">Run your bar or
+                                    restaurant methodica</p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <div class="bg-white shadow px-4 py-3 my-3"
+                     style="border-radius: 10px;">
+                    <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/"
+                       target="_blank"
+                       class="text-dark" style="text-decoration: none;">
+                        <div class="row">
+                            <div class="col-lg-3 no-gutters">
+                                <img src="https://i.ibb.co/XbkbpwV/hotel.png">
+                            </div>
+                            <div class="col-lg-9 no-gutters pt-3">
+                                <h4 style="font-family: Roboto, 'sans-serif">
+                                    Hotel Management</h4>
+                                <p style="font-weight: 300;">An all-inclusive
+                                    hotel management application
+                                </p>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+            <!-- End of Right Column -->
+        </div>
+    </div>
+</section>
+<!-- End of Our Industries-->
+<!-- Footer Section -->
+<section class="oe_container" style="padding:2rem 3rem 1rem">
+    <div class="row" style="max-width:1540px; margin: 0 auto; ">
+        <div class="col-lg-12 mb-4">
+            <h2 style="font-weight:600; text-align:center; margin-bottom:1rem; width:100%">
+                Need Help?</h2>
+            <hr
+                    style="background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+        </div>
+    </div>
+
+    <!-- Contact Cards -->
+    <div class="row d-flex justify-content-center align-items-center"
+         style="max-width:1540px; margin: 0 auto;">
+        <div class="col-lg-3  shadow mt-2"
+             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 300px;">
+            <h5 class="font-weight-bold"
+                style="font-family: Roboto, 'sans-serif';">Visit us</h5>
+            <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Visit our
+                website for more
+                information.</p>
+            <a href="https://cybrosys.com" target="_blank"
+               class="btn btn-block mb-2 deep_hover"
+               style="text-decoration: none; background-color: #546E7A; color: #FFF;  border-radius: 4px;">www.cybrosys.com</a>
+        </div>
+
+        <div class="col-lg-3  shadow mt-2"
+             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #b22126; height: 330px;">
+            <h5 class="font-weight-bold"
+                style="font-family: Roboto, 'sans-serif';">Write to us</h5>
+            <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Do you
+                have any queries regarding our
+                products &amp; services? Let us know.</p>
+            <a href="mailto:odoo@cybrosys.com" target="_blank"
+               class="btn btn-block mb-2 deep_hover"
+               style="text-decoration: none;  background-color: #b22126; color: #FFF;  border-radius: 4px;">odoo@cybrosys.com</a>
+            <a href="mailto:info@cybrosys.com" target="_blank"
+               class="btn btn-block deep_hover"
+               style="text-decoration: none; background-color: #b22126; color: #FFF;  border-radius: 4px;">info@cybrosys.com</a>
+        </div>
+        b
+
+        <div class="col-lg-3  shadow mt-2"
+             style="padding: 5rem 2rem 2rem; border-radius: 10px; margin-right: 3rem;  border-top: 7px solid #546E7A; height: 300px;">
+            <h5 class="font-weight-bold"
+                style="font-family: Roboto, 'sans-serif';">Follow Us</h5>
+            <p class="mb-4" style="color: #808e9b; font-size: 0.9rem;">Follow us
+                on social media for latest
+                updates.</p>
+            <div class="d-flex justify-content-begin align-items-center">
+                <a href="https://www.facebook.com/cybrosystechnologies"
+                   target="_blank"
+                   class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                   style="text-decoration: none; background-color:#3b5998; color: #fff; height: 35px; width: 35px;  border-radius: 4px;"><i
+                        class="fa fa-facebook"></i></a>
+
+                <a href="https://twitter.com/cybrosys" target="_blank"
+                   class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                   style="text-decoration: none; background-color:#00acee ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                        class="fa fa-twitter"></i></a>
+
+                <a href="https://www.youtube.com/channel/UCKjWLm7iCyOYINVspCSanjg"
+                   target="_blank"
+                   class="btn mb-2 mr-2 deep_hover d-flex justify-content-center align-items-center"
+                   style="text-decoration: none; background-color:#FF0000 ; color: #fff ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                        class="fa fa-play"></i></a>
+                <a href="https://medium.com/cybrosys" target="_blank"
+                   class="btn mb-2 deep_hover d-flex justify-content-center align-items-center"
+                   style="text-decoration: none; background-color:#000  ; color: #fff  ; height: 35px; width: 35px;  border-radius: 4px;"><i
+                        class="fa fa-medium"></i></a>
+            </div>
+
+        </div>
+        <!-- End of Contact Cards -->
+    </div>
+</section>
+</div>
+<!-- Footer -->
+<section class="oe_container" style="padding:2rem 3rem 1rem;">
+    <div class="row"
+         style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
+        <!-- Logo -->
+        <div class="col-lg-12 d-flex justify-content-center align-items-center"
+             style="margin-top: 4rem;">
+            <img src="https://www.cybrosys.com/images/logo.png" width="200px"
+                 height="auto"/>
+        </div>
+        <!-- End of Logo -->
+        <div class="col-lg-12" style="margin-top: 2rem;">
+            <hr
+                    style="margin-top: 3rem;background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(229,229,229,1) 33%, rgba(229,229,229,1) 58%, rgba(0,212,255,0) 100%); height: 2px; border-style: none;">
+            <!-- End of Footer Section -->
+        </div>
+    </div>
+</section>
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"
+        integrity="sha512-wV7Yj1alIZDqZFCUQJy85VN+qvEIly93fIQAN7iqDFCPEucLCeNFz4r35FCo9s6WrpdDQPi80xbljXB8Bjtvcg=="
+        crossorigin="anonymous"></script>
+</body>
+
diff --git a/invoice_format_editor/static/src/css/invoice_layout.css b/invoice_format_editor/static/src/css/invoice_layout.css
new file mode 100644
index 000000000..84139d5c3
--- /dev/null
+++ b/invoice_format_editor/static/src/css/invoice_layout.css
@@ -0,0 +1,3 @@
+body{
+    color:red;
+}
\ No newline at end of file
diff --git a/invoice_format_editor/template_view/default_template_view.xml b/invoice_format_editor/template_view/default_template_view.xml
new file mode 100644
index 000000000..7de1381cf
--- /dev/null
+++ b/invoice_format_editor/template_view/default_template_view.xml
@@ -0,0 +1,204 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+         <!--Default Template Preview-->
+        <template id="report_preview_default">
+            <t t-call="web.html_preview_container">
+                <t t-call="web.external_layout">
+                    <div class="pt-5">
+                        <div class="address row">
+                            <div name="address" class="col-md-5 ml-auto">
+                                <address>
+                                    <address class="mb-0" itemscope="itemscope"
+                                             itemtype="http://schema.org/Organization">
+                                        <div>
+                                            <span itemprop="name">Deco Addict
+                                            </span>
+                                        </div>
+                                        <div itemprop="address"
+                                             itemscope="itemscope"
+                                             itemtype="http://schema.org/PostalAddress">
+                                            <div class="d-flex align-items-baseline">
+                                                <span class="w-100 o_force_ltr"
+                                                      itemprop="streetAddress">
+                                                    77 Santa Barbara
+                                                    Rd<br/>Pleasant Hill CA
+                                                    94523<br/>United States
+                                                </span>
+                                            </div>
+                                        </div>
+                                    </address>
+                                </address>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="page">
+                        <h2>
+                            <span>Invoice</span>
+                            <span>INV/2020/07/0003</span>
+                        </h2>
+                        <div id="informations" class="row mt32 mb32">
+                            <div class="col-auto mw-100 mb-2"
+                                 name="invoice_date">
+                                <strong>Invoice Date:</strong>
+                                <p class="m-0">07/08/2020</p>
+                            </div>
+                            <div class="col-auto mw-100 mb-2" name="due_date">
+                                <strong>Due Date:</strong>
+                                <p class="m-0">08/07/2020</p>
+                            </div>
+                        </div>
+                        <table class="table table-sm o_main_table"
+                               name="invoice_line_table">
+                            <thead>
+                                <tr>
+                                    <th name="th_description" class="text-left">
+                                        <span>Product</span>
+                                    </th>
+                                    <th name="th_description" class="text-left">
+                                        <span>Description</span>
+                                    </th>
+                                    <th name="th_quantity" class="text-right">
+                                        <span>Quantity</span>
+                                    </th>
+                                    <th name="th_priceunit"
+                                        class="text-right d-none d-md-table-cell">
+                                        <span>Unit Price</span>
+                                    </th>
+                                    <th name="th_taxes"
+                                        class="text-left d-none d-md-table-cell">
+                                        <span>Taxes</span>
+                                    </th>
+                                    <th name="th_subtotal" class="text-right">
+                                        <span>Amount</span>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody class="invoice_tbody">
+                                <tr>
+                                    <td name="account_invoice_line_pro">
+                                        Three-Seat Sofa
+                                    </td>
+                                    <td name="account_invoice_line_name">
+                                        <span>[FURN_8999] Three-Seat Sofa
+                                            <br/>
+                                            Three Seater Sofa with Lounger in
+                                            Steel Grey Colour
+                                        </span>
+                                    </td>
+                                    <td class="text-right">
+                                        <span>5.000</span>
+                                    </td>
+                                    <td class="text-right d-none d-md-table-cell">
+                                        <span class="text-nowrap">1,500.00
+                                        </span>
+                                    </td>
+                                    <td class="text-left d-none d-md-table-cell">
+                                        <span id="line_tax_ids">15.00%</span>
+                                    </td>
+                                    <td class="text-right o_price_total">
+                                        <span class="text-nowrap">$
+                                            <span class="oe_currency_value">
+                                                7,500.00
+                                            </span>
+                                        </span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td name="account_invoice_line_name">
+                                        <span>Four Person Desk
+                                        </span>
+                                    </td>
+                                    <td name="account_invoice_line_name_des">
+                                        <span>[FURN_8220] Four Person Desk
+                                            <br/>
+                                            Four person modern office
+                                            workstation
+                                        </span>
+                                    </td>
+                                    <td class="text-right">
+                                        <span>5.000</span>
+                                    </td>
+                                    <td class="text-right d-none d-md-table-cell">
+                                        <span class="text-nowrap">23,500.00
+                                        </span>
+                                    </td>
+                                    <td class="text-left d-none d-md-table-cell">
+                                        <span id="line_tax_ids">15.00%</span>
+                                    </td>
+                                    <td class="text-right o_price_total">
+                                        <span class="text-nowrap">$
+                                            <span class="oe_currency_value">
+                                                117,500.00
+                                            </span>
+                                        </span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div class="clearfix">
+                            <div id="total" class="row">
+                                <div class="col-sm-7 col-md-6 ml-auto">
+                                    <table class="table table-sm"
+                                           style="page-break-inside: avoid;">
+                                        <tbody>
+                                            <tr class="border-black o_subtotal"
+                                                style="">
+                                                <td>
+                                                    <strong>Subtotal</strong>
+                                                </td>
+                                                <td class="text-right">
+                                                    <span>$
+                                                        <span class="oe_currency_value">
+                                                            125,000.00
+                                                        </span>
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                            <tr style="">
+                                                <td>
+                                                    <span class="text-nowrap">
+                                                        Tax 15%
+                                                    </span>
+                                                </td>
+                                                <td class="text-right o_price_total">
+                                                    <span class="text-nowrap">$
+                                                        18,750.00
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                            <tr class="border-black o_total">
+                                                <td>
+                                                    <strong>Total</strong>
+                                                </td>
+                                                <td class="text-right">
+                                                    <span class="text-nowrap">$
+                                                        <span class="oe_currency_value">
+                                                            143,750.00
+                                                        </span>
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                        <p>
+                            Please use the following communication for your
+                            payment :
+                            <b>
+                                <span>
+                                    INV/2020/07/0003
+                                </span>
+                            </b>
+                        </p>
+                        <p name="payment_term">
+                            <span>Payment terms: 30 Days</span>
+                        </p>
+                    </div>
+                </t>
+            </t>
+        </template>
+    </data>
+</odoo>
\ No newline at end of file
diff --git a/invoice_format_editor/template_view/modern_template_view.xml b/invoice_format_editor/template_view/modern_template_view.xml
new file mode 100644
index 000000000..f2722005b
--- /dev/null
+++ b/invoice_format_editor/template_view/modern_template_view.xml
@@ -0,0 +1,233 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <!--Modern Template Preview-->
+        <template id="report_preview_modern">
+            <t t-call="web.html_preview_container">
+                <t t-call="web.external_layout">
+                    <div class="pt-5">
+                        <div class="address row">
+                            <div name="address" class="col-md-5 ml-auto">
+                                <address>
+                                    <address class="mb-0" itemscope="itemscope"
+                                             itemtype="http://schema.org/Organization">
+                                    </address>
+                                </address>
+                            </div>
+
+                        </div>
+                    </div>
+                    <div class="page">
+                        <div t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
+                            <h2>
+                                <div t-attf-style="color:##FFFFFF">
+                                    Invoice INV/2020/07/0003
+                                </div>
+                            </h2>
+                            <div id="informations"
+                                 class="row mt32 mb32">
+                                <div class="col-auto mw-100 mb-2"
+                                     name="invoice_date"
+                                     t-attf-style="color:##FFFFFF;">
+                                    <p>Invoice Date:
+                                    </p>
+                                    <p class="m-0">07/08/2020
+                                    </p>
+                                </div>
+                                <div class="col-auto mw-100 mb-2"
+                                     name="due_date"
+                                     t-attf-style="color:##FFFFFF;">
+                                    <p>Due Date:</p>
+                                    <p class="m-0">08/07/2020
+                                    </p>
+                                </div>
+                                <div class="col-auto mw-100 mb-2"
+                                     name="sales"
+                                     t-attf-style="color:##FFFFFF;">
+                                    <p>Sales Person
+                                    </p>
+                                    <p class="m-0">Mitchell
+                                        Admin
+                                    </p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="pt-5">
+                        <div class="address row">
+                            <div name="address" class="col-md-5 ml-auto">
+                                <div itemprop="address"
+                                     itemscope="itemscope"
+                                     itemtype="http://schema.org/PostalAddress">
+                                    <div class="d-flex align-items-baseline">
+                                        <span class="w-100 o_force_ltr"
+                                              itemprop="streetAddress">
+                                            Deco Addict
+                                            <br/>
+                                            77 Santa Barbara
+                                            Rd<br/>Pleasant Hill CA
+                                            94523<br/>United States
+                                            <br/>
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="page">
+                        <br/>
+                        <br/>
+                        <table class="table table-sm o_main_table"
+                               name="invoice_line_table">
+                            <thead>
+                                <tr t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
+                                    <th name="th_description" class="text-left">
+                                        <span>Product</span>
+                                    </th>
+                                    <th name="th_description" class="text-left">
+                                        <span>Description</span>
+                                    </th>
+                                    <th name="th_quantity" class="text-right">
+                                        <span>Quantity</span>
+                                    </th>
+                                    <th name="th_priceunit"
+                                        class="text-right d-none d-md-table-cell">
+                                        <span>Unit Price</span>
+                                    </th>
+                                    <th name="th_taxes"
+                                        class="text-left d-none d-md-table-cell">
+                                        <span>Taxes</span>
+                                    </th>
+                                    <th name="th_subtotal" class="text-right">
+                                        <span>Amount</span>
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody class="invoice_tbody">
+                                <tr>
+                                    <td name="account_invoice_line_pro">
+                                        Three-Seat Sofa
+                                    </td>
+                                    <td name="account_invoice_line_name">
+                                        <span>[FURN_8999] Three-Seat Sofa
+                                            <br/>
+                                            Three Seater Sofa with Lounger in
+                                            Steel Grey Colour
+                                        </span>
+                                    </td>
+                                    <td class="text-right">
+                                        <span>5.000</span>
+                                    </td>
+                                    <td class="text-right d-none d-md-table-cell">
+                                        <span class="text-nowrap">1,500.00
+                                        </span>
+                                    </td>
+                                    <td class="text-left d-none d-md-table-cell">
+                                        <span id="line_tax_ids">15.00%</span>
+                                    </td>
+                                    <td class="text-right o_price_total">
+                                        <span class="text-nowrap">$
+                                            <span class="oe_currency_value">
+                                                7,500.00
+                                            </span>
+                                        </span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td name="account_invoice_line_name">
+                                        <span>Four Person Desk
+                                        </span>
+                                    </td>
+                                    <td name="account_invoice_line_name_des">
+                                        <span>[FURN_8220] Four Person Desk
+                                            <br/>
+                                            Four person modern office
+                                            workstation
+                                        </span>
+                                    </td>
+                                    <td class="text-right">
+                                        <span>5.000</span>
+                                    </td>
+                                    <td class="text-right d-none d-md-table-cell">
+                                        <span class="text-nowrap">23,500.00
+                                        </span>
+                                    </td>
+                                    <td class="text-left d-none d-md-table-cell">
+                                        <span id="line_tax_ids">15.00%</span>
+                                    </td>
+                                    <td class="text-right o_price_total">
+                                        <span class="text-nowrap">$
+                                            <span class="oe_currency_value">
+                                                117,500.00
+                                            </span>
+                                        </span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                        <div class="clearfix">
+                            <div id="total" class="row">
+                                <div class="col-sm-7 col-md-6 ml-auto">
+                                    <table class="table table-sm"
+                                           style="page-break-inside: avoid;">
+                                        <tbody>
+                                            <tr class="border-black o_subtotal"
+                                                style="">
+                                                <td>
+                                                    <strong>Subtotal</strong>
+                                                </td>
+                                                <td class="text-right">
+                                                    <span>$
+                                                        <span class="oe_currency_value">
+                                                            125,000.00
+                                                        </span>
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                            <tr style="">
+                                                <td>
+                                                    <span class="text-nowrap">
+                                                        Tax 15%
+                                                    </span>
+                                                </td>
+                                                <td class="text-right o_price_total">
+                                                    <span class="text-nowrap">$
+                                                        18,750.00
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                            <tr class="border-black o_total">
+                                                <td>
+                                                    <strong>Total</strong>
+                                                </td>
+                                                <td class="text-right">
+                                                    <span class="text-nowrap">$
+                                                        <span class="oe_currency_value">
+                                                            143,750.00
+                                                        </span>
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                        <p>
+                            Please use the following communication for your
+                            payment :
+                            <b>
+                                <span>
+                                    INV/2020/07/0003
+                                </span>
+                            </b>
+                        </p>
+                        <p name="payment_term">
+                            <span>Payment terms: 30 Days</span>
+                        </p>
+                    </div>
+                </t>
+            </t>
+        </template>
+    </data>
+</odoo>
\ No newline at end of file
diff --git a/invoice_format_editor/template_view/normal_template_view.xml b/invoice_format_editor/template_view/normal_template_view.xml
new file mode 100644
index 000000000..7d5a74fc0
--- /dev/null
+++ b/invoice_format_editor/template_view/normal_template_view.xml
@@ -0,0 +1,223 @@
+<odoo>
+    <data>
+        <!--Normal Template Preview-->
+        <template id="report_preview_normal">
+            <t t-call="web.html_preview_container">
+                <t t-call="web.external_layout">
+                    <div class="pt-5">
+                        <div class="pull-right">
+                            <div name="address" class="col-md-5 ml-auto">
+                                <address>
+                                    <address class="mb-0" itemscope="itemscope"
+                                             itemtype="http://schema.org/Organization">
+                                    </address>
+                                </address>
+                            </div>
+                        </div>
+                    </div>
+                    <table class="table table-borderless"
+                           style="padding-top:20px;width:100%">
+                        <tr>
+                            <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Customer Address
+                            </th>
+
+                            <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Invoice Date
+                            </th>
+                            <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Due Date
+                            </th>
+                            <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                Sales Person
+                            </th>
+                        </tr>
+                        <tr>
+                            <td>
+                                Gemini Furniture
+                                <br/>
+                                317 Fairchild Dr
+                                <br/>
+                                Fairfield
+                                <br/>
+                                United States
+                                <br/>
+                            </td>
+                            <td>
+                                <font>
+                                    <p class="m-0">07/08/2020</p>
+                                </font>
+                            </td>
+                            <td>
+                                <font>
+                                    <p class="m-0">08/08/2020</p>
+                                </font>
+                            </td>
+                            <td>
+                                <font>
+                                    <p class="m-0">Mitchell admin</p>
+                                </font>
+                            </td>
+                        </tr>
+                    </table>
+                    <div class="page" style="text-align: center">
+                        <h2>
+                            <span>Invoice</span>
+                            <span>INV/2020/07/0003</span>
+                        </h2>
+                    </div>
+                    <div style="padding-top:20px;width:100%">
+                        <div style="padding-top:20px;"/>
+                        <table class="table table">
+                            <thead>
+                                <tr>
+                                    <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                        Product
+                                    </th>
+                                    <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                        Description
+                                    </th>
+                                    <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                        Quantity
+                                    </th>
+                                    <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                        Unit Price
+                                    </th>
+                                    <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                        Taxes
+                                    </th>
+                                    <th t-attf-style=" background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};">
+                                        Price
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody class="invoice_tbody">
+                                <tr>
+                                    <td name="account_invoice_line_pro">
+                                        Three-Seat Sofa
+                                    </td>
+                                    <td name="account_invoice_line_name">
+                                        <span>[FURN_8999] Three-Seat Sofa
+                                            <br/>
+                                            Three Seater Sofa with Lounger in
+                                            Steel Grey Colour
+                                        </span>
+                                    </td>
+                                    <td class="text-right">
+                                        <span>5.000</span>
+                                    </td>
+                                    <td class="text-right d-none d-md-table-cell">
+                                        <span class="text-nowrap">1,500.00
+                                        </span>
+                                    </td>
+                                    <td class="text-left d-none d-md-table-cell">
+                                        <span id="line_tax_ids">15.00%</span>
+                                    </td>
+                                    <td class="text-right o_price_total">
+                                        <span class="text-nowrap">$
+                                            <span class="oe_currency_value">
+                                                7,500.00
+                                            </span>
+                                        </span>
+                                    </td>
+                                </tr>
+                                <tr>
+                                    <td name="account_invoice_line_name">
+                                        <span>Four Person Desk
+                                        </span>
+                                    </td>
+                                    <td name="account_invoice_line_name_des">
+                                        <span>[FURN_8220] Four Person Desk
+                                            <br/>
+                                            Four person modern office
+                                            workstation
+                                        </span>
+                                    </td>
+                                    <td class="text-right">
+                                        <span>5.000</span>
+                                    </td>
+                                    <td class="text-right d-none d-md-table-cell">
+                                        <span class="text-nowrap">23,500.00
+                                        </span>
+                                    </td>
+                                    <td class="text-left d-none d-md-table-cell">
+                                        <span id="line_tax_ids">15.00%</span>
+                                    </td>
+                                    <td class="text-right o_price_total">
+                                        <span class="text-nowrap">$
+                                            <span class="oe_currency_value">
+                                                117,500.00
+                                            </span>
+                                        </span>
+                                    </td>
+                                </tr>
+                            </tbody>
+                        </table>
+                    </div>
+                    <div>
+                        <div class="clearfix">
+                            <div id="total" class="row">
+                                <div class="col-sm-7 col-md-6 ml-auto">
+                                    <table class="table table-sm"
+                                           style="page-break-inside: avoid;">
+                                        <tbody>
+                                            <tr class="border-black o_subtotal"
+                                                style="">
+                                                <td>
+                                                    <strong>Subtotal</strong>
+                                                </td>
+                                                <td class="text-right">
+                                                    <span>$
+                                                        <span class="oe_currency_value">
+                                                            125,000.00
+                                                        </span>
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                            <tr style="">
+                                                <td>
+                                                    <span class="text-nowrap">
+                                                        Tax 15%
+                                                    </span>
+                                                </td>
+                                                <td class="text-right o_price_total">
+                                                    <span class="text-nowrap">$
+                                                        18,750.00
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                            <tr class="border-black o_total">
+                                                <td>
+                                                    <strong>Total</strong>
+                                                </td>
+                                                <td class="text-right">
+                                                    <span class="text-nowrap">$
+                                                        <span class="oe_currency_value">
+                                                            143,750.00
+                                                        </span>
+                                                    </span>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                        <p>
+                            Please use the following communication for your
+                            payment :
+                            <b>
+                                <span>
+                                    INV/2020/07/0003
+                                </span>
+                            </b>
+                        </p>
+                        <p name="payment_term">
+                            <span>Payment terms: 30 Days</span>
+                        </p>
+                    </div>
+                </t>
+            </t>
+        </template>
+    </data>
+</odoo>
diff --git a/invoice_format_editor/template_view/old_template_view.xml b/invoice_format_editor/template_view/old_template_view.xml
new file mode 100644
index 000000000..faf6688e7
--- /dev/null
+++ b/invoice_format_editor/template_view/old_template_view.xml
@@ -0,0 +1,249 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <data>
+        <!--Old Template Preview-->
+        <template id="report_preview_old">
+            <t t-call="web.html_preview_container">
+                <t t-call="web.external_layout">
+                    <div class="pt-5">
+                        <div class="address row">
+                            <div name="address" class="col-md-5 ml-auto">
+                                <address>
+                                    <address class="mb-0" itemscope="itemscope"
+                                             itemtype="http://schema.org/Organization">
+                                    </address>
+                                </address>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="new">
+                        <div class=" row mt32 mb32" t-attf-class="pull-right">
+                            <div class="col-12" style="padding-top:20px;">
+                                <div itemprop="address"
+                                     itemscope="itemscope"
+                                     itemtype="http://schema.org/PostalAddress">
+                                    <div class="d-flex align-items-baseline">
+                                        <span class="w-100 o_force_ltr"
+                                              itemprop="streetAddress">
+                                            Deco Addict
+                                            <br/>
+                                            77 Santa Barbara
+                                            Rd<br/>Pleasant Hill CA
+                                            94523<br/>United States
+                                            <br/>
+                                        </span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div t-attf-class="pull-right"
+                             t-attf-style="font:15px lucida-console,sans-serif !important;background-color:#{company.document_layout_id.base_color};color:#{company.document_layout_id.heading_text_color};padding:2%">
+                            <h2>
+                                <div t-attf-style="color:##FFFFFF">
+                                    Invoice INV/2020/07/0003
+                                </div>
+                            </h2>
+                            <div id="informations"
+                                 class="row mt32 mb32">
+                                <div class="col-auto mw-100 mb-2"
+                                     name="invoice_date"
+                                     t-attf-style="color:##FFFFFF;">
+                                    <p>Invoice Date:
+                                    </p>
+                                    <p class="m-0">07/08/2020
+                                    </p>
+                                </div>
+                                <div class="col-auto mw-100 mb-2"
+                                     name="due_date"
+                                     t-attf-style="color:##FFFFFF;">
+                                    <p>Due Date:</p>
+                                    <p class="m-0">08/07/2020
+                                    </p>
+                                </div>
+                                <div class="col-auto mw-100 mb-2"
+                                     name="sales"
+                                     t-attf-style="color:##FFFFFF;">
+                                    <p>Sales Person
+                                    </p>
+                                    <p class="m-0">Mitchell
+                                        Admin
+                                    </p>
+                                </div>
+
+                            </div>
+                        </div>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <br/>
+                        <div class="page" t-attf-style="padding-top:36px;">
+                            <table class="table table-sm o_main_table"
+                                   name="invoice_line_table">
+                                <thead>
+                                    <tr t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
+                                        <th name="th_description"
+                                            class="text-left">
+                                            <span>Product</span>
+                                        </th>
+                                        <th name="th_description"
+                                            class="text-left">
+                                            <span>Description</span>
+                                        </th>
+                                        <th name="th_quantity"
+                                            class="text-right">
+                                            <span>Quantity</span>
+                                        </th>
+                                        <th name="th_priceunit"
+                                            class="text-right d-none d-md-table-cell">
+                                            <span>Unit Price</span>
+                                        </th>
+                                        <th name="th_taxes"
+                                            class="text-left d-none d-md-table-cell">
+                                            <span>Taxes</span>
+                                        </th>
+                                        <th name="th_subtotal"
+                                            class="text-right">
+                                            <span>Amount</span>
+                                        </th>
+                                    </tr>
+                                </thead>
+                                <tbody class="invoice_tbody">
+                                    <tr>
+                                        <td name="account_invoice_line_pro">
+                                            Three-Seat Sofa
+                                        </td>
+                                        <td name="account_invoice_line_name">
+                                            <span>[FURN_8999] Three-Seat Sofa
+                                                <br/>
+                                                Three Seater Sofa with Lounger
+                                                in
+                                                Steel Grey Colour
+                                            </span>
+                                        </td>
+                                        <td class="text-right">
+                                            <span>5.000</span>
+                                        </td>
+                                        <td class="text-right d-none d-md-table-cell">
+                                            <span class="text-nowrap">1,500.00
+                                            </span>
+                                        </td>
+                                        <td class="text-left d-none d-md-table-cell">
+                                            <span id="line_tax_ids">15.00%
+                                            </span>
+                                        </td>
+                                        <td class="text-right o_price_total">
+                                            <span class="text-nowrap">$
+                                                <span class="oe_currency_value">
+                                                    7,500.00
+                                                </span>
+                                            </span>
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td name="account_invoice_line_name">
+                                            <span>Four Person Desk
+                                            </span>
+                                        </td>
+                                        <td name="account_invoice_line_des">
+                                            <span>[FURN_8220] Four Person Desk
+                                                <br/>
+                                                Four person modern office
+                                                workstation
+                                            </span>
+                                        </td>
+                                        <td class="text-right">
+                                            <span>5.000</span>
+                                        </td>
+                                        <td class="text-right d-none d-md-table-cell">
+                                            <span class="text-nowrap">23,500.00
+                                            </span>
+                                        </td>
+                                        <td class="text-left d-none d-md-table-cell">
+                                            <span id="line_tax_ids">15.00%
+                                            </span>
+                                        </td>
+                                        <td class="text-right o_price_total">
+                                            <span class="text-nowrap">$
+                                                <span class="oe_currency_value">
+                                                    117,500.00
+                                                </span>
+                                            </span>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <div class="clearfix">
+                                <div id="total" class="row">
+                                    <div class="col-sm-7 col-md-6 ml-auto">
+                                        <table class="table table-sm"
+                                               style="page-break-inside: avoid;">
+                                            <tbody>
+                                                <tr class="border-black o_subtotal"
+                                                    style="">
+                                                    <td>
+                                                        <strong>Subtotal
+                                                        </strong>
+                                                    </td>
+                                                    <td class="text-right">
+                                                        <span>$
+                                                            <span class="oe_currency_value">
+                                                                125,000.00
+                                                            </span>
+                                                        </span>
+                                                    </td>
+                                                </tr>
+                                                <tr>
+                                                    <td>
+                                                        <span class="text-nowrap">
+                                                            Tax 15%
+                                                        </span>
+                                                    </td>
+                                                    <td class="text-right o_price_total">
+                                                        <span class="text-nowrap">
+                                                            $
+                                                            18,750.00
+                                                        </span>
+                                                    </td>
+                                                </tr>
+                                                <tr class="border-black o_total"
+                                                    t-attf-style=" background-color:#{company.document_layout_id.base_color};padding:2% ;color:#{company.document_layout_id.heading_text_color};">
+                                                    <td>
+                                                        <strong>Total</strong>
+                                                    </td>
+                                                    <td class="text-right">
+                                                        <span class="text-nowrap">
+                                                            $
+                                                            <span class="oe_currency_value">
+                                                                143,750.00
+                                                            </span>
+                                                        </span>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </div>
+                                </div>
+                            </div>
+                            <p>
+                                Please use the following communication for your
+                                payment :
+                                <b>
+                                    <span>
+                                        INV/2020/07/0003
+                                    </span>
+                                </b>
+                            </p>
+                            <p name="payment_term">
+                                <span>Payment terms: 30 Days</span>
+                            </p>
+                        </div>
+                    </div>
+                </t>
+            </t>
+        </template>
+    </data>
+</odoo>
\ No newline at end of file
diff --git a/invoice_format_editor/views/custom_layouts.xml b/invoice_format_editor/views/custom_layouts.xml
new file mode 100644
index 000000000..35a4049eb
--- /dev/null
+++ b/invoice_format_editor/views/custom_layouts.xml
@@ -0,0 +1,59 @@
+<odoo>
+    <data>
+        <!--Configuration Layout View-->
+        <record id="documents_custom_tempates" model="ir.ui.view">
+            <field name="name">document.custom.layout</field>
+            <field name="model">doc.layout</field>
+            <field name="arch" type="xml">
+                <form string="Customize Document">
+                    <sheet>
+                        <div class="oe_title">
+                            <h1>
+                                <field name="name"/>
+                            </h1>
+                        </div>
+                        <group>
+                            <group>
+                                <field name="text_color" widget="color"/>
+                                <field name="heading_text_color"
+                                       widget="color"/>
+                                <field name="customer_text_color"
+                                       widget="color"/>
+                                <field name="company_text_color"
+                                       widget="color"/>
+                            </group>
+                            <group>
+                                <field name="base_color" widget="color"/>
+                                <field name="customer_position"/>
+                                <field name="company_position"/>
+                                <field name="logo_position"/>
+                            </group>
+                        </group>
+                        <notebook colspan="4">
+                            <page string="Invoice Details" name="invoice_info">
+                                <group>
+                                    <group string="View Fields">
+                                        <field name="sales_person"/>
+                                        <field name="description"/>
+                                        <field name="hsn_code"/>
+                                        <field name="tax_value"/>
+                                        <field name="reference"/>
+                                        <field name="source"/>
+                                    </group>
+                                    <group string="Customer Details"
+                                           name="customer_info">
+                                        <field name="address"/>
+                                        <field name="city"/>
+                                        <field name="country"/>
+                                    </group>
+                                </group>
+                            </page>
+                        </notebook>
+                    </sheet>
+                </form>
+            </field>
+        </record>
+    </data>
+</odoo>
+
+
diff --git a/invoice_format_editor/views/document_base_layout.xml b/invoice_format_editor/views/document_base_layout.xml
new file mode 100644
index 000000000..2d41fa019
--- /dev/null
+++ b/invoice_format_editor/views/document_base_layout.xml
@@ -0,0 +1,17 @@
+<odoo>
+    <data>
+          <!--Configuration View-->
+        <record id="base_new_layout" model="ir.ui.view">
+            <field name="name">base.layout.new</field>
+            <field name="model">base.document.layout</field>
+            <field name="inherit_id" ref="web.view_base_document_layout"/>
+            <field name="arch" type="xml">
+                <field name="paperformat_id"
+                       position="after">
+                    <field name="base_layout"/>
+                    <field name="document_layout_id"/>
+                </field>
+            </field>
+        </record>
+    </data>
+</odoo>
\ No newline at end of file