May 8 : [ADD] Initial Commit 'product_image_suggestion'

2 years ago · bd71785af8
27 changed files with 872 additions and 0 deletions
--- a/product_image_suggestion/README.rst
+++ b/product_image_suggestion/README.rst
@ -0,0 +1,60 @@
+.. 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
+
+========================
+Product Image Suggestion
+========================
+
+This module shortlists you with the most relevant product images on Bing Images that you are precisely looking for.
+
+Installation
+============
+
+- www.odoo.com/documentation/14.0/setup/install.html
+- Install our custom addon
+
+
+Configuration
+=============
+
+* Before going to install, make sure "PIL" and "python-resize-image" python packages are installed on your server
+* Linux commands to install packages - ('pip install pillow', 'pip install python-resize-image')
+* After installing the module, go to product form. Search product image from page "Image suggestion".
+* Use image number limit for searching.
+
+
+Features
+========
+
+* A seamless and accurate search of product images from Bing.
+* Prioritizing the image suggestions via setting the desired search limit.
+* Easy image editing; Can automatically resize the image to 1024x1204 px
+
+
+License
+=======
+GNU LESSER GENERAL PUBLIC LICENSE, Version 3 (AGPLv3)
+(http://www.gnu.org/licenses/agpl.html)
+
+Bug Tracker
+===========
+Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported.
+
+Credits
+=======
+* Cybrosys Techno Solutions<https://www.cybrosys.com>
+
+Author
+------
+
+Developer: RAHUL C K @ cybrosys, odoo@cybrosys.com
+
+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 https://www.cybrosys.com.
--- a/product_image_suggestion/init.py
+++ b/product_image_suggestion/init.py
@ -0,0 +1,20 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<http://www.cybrosys.com>).
+#    Author: Rahul CK(<https://www.cybrosys.com>)
+#    you can modify it under the terms of the GNU LESSER
+#    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 LESSER GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    GENERAL PUBLIC LICENSE (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from . import models
--- a/product_image_suggestion/manifest.py
+++ b/product_image_suggestion/manifest.py
@ -0,0 +1,44 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<http://www.cybrosys.com>).
+#    Author: Rahul CK(<https://www.cybrosys.com>)
+#    you can modify it under the terms of the GNU LESSER
+#    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 LESSER GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    GENERAL PUBLIC LICENSE (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+{
+    'name': 'Product Image Suggestion',
+    'version': '14.0.1.0.0',
+    'summary': 'Suggest product images from bing search',
+    'description': """
+        Product images can be searched from the product form using bing image downloader and it can be set as the 
+        product display image. 
+    """,
+    'category': 'Extra Tools',
+    'author': 'Cybrosys Techno Solutions',
+    'company': 'Cybrosys Techno Solutions',
+    'maintainer': 'Cybrosys Techno Solutions',
+    'depends': ['base', 'product'],
+    'external_dependencies': {'python': ['PIL','resizeimage']},
+    'website': 'https://www.cybrosys.com',
+    'data': [
+        'security/ir.model.access.csv',
+        'views/product_template_views.xml',
+    ],
+    'images': ['static/description/banner.png'],
+    'license': 'AGPL-3',
+    'installable': True,
+    'auto_install': False,
+    'application': False,
+}
--- a/product_image_suggestion/doc/RELEASE_NOTES.md
+++ b/product_image_suggestion/doc/RELEASE_NOTES.md
@ -0,0 +1,7 @@
+## Module <product_image_suggestion>
+
+#### 09.03.2023
+#### Version 14.0.1.0.0
+#### ADD
+
+- Initial commit for Product Image Suggestion
--- a/product_image_suggestion/models/init.py
+++ b/product_image_suggestion/models/init.py
@ -0,0 +1,23 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<http://www.cybrosys.com>).
+#    Author: Rahul CK(<https://www.cybrosys.com>)
+#    you can modify it under the terms of the GNU LESSER
+#    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 LESSER GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    GENERAL PUBLIC LICENSE (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from . import bing
+from . import downloader
+from . import product_image_suggestion
+from . import product_template
--- a/product_image_suggestion/models/bing.py
+++ b/product_image_suggestion/models/bing.py
@ -0,0 +1,118 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<http://www.cybrosys.com>).
+#    Author: Rahul CK(<https://www.cybrosys.com>)
+#    you can modify it under the terms of the GNU LESSER
+#    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 LESSER GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    GENERAL PUBLIC LICENSE (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+import urllib.request
+import urllib
+import imghdr
+import posixpath
+import re
+
+
+class Bing:
+    def __init__(self, query, limit, output_dir, adult, timeout, filter='',
+                 verbose=True):
+        self.download_count = 0
+        self.query = query
+        self.output_dir = output_dir
+        self.adult = adult
+        self.filter = filter
+        self.verbose = verbose
+        self.seen = set()
+
+        assert type(limit) == int, "limit must be integer"
+        self.limit = limit
+        assert type(timeout) == int, "timeout must be integer"
+        self.timeout = timeout
+
+        self.page_counter = 0
+        self.headers = {'User-Agent': 'Mozilla/5.0 (X11; Linux x86_64) '
+                                      'AppleWebKit/537.11 (KHTML, like Gecko) '
+                                      'Chrome/23.0.1271.64 Safari/537.11',
+                        'Accept': 'text/html,application/xhtml+xml,'
+                                  'application/xml;q=0.9,*/*;q=0.8',
+                        'Accept-Charset': 'ISO-8859-1,utf-8;q=0.7,*;q=0.3',
+                        'Accept-Encoding': 'none',
+                        'Accept-Language': 'en-US,en;q=0.8',
+                        'Connection': 'keep-alive'}
+
+    def get_filter(self, shorthand):
+        if shorthand == "line" or shorthand == "linedrawing":
+            return "+filterui:photo-linedrawing"
+        elif shorthand == "photo":
+            return "+filterui:photo-photo"
+        elif shorthand == "clipart":
+            return "+filterui:photo-clipart"
+        elif shorthand == "gif" or shorthand == "animatedgif":
+            return "+filterui:photo-animatedgif"
+        elif shorthand == "transparent":
+            return "+filterui:photo-transparent"
+        else:
+            return ""
+
+    def save_image(self, link, file_path):
+        request = urllib.request.Request(link, None, self.headers)
+        image = urllib.request.urlopen(request, timeout=self.timeout).read()
+        if not imghdr.what(None, image):
+            raise ValueError('Invalid image, not saving {}\n'.format(link))
+        with open(str(file_path), 'wb') as f:
+            f.write(image)
+
+    def download_image(self, link):
+        self.download_count += 1
+        try:
+            path = urllib.parse.urlsplit(link).path
+            filename = posixpath.basename(path).split('?')[0]
+            file_type = filename.split(".")[-1]
+            if file_type.lower() not in ["jpe", "jpeg", "jfif", "exif", "tiff",
+                                         "gif", "bmp", "png", "webp", "jpg"]:
+                file_type = "jpg"
+
+            self.save_image(link, self.output_dir.joinpath("Image_{}.{}".format(
+                str(self.download_count), file_type)))
+            if self.verbose:
+                return link
+
+        except Exception as e:
+            self.download_count -= 1
+            self.seen.remove(link)
+
+    def run(self):
+        while self.download_count < self.limit:
+            request_url = 'https://www.bing.com/images/async?q=' \
+                          + urllib.parse.quote_plus(self.query) \
+                          + '&first=' + str(self.page_counter) + '&count=' \
+                          + str(self.limit) \
+                          + '&adlt=' + self.adult + '&qft=' + (
+                              '' if self.filter is None else self.get_filter
+                              (self.filter))
+            request = urllib.request.Request(request_url, None,
+                                             headers=self.headers)
+            response = urllib.request.urlopen(request)
+            html = response.read().decode('utf8')
+            if html == "":
+                break
+            links = re.findall('murl&quot;:&quot;(.*?)&quot;', html)
+
+            for link in links:
+                if self.download_count < self.limit and link not in self.seen:
+                    self.seen.add(link)
+                    self.download_image(link)
+
+            self.page_counter += 1
+        return self.seen
--- a/product_image_suggestion/models/downloader.py
+++ b/product_image_suggestion/models/downloader.py
@ -0,0 +1,55 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<http://www.cybrosys.com>).
+#    Author: Rahul CK(<https://www.cybrosys.com>)
+#    you can modify it under the terms of the GNU LESSER
+#    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 LESSER GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    GENERAL PUBLIC LICENSE (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+import sys
+import shutil
+from pathlib import Path
+
+try:
+    from bing import Bing
+except ImportError:
+    from .bing import Bing
+
+
+def download(query, limit=100, output_dir='dataset', adult_filter_off=True,
+             force_replace=False, timeout=60, filter="", verbose=True):
+    if adult_filter_off:
+        adult = 'off'
+    else:
+        adult = 'on'
+
+    image_dir = Path(output_dir).joinpath(query).absolute()
+
+    if force_replace:
+        if Path.isdir(image_dir):
+            shutil.rmtree(image_dir)
+
+    try:
+        if not Path.is_dir(image_dir):
+            Path.mkdir(image_dir, parents=True)
+
+    except Exception as e:
+        sys.exit(1)
+
+    bing = Bing(query, limit, image_dir, adult, timeout, filter, verbose)
+    return bing.run()
+
+
+if __name__ == '__main__':
+    download('dog', output_dir="..\\Users\\cat", limit=10, timeout=1)
--- a/product_image_suggestion/models/product_image_suggestion.py
+++ b/product_image_suggestion/models/product_image_suggestion.py
@ -0,0 +1,41 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<http://www.cybrosys.com>).
+#    Author: Rahul CK(<https://www.cybrosys.com>)
+#    you can modify it under the terms of the GNU LESSER
+#    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 LESSER GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    GENERAL PUBLIC LICENSE (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+from odoo import fields, models
+
+
+class ProductImageSuggestion(models.TransientModel):
+    """creates new model to store the searched image"""
+    _name = "product.image.suggestion"
+    _description = "Attach images and set image as the display image of product"
+
+    image = fields.Binary(string='Image', attachment=True,
+                          help="image field to store the image")
+    product_tmpl_id = fields.Many2one('product.template',
+                                      string='Related Product',
+                                      help="product field to store the id of "
+                                           "product from which the image is "
+                                           "searched")
+
+    def action_set_image(self):
+        """Set product images from suggested images"""
+        for rec in self:
+            self_image = rec.image
+            if self_image:
+                rec.product_tmpl_id.image_1920 = self_image
--- a/product_image_suggestion/models/product_template.py
+++ b/product_image_suggestion/models/product_template.py
@ -0,0 +1,112 @@
+# -*- coding: utf-8 -*-
+##############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#    Copyright (C) 2023-TODAY Cybrosys Technologies(<http://www.cybrosys.com>).
+#    Author: Rahul CK(<https://www.cybrosys.com>)
+#    you can modify it under the terms of the GNU LESSER
+#    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 LESSER GENERAL PUBLIC LICENSE (AGPL v3) for more details.
+#
+#    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
+#    GENERAL PUBLIC LICENSE (AGPL v3) along with this program.
+#    If not, see <http://www.gnu.org/licenses/>.
+#
+##############################################################################
+import base64
+import logging
+import os
+import tempfile
+import requests
+from PIL import Image
+from resizeimage import resizeimage
+from odoo import api, fields, models, _
+from odoo.exceptions import UserError, Warning
+from . import downloader
+
+_logger = logging.getLogger(__name__)
+
+
+class ProductTemplate(models.Model):
+    """
+    Inherited product template to add new fields to show the downloaded image
+    and set an image as product image
+    """
+    _inherit = 'product.template'
+
+    search_image_ids = fields.One2many('product.image.suggestion',
+                                       'product_tmpl_id', string='Images',
+                                       readonly=True,
+                                       help="To show the images downloaded")
+    search_field = fields.Char(string='Search Text',
+                               help="Type the text to be searched")
+    image_limit = fields.Integer('Limit', default=5,
+                                 help="Limit of images to display")
+    resize_image = fields.Boolean(string='Resize Image', default=True,
+                                  help="Resize the image")
+
+    @api.onchange('image_limit')
+    def _onchange_image_limit(self):
+        """
+        Check if the searched image limit is greater than 10 and a warning
+        message will be raised.
+        """
+        if self.image_limit > 10:
+            raise Warning(_('This may slow down image search..!!!'))
+
+    def action_search_image(self):
+        """Clear search images and add new search"""
+        for rec in self:
+            rec.search_image_ids = [[5, 0, 0]]
+            if rec.image_limit > 10:
+                _logger.warning("High limit number slow down the image "
+                                "searches")
+            try:
+                query_string = rec.search_field.replace(" ", "_").replace(",",
+                                                                          "_")
+                image_datas = downloader.download(query_string,
+                                                  limit=rec.image_limit,
+                                                  output_dir='dataset',
+                                                  adult_filter_off=False,
+                                                  timeout=60, verbose=True)
+            except AttributeError:
+                raise UserError(_('No internet connection available or '
+                                  'Something wrong !'))
+            if image_datas:
+                for img in image_datas:
+                    temp_name = ''
+                    try:
+                        img_request = requests.get(img.strip()).content
+                        if self.resize_image:
+                            temp_file, temp_name = tempfile.mkstemp(
+                                suffix='.png')
+                            file = open(temp_name, "wb")
+                            file.write(img_request)
+                            file.close()
+                            img_data = Image.open(temp_name)
+                            img_data = resizeimage.resize_contain(img_data,
+                                                                  [1024, 1024])
+                            img_data.save(temp_name, img_data.format)
+                            with open(temp_name, "rb") as image_file:
+                                binary_image = base64.b64encode(
+                                    image_file.read())
+                        else:
+                            byte_image = bytearray(img_request)
+                            binary_image = base64.b64encode(byte_image)
+                        vals = {
+                            'image': binary_image,
+                            'product_tmpl_id': rec.id
+                        }
+                        self.env['product.image.suggestion'].create(vals)
+
+                        if self.resize_image:
+                            os.remove(temp_name)
+                    except:
+                        _logger.exception(_("failed to display in page"))
+                        continue
+            else:
+                raise UserError(_('No image suggestions for this image'))
--- a/product_image_suggestion/security/ir.model.access.csv
+++ b/product_image_suggestion/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.image_suggestion,access_image_suggestion,model_product_image_suggestion,base.group_user,1,1,1,1
--- a/product_image_suggestion/static/description/banner.png
+++ b/product_image_suggestion/static/description/banner.png
--- a/product_image_suggestion/static/description/cybro_logo.png
+++ b/product_image_suggestion/static/description/cybro_logo.png
--- a/product_image_suggestion/static/description/icon.png
+++ b/product_image_suggestion/static/description/icon.png
--- a/product_image_suggestion/static/description/images/1.png
+++ b/product_image_suggestion/static/description/images/1.png
--- a/product_image_suggestion/static/description/images/2.png
+++ b/product_image_suggestion/static/description/images/2.png
--- a/product_image_suggestion/static/description/images/3.png
+++ b/product_image_suggestion/static/description/images/3.png
--- a/product_image_suggestion/static/description/images/4.png
+++ b/product_image_suggestion/static/description/images/4.png
--- a/product_image_suggestion/static/description/images/5.png
+++ b/product_image_suggestion/static/description/images/5.png
--- a/product_image_suggestion/static/description/images/6.png
+++ b/product_image_suggestion/static/description/images/6.png
--- a/product_image_suggestion/static/description/images/checked.png
+++ b/product_image_suggestion/static/description/images/checked.png
--- a/product_image_suggestion/static/description/images/cybrosys.png
+++ b/product_image_suggestion/static/description/images/cybrosys.png
--- a/product_image_suggestion/static/description/images/hero.png
+++ b/product_image_suggestion/static/description/images/hero.png
--- a/product_image_suggestion/static/description/images/image_1.png
+++ b/product_image_suggestion/static/description/images/image_1.png
--- a/product_image_suggestion/static/description/images/image_2.png
+++ b/product_image_suggestion/static/description/images/image_2.png
--- a/product_image_suggestion/static/description/images/image_3.png
+++ b/product_image_suggestion/static/description/images/image_3.png
--- a/product_image_suggestion/static/description/index.html
+++ b/product_image_suggestion/static/description/index.html
@ -0,0 +1,340 @@
+<div class="container" style="padding: 1rem !important; margin-bottom: 1rem !important;">
+    <div class="row">
+        <div class="col-sm-12 col-md-12 col-lg-12 d-flex justify-content-between" style="border-bottom: 1px solid #d5d5d5;">
+            <div class="my-3">
+                <img src="cybro_logo.png" style="width: auto !important; height: 40px !important;">
+            </div>
+            <div class="my-3 d-flex align-items-center">
+                <div style="background-color: #7C7BAD !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
+                    <i class="fa fa-check mr-1"></i>Community
+                </div>
+                <div style="background-color: #875A7B !important; color: #fff !important; font-weight: 600 !important; padding: 5px 15px 8px !important; margin: 0 5px !important;">
+                    <i class="fa fa-check mr-1"></i>Enterprise
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="row" style="margin:75px 0;position: relative;color: #000;background-position: center;background: #ffffff;border-bottom: 1px solid #e4e4e4; padding-bottom: 30px;">
+   <div class="col-md-7 col-sm-12 col-xs-12" style="padding: 0px">
+      <div style=" margin: 0 0 0px;padding: 20px 0 10;font-size: 23px;line-height: 35px;font-weight: 400;color: #000;border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.11);text-align: left;">
+         <h1 style="font-size: 39px;font-weight: 600;margin: 0px !important;">Product Image Suggestion  </h1>
+         <h3 style="font-size: 21px;margin-top: 8px;position: relative;">An effective and user-friendly method of suggesting product images via web downloads </h3>
+      </div>
+      <h2 style="font-weight: 600;font-size: 1.8rem;margin-top: 15px;">Key Highlights</h2>
+      <ul style=" padding: 0 1px; list-style: none; ">
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> A seamless and accurate search of product images from Bing.  </li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Prioritizing the image suggestions via setting the desired search limit.  </li>
+         <li style="display: flex;align-items: center;padding: 8px 0;font-size: 18px;"><i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>Easy image editing: Can automatically resize the image to 1024x1204 px.  </li>
+      </ul>
+   </div>
+   <div class="col-md-5 col-sm-12 col-xs-12"> <img src="images/hero.png" class="img-responsive" alt=""> </div>
+</div>
+<div>
+   <section class="oe_container" style="padding: 1rem 0rem 1rem; background-color: #ffffff !important;">
+      <div class="row py-4 px-3">
+         <div class="w-100" style="padding-top:30px;padding-bottom:45px;border-radius: 10px;">
+            <ul role="tablist" class="nav nav-pills justify-content-center" data-tabs="tabs" id="pills-tab" style="border: none;background: unset;">
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link active show" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400;text-align: center;
+                  color: #fff;">Overview </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #d31c22;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a id="pills-home-tab" data-toggle="pill" href="#pills-home1" role="tab" aria-controls="pills-home" aria-selected="true" class="nav-link " style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;" >Features </a> </li>
+               <li class="nav-item mr-1 mb-3" style="font-size: 1.05rem;font-weight: 400;transition: all .15s ease;color: #ffffff;background-color: #d31c22;box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);border: 0;font-family: 'Open Sans',sans-serif;width: 140px;border-radius: 0.30rem;"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false" style="color: #000000;line-height: 33px;border: 0;border-radius: .25rem;font-weight: 400; text-align: center;
+                  color: #fff;">Screenshots </a> </li>
+              
+            </ul>
+            <div class="tab-content" id="pills-tabContent"
+               style="padding-top: 30px; padding-bottom: 30px; padding: 30px;">
+               <div class="px-3 pt-1 tab-pane fade active show" id="pills-home" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- Overview-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Overview</h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <h3 class="oe_slogan" style="text-align: center;font-size: 19px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;opacity: 1 !important;line-height: 31px;font-weight: 400;letter-spacing: .5px;margin-bottom: 21px;">
+                     This module allows you to search for product images from the bing web browser and suggestions will be shown in the product form.
+               </div>
+               <div class="px-3 pt-1 tab-pane fade " id="pills-home1" role="tabpanel" aria-labelledby="
+                  pills-home-tab">
+                  <!-- feature tab-->
+                  <h2 style="font-weight: 600;text-align: center;width: 100%;">Product Image Suggestion  </h2>
+                  <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                  <ul>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Provide the product name to be searched in the search box and limit of images to display.
+                     </li>
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i>On click on the search icon, system will search for the image from the Bing browser.
+                     </li>
+                   
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;"> 
+                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> The downloaded images will be shown in the product form.
+                     </li>
+
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
+                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Images will be converted to 1024x1024 px when 'resize image' is enabled.
+                     </li>
+
+                     <li class="mb8" style="font-family: Roboto;color: #000;list-style-type: square;font-size: 19px;line-height: 50px; background-color: #3a34380d;padding-left: 20px;border-radius: 7px;list-style: none;">
+                        <i class="fa fa-check-circle-o" style="width:40px; color:#07B700"></i> Image can be set as product image when 'Set Image' is clicked.
+                     </li>
+                  </ul>
+               </div>
+               <!-- Screenshot tab-->
+               <div class="px-3 tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab" >
+                  <div class="tab-pane">
+                     <h2 style="font-weight: 600;text-align: center;width: 100%;">Screenshots</h2>
+                     <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+                     <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> Product Form  </h3>
+                                       <div style="">
+                                          <p
+                                              style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
+                                              >> New page 'Image suggestion' is added
+                                          </p>
+                                          <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/image_1.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;">
+
+                                       <p
+                                           style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
+                                           >> Limit - Maximum number of images to be downloaded.
+                                       </p>
+                                       <br/>
+                                       <p
+                                           style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
+                                           >> Resize Image - Enable this field to automatically convert downloaded images to 1024x1024 px.
+                                       </p>
+                                       <br/>
+                                       <p
+                                           style="font-family: 'Roboto', sans-serif !important; font-weight: 600 !important; color: #282F33 !important; font-size: 1rem !important;">
+                                           >> Search Field - Enter the text of image to be searched and click on search icon to search images from the web.
+                                       </p>
+                                       <br/>
+
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/image_2.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;">
+                                       <div style=""> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/image_3.png"> </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> 
+                           </div>
+                        </section>
+                     </div>
+                  </div>
+               </div>
+               
+               <!-- faq tab-->
+               <div class="px-2 px-lg-4 pt-3 tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
+                  <ul class="list-unstyled">
+                  </ul>
+               </div>
+            </div>
+         </div>
+      </div>
+   </section>
+   <section class="oe_container" style="padding: 2rem 3rem 1rem;">
+      <h2 style="font-weight: 600;text-align: center;margin-bottom: 25px;width: 100%;">Suggested Products</h2>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+      <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/pos_order_types/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/1.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/pos_product_addons/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/2.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="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/3.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/product_return_pos/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/4.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/point_of_sale_logo/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/5.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/invoice_format_editor/" target="_blank">
+                     <div style="box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);border-radius: 10px;"> <img class="img img-responsive center-block" style="border-top-left-radius: 10px;border-top-right-radius: 10px;" src="images/6.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>
+   </section>
+   <section class="row" style="padding: 2rem 3rem 1rem;margin:0px">
+      <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Service</h2>
+      <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+      <div class="row" style=" display: flex; justify-content: center; flex-wrap: wrap;width: 100%; ">
+         <!-- <div style="display:flex;padding-top: 20px;justify-content: space-between;"> -->
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-customization.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-customization-and-installation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Customization </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-implementation.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-implementation/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Implementation </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-integration.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-integration/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Integration </a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-erp-support.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/odoo-erp-support/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Odoo Support</a> </h3>
+         </div>
+         <div class="col-md-2 col-sm-6 col-xs-12">
+            <div style="width:75px;height:75px;background:#fff; border-radius:100%;margin: auto;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank"> <img src="https://www.cybrosys.com/images/hire-odoo-developer.png" style="width: 100%;border-radius: 100%;"/> </a> </div>
+            <h3 class="oe_slogan" style="font-weight: 800;text-align: center;font-size: 14px;width: 100%;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;"> <a href="https://www.cybrosys.com/hire-odoo-developer/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hire Odoo Developers</a> </h3>
+            </a> 
+         </div>
+         <!-- </div> --> 
+      </div>
+   </section>
+   <section class="row"  style="padding: 2rem 3rem 1rem;margin:0px">
+      <div class="row" style="margin: 0">
+         <h2 style="font-weight: 600;margin-bottom: 20px;text-align: center;width: 100%;">Our Industries</h2>
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+         <!-- <div style="display:flex;justify-content: space-between;flex-wrap:wrap;"> -->
+         <div class="row" style="width: 100%">
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-1.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/best-trading-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Trading </a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Easily procure and sell your products. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-2.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;" style=" margin-bottom: 10px; ">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/manufacturing-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Manufacturing</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Plan, track and schedule your operations. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-3.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/restaurant-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> Restaurant</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Run your bar or restaurant methodical. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-4.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/pos/" target="_blank" style="list-style: none; color:#000; text-decoration: none;font-family: 'Montserrat',sans-serif;"> POS</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px;font-family: 'Montserrat',sans-serif;"> Easy configuring and convivial selling. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-5.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 0px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/ecommerce-website/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> E-commerce & Website</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Mobile friendly, awe-inspiring product pages. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-6.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/hotel-management-erp/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Hotel Management</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> An all-inclusive hotel management application. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-7.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/education-erp-software/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Education</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> A Collaborative platform for educational management. </h3>
+               </div>
+            </div>
+            <div class="col-md-4 col-sm-6 col-xs-12" style=" margin-bottom: 10px; ">
+               <div  >
+                  <div style="width:75px;height:75px;background:#CE2D48; border-radius:100%;float: left;text-align: left;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank"> <img src="https://www.cybrosys.com/images/odoo-index-industry-8.png" alt="Odoo Industry" style="    border-radius: 100%;width:100%;"/> </a> </div>
+               </div>
+               <div style="width:70%;float:left;">
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 14px;font-weight:800;width: auto;margin: 0;margin-top: 14px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 4px;margin-left: 16px;"> <a href="https://www.cybrosys.com/odoo/industries/service-management/" target="_blank" style="list-style: none; color:#000; text-decoration: none; font-family: 'Montserrat',sans-serif;"> Service Management</a> </h3>
+                  <h3 class="oe_slogan" style=" text-align: left;font-size: 12px;width: auto;margin: 0;margin-top:5px;color: #000 !important;margin-top: 5px;opacity: 1 !important;line-height: 17px;float: left;margin-top: 5px;margin-left: 16px; font-family: 'Montserrat',sans-serif;"> Keep track of services and invoice accordingly. </h3>
+               </div>
+            </div>
+         </div>
+      </div>
+</div>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+   <center>
+      <div class="col-md-12" style="margin: auto !important;
+         width: 70%;
+         padding: 30px;">
+         <h2 style="font-weight: 600;text-align: center;width: 100%;">Need Any Help?</h2>
+         <hr style="margin-top: 0px;margin-bottom: 2%;border: 0;text-align: center;border-top: 3px solid #d21c22;width: 5%;">
+         <h4 style="font-size:16px;"> If you have anything to share with us based on your use of this module, please let us know. We are ready to offer our support. </h4>
+         <div class="col-md-6" style="float:left; padding:20px;">
+            <h4><i class="fa fa-envelope"></i>Email us </h4>
+            <p>odoo@cybrosys.com</p>
+         </div>
+         <div class="col-md-6" style="float:left; padding:20px;">
+            <h4><i class="fa fa-phone"></i> Contact Us </h4>
+            <a href="https://www.cybrosys.com/contact/" target="_blank"> www.cybrosys.com</a>
+         </div>
+      </div>
+   </center>
+</section>
+<section class="oe_container" style="padding: 0% 0% 6% 0%;">
+   <div class="oe_slogan" style="margin-bottom: 0px;">
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; ">
+      </div>
+      <br>
+      <img src="https://www.cybrosys.com/images/logo.png" style="width: 190px; margin-bottom: 25px;margin-top: 30px;" class="center-block">
+      <div style=" display: flex; justify-content: center; flex-wrap: wrap; "> <a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;  height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+         <a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;height: 35px;padding-top: 7px;font-size: 21px;margin-right: 6px;border-radius: 100%;"></i></a>
+         </td>
+      </div>
+   </div>
+</section>
+</div>
--- a/product_image_suggestion/views/product_template_views.xml
+++ b/product_image_suggestion/views/product_template_views.xml
@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+<!--        New page added in product template form view to search image and download it-->
+        <record id="product_template_image_suggestion_form_view" model="ir.ui.view">
+        <field name="name">product.template.form.inherit.product.image.suggestion</field>
+        <field name="model">product.template</field>
+        <field name="inherit_id" ref="product.product_template_only_form_view"/>
+        <field name="arch" type="xml">
+            <xpath expr="//notebook[last()]" position="inside">
+                <page string="Image Suggestion">
+                    <group>
+                        <group>
+                            <group>
+                                <field name="image_limit"/>
+                                <field name="resize_image"/>
+                            </group>
+                        </group>
+                        <group>
+                            <field name="search_field" placeholder="Search Here.." nolabel="1"/>
+                            <button name="action_search_image" class="oe_stat_button"
+                                type="object" icon="fa-search">
+                            </button>
+                        </group>
+                    </group>
+
+<!--                    kanban view to show the images downloaded -->
+                    <field name="search_image_ids" mode="kanban" context="{'default_name': name, 'default_product_tmpl_id': active_id}">
+                        <kanban string="Suggested Images">
+                            <field name="image" />
+                            <templates>
+                                <t t-name="kanban-box">
+                                    <div class="oe_kanban_global_click">
+                                        <a t-if="!read_only_mode" type="delete" class="fa fa-times pull-right"/>
+                                        <div class="o_kanban_image">
+                                            <img t-if="record.image.raw_value" t-att-src="'data:image/png;base64,'+record.image.raw_value"/>
+                                        </div>
+                                        <button name="action_set_image" string="Set_Image"
+                                                class="btn btn-primary oe_stat_button pull-right"
+                                                style="height:30px;width:80px"
+                                                type="object">Set Image</button>
+                                    </div>
+                                </t>
+                            </templates>
+                        </kanban>
+                    </field>
+                </page>
+            </xpath>
+        </field>
+    </record>
+</odoo>