@ -0,0 +1,41 @@ |
|||
Theme Zen Dark |
|||
============== |
|||
* Design Web Pages with theme zen dark |
|||
|
|||
Installation |
|||
============ |
|||
- www.odoo.com/documentation/14.0/setup/install.html |
|||
- Install our custom addon |
|||
|
|||
License |
|||
------- |
|||
General Public License, Version 3 (LGPL v3). |
|||
(https://www.odoo.com/documentation/user/13.0/legal/licenses/licenses.html) |
|||
|
|||
Company |
|||
------- |
|||
* 'Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
Credits |
|||
------- |
|||
* Developer: |
|||
Susmitha @ cybrosys |
|||
|
|||
Contacts |
|||
-------- |
|||
* Mail Contact : odoo@cybrosys.com |
|||
|
|||
Bug Tracker |
|||
----------- |
|||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
|||
|
|||
Maintainer |
|||
========== |
|||
This module is maintained by Cybrosys Technologies. |
|||
|
|||
For support and more information, please visit https://www.cybrosys.com |
|||
|
|||
Further information |
|||
=================== |
|||
HTML Description: `<static/description/index.html>`__ |
|||
|
@ -0,0 +1,24 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2021-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 models |
|||
from . import controllers |
@ -0,0 +1,61 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2021-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 Zen Dark', |
|||
'description': 'Design Web Pages with theme zen dark', |
|||
'summary': 'Design Web Pages with theme zen dark', |
|||
'category': 'Theme/Corporate', |
|||
'version': '14.0.1.0.0', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': "https://www.cybrosys.com", |
|||
'depends': ['base', 'website', 'website_blog', 'website_sale_wishlist'], |
|||
'data': [ |
|||
'views/index/index_banner.xml', |
|||
'views/index/index_about.xml', |
|||
'views/index/index_testinomial.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/assets.xml', |
|||
'views/templates.xml', |
|||
], |
|||
'images': [ |
|||
'static/description/banner.png', |
|||
'static/description/theme_screenshot.png', |
|||
], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'application': False, |
|||
'auto_install': False, |
|||
} |
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2021-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 recent_post |
@ -0,0 +1,69 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2021-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 http, fields |
|||
from odoo.http import request |
|||
from odoo.osv import expression |
|||
from odoo.addons.website_blog.controllers.main import WebsiteBlog |
|||
|
|||
|
|||
class WebsiteBlogInherit(WebsiteBlog): |
|||
|
|||
@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): |
|||
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(WebsiteBlogInherit, self).blog(blog=blog, tag=tag, page=1, 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): |
|||
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(WebsiteBlogInherit, self).blog_post(blog, blog_post, tag_id=tag_id, page=1, |
|||
enable_editor=None, **post) |
|||
res.qcontext.update({'posts_recent': posts}) |
|||
return res |
@ -0,0 +1,9 @@ |
|||
## Module <theme_zen_dark> |
|||
|
|||
#### 10.08.2021 |
|||
|
|||
#### Version 14.0.1.0.0 |
|||
|
|||
#### ADD |
|||
|
|||
- Initial commit for Theme Zen Dark |
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2021-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_zen_dark |
@ -0,0 +1,38 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2021-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 ThemeZen(models.AbstractModel): |
|||
_inherit = 'theme.utils' |
|||
|
|||
def _theme_zen_dark_post_copy(self, mod): |
|||
self.enable_view('website.template_header_magazine') |
|||
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.template_header_default') |
|||
self.disable_view('website_blog.opt_posts_loop_show_author') |
|||
self.disable_view('website_sale.add_grid_or_list_option') |
|||
self.disable_view('website_sale.products_list_view') |
After Width: | Height: | Size: 246 KiB |
After Width: | Height: | Size: 27 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: 51 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 362 KiB |
After Width: | Height: | Size: 386 KiB |
After Width: | Height: | Size: 475 KiB |
After Width: | Height: | Size: 86 KiB |
After Width: | Height: | Size: 85 KiB |
After Width: | Height: | Size: 77 KiB |
@ -0,0 +1,265 @@ |
|||
<!-- Hero Section --> |
|||
<div class="container pt-4 mt-4 rounded" style="background-color: #fff; font-family: Montserrat, 'sans-serif';"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 mb-4"> |
|||
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;"> |
|||
<hr style="border-color: #e1e5e9;" /> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 text-center"> |
|||
<img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 text-center"> |
|||
<h1 class="mt-4">Theme Zen Dark</h1> |
|||
<p class="lead mb-4" style="max-width: 700px; margin: 0 auto;"> |
|||
Theme Zen Dark is an attractive and unique front-end theme mainly suitable for eCommerce website. Many |
|||
custom designed snippets facilitates to add better user experience. Contains best deals with new arrival |
|||
products slider, testimonial slider that are configured from the backend. This theme fully customized |
|||
the eCommerce website, shop view, custom categories view, product view, contact us page...etc. it |
|||
contains price filter and clear cart options by default. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- End of Hero Section --> |
|||
|
|||
<!-- Alternate Section --> |
|||
<div class="row p-4"> |
|||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
|||
<h2>Desktop View</h2> |
|||
<p class="lead"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
<div class="col-lg-6 px-4"> |
|||
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto" |
|||
class="mb-4 deep-2" alt="Theme Screenshot"> |
|||
</div> |
|||
</div> |
|||
<div class="row p-4"> |
|||
<div class="col-lg-6 px-4"> |
|||
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto" |
|||
class="mb-4 deep-2" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
|||
<h2>Mobile View</h2> |
|||
<p class="lead"> |
|||
User friendly and modern looking theme makes your page more Stylish And Beautiful. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<!-- End of Alternate Section --> |
|||
|
|||
|
|||
<!-- Two Columns Section --> |
|||
<div class="row p-4"> |
|||
<!-- Column 1 --> |
|||
<div class="col-lg-6"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/1.jpg" width="100%" height="auto" class="mb-4 deep-2" |
|||
alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">Home Page</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
|||
webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 1 --> |
|||
|
|||
<!-- Column 2 --> |
|||
<div class="col-lg-6"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/2.jpg" width="100%" height="auto" class="mb-4 deep-2" |
|||
alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">Portfolio</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
|||
webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 2 --> |
|||
</div> |
|||
<!-- End of Two Columns Section --> |
|||
|
|||
|
|||
<!-- One Column Section --> |
|||
<div class="row p-4"> |
|||
<div class="col-lg-6"> |
|||
<img style="border-radius: 0.5em;" src="images/3.jpg" width="90%" height="auto" class="mb-4 deep-2" |
|||
alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-6" style="padding-top: 100px;"> |
|||
<h2>Overview</h2> |
|||
<p class="lead"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<!-- End of Two Columns Section --> |
|||
|
|||
<!-- Two Columns Section --> |
|||
<div class="row p-4"> |
|||
<!-- Column 1 --> |
|||
<div class="col-lg-4"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/4.jpg" width="100%" height="auto" class="mb-4 deep-2" |
|||
alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">Service</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
|||
webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 1 --> |
|||
|
|||
<!-- Column 2 --> |
|||
<div class="col-lg-4"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/5.jpg" width="100%" height="auto" class="mb-4 deep-2" |
|||
alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">Recent Works</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
|||
webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 2 --> |
|||
|
|||
|
|||
<!-- Column 4 --> |
|||
<div class="col-lg-4"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto" class="mb-4 deep-2" |
|||
alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">Blog</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
|||
webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 4 --> |
|||
</div> |
|||
<!-- End of Two Columns Section --> |
|||
|
|||
<!-- Demo Pages --> |
|||
<section class="oe_container"> |
|||
<div class="row" style="margin: 60px auto -30px;"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h4 class="mt-4">Demo Pages</h4> |
|||
<hr style="border-width: 3px; border-color: #0984e3; width: 100px;"> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="row" style="margin: 40px auto; border-radius: 15px; padding: 38px;"> |
|||
<div class="col-sm-6 col-md-4 px-2"> |
|||
<div class="bg-white deep-2 overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;"> |
|||
<img src="./images/demo-1.jpg" width="300px" height="auto"> |
|||
<h6 class="text-center my-3">Home</h6> |
|||
<hr style="border-width: 5px; border-color: #0984e3; width: 150px; margin-bottom: 0;"> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-sm-6 col-md-4 px-2"> |
|||
<div class="bg-white deep-2 overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0;"> |
|||
<img src="./images/demo-2.jpg" width="300px" height="auto"> |
|||
<h6 class="text-center my-3">About</h6> |
|||
<hr style="border-width: 5px; border-color: #05c46b; width: 150px; margin-bottom: 0;"> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-sm-6 col-md-4 px-2"> |
|||
<div class="bg-white deep-2 overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0;"> |
|||
<img src="./images/demo-3.jpg" width="300px" height="auto"> |
|||
<h6 class="text-center my-3">Service</h6> |
|||
<hr style="border-width: 5px; border-color: #f44f52; width: 150px; margin-bottom: 0;"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</section> |
|||
<!-- End of Demo Pages --> |
|||
|
|||
<!-- Footer --> |
|||
<div class="row" style="margin-top: 4rem;"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h2>Get Help</h2> |
|||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
|||
<p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us |
|||
based |
|||
on |
|||
your use of this module, please let us know. We are ready to offer our support.</p> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col px-4 pt-3 pb-2 deep-2" |
|||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
|||
<div class="row"> |
|||
<div class="col-lg-8"> |
|||
<h6><a href="mailto:info@cybrosys.com" target="_blank" |
|||
style="color: #050505; text-decoration: none;"><i |
|||
class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6> |
|||
</div> |
|||
<div class="col-lg-4 d-flex justify-content-end" style="position: relative;"> |
|||
<h6><a href="mailto:info@cybrosys.com" target="_blank" |
|||
style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a> |
|||
</h6> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col px-4 pt-3 pb-2 deep-2" |
|||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
|||
<div class="row"> |
|||
<div class="col-lg-8"> |
|||
<h6><a href="https://www.cybrosys.com" target="_blank" |
|||
style="color: #050505; text-decoration: none;"><i |
|||
class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6> |
|||
</div> |
|||
<div class="col-lg-4 d-flex justify-content-end" style="position: relative;"> |
|||
<h6><a href="https://www.cybrosys.com" target="_blank" |
|||
style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a> |
|||
</h6> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-12 mt-4 mb-2 text-center"> |
|||
<p style="font-weight: bold">A Quality Theme From</p> |
|||
</div> |
|||
<div class="col-lg-12 text-center"> |
|||
<img src="images/cybro-logo-oca.png" width="80px" height="auto"> |
|||
</div> |
|||
</div> |
|||
<!-- End of Footer --> |
|||
</div> |
After Width: | Height: | Size: 705 KiB |
@ -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-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} |
@ -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} |
@ -0,0 +1,357 @@ |
|||
.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; |
|||
} |
|||
|
|||
.oe_product_cart { |
|||
height: 348px; |
|||
width: 255px; |
|||
margin-left: 25px; |
|||
} |
|||
|
|||
#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; |
|||
} |
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: 4.8 MiB |
After Width: | Height: | Size: 2.1 MiB |
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: 577 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: 2.5 MiB |
After Width: | Height: | Size: 463 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 915 B |
After Width: | Height: | Size: 879 B |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 96 KiB |
After Width: | Height: | Size: 97 KiB |
After Width: | Height: | Size: 86 KiB |
After Width: | Height: | Size: 86 KiB |
After Width: | Height: | Size: 100 KiB |
After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 168 KiB |
After Width: | Height: | Size: 100 KiB |
After Width: | Height: | Size: 145 KiB |
After Width: | Height: | Size: 69 KiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 102 KiB |
After Width: | Height: | Size: 98 KiB |
After Width: | Height: | Size: 131 KiB |
After Width: | Height: | Size: 83 KiB |
After Width: | Height: | Size: 68 KiB |
After Width: | Height: | Size: 105 KiB |
After Width: | Height: | Size: 76 KiB |