@ -0,0 +1,50 @@ |
|||||
|
.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg |
||||
|
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
||||
|
:alt: License: LGPL-3 |
||||
|
|
||||
|
Theme Silon |
||||
|
================== |
||||
|
* Design Web Pages with theme Silon. This theme will change your Old Experience to a New Experience with Odoo. |
||||
|
|
||||
|
Configuration |
||||
|
------------- |
||||
|
- www.odoo.com/documentation/18.0/setup/install.html |
||||
|
- Install our custom addon |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
General Public License, Version 3 (LGPL v3). |
||||
|
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
Developers: (V16) Ahammed Harshad P @ Cybrosys, |
||||
|
(V17) ADVAITH BG @ Cybrosys, |
||||
|
(V18) ATHIRA K @Cybrosys |
||||
|
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 |
||||
|
-------- |
||||
|
This module is maintained by Cybrosys Technologies. |
||||
|
|
||||
|
For support and more information, please visit https://www.cybrosys.com |
||||
|
|
||||
|
.. image:: https://cybrosys.com/images/logo.png |
||||
|
:target: https://cybrosys.com" |
||||
|
|
||||
|
Further information |
||||
|
----------------- |
||||
|
HTML Description: `<static/description/index.html>`__ |
@ -0,0 +1,23 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import controllers |
||||
|
from . import models |
@ -0,0 +1,90 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
{ |
||||
|
'name': 'Theme Silon', |
||||
|
'version': '18.0.1.0.0', |
||||
|
'category': 'Theme/eCommerce', |
||||
|
'summary': 'Theme for website users', |
||||
|
'description': 'Attractive and unique front-end theme for eCommerce websites', |
||||
|
'author': 'Cybrosys Techno Solutions', |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
'website': "https://www.cybrosys.com", |
||||
|
'depends': ['website', 'website_mass_mailing', 'website_sale_wishlist'], |
||||
|
'data': [ |
||||
|
'data/silon_configuration_data.xml', |
||||
|
'security/ir.model.access.csv', |
||||
|
'views/silon_configuration_views.xml', |
||||
|
'views/snippets/index/most_popular_templates.xml', |
||||
|
'views/snippets/index/banner_templates.xml', |
||||
|
'views/snippets/index/offer_templates.xml', |
||||
|
'views/snippets/index/features_templates.xml', |
||||
|
'views/snippets/index/journals_templates.xml', |
||||
|
'views/snippets/index/follow_us_templates.xml', |
||||
|
'views/snippets/about_us/about_us_templates.xml', |
||||
|
'views/snippets/index/featured_products_templates.xml', |
||||
|
'views/snippets/index/trending_templates.xml', |
||||
|
'views/footer_templates.xml', |
||||
|
'views/header_templates.xml', |
||||
|
'views/contact_us_templates.xml', |
||||
|
'views/cart_templates.xml', |
||||
|
'views/product_templates.xml', |
||||
|
'views/products_templates.xml', |
||||
|
], |
||||
|
'assets': { |
||||
|
'web.assets_frontend': [ |
||||
|
'theme_silon/static/src/css/font-awesome.min.css', |
||||
|
'theme_silon/static/src/scss/_variables.scss', |
||||
|
'theme_silon/static/src/scss/_normalize.scss', |
||||
|
'theme_silon/static/src/scss/_common.scss', |
||||
|
'theme_silon/static/src/scss/components/_buttons.scss', |
||||
|
'theme_silon/static/src/scss/layout/_footer.scss', |
||||
|
'theme_silon/static/src/scss/components/_banner.scss', |
||||
|
'theme_silon/static/src/scss/components/_product.scss', |
||||
|
'theme_silon/static/src/scss/pages/home/_offers.scss', |
||||
|
'theme_silon/static/src/scss/pages/home/_features.scss', |
||||
|
'theme_silon/static/src/scss/pages/home/_journal.scss', |
||||
|
'theme_silon/static/src/scss/pages/home/_trending.scss', |
||||
|
'theme_silon/static/src/scss/pages/home/_follow-us.scss', |
||||
|
'theme_silon/static/src/scss/pages/home/_most-popular.scss', |
||||
|
'theme_silon/static/src/scss/pages/_maincontents.scss', |
||||
|
'theme_silon/static/src/scss/pages/_product.scss', |
||||
|
'theme_silon/static/src/scss/pages/_about.scss', |
||||
|
'theme_silon/static/src/scss/layout/_header.scss', |
||||
|
'theme_silon/static/src/scss/pages/_preview.scss', |
||||
|
'theme_silon/static/src/scss/pages/_contact.scss', |
||||
|
'theme_silon/static/src/scss/pages/_cart.scss', |
||||
|
'theme_silon/static/src/css/styles.css', |
||||
|
'theme_silon/static/src/js/most_popular.js', |
||||
|
'theme_silon/static/src/js/featured_product.js', |
||||
|
'theme_silon/static/src/js/trending.js', |
||||
|
], |
||||
|
}, |
||||
|
'images': [ |
||||
|
'static/description/banner.jpg', |
||||
|
'static/description/theme_screenshot.jpg' |
||||
|
], |
||||
|
'license': 'LGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
'application': False, |
||||
|
} |
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import theme_silon |
@ -0,0 +1,130 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
import datetime |
||||
|
from odoo import fields, http |
||||
|
from odoo.http import request |
||||
|
|
||||
|
|
||||
|
class WebsiteProduct(http.Controller): |
||||
|
"""Class for dynamic snippets for products""" |
||||
|
@http.route('/get_featured_product', auth='public', type='json', |
||||
|
website=True) |
||||
|
def get_featured_products(self): |
||||
|
"""Function to get featured products""" |
||||
|
silon_configuration = request.env.ref( |
||||
|
'theme_silon.silon_configuration_data') |
||||
|
product_id = silon_configuration.featured_product_ids |
||||
|
rating = request.website.viewref('website_sale.product_comment').active |
||||
|
res = {'products': []} |
||||
|
for product in product_id: |
||||
|
combination_info = product._get_combination_info_variant() |
||||
|
res_product = product.read(['id', 'name', 'website_url', |
||||
|
'rating_avg', 'rating_count'])[0] |
||||
|
res_product['ratings'] = round(res_product['rating_avg'], 2) |
||||
|
res_product['rating'] = rating |
||||
|
res_product.update(combination_info) |
||||
|
res['products'].append(res_product) |
||||
|
products = res['products'] |
||||
|
values = {'products': products} |
||||
|
response = http.Response( |
||||
|
template='theme_silon.featured_product_snippet', qcontext=values) |
||||
|
return response.render() |
||||
|
|
||||
|
@http.route('/get_popular_product', auth='public', type='json', |
||||
|
website=True) |
||||
|
def get_popular_products(self): |
||||
|
"""Function to get Popular Products""" |
||||
|
products = request.env['product.template'].sudo().search([]) |
||||
|
for each in products: |
||||
|
each.qty_sold = 0 |
||||
|
each.top_selling = False |
||||
|
date = fields.Datetime.now() |
||||
|
date_before = date - datetime.timedelta(days=7) |
||||
|
orders = request.env['sale.order'].sudo().search([ |
||||
|
('date_order', '<=', date), |
||||
|
('date_order', '>=', |
||||
|
date_before), |
||||
|
('website_id', '!=', False), |
||||
|
('state', 'in', ( |
||||
|
'sale', 'done'))]) |
||||
|
for order in orders: |
||||
|
order_line = order.order_line |
||||
|
for product in order_line: |
||||
|
product.product_id.qty_sold = product.product_id.qty_sold + 1 |
||||
|
website_product_ids = request.env['product.template'].sudo().search( |
||||
|
[('is_published', '=', True), |
||||
|
('qty_sold', '!=', 0)], |
||||
|
order='qty_sold desc', limit=4) |
||||
|
|
||||
|
website_product_ids.top_selling = True |
||||
|
rating = request.website.viewref('website_sale.product_comment').active |
||||
|
res = {'products': []} |
||||
|
for product in website_product_ids: |
||||
|
combination_info = product._get_combination_info() |
||||
|
res_product = product.read(['id', 'name', 'website_url', |
||||
|
'rating_avg', 'rating_count'])[0] |
||||
|
res_product['ratings'] = round(res_product['rating_avg'], 2) |
||||
|
res_product['rating'] = rating |
||||
|
res_product.update(combination_info) |
||||
|
res['products'].append(res_product) |
||||
|
products = res['products'] |
||||
|
values = {'website_product_ids': products} |
||||
|
response = http.Response( |
||||
|
template='theme_silon.popular_snippet', qcontext=values) |
||||
|
return response.render() |
||||
|
|
||||
|
@http.route('/get_trending_product', auth='public', type='json', |
||||
|
website=True) |
||||
|
def get_trending_product(self): |
||||
|
"""Function to get Trending Products""" |
||||
|
date = fields.Datetime.now() |
||||
|
date_before = date - datetime.timedelta(days=7) |
||||
|
products = request.env['website.track'].sudo().search([ |
||||
|
('visit_datetime', '<=', date), |
||||
|
('visit_datetime', '>=', date_before), |
||||
|
('product_id', '!=', False) |
||||
|
]) |
||||
|
for pro in products: |
||||
|
pro.product_id.views = 0 |
||||
|
pro.product_id.most_viewed = False |
||||
|
pro.product_id.views = pro.product_id.views + 1 |
||||
|
|
||||
|
product_ids = request.env['product.template'].sudo().search( |
||||
|
[('is_published', '=', True), |
||||
|
('views', '>', 0)], |
||||
|
order='views desc', limit=8) |
||||
|
product_ids.most_viewed = True |
||||
|
rating = request.website.viewref('website_sale.product_comment').active |
||||
|
res = {'products': []} |
||||
|
for product in product_ids: |
||||
|
combination_info = product._get_combination_info() |
||||
|
res_product = product.read(['id', 'name', 'website_url', |
||||
|
'rating_avg', 'rating_count'])[0] |
||||
|
res_product['ratings'] = round(res_product['rating_avg'], 2) |
||||
|
res_product['rating'] = rating |
||||
|
res_product.update(combination_info) |
||||
|
res['products'].append(res_product) |
||||
|
products = res['products'] |
||||
|
values = {'product_ids': products} |
||||
|
response = http.Response( |
||||
|
template='theme_silon.trending_snippet', qcontext=values) |
||||
|
return response.render() |
@ -0,0 +1,8 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<data noupdate="1"> |
||||
|
<record id="silon_configuration_data" model="silon.configuration"> |
||||
|
<field name="name">Featured Products</field> |
||||
|
</record> |
||||
|
</data> |
||||
|
</odoo> |
@ -0,0 +1,5 @@ |
|||||
|
## Module <theme_silon> |
||||
|
#### 23.06.2025 |
||||
|
#### Version 18.0.1.0.0 |
||||
|
##### ADD |
||||
|
Initial commit for Theme Silon |
@ -0,0 +1,24 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import product_template |
||||
|
from . import silon_configuration |
||||
|
from . import theme_silon |
@ -0,0 +1,36 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import fields, models |
||||
|
|
||||
|
|
||||
|
class Product(models.Model): |
||||
|
"""Class to add fields like quantity,views,top-selling and |
||||
|
most-viewed to product.template model""" |
||||
|
_inherit = 'product.template' |
||||
|
|
||||
|
qty_sold = fields.Integer(string='Quantity sold', |
||||
|
help="Quantity Sold") |
||||
|
views = fields.Integer(string='Views', help="Total Views") |
||||
|
top_selling = fields.Boolean(string='TopSelling', |
||||
|
help="If top selling product") |
||||
|
most_viewed = fields.Boolean(string='Most Viewed', |
||||
|
help="If most viewed product") |
@ -0,0 +1,31 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import fields, models |
||||
|
|
||||
|
|
||||
|
class SilonConfiguration(models.Model): |
||||
|
"""Class for configuring featured products""" |
||||
|
_name = 'silon.configuration' |
||||
|
|
||||
|
name = fields.Char('Name') |
||||
|
featured_product_ids = fields.Many2many('product.product', |
||||
|
help="Add your featured products") |
@ -0,0 +1,32 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import models |
||||
|
|
||||
|
|
||||
|
class ThemeSilon(models.AbstractModel): |
||||
|
"""Website header configuration""" |
||||
|
_inherit = 'theme.utils' |
||||
|
|
||||
|
def _theme_silon_post_copy(self, mod): |
||||
|
"""Function to disable or enable Website header views""" |
||||
|
self.disable_view('website.placeholder_header_call_to_action') |
||||
|
self.enable_view('website.template_header_default_align_center') |
|
After Width: | Height: | Size: 187 KiB |
After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 673 KiB |
After Width: | Height: | Size: 363 KiB |
After Width: | Height: | Size: 556 KiB |
After Width: | Height: | Size: 306 KiB |
After Width: | Height: | Size: 279 KiB |
After Width: | Height: | Size: 210 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 187 KiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 3.7 MiB |
After Width: | Height: | Size: 253 KiB |
After Width: | Height: | Size: 226 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 70 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 545 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 515 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 141 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 929 B |
After Width: | Height: | Size: 23 KiB |
After Width: | Height: | Size: 677 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 151 KiB |
After Width: | Height: | Size: 103 KiB |
After Width: | Height: | Size: 198 KiB |
After Width: | Height: | Size: 331 KiB |
After Width: | Height: | Size: 258 KiB |
After Width: | Height: | Size: 189 KiB |
After Width: | Height: | Size: 493 KiB |
After Width: | Height: | Size: 176 KiB |
After Width: | Height: | Size: 430 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 885 B |
@ -0,0 +1,563 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8" /> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
|
<title>app index</title> |
||||
|
<link |
||||
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" |
||||
|
rel="stylesheet" |
||||
|
/> |
||||
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
||||
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> |
||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" /> |
||||
|
<style> |
||||
|
:root { |
||||
|
--primary-color: #F5C000;; |
||||
|
--bg-white: #fff; |
||||
|
--text-color: #121212; |
||||
|
--text-color-light: #64728f; |
||||
|
} |
||||
|
body{ |
||||
|
font-family: "Montserrat", sans-serif; |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
<!-- overview --> |
||||
|
<div class="container"> |
||||
|
|
||||
|
<!-- support-header --> |
||||
|
|
||||
|
<div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;"> |
||||
|
<div class="row justify-content-between"> |
||||
|
<div class="col-4"> |
||||
|
<div class="my-3"> |
||||
|
<img src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35" style="width:auto !important; height:40px !important"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-6"> |
||||
|
<div class="row" style="margin-top:10px"> |
||||
|
|
||||
|
<div class="my-3 d-flex align-items-center justify-content-end"> |
||||
|
<span class="me-3"><b>Supports: </b></span> |
||||
|
<!-- <div class="text-center" style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">--> |
||||
|
<!-- Community--> |
||||
|
<!-- </div>--> |
||||
|
<div class="text-center" style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
||||
|
Enterprise |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row" style="margin-top:10px"> |
||||
|
<div class="d-flex align-items-center justify-content-end"> |
||||
|
<span class="me-3"><b>Availability: </b></span> |
||||
|
<div class="text-center col" style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-times" style="color:red"></i> Odoo Online |
||||
|
</div> |
||||
|
<div class="text-center col" style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-check" style="color:green"></i> Odoo.sh |
||||
|
</div> |
||||
|
<div class="text-center col" style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-check" style="color:green"></i> On Premise |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
<!-- banner-section --> |
||||
|
<div class="my-5"> |
||||
|
<div class=""> |
||||
|
<img src="./img/banner.jpg" class="img-fluid" style="border-radius: 16px; width:1300px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
<!--feature section --> |
||||
|
|
||||
|
<div class="my-5" style="padding: 100px; background-color: #f1f5fd; border-radius: 16px;"> |
||||
|
<div class="container"> |
||||
|
<div class="row mb-60"> |
||||
|
<div class="col-lg-12 d-flex justify-content-center align-items-center flex-wrap gap-3"> |
||||
|
<div class="position-relative"; style=" |
||||
|
text-align: center; |
||||
|
font-size: 46.875px; |
||||
|
font-style: normal; |
||||
|
padding-bottom: 40px; "> |
||||
|
<h2 style="font-weight: 600;">Our Features</h2> |
||||
|
|
||||
|
<p style="color: #999; |
||||
|
text-align: center; |
||||
|
font-size: 15.625px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 25.6px;">info includes 300+ elements that you may need to create website without |
||||
|
external plugins.</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row g-4"> |
||||
|
<div class="col-lg-4 col-md-6" style="visibility: visible;"> |
||||
|
<div style="background-color: #fff;height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Attractive home pages</a></h4> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 col-md-6" > |
||||
|
<div style="background-color: #fff; height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Customized cart page design</a></h4> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 col-md-6" > |
||||
|
<div style="background-color: #fff; height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Featured Product Snippet</a></h4> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 col-md-6" > |
||||
|
<div style="background-color: #fff;height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Price Filter</a></h4> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 col-md-6" > |
||||
|
<div style="background-color: #fff;height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">User-friendly and modern looking theme</a></h4> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 col-md-6"> |
||||
|
<div style="background-color: #fff;height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">New Look for eCommerce Website</a></h4> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
<!--sections --> |
||||
|
|
||||
|
<section class="my-5"> |
||||
|
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 20px;"> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Your Cart</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">Manage your products in cart in new look.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/2.jpg" alt="Grid item" class="img-fluid" style="height:700px;"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Featured Products</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/demo-1.png" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
|
||||
|
<!--row-2 --> |
||||
|
|
||||
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;"> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">New Colour pattern</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/1.jpg" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Mobile View</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/phone-screenshots.jpg" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
|
||||
|
<!--row-3 --> |
||||
|
|
||||
|
<div style="display: grid; grid-template-columns: 1fr 2fr; gap: 20px; margin-bottom: 20px;"> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Contact Us</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/demo-2.jpg" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Laptop View</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class=" mt-5" style="--aspect-ratioapt: 872/443;"> |
||||
|
<img src="./img/laptop-screenshots.jpg" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
</section> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="my-5"> |
||||
|
<!-- banner card --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- service-section --> |
||||
|
|
||||
|
<section id="services" class="mt-5" style="border-radius: 16px; |
||||
|
border: 1px solid #EBEEF2; |
||||
|
background: var(--Neutral-N0, #FFF); |
||||
|
padding: 60px 40px; |
||||
|
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);"> |
||||
|
<div class="text-center mt-4"> |
||||
|
<h3 class="mb-0" style="color: #000; |
||||
|
text-align: center; |
||||
|
font-family: Montserrat; |
||||
|
font-size: 40px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: normal; |
||||
|
text-transform: uppercase; |
||||
|
padding-bottom: 50px;" |
||||
|
>Our Services</h3> |
||||
|
</div> |
||||
|
<div class="row mt-3"> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; gap: 16px; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/gear.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;"> Odoo Customization</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; gap: 16px; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" style="background-color:#FF947A; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;"> Odoo Implementation</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; gap: 16px; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" style="background-color:#3CD856; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/life-ring-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;">Odoo Support</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; gap: 16px; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/arrows-repeat.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;">Odoo Migration</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; gap: 16px; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;">Odoo integration</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; gap: 16px; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" style="background-color:#69CC70; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;">Odoo Consultancy</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; gap: 16px; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" style="background-color:#2E4556; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/odoo-licencing.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;">Odoo Licensing</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; gap: 16px; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;">Hire Odoo Developer</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- --> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
||||
|
</html> |
After Width: | Height: | Size: 430 KiB |
@ -0,0 +1,31 @@ |
|||||
|
/* |
||||
|
Flaticon icon font: Flaticon |
||||
|
Creation date: 19/04/2020 06:48 |
||||
|
*/ |
||||
|
@font-face { |
||||
|
font-family: "Flaticon"; |
||||
|
src: url("../fonts/Flaticon.eot"); |
||||
|
src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), |
||||
|
url("../fonts/Flaticon.woff2") format("woff2"), |
||||
|
url("../fonts/Flaticon.woff") format("woff"), |
||||
|
url("../fonts/Flaticon.ttf") format("truetype"), |
||||
|
url("../fonts/Flaticon.svg#Flaticon") format("svg"); |
||||
|
font-weight: normal; |
||||
|
font-style: normal; |
||||
|
} |
||||
|
@media screen and (-webkit-min-device-pixel-ratio:0) { |
||||
|
@font-face { |
||||
|
font-family: "Flaticon"; |
||||
|
src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); |
||||
|
} |
||||
|
} |
||||
|
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, |
||||
|
[class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
||||
|
font-family: Flaticon; |
||||
|
font-style: normal; |
||||
|
} |
||||
|
.flaticon-search:before { content: "\f100"; } |
||||
|
.flaticon-shopping-cart:before { content: "\f101"; } |
||||
|
.flaticon-user:before { content: "\f102"; } |
||||
|
.flaticon-heart:before { content: "\f103"; } |
||||
|
.flaticon-arrow:before { content: "\f104"; } |
After Width: | Height: | Size: 275 KiB |
After Width: | Height: | Size: 451 KiB |
After Width: | Height: | Size: 64 KiB |
After Width: | Height: | Size: 86 KiB |
After Width: | Height: | Size: 100 KiB |
After Width: | Height: | Size: 407 KiB |
After Width: | Height: | Size: 217 KiB |
After Width: | Height: | Size: 11 MiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 732 KiB |
After Width: | Height: | Size: 312 KiB |
After Width: | Height: | Size: 826 KiB |
After Width: | Height: | Size: 65 KiB |
After Width: | Height: | Size: 70 KiB |
After Width: | Height: | Size: 90 KiB |
After Width: | Height: | Size: 73 KiB |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 739 B |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 2.9 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 754 B |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 5.2 KiB |