AjmalCybro
2 months ago
229 changed files with 20150 additions and 0 deletions
@ -0,0 +1,47 @@ |
|||
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg |
|||
:target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html |
|||
:alt: License: LGPL-3 |
|||
|
|||
Theme Zen Dark |
|||
============== |
|||
* Design Web Pages with theme zen dark |
|||
|
|||
Installation |
|||
============ |
|||
- www.odoo.com/documentation/18.0/administration/install.html |
|||
- Install our custom addon |
|||
|
|||
License |
|||
------- |
|||
General Public License, Version 3 (LGPL v3). |
|||
(https://www.odoo.com/documentation/18.0/legal/licenses/licenses.html) |
|||
|
|||
Company |
|||
------- |
|||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
Credits |
|||
------- |
|||
* Developers: Cybrosys Techno Solutions odoo@cybrosys.com |
|||
Version 16: Ahammed Harshad P @cybrosys, |
|||
Version 17: ASWIN A K @cybrosys, |
|||
Version 18: Ashwin T @cybrosys, |
|||
Contacts |
|||
-------- |
|||
* Mail Contact : odoo@cybrosys.com |
|||
|
|||
Bug Tracker |
|||
----------- |
|||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
|||
|
|||
Maintainer |
|||
========== |
|||
.. 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 |
|||
|
|||
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 (odoo@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,77 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys (odoo@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 Zen Dark', |
|||
'version': '18.0.1.0.0', |
|||
'category': 'Theme/Corporate', |
|||
'summary': 'Design Web Pages with theme zen dark', |
|||
'description': 'Design web pages with the Theme Zen Dark by embracing ' |
|||
'minimalism,balancing typography and visuals,' |
|||
' and optimizing responsiveness for a serene and visually' |
|||
' appealing browsing experience', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': "https://www.cybrosys.com", |
|||
'depends': ['website_blog', 'website_sale_wishlist'], |
|||
'data': [ |
|||
'views/index/index_banner.xml', |
|||
'views/index/index_about.xml', |
|||
'views/index/index_testimonial.xml', |
|||
'views/index/index_blog.xml', |
|||
'views/index/index_partners.xml', |
|||
'views/index/index_recent.xml', |
|||
'views/index/index_video.xml', |
|||
'views/about/about.xml', |
|||
'views/service/service.xml', |
|||
'views/portfolio/portfolio.xml', |
|||
'views/recent_post.xml', |
|||
'views/contact.xml', |
|||
'views/blog.xml', |
|||
'views/shop.xml', |
|||
'views/blog_details.xml', |
|||
'views/website_templates.xml', |
|||
'views/snippets/snippets.xml' |
|||
], |
|||
'assets': { |
|||
'web.assets_frontend': [ |
|||
'https://cdn.jsdelivr.net/npm/material-icons@1.13.12/iconfont/material-icons.min.css', |
|||
'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js', |
|||
'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js', |
|||
'https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.css', |
|||
'/theme_zen_dark/static/src/css/animate.min.css', |
|||
'/theme_zen_dark/static/src/css/foundation.min.css', |
|||
'/theme_zen_dark/static/src/css/owl.theme.default.min.css', |
|||
'/theme_zen_dark/static/src/css/style.css', |
|||
'/theme_zen_dark/static/src/css/style2.css', |
|||
'/theme_zen_dark/static/lib/js/foundation.min.js', |
|||
] |
|||
}, |
|||
'images': [ |
|||
'static/description/banner.jpg', |
|||
'static/description/theme_screenshot.jpg', |
|||
], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'application': False, |
|||
'auto_install': False, |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys (odoo@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 recent_post |
|||
@ -0,0 +1,83 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys (odoo@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, http |
|||
from odoo.http import request |
|||
from odoo.osv import expression |
|||
from odoo.addons.website_blog.controllers.main import WebsiteBlog |
|||
|
|||
|
|||
class WebsiteBlogInherit(WebsiteBlog): |
|||
"""Class inherit Website Blog to check recent posts""" |
|||
|
|||
@http.route([ |
|||
'/blog', |
|||
'/blog/page/<int:page>', |
|||
'/blog/tag/<string:tag>', |
|||
'/blog/tag/<string:tag>/page/<int:page>', |
|||
'''/blog/<model("blog.blog"):blog>''', |
|||
'''/blog/<model("blog.blog"):blog>/page/<int:page>''', |
|||
'''/blog/<model("blog.blog"):blog>/tag/<string:tag>''', |
|||
'''/blog/<model("blog.blog"):blog>/tag/<string:tag>/page/<int:page>''', |
|||
], type='http', auth="public", website=True, sitemap=True) |
|||
def blog(self, blog=None, tag=None, page=1, search=None, **opt): |
|||
"""Function recent posted blog |
|||
@returns: Dict of the blog sorted by recent dates |
|||
""" |
|||
limit = 3 |
|||
order = 'published_date desc' |
|||
dom = expression.AND([ |
|||
[('website_published', '=', True), |
|||
('post_date', '<=', fields.Datetime.now())], |
|||
request.website.website_domain() |
|||
]) |
|||
posts = request.env['blog.post'].search(dom, limit=limit, order=order) |
|||
res = super().blog( |
|||
blog=blog, tag=tag, page=page, search=search, **opt) |
|||
res.qcontext.update({'posts_recent': posts}) |
|||
return res |
|||
|
|||
@http.route([ |
|||
'''/blog/<model("blog.blog"):blog>/ |
|||
<model("blog.post","[('blog_id','=',blog.id)]"):blog_post>''', |
|||
], type='http', auth="public", website=True, sitemap=True) |
|||
def blog_post( self, blog, blog_post, tag_id=None, page=1, |
|||
enable_editor=None, **post): |
|||
"""Function recent posted blog posts |
|||
@param blog_post: browse of the current post |
|||
@param blog: browse of the current blog |
|||
@param tag_id: current tag, if tag_id in parameters |
|||
@param pager: a pager on the comments |
|||
@returns Dictionary the blog posts sorted by recent dates |
|||
""" |
|||
limit = 3 |
|||
order = 'published_date desc' |
|||
dom = expression.AND([ |
|||
[('website_published', '=', True), |
|||
('post_date', '<=', fields.Datetime.now())], |
|||
request.website.website_domain() |
|||
]) |
|||
posts = request.env['blog.post'].search(dom, limit=limit, order=order) |
|||
res = super().blog_post( |
|||
blog, blog_post, tag_id=tag_id, page=page, |
|||
enable_editor=enable_editor, **post) |
|||
res.qcontext.update({'posts_recent': posts}) |
|||
return res |
|||
@ -0,0 +1,7 @@ |
|||
## Module <theme_zen_dark> |
|||
|
|||
#### 23.02.2025 |
|||
#### Version 18.0.1.0.0 |
|||
#### ADD |
|||
|
|||
- Initial commit for Theme Zen Dark |
|||
@ -0,0 +1,22 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys (odoo@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_zen_dark |
|||
@ -0,0 +1,43 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys (odoo@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 ThemeZen(models.AbstractModel): |
|||
"""Class to inherit theme util to perform post functions.""" |
|||
_inherit = 'theme.utils' |
|||
|
|||
def _theme_zen_dark_post_copy(self, mod): |
|||
"""Function to perform on the installation of theme like |
|||
disabling or enabling necessary views |
|||
@param mod: get module data |
|||
""" |
|||
self.enable_view('website.template_header_hamburger') |
|||
self.enable_view('website_blog.opt_blog_sidebar_show') |
|||
self.enable_view('website_blog.opt_blog_post_sidebar') |
|||
self.enable_view('website_blog.opt_blog_list_view') |
|||
self.enable_view('website_sale_wishlist.add_to_wishlist') |
|||
self.disable_view('website.header_call_to_action') |
|||
self.enable_view('website.header_visibility_disappears') |
|||
self.disable_view('website.template_header_default') |
|||
self.disable_view('website_blog.opt_posts_loop_show_author') |
|||
self.disable_view('website_sale.products_list_view') |
|||
|
After Width: | Height: | Size: 194 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 193 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 362 KiB |
|
After Width: | Height: | Size: 386 KiB |
|
After Width: | Height: | Size: 475 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 929 B |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 876 KiB |
|
After Width: | Height: | Size: 119 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 1.8 MiB |
|
After Width: | Height: | Size: 950 KiB |
|
After Width: | Height: | Size: 807 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 824 KiB |
|
After Width: | Height: | Size: 654 KiB |
|
After Width: | Height: | Size: 577 KiB |
|
After Width: | Height: | Size: 807 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 885 B |
@ -0,0 +1,742 @@ |
|||
<!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 class="text-center" |
|||
style="background-color:#7C7BAD !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"> |
|||
Odoo.sh |
|||
</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="./banner.jpg" class="img-fluid" style="border-radius: 16px; width:1300px"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
|
|||
<!-- widgets-features --> |
|||
|
|||
|
|||
<!--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> |
|||
|
|||
|
|||
</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="./images/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;">Stunning eCommerce Frontend</a></h4> |
|||
|
|||
<p>A Captivating Frontend for Exceptional eCommerce</p> |
|||
</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="./images/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;">Improved User Interaction</a></h4> |
|||
|
|||
<p>Custom-designed snippets enhance user experience.</p> |
|||
</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="./images/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;">Product Sliders</a></h4> |
|||
|
|||
<p>Showcase products interactively with smooth transitions.</p> |
|||
</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="./images/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;">Comprehensive eCommerce Customization</a></h4> |
|||
|
|||
<p> Fully customizes eCommerce websites, including shop and product views.</p> |
|||
</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="./images/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;">Customizable View Structures</a></h4> |
|||
|
|||
<p>Modified Structure for All Type Views.</p> |
|||
</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="./images/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;">Optimized Interface for All Devices</a></h4> |
|||
|
|||
<p>A highly intuitive and user-friendly interface, optimized for seamless use across both |
|||
desktop and mobile devices.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
<!--sections --> |
|||
|
|||
<section class="my-5"> |
|||
<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;">Home</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Transform your homepage effortlessly with our intuitive |
|||
customization tools. Drag and drop elements to create an inviting and engaging entry |
|||
point for your visitors.</p> |
|||
|
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./images/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;"> Portfolio</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Showcase your work in style with our portfolio customization options. |
|||
Easily organize and present your projects to captivate your audience and highlight |
|||
your expertise.</p> |
|||
|
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./images/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> |
|||
<!-- --> |
|||
|
|||
<!--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;">Blog</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Share your thoughts and insights with the world through our |
|||
customizable blog section. Publish engaging content and foster a community around your |
|||
brand with our intuitive blogging tools.</p> |
|||
|
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./images/6.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;">Recent Works</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;"> Keep your audience engaged with your latest projects using our |
|||
recent works feature. Showcase your most recent endeavors in a visually appealing manner |
|||
to spark interest and curiosity.</p> |
|||
|
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./images/5.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 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;">About</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Introduce your brand and values with a compelling 'About' section. |
|||
Share your story, mission, and vision to connect with your audience on a deeper level.</p> |
|||
|
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./images/4.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;">Service</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;"> Highlight your offerings with a clear and engaging service section. |
|||
Showcase what you provide to meet your audience’s needs and demonstrate your expertise.</p> |
|||
|
|||
|
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./images/service.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> |
|||
|
|||
<!-- --> |
|||
</section> |
|||
|
|||
<!-- section content --> |
|||
|
|||
<div class="my-5"> |
|||
<div class=""> |
|||
<img src="./images/hero.png" class="img-fluid" style="border-radius: 16px; width:1300px"> |
|||
</div> |
|||
</div> |
|||
|
|||
<section class="mb-5" |
|||
style="background: linear-gradient(to top, rgb(253 254 255), #E5EEFF); border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;"> |
|||
<div class="row d-flex align-items-center"> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div style="padding: 20px;"> |
|||
<h4 class="" style="font-size: 46px;"> |
|||
<span class="gradient" style="background: linear-gradient(248.96deg, #FF9C8D 45.28%, #D655A5 65.79%, #6053CB 85.87%); |
|||
background-clip: text; |
|||
-webkit-background-clip: text; |
|||
-webkit-text-fill-color: transparent; |
|||
font-weight: 700; |
|||
display: inline-block; |
|||
width: 100%;"></span><br> |
|||
<span class="gradient" style="background: linear-gradient(248.96deg, #FF9C8D 45.28%, #D655A5 65.79%, #6053CB 85.87%); |
|||
background-clip: text; |
|||
-webkit-background-clip: text; |
|||
-webkit-text-fill-color: transparent; |
|||
font-weight: 700; |
|||
display: inline-block; |
|||
width: 100%;"><span class="under-line">Mobile</span> View</span><br> |
|||
</h4> |
|||
|
|||
<div class="mt-4"> |
|||
<p style="color: #444;"> Customizing and using our theme is effortless. |
|||
With a simple drag-and-drop interface, you can create visually stunning webpages. |
|||
Whether you're a novice or an experienced user, our intuitive design tools make the |
|||
process seamless. Say goodbye to complicated setups and hello to hassle-free website |
|||
customization. Elevate your online presence with ease using our user-friendly theme.</p> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div> |
|||
<div> |
|||
<img class="img-fluid" src="./images/phone-screenshots.jpg" style=" |
|||
border-radius: 20px; |
|||
"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 2 --> |
|||
|
|||
<section class="" |
|||
style="background: linear-gradient(to top, rgb(253 254 255), #E5EEFF); border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;"> |
|||
<div class="row d-flex align-items-center"> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div> |
|||
<div> |
|||
<img class="img-fluid" src="./images/laptop-screenshots.jpg" style=" |
|||
border-radius: 20px; |
|||
"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div style="padding: 20px;"> |
|||
<h4 class="" style="font-size: 46px;"> |
|||
<span class="gradient" style="background: linear-gradient(248.96deg, #FF9C8D 45.28%, #D655A5 65.79%, #6053CB 85.87%); |
|||
background-clip: text; |
|||
-webkit-background-clip: text; |
|||
-webkit-text-fill-color: transparent; |
|||
font-weight: 700; |
|||
display: inline-block; |
|||
width: 100%;"><span class="under-line">Desktop</span> View</span><br> |
|||
</h4> |
|||
|
|||
<div class="mt-4"> |
|||
<p style="color: #444;">Our theme offers a modern, |
|||
user-friendly design that enhances the stylishness and beauty of your webpage. |
|||
With its sleek aesthetics and intuitive interface, |
|||
your website will captivate visitors and leave a lasting impression. |
|||
Experience the perfect blend of functionality and aesthetics with our contemporary theme. |
|||
Elevate your online presence effortlessly and stand out in today's digital landscape.</p> |
|||
</div> |
|||
</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="./images/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="./images/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="./images/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="./images/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="./images/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="./images/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="./images/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="./images/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: 333 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,6 @@ |
|||
/** |
|||
* Owl Carousel v2.3.4 |
|||
* Copyright 2013-2018 David Deutsch |
|||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
|||
*/ |
|||
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,353 @@ |
|||
.title-details-zen{ |
|||
font-size: 16px; |
|||
padding-top: 15px; |
|||
margin: 0 10px; |
|||
line-height: 1.8; |
|||
font-weight: 600; |
|||
letter-spacing: 0px; |
|||
font-family: "Open Sans", sans-serif !important; |
|||
color: #1f2125 !important; |
|||
text-align: left; |
|||
} |
|||
|
|||
.tracking-in-expand-zen{ |
|||
animation: tracking-in-expand 4s cubic-bezier(0.215, 0.61, 0.355, 1) both; |
|||
} |
|||
|
|||
.card-text-group{ |
|||
margin-top: 30px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.card-text-zen{ |
|||
color: #1f2125 !important; |
|||
text-decoration: none !important; |
|||
text-transform: uppercase; |
|||
letter-spacing: 2px; |
|||
font-size: 12px; |
|||
font-weight: 700; |
|||
font-family: "Oswald", sans-serif !important; |
|||
} |
|||
|
|||
.card-text-zen:hover{ |
|||
color: #f0bd7a !important; |
|||
} |
|||
|
|||
.card-body-zen { |
|||
margin-top: 10px; |
|||
transition: all 1.5s ease-in !important; |
|||
} |
|||
|
|||
.card-body-zen .card-title-zen { |
|||
font-size: 30px !important; |
|||
text-transform: uppercase; |
|||
color: #1f2125; |
|||
padding-top: 15px; |
|||
margin: 0 10px; |
|||
text-align: left; |
|||
::after, ::before { |
|||
box-sizing: border-box; |
|||
} |
|||
} |
|||
|
|||
@media screen and (max-width: 768px) { |
|||
.card-body-zen .card-title-zen { |
|||
font-size: 20px; |
|||
} |
|||
} |
|||
|
|||
.card-body-zen .blog-links { |
|||
padding-top: 20px; |
|||
margin-top: 10px; |
|||
transition: all 1.5s ease; |
|||
} |
|||
|
|||
.card-body-zen .blog-links:hover { |
|||
transform: translateX(20px); |
|||
} |
|||
|
|||
.card-body-zen ul { |
|||
display: flex; |
|||
padding-left: 0; |
|||
} |
|||
|
|||
@media screen and (max-width: 738px) { |
|||
.card-body-zen ul { |
|||
display: block; |
|||
} |
|||
} |
|||
|
|||
.card-body-zen ul .icon { |
|||
max-width: 20px; |
|||
display: block; |
|||
} |
|||
|
|||
.card-body-zen ul .icon img { |
|||
width: 100%; |
|||
} |
|||
|
|||
.card-body-zen ul li { |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.card-body-zen ul li a { |
|||
color: #6c6a74; |
|||
text-decoration: none; |
|||
text-transform: uppercase; |
|||
letter-spacing: 2px; |
|||
font-size: 11px; |
|||
} |
|||
|
|||
.card-body-zen ul li a:hover { |
|||
color: #f0bd7a; |
|||
} |
|||
|
|||
.card-body-zen .card-text-group { |
|||
margin-top: 30px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.card-zen .img_wrapper-zen { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.card-zen .img_wrapper-zen { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.card-img-top-zen { |
|||
border-radius: 0 !important; |
|||
overflow: hidden !important; |
|||
width: 100% !important; |
|||
vertical-align: middle !important; |
|||
} |
|||
|
|||
.inner-zen { |
|||
padding: 5px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.inner-zen a { |
|||
color: #f6faff; |
|||
text-decoration: none; |
|||
background-color: #333333; |
|||
padding: 5px 20px; |
|||
text-transform: uppercase; |
|||
} |
|||
|
|||
.inner-zen a:hover{ |
|||
background-color: #333333; |
|||
} |
|||
|
|||
.website_blog .o_wblog_read_text p, .website_blog .o_wblog_read_text ul, .website_blog .o_wblog_read_text ol{ |
|||
font-family: "Open Sans", sans-serif !important; |
|||
font-size: 14px; |
|||
line-height: 29px; |
|||
letter-spacing: 1px; |
|||
color: #888787; |
|||
font-weight: 600; |
|||
} |
|||
|
|||
.website_blog .o_wblog_read_text .lead{ |
|||
color: #333333; |
|||
font-weight: 700; |
|||
font-size: 30px; |
|||
padding-top: 20px; |
|||
padding-bottom: 20px; |
|||
text-align: center; |
|||
animation: lead 4s cubic-bezier(0.215, 0.61, 0.355, 1) both; |
|||
margin-bottom: .5rem; |
|||
line-height: 1.2; |
|||
margin-top: 0; |
|||
} |
|||
|
|||
.card-zen{ |
|||
border-radius: 0; |
|||
border: none; |
|||
padding-top: 10px !important; |
|||
padding: 40px 0; |
|||
padding-top: 40px; |
|||
-ms-flex: 1 0 0%; |
|||
flex: 1 0 0%; |
|||
margin-right: 15px; |
|||
margin-bottom: 0; |
|||
margin-left: 15px; |
|||
position: relative; |
|||
display: -ms-flexbox; |
|||
display: flex; |
|||
-ms-flex-direction: column; |
|||
flex-direction: column; |
|||
min-width: 0; |
|||
word-wrap: break-word; |
|||
background-color: #fff; |
|||
background-clip: border-box; |
|||
} |
|||
|
|||
.card-heading-zen{ |
|||
font-size: 16px; |
|||
font-weight: 700; |
|||
text-transform: uppercase; |
|||
letter-spacing: 1px; |
|||
font-family: "Open Sans", sans-serif !important; |
|||
color: #1f2125; |
|||
} |
|||
|
|||
.card-date-hover:hover{ |
|||
color: #f0bd7a !important; |
|||
} |
|||
|
|||
.card-img{ |
|||
height: 10%; |
|||
width: 30%; |
|||
} |
|||
|
|||
.menu-toggler-zen{ |
|||
border: none !important; |
|||
color: #b36251 !important; |
|||
} |
|||
|
|||
.navbar-light .navbar-toggler-icon { |
|||
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(179, 98, 81, 1.0)' stroke-width='3.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h24M4 13h24M4 19h24'/%3e%3c/svg%3e"); |
|||
} |
|||
|
|||
.navbar-light button:focus, button:hover { |
|||
background: transparent !important; |
|||
} |
|||
|
|||
.s_latest_posts[data-vcss="001"] .s_latest_posts_horizontal.js_get_posts .s_latest_posts_post .card-title-zen { |
|||
padding-left: 0 !important; |
|||
} |
|||
|
|||
@media screen and (max-width: 768px) { |
|||
#menu-bar{ |
|||
margin: 20px 0px 0 0; |
|||
} |
|||
} |
|||
|
|||
.cover_small { |
|||
height: 100px !important; |
|||
width: 100px !important; |
|||
} |
|||
.cover_big { |
|||
margin: 3% 0 0 8%; |
|||
height: 500px !important; |
|||
width: 800px !important; |
|||
} |
|||
|
|||
@media screen and (max-width: 768px) { |
|||
.cover_big { |
|||
margin: 3% 0 0 8%; |
|||
height: 200px !important; |
|||
width: 250px !important; |
|||
} |
|||
} |
|||
|
|||
@media screen and (max-width: 768px) { |
|||
header { |
|||
margin-bottom: 0 !important; |
|||
} |
|||
} |
|||
|
|||
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { |
|||
color: #FFFFFF; |
|||
background-color: #000 !important; |
|||
} |
|||
|
|||
.nav-link span { |
|||
color: #bfbac9; |
|||
} |
|||
|
|||
.input-group .oe_search_box{ |
|||
padding-left: 3.375rem !important; |
|||
background-color: #333333 !important; |
|||
color: #f6faff !important; |
|||
height: 50px; |
|||
} |
|||
|
|||
ul{ |
|||
margin-left: 0 !important; |
|||
} |
|||
|
|||
.sidebar .categories ul li{ |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
} |
|||
|
|||
.product { |
|||
margin-top: 60px; |
|||
} |
|||
|
|||
|
|||
.product .product_wrapper { |
|||
margin-bottom: 90px; |
|||
} |
|||
|
|||
|
|||
#products_grid.o_wsale_layout_list .oe_product_cart{ |
|||
width: 500px; |
|||
height: 200px; |
|||
margin-left: 42px; |
|||
} |
|||
.pagination1{ |
|||
background-color: #f2f2f2; |
|||
display: flex; |
|||
position: relative; |
|||
overflow: hidden; |
|||
justify-content: center; |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
.pagination1 a{ |
|||
width: 100px; |
|||
height: 80px; |
|||
line-height: 80px; |
|||
text-align: center; |
|||
color: #333; |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
transition: .3s linear; |
|||
} |
|||
|
|||
.pagination1 a:hover{ |
|||
color: #eb4d4b; |
|||
} |
|||
|
|||
.bar1{ |
|||
position: absolute; |
|||
width: 100px; |
|||
height: 4px; |
|||
background-color: #eb4d4b; |
|||
bottom: 0; |
|||
left: -100px; |
|||
transition: .4s linear; |
|||
} |
|||
|
|||
.banner_about { |
|||
background:linear-gradient( rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5)100%), url(./../img/banner/product.jpg); |
|||
padding: 135px 0; |
|||
background-size: cover; |
|||
width: 100%; |
|||
background-repeat: no-repeat; |
|||
background-position: center; |
|||
position: relative; |
|||
.b_head{ |
|||
margin-top: 100px; |
|||
text-align: center; |
|||
font-size: 45px; |
|||
font-weight: 700; |
|||
width: 100%; |
|||
text-align: left; |
|||
} |
|||
} |
|||
|
|||
.btn-change1:hover{ |
|||
-webkit-box-shadow: 50px 0px 0 0 #31708f inset , -50px 0px 0 0 #31708f inset !important; |
|||
} |
|||
|
|||
@media (max-width: 767.98px) { |
|||
.video { |
|||
height: 75vh !important; |
|||
} |
|||
} |
|||
@ -0,0 +1,93 @@ |
|||
Copyright 2016 The Oswald Project Authors (https://github.com/googlefonts/OswaldFont) |
|||
|
|||
This Font Software is licensed under the SIL Open Font License, Version 1.1. |
|||
This license is copied below, and is also available with a FAQ at: |
|||
http://scripts.sil.org/OFL |
|||
|
|||
|
|||
----------------------------------------------------------- |
|||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 |
|||
----------------------------------------------------------- |
|||
|
|||
PREAMBLE |
|||
The goals of the Open Font License (OFL) are to stimulate worldwide |
|||
development of collaborative font projects, to support the font creation |
|||
efforts of academic and linguistic communities, and to provide a free and |
|||
open framework in which fonts may be shared and improved in partnership |
|||
with others. |
|||
|
|||
The OFL allows the licensed fonts to be used, studied, modified and |
|||
redistributed freely as long as they are not sold by themselves. The |
|||
fonts, including any derivative works, can be bundled, embedded, |
|||
redistributed and/or sold with any software provided that any reserved |
|||
names are not used by derivative works. The fonts and derivatives, |
|||
however, cannot be released under any other type of license. The |
|||
requirement for fonts to remain under this license does not apply |
|||
to any document created using the fonts or their derivatives. |
|||
|
|||
DEFINITIONS |
|||
"Font Software" refers to the set of files released by the Copyright |
|||
Holder(s) under this license and clearly marked as such. This may |
|||
include source files, build scripts and documentation. |
|||
|
|||
"Reserved Font Name" refers to any names specified as such after the |
|||
copyright statement(s). |
|||
|
|||
"Original Version" refers to the collection of Font Software components as |
|||
distributed by the Copyright Holder(s). |
|||
|
|||
"Modified Version" refers to any derivative made by adding to, deleting, |
|||
or substituting -- in part or in whole -- any of the components of the |
|||
Original Version, by changing formats or by porting the Font Software to a |
|||
new environment. |
|||
|
|||
"Author" refers to any designer, engineer, programmer, technical |
|||
writer or other person who contributed to the Font Software. |
|||
|
|||
PERMISSION & CONDITIONS |
|||
Permission is hereby granted, free of charge, to any person obtaining |
|||
a copy of the Font Software, to use, study, copy, merge, embed, modify, |
|||
redistribute, and sell modified and unmodified copies of the Font |
|||
Software, subject to the following conditions: |
|||
|
|||
1) Neither the Font Software nor any of its individual components, |
|||
in Original or Modified Versions, may be sold by itself. |
|||
|
|||
2) Original or Modified Versions of the Font Software may be bundled, |
|||
redistributed and/or sold with any software, provided that each copy |
|||
contains the above copyright notice and this license. These can be |
|||
included either as stand-alone text files, human-readable headers or |
|||
in the appropriate machine-readable metadata fields within text or |
|||
binary files as long as those fields can be easily viewed by the user. |
|||
|
|||
3) No Modified Version of the Font Software may use the Reserved Font |
|||
Name(s) unless explicit written permission is granted by the corresponding |
|||
Copyright Holder. This restriction only applies to the primary font name as |
|||
presented to the users. |
|||
|
|||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font |
|||
Software shall not be used to promote, endorse or advertise any |
|||
Modified Version, except to acknowledge the contribution(s) of the |
|||
Copyright Holder(s) and the Author(s) or with their explicit written |
|||
permission. |
|||
|
|||
5) The Font Software, modified or unmodified, in part or in whole, |
|||
must be distributed entirely under this license, and must not be |
|||
distributed under any other license. The requirement for fonts to |
|||
remain under this license does not apply to any document created |
|||
using the Font Software. |
|||
|
|||
TERMINATION |
|||
This license becomes null and void if any of the above conditions are |
|||
not met. |
|||
|
|||
DISCLAIMER |
|||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
|||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF |
|||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT |
|||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE |
|||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, |
|||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL |
|||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
|||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM |
|||
OTHER DEALINGS IN THE FONT SOFTWARE. |
|||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 366 KiB |
|
After Width: | Height: | Size: 365 KiB |
|
After Width: | Height: | Size: 284 KiB |
|
After Width: | Height: | Size: 527 KiB |
|
After Width: | Height: | Size: 533 KiB |
|
After Width: | Height: | Size: 157 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 979 KiB |
|
After Width: | Height: | Size: 534 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 677 KiB |
|
After Width: | Height: | Size: 325 KiB |
|
After Width: | Height: | Size: 403 KiB |
|
After Width: | Height: | Size: 265 KiB |
|
After Width: | Height: | Size: 926 KiB |
|
After Width: | Height: | Size: 338 KiB |
|
After Width: | Height: | Size: 442 KiB |
|
After Width: | Height: | Size: 310 KiB |
|
After Width: | Height: | Size: 221 KiB |
|
After Width: | Height: | Size: 119 KiB |
|
After Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 184 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 158 KiB |
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 115 KiB |
|
After Width: | Height: | Size: 75 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 263 KiB |
|
After Width: | Height: | Size: 225 KiB |
|
After Width: | Height: | Size: 283 KiB |
|
After Width: | Height: | Size: 337 KiB |
|
After Width: | Height: | Size: 463 KiB |
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue