AjmalCybro
4 months ago
115 changed files with 11530 additions and 0 deletions
@ -0,0 +1,49 @@ |
|||||
|
.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg |
||||
|
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
||||
|
:alt: License: LGPL-3 |
||||
|
|
||||
|
Theme Splash |
||||
|
============ |
||||
|
* Design Web Pages with Theme Splash |
||||
|
|
||||
|
Configuration |
||||
|
============ |
||||
|
- www.odoo.com/documentation/18.0/administration/on_premise.html |
||||
|
- Install our custom addon |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
General Public License, Version 3 (LGPL v3). |
||||
|
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
* Developers: (V18) Adarsh K, |
||||
|
(V17) Sruthi M, |
||||
|
* Contact: odoo@cybrosys.com |
||||
|
|
||||
|
Contacts |
||||
|
-------- |
||||
|
* Mail Contact : odoo@cybrosys.com |
||||
|
* Website : https://cybrosys.com |
||||
|
|
||||
|
Bug Tracker |
||||
|
----------- |
||||
|
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
||||
|
|
||||
|
Maintainer |
||||
|
-------- |
||||
|
This module is maintained by Cybrosys Technologies. |
||||
|
|
||||
|
For support and more information, please visit https://www.cybrosys.com |
||||
|
|
||||
|
.. image:: https://cybrosys.com/images/logo.png |
||||
|
:target: https://cybrosys.com" |
||||
|
|
||||
|
Further information |
||||
|
=================== |
||||
|
HTML Description: `<static/description/index.html>`__ |
||||
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import controllers |
||||
@ -0,0 +1,76 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
{ |
||||
|
'name': 'Theme Splash', |
||||
|
'version': '18.0.1.0.0', |
||||
|
'category': 'Theme/Corporate', |
||||
|
'summary': 'Design Web Pages with Theme Splash', |
||||
|
'description': 'Theme Splash 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.', |
||||
|
'author': 'Cybrosys Techno Solutions', |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
'website': "https://www.cybrosys.com", |
||||
|
'depends': ['base', 'website_sale_wishlist', 'website_blog', 'website_mass_mailing'], |
||||
|
'data': [ |
||||
|
'views/contact_us_templates.xml', |
||||
|
'views/website_layout_templates.xml', |
||||
|
'views/shop_templates.xml', |
||||
|
'views/blog_templates.xml', |
||||
|
'views/snippets/website_snippets_templates.xml', |
||||
|
'views/snippets/about.xml', |
||||
|
'views/snippets/service.xml', |
||||
|
'views/snippets/index/index_banner.xml', |
||||
|
'views/snippets/index/index_about.xml', |
||||
|
'views/snippets/index/index_tab_section.xml', |
||||
|
'views/snippets/index/index_about_section.xml', |
||||
|
'views/snippets/index/index_service.xml', |
||||
|
'views/snippets/index/index_expect_tab.xml', |
||||
|
'views/snippets/index/index_commercial_service.xml', |
||||
|
'views/snippets/index/index_testmonial.xml', |
||||
|
'views/snippets/index/index_blog.xml', |
||||
|
'views/snippets/index/index_partner.xml' |
||||
|
], |
||||
|
'assets': { |
||||
|
'web.assets_frontend': [ |
||||
|
'https://use.fontawesome.com/releases/v5.7.0/css/all.css', |
||||
|
'/theme_splash/static/src/css/style.css', |
||||
|
'/theme_splash/static/src/js/custom.js', |
||||
|
'/theme_splash/static/src/css/font-awesome.min.css', |
||||
|
] |
||||
|
}, |
||||
|
'images': [ |
||||
|
'static/description/banner.jpg', |
||||
|
'static/description/theme_screenshot.jpg' |
||||
|
], |
||||
|
'license': 'LGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
'application': False, |
||||
|
} |
||||
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import theme_splash |
||||
@ -0,0 +1,80 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import fields, http |
||||
|
from odoo.addons.website_blog.controllers.main import WebsiteBlog |
||||
|
from odoo.http import request |
||||
|
from odoo.osv import expression |
||||
|
|
||||
|
|
||||
|
class WebsiteBlogInherit(WebsiteBlog): |
||||
|
"""Overrides the blog() and blog_post() methods to add recent posts to |
||||
|
their respective contexts.It also sets limits and orders for the posts |
||||
|
displayed on the blog and blog post pages.""" |
||||
|
|
||||
|
@http.route() |
||||
|
def blog(self, blog=None, tag=None, search=None, **opt): |
||||
|
"""It fetches recent blog posts that are published on the website and |
||||
|
updates the context of the blog page with the recent posts.""" |
||||
|
posts = request.env['blog.post'].search(expression.AND([ |
||||
|
[('website_published', '=', True), |
||||
|
('post_date', '<=', fields.Datetime.now())], |
||||
|
request.website.website_domain() |
||||
|
]), limit=3, order='published_date desc') |
||||
|
res = super().blog(blog=blog, tag=tag, page=1, search=search, **opt) |
||||
|
res.qcontext.update({'posts_recent': posts}) |
||||
|
return res |
||||
|
|
||||
|
@http.route() |
||||
|
def blog_post(self, blog, blog_post, tag_id=None, **post): |
||||
|
"""It adds a context variable 'posts_recent', which contains a list of |
||||
|
recent blog posts (limited to 3) to be displayed on the blog |
||||
|
post page.""" |
||||
|
posts = request.env['blog.post'].search(expression.AND([ |
||||
|
[('website_published', '=', True), |
||||
|
('post_date', '<=', fields.Datetime.now())], |
||||
|
request.website.website_domain() |
||||
|
]), limit=3, order='published_date desc') |
||||
|
res = super().blog_post(blog, blog_post, tag_id=tag_id, page=1, |
||||
|
enable_editor=None, **post) |
||||
|
res.qcontext.update({'posts_recent': posts}) |
||||
|
return res |
||||
|
|
||||
|
@http.route('/subscribe_newsletter', auth='public', type='json') |
||||
|
def subscribe_newsletter(self, **kw): |
||||
|
""" To save email to newsletter mail list """ |
||||
|
if request.env['mailing.contact'].sudo().search([ |
||||
|
("email", "=", kw.get("email")), |
||||
|
("list_ids", "in", [ |
||||
|
request.env.ref('mass_mailing.mailing_list_data').id])]): |
||||
|
return False |
||||
|
if request.env.user._is_public(): |
||||
|
visitor_sudo = (request.env['website.visitor'].sudo() |
||||
|
._get_visitor_from_request()) |
||||
|
name = visitor_sudo.display_name if visitor_sudo else "Website Visitor" |
||||
|
else: |
||||
|
name = request.env.user.partner_id.name |
||||
|
request.env['mailing.contact'].sudo().create({ |
||||
|
"name": name, |
||||
|
"email": kw.get('email'), |
||||
|
"list_ids": [request.env.ref('mass_mailing.mailing_list_data').id] |
||||
|
}) |
||||
|
return True |
||||
@ -0,0 +1,7 @@ |
|||||
|
## Module <theme_splash> |
||||
|
|
||||
|
#### 02.01.2025 |
||||
|
#### Version 18.0.1.0.0 |
||||
|
#### ADD |
||||
|
- Initial commit for Theme Splash |
||||
|
|
||||
|
After Width: | Height: | Size: 177 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 71 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 70 KiB |
|
After Width: | Height: | Size: 766 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.2 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: 87 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 368 KiB |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 885 B |
@ -0,0 +1,787 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="UTF-8" /> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
|
<title>app index</title> |
||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" /> |
||||
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
||||
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" |
||||
|
rel="stylesheet"> |
||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" /> |
||||
|
<style> |
||||
|
:root { |
||||
|
--primary-color: #F5C000; |
||||
|
--bg-white: #fff; |
||||
|
--text-color: #121212; |
||||
|
--text-color-light: #64728f; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
font-family: "Montserrat", sans-serif; |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<!-- overview --> |
||||
|
<div class="container"> |
||||
|
|
||||
|
<!-- support-header --> |
||||
|
|
||||
|
<div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;"> |
||||
|
<div class="row justify-content-between"> |
||||
|
<div class="col-4"> |
||||
|
<div class="my-3"> |
||||
|
<img src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35" |
||||
|
style="width:auto !important; height:40px !important"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-6"> |
||||
|
<div class="row" style="margin-top:10px"> |
||||
|
|
||||
|
<div class="my-3 d-flex align-items-center justify-content-end"> |
||||
|
<span class="me-3"><b>Supports: </b></span> |
||||
|
<div class="text-center" |
||||
|
style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
||||
|
Community |
||||
|
</div> |
||||
|
<div class="text-center" |
||||
|
style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
||||
|
Enterprise |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row" style="margin-top:10px"> |
||||
|
<div class="d-flex align-items-center justify-content-end"> |
||||
|
<span class="me-3"><b>Availability: </b></span> |
||||
|
<div class="text-center col" |
||||
|
style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-times" style="color:red"></i> Odoo Online |
||||
|
</div> |
||||
|
<div class="text-center col" |
||||
|
style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-check" style="color:green"></i> Odoo.sh |
||||
|
</div> |
||||
|
<div class="text-center col" |
||||
|
style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-check" style="color:green"></i> On Premise |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
<!-- banner-section --> |
||||
|
<div class="my-5"> |
||||
|
<div class=""> |
||||
|
<img src="./banner.jpg" class="img-fluid" style="border-radius: 16px;width:1300px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
<!--feature section --> |
||||
|
|
||||
|
<div class="my-5" style="padding: 100px; background-color: #f1f5fd; border-radius: 16px;"> |
||||
|
<div class="container"> |
||||
|
<div class="row mb-60"> |
||||
|
<div class="col-lg-12 d-flex justify-content-center align-items-center flex-wrap gap-3"> |
||||
|
<div class="position-relative" ; style=" |
||||
|
text-align: center; |
||||
|
font-size: 46.875px; |
||||
|
font-style: normal; |
||||
|
padding-bottom: 40px; "> |
||||
|
<h2 style="font-weight: 600;">Our Features</h2> |
||||
|
|
||||
|
<p style="color: #999; |
||||
|
text-align: center; |
||||
|
font-size: 15.625px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 25.6px;">info includes 300+ elements that you may need to create website without |
||||
|
external plugins.</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row g-4"> |
||||
|
<div class="col-lg-4 col-md-6" style="visibility: visible;"> |
||||
|
<div style="background-color: #fff;height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">A striking frontend theme</a></h4> |
||||
|
|
||||
|
<p style=" font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;">Theme Splash : A striking frontend theme tailored for 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="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Custom-designed snippets</a></h4> |
||||
|
|
||||
|
<p style="font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;">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="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Features dynamic elements</a></h4> |
||||
|
|
||||
|
<p style="font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;">Features dynamic elements like product sliders and testimonials.</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="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Customized eCommerce websites</a></h4> |
||||
|
|
||||
|
<p style="font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;">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="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Modified Structure</a></h4> |
||||
|
|
||||
|
<p style="font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;">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="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">User-friendly interface</a></h4> |
||||
|
|
||||
|
<p style="font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;">User-friendly interface for both desktop and mobile devices.</p> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
<section class="container my-5"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12"> |
||||
|
<ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs" |
||||
|
style="border:none; background-color:unset; margin:0 auto"> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="col-md-12 tab-content ui-front" |
||||
|
style="border-radius:20px;border: 1px solid #D6E0FF; height:auto;padding: 20px;"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="tab-pane active show fade" id="Features" role="tabpanel" aria-labelledby="features-1"> |
||||
|
<section class=""> |
||||
|
<section class="mt-5"> |
||||
|
<h2 class="pb-5" style="font-weight: 700; text-align: center;">Theme Features</h2> |
||||
|
<div class="row" style="margin-bottom: 24px;width:1900px;"> |
||||
|
<div class="col-md-8"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: #303030; |
||||
|
-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; |
||||
|
color: #f14848; |
||||
|
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 Page</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">It is easy to customize and use. Just drag and drop the building |
||||
|
blocks to make attractive webpages.Customizable building blocks in home page design helps you |
||||
|
to edit them as per needs.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/1.jpg" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
||||
|
aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
|
||||
|
<!--row-2 --> |
||||
|
|
||||
|
<div class="row" style="margin-bottom: 24px;"> |
||||
|
<div class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: 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; |
||||
|
color: #f14848; |
||||
|
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;">It is easy to customize and use. Just drag and drop the building |
||||
|
blocks to make attractive webpages.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/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 class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: 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; |
||||
|
color: #f14848; |
||||
|
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;">Overview</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">It is easy to customize and use. Just drag and drop the building |
||||
|
blocks to make attractive webpages.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/3.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 class="row" style="margin-bottom: 24px;"> |
||||
|
<div class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: 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; |
||||
|
color: #f14848; |
||||
|
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;">Services</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">It is easy to customize and use. Just drag and drop the building blocks |
||||
|
to make attractive webpages.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/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 class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: 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; |
||||
|
color: #f14848; |
||||
|
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;">It is easy to customize and use. Just drag and drop the building blocks |
||||
|
to make attractive webpages. </p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/5.png" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
||||
|
aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
|
||||
|
<!--row-4 --> |
||||
|
|
||||
|
<div class="row" style="margin-bottom: 20px;"> |
||||
|
<div class="col-md-8"> |
||||
|
<div style="border-radius: 10px; padding: 32px;width:1255px; |
||||
|
background-color: 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; |
||||
|
color: #f14848; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Contact</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">It is easy to customize and use. Just drag and drop the building |
||||
|
blocks to make attractive webpages. </p> |
||||
|
|
||||
|
</div> |
||||
|
<div class=" mt-5" style="--aspect-ratioapt: 872/443;"> |
||||
|
<img src="./img/6.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> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</section> |
||||
|
|
||||
|
<!--sections --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- section content --> |
||||
|
|
||||
|
<section class="mb-5" |
||||
|
style="background-color: #f1f5fd; 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 style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;">Transform Your</span><br> |
||||
|
<span style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;">Website into a</span> |
||||
|
<span style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;">Visual Masterpiece.</span> |
||||
|
</h4> |
||||
|
|
||||
|
<div class="mt-4"> |
||||
|
<p style="color: #444; font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5;">Unlock the full potential of your online presence with a stunning website design. Whether |
||||
|
viewed on desktop, tablet, or mobile, your site will look incredible and function seamlessly. Delight |
||||
|
visitors with a visually striking, user-friendly interface that keeps them coming back.</p> |
||||
|
<ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4"> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">High-Quality Visuals</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Fast Load Times</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Intuitive Navigation and User Experience</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Responsive and Adaptive Design</span></li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col col-12 col-md-12 col-lg-6"> |
||||
|
<div> |
||||
|
<div> |
||||
|
<img class="img-fluid" src="./img/visual_screenshots.jpg" style=" |
||||
|
border-radius: 20px; |
||||
|
"> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
<!-- 2 --> |
||||
|
|
||||
|
<section class="" |
||||
|
style="background-color: #f1f5fd; 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="./img/phone-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 style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;">Designed for Mobile,</span><br> |
||||
|
<span style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;">Built to Impress</span> |
||||
|
</h4> |
||||
|
|
||||
|
<div class="mt-4"> |
||||
|
<p style="color: #444; font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5;">Every detail of your website is crafted to deliver a stunning, user-friendly experience on |
||||
|
any mobile device. Your customers will love the seamless navigation and clear visuals.</p> |
||||
|
<ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4"> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Fast Loading Times</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">User-Friendly Navigation</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Responsive Design for Any Device</span></li> |
||||
|
</ul> |
||||
|
</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-color: #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; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/gear.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
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; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#FF947A; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
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; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#3CD856; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/life-ring-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
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; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/arrows-repeat.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
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; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
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; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#69CC70; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
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; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#2E4556; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/odoo-licencing.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
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; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;">Hire Odoo Developer</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</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: 380 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Binary file not shown.
|
After Width: | Height: | Size: 271 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 1.8 MiB |
|
After Width: | Height: | Size: 17 MiB |
|
After Width: | Height: | Size: 15 MiB |
|
After Width: | Height: | Size: 12 MiB |
|
After Width: | Height: | Size: 4.5 MiB |
|
After Width: | Height: | Size: 101 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 40 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 723 B |
|
After Width: | Height: | Size: 943 B |
|
After Width: | Height: | Size: 958 B |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 7.8 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 165 KiB |
@ -0,0 +1,39 @@ |
|||||
|
/** @odoo-module */ |
||||
|
import PublicWidget from "@web/legacy/js/public/public_widget" |
||||
|
import { _t } from "@web/core/l10n/translation"; |
||||
|
import { rpc } from "@web/core/network/rpc"; |
||||
|
|
||||
|
PublicWidget.registry.customSplash = PublicWidget.Widget.extend({ |
||||
|
selector: "#wrapwrap", |
||||
|
events: { |
||||
|
'click .btn-sub': 'onClickSubscribe', |
||||
|
}, |
||||
|
async onClickSubscribe(ev) { |
||||
|
let $button = $(ev.currentTarget) |
||||
|
let $input = $(ev.currentTarget.parentElement).find('input') |
||||
|
let $warning = $(ev.currentTarget.parentElement).find('.warning') |
||||
|
if (this.emailCheck($input.val())) { |
||||
|
if ($button.text() === "Subscribe") { |
||||
|
const data = await rpc('/subscribe_newsletter', { |
||||
|
email: $input.val() |
||||
|
}) |
||||
|
if (data) { |
||||
|
$warning.hide() |
||||
|
$input.css('pointer-events', 'none') |
||||
|
$button.css('background-color', 'green') |
||||
|
$button.text("Thanks") |
||||
|
} else { |
||||
|
$warning.text("Already subscribed to the newsletter.") |
||||
|
$warning.show() |
||||
|
} |
||||
|
} |
||||
|
} else { |
||||
|
$warning.text("Enter a valid email.") |
||||
|
$warning.show() |
||||
|
} |
||||
|
}, |
||||
|
emailCheck(str) { |
||||
|
const specialChars = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; |
||||
|
return specialChars.test(str) |
||||
|
} |
||||
|
}) |
||||
@ -0,0 +1,320 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="splash_blog" name="Splash Blog" |
||||
|
inherit_id="website_blog.blog_post_short"> |
||||
|
<!-- Inherits from "website_blog.blog_post_short" and replaces two elements with a banner section and --> |
||||
|
<!-- a custom blog view. It also includes a pager element for navigating through blog posts.--> |
||||
|
<xpath expr="//div[@id='o_wblog_blog_top']" position="replace"> |
||||
|
<div style="display:none;"> |
||||
|
<div id="o_wblog_blog_top_droppable"/> |
||||
|
</div> |
||||
|
<section class="banner_about"> |
||||
|
<div class="container"> |
||||
|
<h3 class="b_head"> |
||||
|
Blog |
||||
|
</h3> |
||||
|
</div> |
||||
|
</section> |
||||
|
</xpath> |
||||
|
|
||||
|
<xpath expr="//div[@id='o_wblog_posts_loop_container']" position="replace"> |
||||
|
<t t-call="theme_splash.splash_blog_view"> |
||||
|
<t t-if="not blog" t-set="posts_list_show_parent_blog" t-value="True"/> |
||||
|
</t> |
||||
|
<t t-call="website.pager"> |
||||
|
<t t-set="classname" t-valuef="justify-content-center"/> |
||||
|
<t t-set="extraLinkClass" t-valuef="post_link"/> |
||||
|
</t> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="splash_blog_view" name="Splash Blog View" inherit_id="website_blog.posts_loop"> |
||||
|
<xpath expr="//div[@id='o_wblog_posts_loop']" position="replace"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-8"> |
||||
|
<div id="o_wblog_posts_loop" |
||||
|
t-att-class="'o_wblog_list_view' if opt_blog_list_view else ''"> |
||||
|
|
||||
|
<!-- Allow to filter post by published state. Visible only in edit-mode |
||||
|
and if both published/unpublished number is > 0 --> |
||||
|
<t t-if="state_info" t-set="state" |
||||
|
t-value="state_info['state']"/> |
||||
|
|
||||
|
<!-- Check for active options --> |
||||
|
<t t-set="opt_posts_loop_show_cover" |
||||
|
t-value="is_view_active('website_blog.opt_posts_loop_show_cover')"/> |
||||
|
|
||||
|
<div groups="website.group_website_designer" |
||||
|
t-if="state_info and (state_info['published'] > 0 and state_info['unpublished'] > 0)"> |
||||
|
<div class="bg-200 py-2 mb-4 alert alert-dismissable"> |
||||
|
<button type="button" class="close" data-dismiss="alert" |
||||
|
aria-label="Close">× |
||||
|
</button> |
||||
|
<span class="mr-1">Show:</span> |
||||
|
<div class="btn-group btn-group-sm"> |
||||
|
<a t-attf-class="btn #{state == 'published' and 'btn-success' or 'btn-default bg-white border'}" |
||||
|
t-attf-href="#{state == 'published' and blog_url(state='') or blog_url(state='published')}"> |
||||
|
<i t-attf-class="fa mr-1 #{state == 'published' and 'fa-check-square-o' or 'fa-square-o'}"/> |
||||
|
Published (<t t-esc="state_info['published']"/>) |
||||
|
</a> |
||||
|
<a t-attf-class="btn #{state == 'unpublished' and 'btn-success' or 'btn-default bg-white border'}" |
||||
|
t-attf-href="#{state == 'unpublished' and blog_url(state='') or blog_url(state='unpublished')}"> |
||||
|
<i t-attf-class="fa mr-1 #{state == 'unpublished' and 'fa-check-square-o' or 'fa-square-o'}"/> |
||||
|
Unpublished (<t |
||||
|
t-esc="state_info['unpublished']"/>) |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="pt-1 font-italic small">This box will not be |
||||
|
visible to your visitors |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div t-attf-class="row #{posts and not opt_blog_readable and 'mx-n2'}"> |
||||
|
<!-- Filters --> |
||||
|
<div t-if="tag or date_begin or search" class="col-12 mb-3"> |
||||
|
<div t-if="posts" class="h4 mb-3"> |
||||
|
<t t-esc="len(posts)"/> |
||||
|
<t t-if="len(posts) < 2">Article</t> |
||||
|
<t t-else="">Articles</t> |
||||
|
</div> |
||||
|
<span t-if="search" |
||||
|
class="align-items-baseline border d-inline-flex pl-2 rounded mb-2"> |
||||
|
<i class="fa fa-search mr-2 text-muted"/> |
||||
|
<t t-esc="search"/> |
||||
|
<a t-att-href="blog_url(search=False, tag=tag)" |
||||
|
class="btn border-0 py-1 post_link">× |
||||
|
</a> |
||||
|
</span> |
||||
|
<t t-if="tag"> |
||||
|
<!-- Show active tags with a category set --> |
||||
|
<t t-foreach="tag_category" t-as="nav_tag_category"> |
||||
|
<t t-call="website_blog.tags_list"> |
||||
|
<t t-set='tags' |
||||
|
t-value='nav_tag_category.tag_ids'/> |
||||
|
<t t-set='dismissibleBtn' t-value="True"/> |
||||
|
</t> |
||||
|
</t> |
||||
|
|
||||
|
<!-- Show active tags without a category set --> |
||||
|
<t t-call="website_blog.tags_list"> |
||||
|
<t t-set='tags' t-value='other_tags'/> |
||||
|
<t t-set='dismissibleBtn' t-value="True"/> |
||||
|
</t> |
||||
|
</t> |
||||
|
<span t-if="date_begin" |
||||
|
class="align-items-baseline border d-inline-flex pl-2 rounded mb-2"> |
||||
|
<i class="fa fa-calendar-o mr-2 text-muted"/> |
||||
|
<t t-esc="date_begin" |
||||
|
t-options="{'widget': 'date', 'format': 'MMM yyyy'}"/> |
||||
|
<a t-attf-href="#{blog_url(date_begin=False, date_end=False)}" |
||||
|
class="btn border-0 py-1">× |
||||
|
</a> |
||||
|
</span> |
||||
|
<hr class="mt-2"/> |
||||
|
</div> |
||||
|
|
||||
|
<!-- No blog post yet --> |
||||
|
<div t-if="not posts" class="col"> |
||||
|
<t t-set="no_results_str">No results for "%s".</t> |
||||
|
<h2 t-if="search" t-esc="no_results_str % search" |
||||
|
class="font-weight-bold"/> |
||||
|
<h2 t-else="">No blog post yet.</h2> |
||||
|
<div class="alert alert-info" |
||||
|
groups="website.group_website_designer"> |
||||
|
Click on "<b>New</b>" in the top-right corner to |
||||
|
write your first blog post. |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- Posts --> |
||||
|
|
||||
|
<!-- Define 'colWidth' qWeb variable, to be assigned later. |
||||
|
Adjust accordingly if sidebar and/or readability modes are active. --> |
||||
|
<t t-if="not opt_blog_list_view"> |
||||
|
<t t-if="opt_blog_readable"> |
||||
|
<t t-if="opt_blog_sidebar_show" t-set="colWidth" |
||||
|
t-value="'col-md-6'"/> |
||||
|
<t t-else="" t-set="colWidth" |
||||
|
t-value="'col-md-6 col-xl-4'"/> |
||||
|
</t> |
||||
|
<t t-else=""> |
||||
|
<t t-if="opt_blog_sidebar_show" t-set="colWidth" |
||||
|
t-value="'px-2 col-md-6 col-xl-4'"/> |
||||
|
<t t-else="" t-set="colWidth" |
||||
|
t-value="'px-2 col-sm-6 col-lg-4 col-xl-3'"/> |
||||
|
</t> |
||||
|
</t> |
||||
|
<!-- Loop through posts: exclude the first one if already displayed as top banner --> |
||||
|
<t t-foreach="posts" t-as="blog_post"> |
||||
|
<div t-attf-class="pb-4 col-12 #{colWidth}"> |
||||
|
<article |
||||
|
t-attf-class="o_wblog_post position-relative #{'card h-100' if opt_blog_cards_design else ''}" |
||||
|
name="blog_post"> |
||||
|
<!-- Assign 'colWidth': 'col-12' is default for List-View and mobile --> |
||||
|
<t t-if="opt_blog_list_view"> |
||||
|
<div class="Blog"> |
||||
|
<div class="b_left_single"> |
||||
|
<div t-if="opt_posts_loop_show_cover" |
||||
|
class="blog_img"> |
||||
|
<t t-call="website_blog.post_cover_image"/> |
||||
|
<div class="blog_date"> |
||||
|
14 Sep |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="wrapper"> |
||||
|
<a class="blog_link"> |
||||
|
<h4> |
||||
|
<t t-call="website_blog.post_heading"/> |
||||
|
</h4> |
||||
|
</a> |
||||
|
<div class="comment"> |
||||
|
<span class="fa fa-user"> |
||||
|
<a t-esc="blog_post.author_id.name"/> |
||||
|
</span> |
||||
|
<span t-if="posts_list_show_parent_blog" |
||||
|
class=" fa fa-folder-open text-muted"> |
||||
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}" |
||||
|
t-field="blog_post.blog_id"/> |
||||
|
</span> |
||||
|
</div> |
||||
|
<div class="blog_details"> |
||||
|
<p class="para"> |
||||
|
<t t-call="website_blog.post_teaser"/> |
||||
|
</p> |
||||
|
<a t-attf-href="/blog/#{slug(blog_post.blog_id)}/#{slug(blog_post)}" |
||||
|
class="btn btn-primary"> |
||||
|
Read more |
||||
|
<i class="fa fa-chevron-right ml-2"/> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</article> |
||||
|
</div> |
||||
|
<!-- List-View Design --> |
||||
|
|
||||
|
<!-- Grid-View Design --> |
||||
|
<t t-if="not opt_blog_list_view"> |
||||
|
<t t-if="opt_posts_loop_show_cover" |
||||
|
t-call="website_blog.post_cover_image"/> |
||||
|
<div t-att-class="opt_blog_cards_design and 'card-body px-2 py-0 mb-2'"> |
||||
|
<t t-call="website_blog.post_heading"/> |
||||
|
<div t-if="is_view_active('website_blog.opt_posts_loop_show_teaser')"> |
||||
|
<t t-call="website_blog.post_teaser"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div t-attf-class="o_wblog_normalize_font #{'card-footer px-2 pb-2' if opt_blog_cards_design else 'pr-2 pb-2'}"> |
||||
|
<t t-call="website_blog.post_info"/> |
||||
|
</div> |
||||
|
</t> |
||||
|
<!-- Add 'unpublished' badge --> |
||||
|
<span t-if="not blog_post.website_published" |
||||
|
class="bg-danger small py-1 px-2 position-absolute o_not_editable" |
||||
|
style="top:0; right:0">unpublished |
||||
|
</span> |
||||
|
<!-- List-View Design, add <hr> after post --> |
||||
|
<div t-if="opt_blog_list_view and not blog_post_last" |
||||
|
class="col-12 mt-2 mb-5 px-2"> |
||||
|
<hr/> |
||||
|
</div> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-4"> |
||||
|
<div class="blog_right"> |
||||
|
<div class="sidebar"> |
||||
|
<div class="sidebar_content"> |
||||
|
<h4> |
||||
|
Search |
||||
|
</h4> |
||||
|
<form id="o_wblog_post_search" |
||||
|
class="m-auto w-100" |
||||
|
role="search" |
||||
|
t-att-action="blog_url(tag=tag,search=search)" |
||||
|
method="get"> |
||||
|
<t t-call="website.website_search_box"> |
||||
|
<t t-set="_classes" t-valuef="w-100"/> |
||||
|
</t> |
||||
|
</form> |
||||
|
</div> |
||||
|
<div class="sidebar_content"> |
||||
|
<h4> |
||||
|
<a> |
||||
|
Categories |
||||
|
</a> |
||||
|
</h4> |
||||
|
<h6 class="all_categories"> |
||||
|
<a href="/blog" |
||||
|
t-attf-class="nav-link font-weight-bold #{(not blog) and 'active'}"> |
||||
|
All |
||||
|
</a> |
||||
|
</h6> |
||||
|
|
||||
|
<ul class="all_categories" t-foreach="blogs" |
||||
|
t-as="nav_blog"> |
||||
|
<a t-attf-href="/blog/#{slug(nav_blog)}"> |
||||
|
<li t-attf-class="nav-link #{(blog and nav_blog.id == blog.id) and 'active' or ''}"> |
||||
|
<b t-field="nav_blog.name"/> |
||||
|
</li> |
||||
|
</a> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="sidebar_content"> |
||||
|
<h4> |
||||
|
Recent Posts |
||||
|
</h4> |
||||
|
<t t-foreach="posts_recent" t-as="p"> |
||||
|
<div class="recent_wrapper"> |
||||
|
<a t-attf-href="/blog/#{p.blog_id.id}/#{p.id}"> |
||||
|
<div class="img_wrapper"> |
||||
|
<t t-call="website.record_cover"> |
||||
|
<t t-set="_record" t-value="p"/> |
||||
|
<t t-set="use_size" |
||||
|
t-value="img_wrap"/> |
||||
|
<t t-set="additionnal_classes" |
||||
|
t-value="'img_wrap'"/> |
||||
|
</t> |
||||
|
</div> |
||||
|
|
||||
|
<div class="rec_post_info"> |
||||
|
<a t-attf-href="/blog/#{p.blog_id.id}/#{p.id}"> |
||||
|
<h4> |
||||
|
<t t-esc="p.name"/> |
||||
|
</h4> |
||||
|
</a> |
||||
|
<p> |
||||
|
<t t-esc="p.published_date" |
||||
|
t-options="{'widget': 'date', 'format': 'MMM dd yyyy'}"/> |
||||
|
</p> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</t> |
||||
|
</div> |
||||
|
<div t-if="other_tags or tag_category" class="sidebar_content"> |
||||
|
<h4> |
||||
|
Popular Tags |
||||
|
</h4> |
||||
|
<div class="pop_wrapper"> |
||||
|
<t t-call="website_blog.tags_list"> |
||||
|
<t t-set='tags' t-value='other_tags'/> |
||||
|
<t t-set="showInactive" t-value="True"/> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="splash_blog_search" name="Splash Blog Search" |
||||
|
inherit_id="website_blog.blogs_nav"> |
||||
|
<xpath expr="//div" position="replace"/> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,195 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="contact_us" inherit_id="website.contactus" active="True" |
||||
|
name="Contact 1"> |
||||
|
<xpath expr="//section[hasclass('s_title')]" position="replace"> |
||||
|
<section class="banner_about"> |
||||
|
<div class="container"> |
||||
|
<h3 class="b_head"> |
||||
|
Contact Us |
||||
|
</h3> |
||||
|
</div> |
||||
|
</section> |
||||
|
</xpath> |
||||
|
<xpath expr="//section[hasclass('s_text_block')]" |
||||
|
position="replace"> |
||||
|
<!-- Discuss section starts here --> |
||||
|
<section class="services1 py-5 pb-5"> |
||||
|
<div class="exp_wrapper"> |
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-6 col-12"> |
||||
|
<div class="ex-1"> |
||||
|
<h4> |
||||
|
Get in touch with us |
||||
|
<div class="ex-line"> |
||||
|
</div> |
||||
|
</h4> |
||||
|
<div class="main-head"> |
||||
|
<h2> |
||||
|
Let's discuss any Sanitizing |
||||
|
services |
||||
|
enquiry |
||||
|
</h2> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-6 col-12"> |
||||
|
<p class="para"> |
||||
|
Lorem ipsum viverra feugiat. Pellen tesque |
||||
|
libero ut justo, |
||||
|
ultrices in ligula. Semper at tempufddfel. |
||||
|
Lorem |
||||
|
ipsum dolor |
||||
|
sit amet consectetur adipisicing elit. Non |
||||
|
quae, |
||||
|
fugiat ad. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Discuss section ends here --> |
||||
|
<!-- Contact info section starts here --> |
||||
|
<section class="address"> |
||||
|
<div class="container"> |
||||
|
<div class="contact_col"> |
||||
|
<di class="contact_info"> |
||||
|
<div class="contact_icon"> |
||||
|
<img src="/theme_splash/static/src/images/contact/office.png"/> |
||||
|
</div> |
||||
|
|
||||
|
<h4>Contact Address</h4> |
||||
|
<p class="para">#208KL Sanitize, Corner Market, NY - |
||||
|
62617. |
||||
|
</p> |
||||
|
</di> |
||||
|
<di class="contact_info"> |
||||
|
<div class="contact_icon"> |
||||
|
<img src="/theme_splash/static/src/images/contact/envelope.png"/> |
||||
|
</div> |
||||
|
|
||||
|
<h4>Contact Address</h4> |
||||
|
<div class="wrapper"> |
||||
|
<p class="fpm"> |
||||
|
<a href="mailto:mail@info.com"> |
||||
|
Contact@info.com |
||||
|
</a> |
||||
|
</p> |
||||
|
<p class="fpm"> |
||||
|
<a href="mailto:mail@info.com"> |
||||
|
Support@info.com |
||||
|
</a> |
||||
|
</p> |
||||
|
</div> |
||||
|
|
||||
|
</di> |
||||
|
<di class="contact_info"> |
||||
|
<div class="contact_icon"> |
||||
|
<img src="/theme_splash/static/src/images/contact/support.png"/> |
||||
|
</div> |
||||
|
<h4>Contact Address</h4> |
||||
|
<div class="wrapper"> |
||||
|
<p class="fpm"> |
||||
|
<a href="tel:+91123456789">+91 123456978</a> |
||||
|
</p> |
||||
|
<p class="fpm"> |
||||
|
<a href="tel:+91123456789">+91 123456978</a> |
||||
|
</p> |
||||
|
</div> |
||||
|
</di> |
||||
|
<di class="contact_info"> |
||||
|
<div class="contact_icon"> |
||||
|
<img src="/theme_splash/static/src/images/contact/time.png"/> |
||||
|
</div> |
||||
|
<h4>Contact Address</h4> |
||||
|
<p class="para">Mon-Fri: 8 AM - 5 PM |
||||
|
Sat-Sun: Closed |
||||
|
</p> |
||||
|
</di> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- Contact info section ends here --> |
||||
|
<!-- Contact form section starts here --> |
||||
|
<section class="contact_form s_website_form my-5 mt-5"> |
||||
|
<div class="container" name="mail_button"> |
||||
|
<div class="form"> |
||||
|
<h3> |
||||
|
Get in Touch. We're Here to Help |
||||
|
</h3> |
||||
|
<form id="contactus_form" action="/website/form/" method="post" enctype="multipart/form-data" |
||||
|
class="o_mark_required" data-mark="*" data-model_name="mail.mail" |
||||
|
data-success-mode="redirect" data-success-page="/contactus-thank-you" |
||||
|
data-pre-fill="true"> |
||||
|
<div class="s_website_form_rows row s_col_no_bgcolor"> |
||||
|
<div class="row mb-5"> |
||||
|
<div class="mb-0 py-2 col-6 s_website_form_field s_website_form_custom s_website_form_required" |
||||
|
data-type="char" data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact1" type="text" |
||||
|
class="form-control s_website_form_input" name="name" required="" |
||||
|
placeholder="Your name"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="mb-0 py-2 col-6 s_website_form_field s_website_form_required" |
||||
|
data-type="email" data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact3" type="email" |
||||
|
class="form-control s_website_form_input" name="email_from" |
||||
|
required="" placeholder="Your email"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row mb-5"> |
||||
|
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_required" |
||||
|
data-type="char" data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact5" type="text" |
||||
|
class="form-control s_website_form_input" name="subject" |
||||
|
required="" placeholder="Subject"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row mb-5"> |
||||
|
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom s_website_form_required" |
||||
|
data-type="text" data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<textarea id="contact6" class="form-control s_website_form_input" |
||||
|
name="description" rows="5" required="" |
||||
|
placeholder="Message"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_dnone"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact7" type="hidden" class="form-control s_website_form_input" |
||||
|
name="email_to"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="text-center text-md-left s_website_form_submit" data-name="Submit Button"> |
||||
|
<div style="width: 200px;" class="s_website_form_label"/> |
||||
|
<a href="#" role="button" class="btn btn-primary btn-contact o_website_form_send"> |
||||
|
Submit |
||||
|
</a> |
||||
|
<span id="s_website_form_result"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue