Dec 22 [ADD] Initial Commit 'mailer_cloud_connector'

mailer_cloud_connector/README.rst

@@ -0,0 +1,41 @@
+.. image:: https://img.shields.io/badge/licence-AGPL--3-blue.svg
+    :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+
+Mailer Cloud Connector
+=======================
+Odoo MailerCloud Connector
+
+Configuration
+=============
+Set up your account's api key in odoo and sync your contacts using special properties
+
+Company
+-------
+* `Cybrosys Techno Solutions <https://cybrosys.com/>`__
+
+Credits
+-------
+Developer: Ramees Jaman KT, Contact: odoo@cybrosys.com
+
+Contacts
+--------
+* Mail Contact : odoo@cybrosys.com
+* Website : https://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
+==========
+.. image:: https://cybrosys.com/images/logo.png
+   :target: https://cybrosys.com
+
+This module is maintained by Cybrosys Technologies.
+
+For support and more information, please visit `Our Website <https://cybrosys.com/>`__
+
+Further information
+===================
+HTML Description: `<static/description/index.html>`__

mailer_cloud_connector/__init__.py

@@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Ramees Jaman (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+
+from . import models

mailer_cloud_connector/__manifest__.py

@@ -0,0 +1,50 @@
+# -*- coding: utf-8 -*-
+################################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2022-TODAY Cybrosys Technologies(<https://www.cybrosys.com>).
+#    Author: Ramees Jaman (odoo@cybrosys.com)
+#
+#    You can modify it under the terms of the GNU AFFERO
+#    GENERAL PUBLIC LICENSE (AGPL 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 AFFERO GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU AFFERO GENERAL PUBLIC LICENSE
+#    (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+################################################################################
+{
+    'name': 'Mailer Cloud Connector',
+    'version': '16.0.1.0.0',
+    'category': 'Email Marketing',
+    'summary': 'Odoo Mailer Cloud Connector V16',
+    'description': 'Odoo Mailer Cloud Connector v16',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'images': ['static/description/banner.png'],
+    'website': 'https://www.cybrosys.com',
+    'depends': ['base', 'sale', 'purchase'],
+    'data': [
+        'security/ir.model.access.csv',
+        'data/property_data.xml',
+        'views/mailer_cloud_sync.xml',
+        'views/res_partner.xml',
+    ],
+    'assets': {
+        'web.assets_backend': [
+            'mailer_cloud_connector/static/src/scss/style.scss',
+            'mailer_cloud_connector/static/src/js/form_style.js'
+        ]
+    },
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}

mailer_cloud_connector/data/property_data.xml

@@ -0,0 +1,79 @@
+<odoo>
+    <data>
+        <record id="property_data_city"
+                model="mailer.cloud.properties">
+            <field name="name">city</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_country"
+                model="mailer.cloud.properties">
+            <field name="name">country</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_department"
+                model="mailer.cloud.properties">
+            <field name="name">department</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_email"
+                model="mailer.cloud.properties">
+            <field name="name">email</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_industry"
+                model="mailer.cloud.properties">
+            <field name="name">industry</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_job_title"
+                model="mailer.cloud.properties">
+            <field name="name">job_title</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_last_name"
+                model="mailer.cloud.properties">
+            <field name="name">last_name</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_lead_source"
+                model="mailer.cloud.properties">
+            <field name="name">lead_source</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_middle_name"
+                model="mailer.cloud.properties">
+            <field name="name">middle_name</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_name"
+                model="mailer.cloud.properties">
+            <field name="name">name</field>
+            <field name="type">text</field>
+        </record>
+         <record id="property_data_organization"
+                model="mailer.cloud.properties">
+            <field name="name">organization</field>
+             <field name="type">text</field>
+        </record>
+        <record id="property_data_phone"
+                model="mailer.cloud.properties">
+            <field name="name">phone</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_salary"
+                model="mailer.cloud.properties">
+            <field name="name">salary</field>
+            <field name="type">number</field>
+        </record>
+        <record id="property_data_state"
+                model="mailer.cloud.properties">
+            <field name="name">state</field>
+            <field name="type">text</field>
+        </record>
+        <record id="property_data_zip"
+                model="mailer.cloud.properties">
+            <field name="name">zip</field>
+            <field name="type">number</field>
+        </record>
+    </data>
+</odoo>

mailer_cloud_connector/doc/RELEASE_NOTES.md

@@ -0,0 +1,7 @@
+## Module <mailer_cloud_connector>
+
+#### 21.12.2022
+#### Version 16.0.1.0.0
+#### ADD
+
+- App for connecting with Mailer Cloud Connector

mailer_cloud_connector/models/__init__.py

@@ -0,0 +1,5 @@
+from . import mailer_cloud_sync
+from . import mailer_cloud_propeties
+from . import mailer_cloud_list
+from . import contcat_sync
+from . import contacts_inherit

mailer_cloud_connector/models/contacts_inherit.py

@@ -0,0 +1,125 @@
+from odoo import fields, models, api
+from odoo.exceptions import ValidationError
+import requests
+import json
+
+
+class InheritContacts(models.Model):
+    _inherit = 'res.partner'
+
+    partner_type = fields.Char(string='partner_type',
+                               compute='_compute_partner_type')
+    mailer_cloud_id = fields.Char()
+
+    def _compute_partner_type(self):
+        # computing partner type based on sale_order_count and purchase_order_count
+        for rec in self:
+            if rec.sale_order_count > 0 and rec.purchase_order_count > 0:
+                rec.partner_type = "Vendor and Customer"
+            elif rec.sale_order_count > 0:
+                rec.partner_type = "Customer"
+            elif rec.purchase_order_count > 0:
+                rec.partner_type = "Vendor"
+            else:
+                rec.partner_type = None
+
+    @api.model
+    def create(self, vals_list):
+        res = super(InheritContacts, self).create(vals_list)
+        contact_sync = self.env['mailer.cloud.api.sync'].search(
+            [('contact_sync_active', '=', True)],
+            order='contact_sync_time desc', limit=1)
+        if contact_sync:
+            try:
+                for rec in contact_sync:
+                    contact_details_dict = {}
+                    contact_details_dict.clear()
+                    for i in range(
+                            len(rec.contact_mapping_ids.mapped(
+                                'property_id.name'))):
+                        if self.env['mailer.cloud.properties'].search(
+                                [('id', '=',
+                                  rec.contact_mapping_ids.mapped(
+                                      'property_id')[
+                                      i].id)]).mailer_cloud_id != False:
+                            contact_details_dict['custom_fields'] = {
+                                rec.contact_mapping_ids.mapped(
+                                    'property_id.mailer_cloud_id')[i]:
+                                    res.read([
+                                        rec.contact_mapping_ids.mapped(
+                                            'contact_fields')[i]])[0][
+                                        rec.contact_mapping_ids.mapped(
+                                            'contact_fields')[i]] or ' '}
+                            for key, value in contact_details_dict[
+                                'custom_fields'].items():
+                                if isinstance(value, float):
+                                    contact_details_dict[
+                                        'custom_fields'].update(
+                                        {key: round(value)})
+
+                        else:
+                            contact_details_dict[
+                                rec.contact_mapping_ids.mapped(
+                                    'property_id.name')[
+                                    i]] = res.read([
+                                rec.contact_mapping_ids.mapped(
+                                    'contact_fields')[i]])[0][
+                                              rec.contact_mapping_ids.mapped(
+                                                  'contact_fields')[i]] or ' '
+                            for key, value in contact_details_dict.items():
+                                if isinstance(value, float):
+                                    contact_details_dict.update(
+                                        {key: round(value)})
+                    contact_details_dict[
+                        'list_id'] = rec.list_id.mailer_cloud_id
+                    url = "https://cloudapi.mailercloud.com/v1/contacts"
+                    payload = json.dumps(contact_details_dict)
+                    headers = {
+                        'Authorization': rec.api_key,
+                        'Content-Type': 'application/json'
+                    }
+
+                    response = requests.request("POST", url, headers=headers,
+                                                data=payload)
+                    if response.status_code in (400, 401):
+                        raise ValidationError(
+                            response.json()['errors'][0]['message'])
+            except Exception as e:
+                raise ValidationError(e)
+        return res
+
+    def write(self, vals):
+        res = super(InheritContacts, self).write(vals)
+        contact_sync = self.env['mailer.cloud.api.sync'].search(
+            [('contact_sync_active', '=', True)],
+            order='contact_sync_time desc', limit=1)
+        if contact_sync:
+            update_dict = {}
+            for key, vals in vals.items():
+                for rec in contact_sync.contact_mapping_ids:
+                    if key == rec.contact_fields and rec.property_id.mailer_cloud_id != False:
+                        update_dict['custom_fields'] = {
+                            rec.property_id.mailer_cloud_id: round(
+                                vals) if type(vals) == float else vals}
+                    elif key == rec.contact_fields:
+                        update_dict[key] = round(vals) if type(
+                            vals) == float else vals
+                    else:
+                        continue
+            if len(update_dict) > 0:
+                try:
+                    url = "https://cloudapi.mailercloud.com/v1/contacts/" + self.email
+                    payload = json.dumps(update_dict)
+                    headers = {
+                        'Authorization': contact_sync.api_key,
+                        'Content-Type': 'application/json'
+                    }
+
+                    response = requests.request("PUT", url, headers=headers,
+                                                data=payload)
+
+                except Exception as e:
+                    raise ValidationError(e)
+            else:
+                pass
+        return res

mailer_cloud_connector/models/contcat_sync.py

@@ -0,0 +1,18 @@
+from odoo import fields, models
+
+
+class ContactContactSync(models.Model):
+    _name = 'contact.sync'
+
+    property_id = fields.Many2one('mailer.cloud.properties', required=True,
+                                  string='Mailer Cloud Properties')
+    contact_fields = fields.Selection(
+        selection=lambda self: self.dynamic_selection(), required=True,
+        string='Odoo fields')
+    sync_id = fields.Many2one('mailer.cloud.api.sync')
+
+    def dynamic_selection(self):
+        select = []
+        for key in self.env['res.partner'].fields_get().keys():
+            select.append((key, key.capitalize()))
+        return select

mailer_cloud_connector/models/mailer_cloud_list.py

@@ -0,0 +1,9 @@
+from odoo import fields, models
+
+
+class MailerCloudList(models.Model):
+    _name = 'mailer.cloud.list'
+
+    mailer_cloud_id = fields.Char()
+    name = fields.Char(string='Name')
+    authorization_id = fields.Many2one('mailer.cloud.api.sync')

mailer_cloud_connector/models/mailer_cloud_propeties.py

@@ -0,0 +1,40 @@
+from odoo import fields, models, api
+import json
+import requests
+
+
+class MailerCloudList(models.Model):
+    _name = 'mailer.cloud.properties'
+
+    mailer_cloud_id = fields.Char()
+    name = fields.Char(string='Property Name', required=True)
+    type = fields.Selection([
+        ('text', 'Text'),
+        ('number', 'Number'),
+        ('date', 'Date'),
+        ('textarea', 'Textarea')], string='Type', required=True)
+    authorization_id = fields.Many2one('mailer.cloud.api.sync',
+                                       ondelete='cascade')
+
+    @api.model
+    def create(self, vals_list):
+        res = super(MailerCloudList, self).create(vals_list)
+        try:
+            url = "https://cloudapi.mailercloud.com/v1/contact/property"
+
+            payload = json.dumps({
+                "name": res.name,
+                "type": res.type
+            })
+            headers = {
+                'Authorization': res.authorization_id.api_key,
+                'Content-Type': 'application/json'
+            }
+            response = requests.request("POST", url, headers=headers,
+                                        data=payload)
+            res.write({
+                'mailer_cloud_id': response.json()['id']
+            })
+        except Exception as e:
+            pass
+        return res

mailer_cloud_connector/models/mailer_cloud_sync.py

@@ -0,0 +1,212 @@
+from odoo import models, fields
+import requests
+import json
+from odoo.exceptions import ValidationError
+
+
+class MailerCloudApiSync(models.Model):
+    _name = 'mailer.cloud.api.sync'
+
+    api_key = fields.Char(string='Api Key', required=True)
+    active = fields.Boolean(string='Check')
+    email = fields.Char(string='Email')
+    name = fields.Char(string="Name")
+    plan = fields.Char(string='Plan')
+    remaining_contacts = fields.Integer(string='Remaining Contacts')
+    total_contacts = fields.Integer(string='Total Contacts')
+    used_contacts = fields.Integer(string='Used Contacts')
+    list_id = fields.Many2one('mailer.cloud.list', string='List')
+    contact_mapping_ids = fields.One2many('contact.sync', 'sync_id')
+    contact_sync_active = fields.Boolean()
+    contact_sync_time = fields.Datetime()
+
+    def action_sync(self):
+        # test connection api
+        self.write({'contact_mapping_ids': [(5, 0, 0)]})
+        try:
+            url = "https://cloudapi.mailercloud.com/v1/client/plan"
+
+            payload = ""
+            headers = {
+                'Authorization': self.api_key,
+                'Content-Type': 'application/json'
+            }
+
+            response = requests.request("GET", url, headers=headers,
+                                        data=payload)
+            if response.status_code == 200:
+                self.write({
+                    'email': response.json()['data']['email'],
+                    'name': response.json()['data']['name'],
+                    'plan': response.json()['data']['plan'],
+                    'remaining_contacts': response.json()['data'][
+                        'remaining_contacts'],
+                    'total_contacts': response.json()['data'][
+                        'total_contacts'],
+                    'used_contacts': response.json()['data']['used_contacts'],
+                    'active': True,
+                    'contact_mapping_ids':
+                        [(0, 0, {'property_id': self.env.ref(
+                            'mailer_cloud_connector.property_data_name').id,
+                                 'contact_fields': 'name'}),
+                         (0, 0, {'property_id': self.env.ref(
+                             'mailer_cloud_connector.property_data_email').id,
+                                 'contact_fields': 'email'})]
+                })
+                self.get_list(self.id)
+                self.get_properties()
+            else:
+                raise ValidationError(response.json()['errors'][0]['message'])
+        except Exception as e:
+            raise ValidationError(e)
+
+    def get_list(self, user):
+        # getting list of particular api
+        self.env['mailer.cloud.list'].search([]).unlink()
+        try:
+            url = "https://cloudapi.mailercloud.com/v1/lists/search"
+
+            payload = json.dumps({
+                "limit": 100,
+                "list_type": 1,
+                "page": 1,
+                "search_name": "",
+                "sort_field": "name",
+                "sort_order": "asc"
+            })
+            headers = {
+                'Authorization': self.api_key,
+                'Content-Type': 'application/json'
+            }
+
+            response = requests.request("POST", url, headers=headers,
+                                        data=payload)
+            if response.status_code == 200:
+                for rec in response.json()['data']:
+                    self.env['mailer.cloud.list'].create({
+                        'name': rec['name'],
+                        'mailer_cloud_id': rec['id'],
+                        'authorization_id': user,
+                    })
+            elif response.status_code == 400:
+                raise ValidationError(response.json()['error']['message'])
+            elif response.status_code == 401:
+                raise ValidationError(response.json()['errors'][0]['message'])
+        except Exception as e:
+            raise ValidationError(e)
+
+    def get_properties(self):
+        # getting properties of particular api
+        try:
+            url = "https://cloudapi.mailercloud.com/v1/contact/property/search"
+
+            payload = json.dumps({
+                "limit": 100,
+                "page": 1,
+                "search": ""
+            })
+            headers = {
+                'Authorization': self.api_key,
+                'Content-Type': 'application/json'
+            }
+
+            response = requests.request("POST", url, headers=headers,
+                                        data=payload)
+            if response.status_code == 200:
+                for record in response.json()['data']:
+                    if record['field_value'] not in self.env[
+                        'mailer.cloud.properties'].search(
+                        [('authorization_id', '=', False)]).mapped('name'):
+                        if record['field_type'] == 'Text':
+                            type_name = 'text'
+                        elif record['field_type'] == 'Number':
+                            type_name = 'number'
+                        elif record['field_type'] == 'Date':
+                            type_name = 'date'
+                        elif record['field_type'] == 'Textarea':
+                            type_name = 'textarea'
+                        self.env.cr.execute("""INSERT INTO mailer_cloud_properties(mailer_cloud_id,name,type,authorization_id)
+                                                                                        VALUES('%s','%s','%s',%s)""" % (
+                            record['id'], record['field_value'], type_name,
+                            self.id))
+            elif response.status_code == 400:
+                raise ValidationError(response.json()['error']['message'])
+            elif response.status_code == 401:
+                raise ValidationError(response.json()['errors'][0]['message'])
+        except Exception as e:
+            raise ValidationError(e)
+
+    def action_contact_sync(self):
+        # for syncing contacts
+        if self.list_id:
+            try:
+                contact_details = []
+                contact_details.clear()
+                res = self.env['res.partner'].search([], limit=50)
+                for j in res:
+                    contact_details_dict = {}
+                    contact_details_dict.clear()
+                    for i in range(
+                            len(self.contact_mapping_ids.mapped(
+                                'property_id.name'))):
+                        if self.env['mailer.cloud.properties'].search(
+                                [('id', '=',
+                                  self.contact_mapping_ids.mapped(
+                                      'property_id')[
+                                      i].id)]).mailer_cloud_id != False:
+                            contact_details_dict['custom_fields'] = {
+                                self.contact_mapping_ids.mapped(
+                                    'property_id.mailer_cloud_id')[i]:
+                                    self.env['res.partner'].search_read(
+                                        [('id', '=', j.id)], [
+                                            self.contact_mapping_ids.mapped(
+                                                'contact_fields')[i]])[0][
+                                        self.contact_mapping_ids.mapped(
+                                            'contact_fields')[i]] or ' '}
+                            for key, value in contact_details_dict[
+                                'custom_fields'].items():
+                                if isinstance(value, float):
+                                    contact_details_dict[
+                                        'custom_fields'].update(
+                                        {key: round(value)})
+
+                        else:
+                            contact_details_dict[
+                                self.contact_mapping_ids.mapped(
+                                    'property_id.name')[
+                                    i]] = self.env['res.partner'].search_read(
+                                [('id', '=', j.id)], [
+                                    self.contact_mapping_ids.mapped(
+                                        'contact_fields')[i]])[0][
+                                              self.contact_mapping_ids.mapped(
+                                                  'contact_fields')[i]] or ' '
+                            for key, value in contact_details_dict.items():
+                                if isinstance(value, float):
+                                    contact_details_dict.update(
+                                        {key: round(value)})
+                    contact_details.append(contact_details_dict)
+                url = "https://cloudapi.mailercloud.com/v1/contacts/batch"
+                payload = json.dumps({
+                    "contacts": contact_details,
+                    "list_id": self.list_id.mailer_cloud_id
+                })
+                headers = {
+                    'Authorization': self.api_key,
+                    'Content-Type': 'application/json'
+                }
+                response = requests.request("POST", url, headers=headers,
+                                            data=payload)
+                if response.status_code == 200:
+                    self.write({
+                        'contact_sync_active': True,
+                        'contact_sync_time': fields.Datetime.now()
+                    })
+                elif response.status_code == 400:
+                    raise ValidationError(response.json()['errors']['message'])
+                elif response.status_code == 401:
+                    raise ValidationError(
+                        response.json()['errors'][0]['message'])
+            except Exception as e:
+                raise ValidationError(e)
+        else:
+            raise ValidationError("Please Choose a List")

mailer_cloud_connector/security/ir.model.access.csv

@@ -0,0 +1,5 @@
+id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
+mailer_cloud_connector.access_mailer_cloud_api_sync,access_mailer_cloud_api_sync,mailer_cloud_connector.model_mailer_cloud_api_sync,base.group_user,1,1,1,1
+mailer_cloud_connector.access_mailer_cloud_list,access_mailer_cloud_list,mailer_cloud_connector.model_mailer_cloud_list,base.group_user,1,1,1,1
+mailer_cloud_connector.access_mailer_cloud_properties,access_mailer_cloud_properties,mailer_cloud_connector.model_mailer_cloud_properties,base.group_user,1,1,1,1
+mailer_cloud_connector.access_contact_sync,access_contact_sync,mailer_cloud_connector.model_contact_sync,base.group_user,1,1,1,1

mailer_cloud_connector/static/description/index.html

@@ -0,0 +1,645 @@
+<div style="background-color: #714B67; height: 810px; width: 100%; padding: 15px; position: relative;">
+    <!-- TITLE BAR -->
+    <div class="d-flex align-items-center justify-content-between"
+         style="border-bottom: 1px solid #875A7B; padding: 15px; display: flex; justify-content: space-between; align-items: center;">
+        <img src="assets/misc/cybrosys-logo.png" width="42" height="42"
+             style="width: 42px; height: 42px;"/>
+        <div>
+            <div
+                    style="color: #7C7BAD; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Community
+            </div>
+            <div
+                    style="color: #875A7B; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Enterprise
+            </div>
+            <div
+                    style="color: #017E84; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: bold; background-color: white; display: inline-block; padding: 3px 10px; border-radius: 50px;"
+                    class="mr-2">
+                <i class="fa fa-check mr-1"></i>Odoo.sh
+            </div>
+        </div>
+    </div>
+    <!-- END OF TITLE BAR -->
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-12 col-lg-12">
+                <!-- APP HERO -->
+                <h1 style="color: #FFFFFF; font-weight: bolder; font-size: 50px; text-align: center; margin-top: 50px;">
+                    Mailer Cloud Connector</h1>
+                <p style="color:#FFFFFF; padding: 8px 15px; text-align: center; font-size: 24px;">
+                   Odoo Mailer Cloud Connector V16</p>
+                <!-- END OF APP HERO -->
+                <img src="assets/screenshots/hero.gif" class="img-responsive"
+                     style="width: 100%; margin-left: auto; margin-right: auto;"/>
+            </div>
+        </div>
+    </div>
+
+
+</div>
+
+<!-- NAVIGATION SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px; margin-top: 300px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/compass.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Explore This
+        Module</h2>
+</div>
+<div class="row my-4" style="font-family: 'Montserrat', sans-serif;">
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#overview">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Overview</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">Learn
+            more about this
+            module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#features">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Features</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+            features of this
+            module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+    <div class="col-sm-12 col-md-6 my-3">
+        <a href="#screenshots">
+            <div class="d-flex justify-content-between align-items-center"
+                 style="background-color: #f5f5f5; padding: 30px; width: 100%;">
+                <div>
+                    <span style="color: #714B67; font-size: 24px; font-weight: 500; display: block;">Screenshots</span>
+                    <span style="color: #714B67; font-size: 16px; font-weight: 400; color:#282F33;  display: block;">View
+            screenshots for this
+            module</span>
+                </div>
+                <img src="assets/misc/right-arrow.png" width="36" height="36"/>
+            </div>
+        </a>
+    </div>
+</div>
+<!-- END OF NAVIGATION SECTION -->
+
+<!-- OVERVIEW SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="overview">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pie-chart.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Overview
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 py-4">
+        The Mailer Cloud Connector module helps to connect the all Odoo contact
+        with Mailer Cloud.You can create Mailer Cloud properties from Odoo.
+        After contact syncing contact create and update action of Odoo will be
+        connected
+        with Mailer Cloud.
+    </div>
+</div>
+<!-- END OF OVERVIEW SECTION -->
+
+<!-- FEATURES SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="features">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/features.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Features
+    </h2>
+</div>
+<div class="row"
+     style="font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 14px; line-height: 200%;">
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-start"
+             style="margin-top: 40px; margin-bottom: 40px">
+            <img src="/assets/misc/check-box.png" class="mr-2"/>
+            <div>
+                <span
+                        style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Connect Multiple Apis</span>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 12px;">You can sync Odoo contacts with multiple apis</span>
+            </div>
+        </div>
+    </div>
+    <div class="col-sm-12 col-md-6">
+        <div class="d-flex align-items-start"
+             style="margin-top: 30px; margin-bottom: 30px">
+            <img src="/assets/misc/check-box.png" class="mr-2"/>
+            <div>
+                <span
+                        style="display: block; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">Connect Contact create and update action with Mailer Cloud.</span>
+                <span style="display: block; font-family: 'Montserrat', sans-serif; font-size: 14px;">After Connecting with Odoo the contact creation and update of Odoo action automatically connected with Mailer Cloud</span>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- END OF FEATURES SECTION -->
+
+<!-- SCREENSHOTS SECTION -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;"
+     id="screenshots">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/pictures.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Screenshots
+    </h2>
+</div>
+<div class="row">
+    <div class="col-sm-12">
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Test Connection</h3>
+            <img src="assets/screenshots/Screenshot1.png"
+                 class="img-thumbnail">
+        </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Mailer Cloud Property creation area</h3>
+            <img src="assets/screenshots/Screenshot2.png"
+                 class="img-thumbnail">
+        </div>
+        <div style="display: block; margin: 30px auto;">
+            <h3 style="font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: bold;">
+                Connecting Odoo contacts with Mailer Cloud</h3>
+            <img src="assets/screenshots/Screenshot3.png"
+                 class="img-thumbnail">
+        </div>
+    </div>
+</div>
+<!-- END OF SCREENSHOTS SECTION -->
+
+<!-- RELATED PRODUCTS -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/categories.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Related
+        Products
+    </h2>
+</div>
+<div class="row">
+    <div class="col-lg-12 d-flex flex-column justify-content-center"
+         style="text-align: center; padding: 2.5rem 1rem !important;">
+        <h2 style="color: #212529 !important;">Suggested Products</h2>
+        <hr
+                style="border: 3px solid #714B67 !important; background-color: #714B67 !important; width: 80px !important; margin-bottom: 2rem !important;"/>
+
+        <div id="demo1" class="row carousel slide" data-ride="carousel">
+            <!-- The slideshow -->
+            <div class="carousel-inner">
+                <div class="carousel-item active" style="min-height:0px">
+                    <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="./assets/modules/export_image.png">
+                            </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/dashboard_pos/"
+                           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="./assets/modules/pos_image.png">
+                            </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/product_approval_management/"
+                           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="./assets/modules/approval_image.png">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+                <div class="carousel-item" style="min-height:0px">
+                    <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_account_budget/"
+                           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="./assets/modules/budget_image.png">
+                            </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/shopify_odoo_connector/"
+                           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="./assets/modules/shopify_image.png">
+                            </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/odoo11_magento2/"
+                           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="./assets/modules/magento_image.png">
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <!-- Left and right controls -->
+            <a class="carousel-control-prev" href="#demo1"
+               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="#demo1"
+                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>
+        </div>
+    </div>
+</div>
+<!-- END OF RELATED PRODUCTS -->
+
+<!-- OUR SERVICES -->
+
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/star.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Our Services
+    </h2>
+</div>
+
+<div class="container my-5">
+    <div class="row">
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/cogs.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Customization</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/wrench.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/lifebuoy.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Support</h6>
+        </div>
+
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/user.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Hire
+                Odoo
+                Developer</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #54a0ff  !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/puzzle.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Integration</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/update.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Migration</h6>
+        </div>
+
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/consultation.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Consultancy</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/training.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Implementation</h6>
+        </div>
+
+        <div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
+            <div class="d-flex justify-content-center align-items-center mx-3 my-3"
+                 style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
+                <img src="assets/icons/license.png" class="img-responsive"
+                     height="48px" width="48px">
+            </div>
+            <h6 class="text-center"
+                style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
+                Odoo
+                Licensing Consultancy</h6>
+        </div>
+    </div>
+
+</div>
+
+<!-- END OF END OF OUR SERVICES -->
+
+<!-- OUR INDUSTRIES -->
+
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/corporate.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Our
+        Industries
+    </h2>
+</div>
+
+<div class="container my-5">
+    <div class="row">
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/trading-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Trading
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Easily procure
+                    and
+                    sell your products</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/pos-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    POS
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Easy
+                    configuration
+                    and convivial experience</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/education-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Education
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    A platform for
+                    educational management</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/manufacturing-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Manufacturing
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Plan, track and
+                    schedule your operations</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/ecom-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    E-commerce &amp; Website
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Mobile
+                    friendly,
+                    awe-inspiring product pages</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/service-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Service Management
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Keep track of
+                    services and invoice</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/restaurant-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Restaurant
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    Run your bar or
+                    restaurant methodically</p>
+            </div>
+        </div>
+
+        <div class="col-lg-3">
+            <div class="my-4 d-flex flex-column justify-content-center"
+                 style="background-color: #f6f8f9 !important; border-radius: 0px; padding: 2rem !important; height: 250px !important;">
+                <img src="assets/icons/hotel-black.png"
+                     class="img-responsive mb-3" height="48px" width="48px">
+                <h5 style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
+                    Hotel Management
+                </h5>
+                <p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
+                    An
+                    all-inclusive
+                    hotel management application</p>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- END OF END OF OUR INDUSTRIES -->
+
+<!-- SUPPORT -->
+<div class="d-flex align-items-center"
+     style="border-bottom: 2px solid #714B67; padding: 15px 0px;">
+    <div class="d-flex justify-content-center align-items-center mr-2"
+         style="background-color: #F5F5F5; border-radius: 0px; width: 40px; height: 40px;">
+        <img src="assets/misc/customer-support.png"/>
+    </div>
+    <h2 class="mt-2"
+        style="font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: bold;">
+        Support
+    </h2>
+</div>
+<div class="container mt-5">
+    <div class="row">
+        <div class="col-sm-12 col-md-6">
+            <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                <div class="mr-4 d-flex justify-content-center align-items-center"
+                     style="background-color: #714B67; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                    <img src="assets/misc/support.png" height="48" width="48"
+                         style="width: 42px; height: 42px;"/>
+                </div>
+                <div>
+                    <h4>Need Help?</h4>
+                    <p style="line-height: 100%;">Got questions or need help?
+                        Get in touch.</p>
+                    <a href="mailto:odoo@cybrosys.com">
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                            odoo@cybrosys.com</p>
+                    </a>
+                </div>
+            </div>
+        </div>
+        <div class="col-sm-12 col-md-6">
+            <div style="background-color: #F6F8F9; padding: 30px; display: flex; align-items: center;">
+                <div class="mr-4 d-flex justify-content-center align-items-center"
+                     style="background-color: #2AC44D; display: inline-block; height: 70px; width: 70px; display: flex; align-items: center; justify-content: center;">
+                    <img src="assets/misc/whatsapp.png" height="52" width="52"
+                         style="width: 52px; height: 52px;"/>
+                </div>
+                <div>
+                    <h4>WhatsApp</h4>
+                    <p style="line-height: 100%;">Say hi to us on WhatsApp!</p>
+                    <a href="https://api.whatsapp.com/send?phone=918606827707">
+                        <p style="font-weight: 400; font-size: 28px; line-height: 80%; color: #714B67;">
+                            +91 86068
+                            27707</p>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-sm-12 my-5 d-flex justify-content-center align-items-center">
+            <img src="assets/misc/logo.png" width="144" height="31"
+                 style="width:144px; height: 31px; margin-top: 40px;"/>
+        </div>
+    </div>
+</div>
+<!-- END OF SUPPORT -->

mailer_cloud_connector/static/src/scss/style.scss

@@ -0,0 +1,3 @@
+.o_form_view.o_xxl_form_view .mailer_cloud .o_form_sheet_bg > .o_form_sheet {
+  width: 60% !important;
+}

mailer_cloud_connector/views/mailer_cloud_sync.xml

@@ -0,0 +1,96 @@
+<odoo>
+    <record id="mailer_cloud_api_sync_form_view" model="ir.ui.view">
+        <field name="name">mailer.cloud.api.sync.form.view</field>
+        <field name="model">mailer.cloud.api.sync</field>
+        <field name="arch" type="xml">
+            <form class="mailer_cloud">
+                <header>
+                    <button name="action_sync" string="Test Connection"
+                            type="object" class="oe_highlight"
+                            attrs="{'invisible': [('active', '!=', False)]}"/>
+                </header>
+                <sheet>
+                    <group>
+                        <field name="api_key" style="max-width:50%;"
+                               attrs="{'readonly': [('active', '!=', False)]}"
+                               password="True"/>
+                        <field name="active" invisible="1"/>
+                    </group>
+                    <br/>
+                    <group name="account_details" string="Account Details"
+                           attrs="{'invisible': [('active', '=', False)]}">
+                        <group>
+                            <group class="details1">
+                                <field name="email" readonly="1"/>
+                                <field name="total_contacts" readonly="1"/>
+                            </group>
+                            <group class="details2">
+                                <field name="used_contacts" readonly="1"/>
+                                <field name="remaining_contacts" readonly="1"/>
+                            </group>
+                        </group>
+                    </group>
+                    <notebook>
+                        <page string="Contact Sync"
+                              attrs="{'invisible': [('active', '=', False)]}">
+                            <label for="list_id"/>
+                            <field name="list_id"
+                                   domain="[('authorization_id','=',active_id)]"/>
+                            <field name="contact_mapping_ids">
+                                <tree editable="bottom">
+                                    <field name="property_id"
+                                           context="{'default_authorization_id': parent.id}"
+                                           domain="['|', ('authorization_id','=',False), ('authorization_id','=',parent.id)]"/>
+                                    <field name="contact_fields"/>
+                                </tree>
+                            </field>
+                            <button name="action_contact_sync"
+                                    class="oe_highlight"
+                                    string="Sync Contacts" type="object"
+                                    attr="{'invisible': [('contact_sync_active', '!=', False)]}"/>
+                        </page>
+                    </notebook>
+                </sheet>
+            </form>
+        </field>
+    </record>
+    <record id="mailer_cloud_api_sync_tree_view" model="ir.ui.view">
+        <field name="name">mailer.cloud.api.sync.tree.view</field>
+        <field name="model">mailer.cloud.api.sync</field>
+        <field name="arch" type="xml">
+            <tree>
+                <field name="email"/>
+                <field name="used_contacts"/>
+                <field name="remaining_contacts"/>
+                <field name="total_contacts"/>
+            </tree>
+        </field>
+    </record>
+    <record id="mailer_cloud_api_key_sync_action"
+            model="ir.actions.act_window">
+        <field name="name">Mailer Cloud Sync</field>
+        <field name="res_model">mailer.cloud.api.sync</field>
+        <field name="view_mode">tree,form</field>
+    </record>
+    <menuitem id="main_mailer_cloud_menu"
+              name="Mailer Cloud Connector"
+    />
+    <menuitem id="mailer_cloud_api_sync_menu"
+              name="Configuration"
+              parent="main_mailer_cloud_menu"
+              action="mailer_cloud_api_key_sync_action"
+              sequence="1"
+    />
+    <record id="mailer_cloud_property_form_view" model="ir.ui.view">
+        <field name="name">mailer.cloud.property.form.view</field>
+        <field name="model">mailer.cloud.properties</field>
+        <field name="arch" type="xml">
+            <form>
+                <group>
+                    <field name="name"/>
+                    <field name="type"/>
+                </group>
+            </form>
+        </field>
+    </record>
+</odoo>

mailer_cloud_connector/views/res_partner.xml

@@ -0,0 +1,13 @@
+<odoo>
+    <record id="mailer_cloud_res_partner" model="ir.ui.view">
+        <field name="name">mailer.cloud.res.partner</field>
+        <field name="model">res.partner</field>
+        <field name="inherit_id" ref="base.view_partner_form"/>
+        <field name="arch" type="xml">
+            <xpath expr="//field[@name='email']" position="after">
+                <field name="supplier_rank" invisible="1"/>
+                <field name="customer_rank" invisible="1"/>
+            </xpath>
+        </field>
+    </record>
+</odoo>