AjmalCybro
2 years ago
89 changed files with 2177 additions and 0 deletions
@ -0,0 +1,47 @@ |
|||
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg |
|||
:target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html |
|||
:alt: License: LGPL-3 |
|||
|
|||
Theme Trading |
|||
============= |
|||
* Design Web Pages with theme trading |
|||
|
|||
Installation |
|||
============ |
|||
- www.odoo.com/documentation/15.0/setup/install.html |
|||
- Install our custom addon |
|||
|
|||
License |
|||
------- |
|||
General Public License, Version 3 (LGPL v3). |
|||
(https://www.odoo.com/documentation/user/15.0/legal/licenses/licenses.html) |
|||
|
|||
Credits |
|||
------- |
|||
* Developers: Vivek @ cybrosys, Contact: odoo@cybrosys.com |
|||
|
|||
Company |
|||
------- |
|||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
Contacts |
|||
-------- |
|||
* Mail Contact : odoo@cybrosys.com |
|||
|
|||
Bug Tracker |
|||
----------- |
|||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
|||
|
|||
Maintainer |
|||
========== |
|||
.. image:: https://cybrosys.com/images/logo.png |
|||
:target: https://cybrosys.com |
|||
|
|||
This module is maintained by Cybrosys Technologies. |
|||
|
|||
For support and more information, please visit https://www.cybrosys.com |
|||
|
|||
Further information |
|||
=================== |
|||
HTML Description: `<static/description/index.html>`__ |
|||
|
|||
@ -0,0 +1,22 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Vivek @ cybrosys,(odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from . import controllers |
|||
@ -0,0 +1,63 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Vivek @ cybrosys,(odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
{ |
|||
'name': 'Theme Trading', |
|||
'version': '15.0.1.0.0', |
|||
'category': 'Theme/Corporate', |
|||
'summary': 'Theme Trading is an attractive trading Website theme. ' |
|||
'The theme comes with many useful and stylish snippets', |
|||
'description': 'Theme Trading for Odoo Trading Website', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'images': [ |
|||
'static/description/banner.jpg', |
|||
'static/description/theme_screenshot.jpg', |
|||
], |
|||
'website': 'https://www.cybrosys.com', |
|||
'depends': ['website', 'website_blog'], |
|||
'data': [ |
|||
'views/theme_trading_trading_templates.xml', |
|||
'views/theme_trading_investing_templates.xml', |
|||
'views/footer.xml', |
|||
'views/header.xml', |
|||
'views/website_menu.xml', |
|||
'views/contactus.xml', |
|||
'views/snippets/theme_trading_feature_templates.xml', |
|||
'views/snippets/theme_trading_community_templates.xml', |
|||
'views/snippets/theme_trading_asset_classes_templates.xml', |
|||
'views/snippets/theme_trading_banner_templates.xml', |
|||
'views/snippets/theme_trading_aboutus_templates.xml', |
|||
'views/snippets/theme_trading_faq_templates.xml', |
|||
'views/snippets/theme_trading_testimonial_templates.xml', |
|||
'views/snippets/snippet_templates.xml', |
|||
], |
|||
'assets': { |
|||
'web.assets_frontend': [ |
|||
"/theme_trading/static/src/css/style.css", |
|||
], |
|||
}, |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'application': False, |
|||
'auto_install': False, |
|||
} |
|||
@ -0,0 +1,22 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Vivek @ cybrosys,(odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from . import website_investing |
|||
@ -0,0 +1,46 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Vivek @ cybrosys,(odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from odoo import http |
|||
from odoo.http import request |
|||
|
|||
|
|||
class WebsiteInvesting(http.Controller): |
|||
""" |
|||
Controller class for investing and trading page on trading theme website. |
|||
""" |
|||
|
|||
@http.route(['/investing_page'], type='http', auth="public", website=True) |
|||
def investing_page(self, **kw): |
|||
""" |
|||
HTTP route method that renders the investing page template for the trading theme on the website. |
|||
:param kw: keyword arguments |
|||
:return: HTTP response containing the rendered template |
|||
""" |
|||
return request.render("theme_trading.investing_page") |
|||
|
|||
@http.route(['/trading_page'], type='http', auth="public", website=True) |
|||
def trading_page(self, **kw): |
|||
""" |
|||
This method handles the request to the Trading website page and renders the |
|||
'theme_trading.trading_page' template. |
|||
""" |
|||
return request.render("theme_trading.trading_page") |
|||
@ -0,0 +1,8 @@ |
|||
## Module <theme_trading> |
|||
|
|||
#### 15.03.2023 |
|||
#### Version 15.0.1.0.0 |
|||
#### ADD |
|||
- Initial commit for Theme Trading |
|||
|
|||
|
|||
|
After Width: | Height: | Size: 103 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 2.9 MiB |
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 224 KiB |
|
After Width: | Height: | Size: 253 KiB |
|
After Width: | Height: | Size: 277 KiB |
|
After Width: | Height: | Size: 180 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
@ -0,0 +1,216 @@ |
|||
<!-- Hero Section --> |
|||
<div class="container pt-4 mt-4 rounded" style="background-color: #f0f2f4; 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/overview.jpg" width=60% height="auto" class="mb-4" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 text-center"> |
|||
<h1 class="mt-4">Theme Trading</h1> |
|||
<p class="lead mb-4" style="max-width: 700px; margin: 0 auto;"> |
|||
Theme Trading is an attractive and unique front-end theme for a trading website. |
|||
Many custom designed snippets facilitates better user experience. Theme Trading provides separate pages |
|||
for trading and investing which can be modified by user according to their needs. |
|||
</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"> |
|||
Attractive webpages with elegant desktop view. User-friendly and Modern looking theme makes your page |
|||
more Stylish and Beautiful. |
|||
</p> |
|||
</div> |
|||
<div class="col-lg-6 px-4"> |
|||
<img style="border-radius: 0.5em;" src="images/desktop.jpg" width="90%" height="auto" |
|||
class="mb-4 shadow-sm" 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/mobile.jpg" width="90%" height="auto" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
|||
<h2>Mobile View</h2> |
|||
<p class="lead"> |
|||
The webpages are Stylish, Attractive and Easy to use in mobile view also. |
|||
</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/home.jpg" width="100%" height="auto" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">Home Page</h2> |
|||
<p class="lead text-center"> |
|||
Stylish Home page which is easily customizable. |
|||
</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/contact.jpg" width="100%" height="auto" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">Contact Us page</h2> |
|||
<p class="lead text-center"> |
|||
User-friendly Contact Us page for solving customer queries and issues. |
|||
</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/overview.jpg" width="90%" height="auto" class="mb-4 shadow-sm" |
|||
alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-6" style="padding-top: 40px;"> |
|||
<h2>Overview</h2> |
|||
<p class="lead"> |
|||
Theme Trading is a simple and elegant theme for your odoo trading website. It is easy to customize and |
|||
use. It comes with customizable snippets that can be dragged and dropped to make attractive webpages. |
|||
Simple and stylish header, footer and page banners. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<!-- End of One Column 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 shadow overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;"> |
|||
<img src="./images/demo1.png" width="300px" height="500px"> |
|||
<h6 class="text-center my-3">Home Page</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 shadow overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0;"> |
|||
<img src="./images/demo2.png" width="300px" height="500px"> |
|||
<h6 class="text-center my-3">Trading Page</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 shadow overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0;"> |
|||
<img src="./images/demo3.png" width="300px" height="500px"> |
|||
<h6 class="text-center my-3">Investing Page</h6> |
|||
<hr style="border-width: 5px; border-color: #f44f52; width: 150px; margin-bottom: 0;"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="row d-flex justify-content-center" style="margin: 40px auto; border-radius: 15px; padding: 38px;"> |
|||
<div class="col-sm-6 col-md-4 px-2"> |
|||
<div class="bg-white shadow overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0;"> |
|||
<img src="./images/demo4.png" width="300px" height="500px"> |
|||
<h6 class="text-center my-3">Contact Us Page</h6> |
|||
<hr style="border-width: 5px; border-color: #ffa801; 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 shadow-sm" |
|||
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:odoo@cybrosys.com" target="_blank" |
|||
style="color: #050505; text-decoration: none;"><i |
|||
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a></h6> |
|||
</div> |
|||
<div class="col-lg-4 d-flex justify-content-end" style="position: relative;"> |
|||
<h6><a href="mailto:odoo@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 shadow-sm" |
|||
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: 289 KiB |
@ -0,0 +1,656 @@ |
|||
/* |
|||
@import url("https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,500&family=Montserrat&display=swap"); |
|||
*/ |
|||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ |
|||
/* Document |
|||
========================================================================== */ |
|||
/** |
|||
* 1. Correct the line height in all browsers. |
|||
* 2. Prevent adjustments of font size after orientation changes in iOS. |
|||
*/ |
|||
html { |
|||
line-height: 1.15; |
|||
/* 1 */ |
|||
-webkit-text-size-adjust: 100%; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/* Sections |
|||
========================================================================== */ |
|||
/** |
|||
* Remove the margin in all browsers. |
|||
*/ |
|||
body { |
|||
margin: 0; |
|||
} |
|||
|
|||
/** |
|||
* Render the `main` element consistently in IE. |
|||
*/ |
|||
main { |
|||
display: block; |
|||
} |
|||
|
|||
/** |
|||
* Correct the font size and margin on `h1` elements within `section` and |
|||
* `article` contexts in Chrome, Firefox, and Safari. |
|||
*/ |
|||
h1 { |
|||
font-size: 2em; |
|||
margin: 0.67em 0; |
|||
} |
|||
|
|||
/* Grouping content |
|||
========================================================================== */ |
|||
/** |
|||
* 1. Add the correct box sizing in Firefox. |
|||
* 2. Show the overflow in Edge and IE. |
|||
*/ |
|||
hr { |
|||
box-sizing: content-box; |
|||
/* 1 */ |
|||
height: 0; |
|||
/* 1 */ |
|||
overflow: visible; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inheritance and scaling of font size in all browsers. |
|||
* 2. Correct the odd `em` font sizing in all browsers. |
|||
*/ |
|||
pre { |
|||
font-family: monospace, monospace; |
|||
/* 1 */ |
|||
font-size: 1em; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/* Text-level semantics |
|||
========================================================================== */ |
|||
/** |
|||
* Remove the gray background on active links in IE 10. |
|||
*/ |
|||
a { |
|||
background-color: transparent; |
|||
} |
|||
|
|||
/** |
|||
* 1. Remove the bottom border in Chrome 57- |
|||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
|||
*/ |
|||
abbr[title] { |
|||
border-bottom: none; |
|||
/* 1 */ |
|||
text-decoration: underline; |
|||
/* 2 */ |
|||
text-decoration: underline dotted; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font weight in Chrome, Edge, and Safari. |
|||
*/ |
|||
b, |
|||
strong { |
|||
font-weight: bolder; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inheritance and scaling of font size in all browsers. |
|||
* 2. Correct the odd `em` font sizing in all browsers. |
|||
*/ |
|||
code, |
|||
kbd, |
|||
samp { |
|||
font-family: monospace, monospace; |
|||
/* 1 */ |
|||
font-size: 1em; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct font size in all browsers. |
|||
*/ |
|||
small { |
|||
font-size: 80%; |
|||
} |
|||
|
|||
/** |
|||
* Prevent `sub` and `sup` elements from affecting the line height in |
|||
* all browsers. |
|||
*/ |
|||
sub, |
|||
sup { |
|||
font-size: 75%; |
|||
line-height: 0; |
|||
position: relative; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
sub { |
|||
bottom: -0.25em; |
|||
} |
|||
|
|||
sup { |
|||
top: -0.5em; |
|||
} |
|||
|
|||
/* Embedded content |
|||
========================================================================== */ |
|||
/** |
|||
* Remove the border on images inside links in IE 10. |
|||
*/ |
|||
img { |
|||
border-style: none; |
|||
} |
|||
|
|||
/* Forms |
|||
========================================================================== */ |
|||
/** |
|||
* 1. Change the font styles in all browsers. |
|||
* 2. Remove the margin in Firefox and Safari. |
|||
*/ |
|||
button, |
|||
input, |
|||
optgroup, |
|||
select, |
|||
textarea { |
|||
font-family: inherit; |
|||
/* 1 */ |
|||
font-size: 100%; |
|||
/* 1 */ |
|||
line-height: 1.15; |
|||
/* 1 */ |
|||
margin: 0; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Show the overflow in IE. |
|||
* 1. Show the overflow in Edge. |
|||
*/ |
|||
button, |
|||
input { |
|||
/* 1 */ |
|||
overflow: visible; |
|||
} |
|||
|
|||
/** |
|||
* Remove the inheritance of text transform in Edge, Firefox, and IE. |
|||
* 1. Remove the inheritance of text transform in Firefox. |
|||
*/ |
|||
button, |
|||
select { |
|||
/* 1 */ |
|||
text-transform: none; |
|||
} |
|||
|
|||
/** |
|||
* Correct the inability to style clickable types in iOS and Safari. |
|||
*/ |
|||
button, |
|||
[type="button"], |
|||
[type="reset"], |
|||
[type="submit"] { |
|||
-webkit-appearance: button; |
|||
} |
|||
|
|||
/** |
|||
* Remove the inner border and padding in Firefox. |
|||
*/ |
|||
button::-moz-focus-inner, |
|||
[type="button"]::-moz-focus-inner, |
|||
[type="reset"]::-moz-focus-inner, |
|||
[type="submit"]::-moz-focus-inner { |
|||
border-style: none; |
|||
padding: 0; |
|||
} |
|||
|
|||
/** |
|||
* Restore the focus styles unset by the previous rule. |
|||
*/ |
|||
button:-moz-focusring, |
|||
[type="button"]:-moz-focusring, |
|||
[type="reset"]:-moz-focusring, |
|||
[type="submit"]:-moz-focusring { |
|||
outline: 1px dotted ButtonText; |
|||
} |
|||
|
|||
/** |
|||
* Correct the padding in Firefox. |
|||
*/ |
|||
fieldset { |
|||
padding: 0.35em 0.75em 0.625em; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the text wrapping in Edge and IE. |
|||
* 2. Correct the color inheritance from `fieldset` elements in IE. |
|||
* 3. Remove the padding so developers are not caught out when they zero out |
|||
* `fieldset` elements in all browsers. |
|||
*/ |
|||
legend { |
|||
box-sizing: border-box; |
|||
/* 1 */ |
|||
color: inherit; |
|||
/* 2 */ |
|||
display: table; |
|||
/* 1 */ |
|||
max-width: 100%; |
|||
/* 1 */ |
|||
padding: 0; |
|||
/* 3 */ |
|||
white-space: normal; |
|||
/* 1 */ |
|||
} |
|||
|
|||
/** |
|||
* Add the correct vertical alignment in Chrome, Firefox, and Opera. |
|||
*/ |
|||
progress { |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
/** |
|||
* Remove the default vertical scrollbar in IE 10+. |
|||
*/ |
|||
textarea { |
|||
overflow: auto; |
|||
} |
|||
|
|||
/** |
|||
* 1. Add the correct box sizing in IE 10. |
|||
* 2. Remove the padding in IE 10. |
|||
*/ |
|||
[type="checkbox"], |
|||
[type="radio"] { |
|||
box-sizing: border-box; |
|||
/* 1 */ |
|||
padding: 0; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Correct the cursor style of increment and decrement buttons in Chrome. |
|||
*/ |
|||
[type="number"]::-webkit-inner-spin-button, |
|||
[type="number"]::-webkit-outer-spin-button { |
|||
height: auto; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the odd appearance in Chrome and Safari. |
|||
* 2. Correct the outline style in Safari. |
|||
*/ |
|||
[type="search"] { |
|||
-webkit-appearance: textfield; |
|||
/* 1 */ |
|||
outline-offset: -2px; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/** |
|||
* Remove the inner padding in Chrome and Safari on macOS. |
|||
*/ |
|||
[type="search"]::-webkit-search-decoration { |
|||
-webkit-appearance: none; |
|||
} |
|||
|
|||
/** |
|||
* 1. Correct the inability to style clickable types in iOS and Safari. |
|||
* 2. Change font properties to `inherit` in Safari. |
|||
*/ |
|||
::-webkit-file-upload-button { |
|||
-webkit-appearance: button; |
|||
/* 1 */ |
|||
font: inherit; |
|||
/* 2 */ |
|||
} |
|||
|
|||
/* Interactive |
|||
=========================================== |
|||
=============================== */ |
|||
/* |
|||
* Add the correct display in Edge, IE 10+, and Firefox. |
|||
*/ |
|||
details { |
|||
display: block; |
|||
} |
|||
|
|||
/* |
|||
* Add the correct display in all browsers. |
|||
*/ |
|||
summary { |
|||
display: list-item; |
|||
} |
|||
|
|||
/* Misc |
|||
========================================================================== */ |
|||
/** |
|||
* Add the correct display in IE 10+. |
|||
*/ |
|||
template { |
|||
display: none; |
|||
} |
|||
|
|||
/** |
|||
* Add the correct display in IE 10. |
|||
*/ |
|||
[hidden] { |
|||
display: none; |
|||
} |
|||
|
|||
.links { |
|||
display: grid; |
|||
} |
|||
|
|||
.logo { |
|||
display: contents !important; |
|||
} |
|||
|
|||
.collapse.navbar-collapse.mean-menu { |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
.footer_container{ |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.col-lg-4.col-md-6 { |
|||
margin-left: auto; |
|||
} |
|||
|
|||
.social_icons{ |
|||
list-style-type: none; |
|||
display:flex; |
|||
} |
|||
|
|||
.apps { |
|||
margin-top: 29px; |
|||
} |
|||
|
|||
li { |
|||
min-width: 31px; |
|||
} |
|||
|
|||
.footer_bottom { |
|||
background-color: black; |
|||
} |
|||
|
|||
.bottom_left { |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.footer-social { |
|||
margin-top: 8px; |
|||
margin-left: 370px; |
|||
} |
|||
|
|||
.homepage_invite { |
|||
font-size: 30px; |
|||
margin-top: 100px; |
|||
} |
|||
|
|||
a.btn.btn-primary.btn-lg { |
|||
background-color: chocolate; |
|||
} |
|||
|
|||
p#start_investing { |
|||
display: table-cell; |
|||
} |
|||
|
|||
.col-lg-4.col-md-6 { |
|||
margin-right: -74px; |
|||
} |
|||
|
|||
::marker { |
|||
color: white; |
|||
} |
|||
|
|||
a.dropdown-toggle.nav-link.font-weight-bold { |
|||
display: contents; |
|||
} |
|||
|
|||
/*header*/ |
|||
nav.navbar.navbar-expand-md.navbar-light { |
|||
background-color: white; |
|||
} |
|||
|
|||
.main-nav { |
|||
background: white; |
|||
} |
|||
|
|||
|
|||
/*footer*/ |
|||
|
|||
section.footer { |
|||
background-color: black; |
|||
} |
|||
|
|||
.container.footer_container { |
|||
background-color: black; |
|||
} |
|||
|
|||
footer#bottom { |
|||
background-color: black; |
|||
} |
|||
|
|||
a.navbar-brand.waves-effect { |
|||
font-size: 25px; |
|||
} |
|||
|
|||
h4.site_pages { |
|||
color: #57c1c6; |
|||
} |
|||
|
|||
a.footer_links { |
|||
color: white !important; |
|||
} |
|||
|
|||
.col-lg-2.offset-lg-1.offset-md-2.col-md-4 { |
|||
margin-left: 200px; |
|||
margin-top:22px; |
|||
} |
|||
|
|||
/*snippets*/ |
|||
|
|||
.container-fluid.banner { |
|||
min-height: 800px; |
|||
} |
|||
|
|||
.col-7.col-sm-9.col-md-9 { |
|||
margin-top: 250px; |
|||
margin-left: 150px; |
|||
|
|||
} |
|||
|
|||
a.btn.btn-primary.mb-2.o_default_snippet_text { |
|||
background: chocolate; |
|||
} |
|||
|
|||
|
|||
.row.align-items-center.community { |
|||
background-color: azure; |
|||
border: solid 1px gainsboro; |
|||
border-radius: 75px; |
|||
padding: 10px; |
|||
} |
|||
|
|||
.join_community_text{ |
|||
font-size:20px; |
|||
} |
|||
|
|||
img.img.img-fluid.mx-auto.community_image { |
|||
border-radius: 45px; |
|||
} |
|||
|
|||
|
|||
.container.asset_class_container { |
|||
min-height: 654px; |
|||
color: white; |
|||
padding-top:25px; |
|||
} |
|||
|
|||
|
|||
ul#pills-tab { |
|||
margin: 0 auto; |
|||
display: flex; |
|||
justify-content: center; |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.asset_image { |
|||
opacity: 0.8; |
|||
border-radius: 89px; |
|||
max-height: 375px; |
|||
} |
|||
|
|||
p.tab_text.o_default_snippet_text { |
|||
font-size: 20px; |
|||
margin-bottom: 40px; |
|||
color: white; |
|||
} |
|||
|
|||
.counter-area { |
|||
display: flex; |
|||
max-width: 70%; |
|||
margin: 0 auto; |
|||
justify-content: center; |
|||
margin-top: -6%; |
|||
color: white; |
|||
} |
|||
|
|||
.counter-wrap{ |
|||
background-color: black; |
|||
} |
|||
|
|||
.counter-item { |
|||
display:grid; |
|||
min-width: 175px; |
|||
text-align: center; |
|||
padding: 30px; |
|||
} |
|||
|
|||
.counter_cell{ |
|||
min-height: 110px; |
|||
display: flex; |
|||
margin-top: 20px; |
|||
margin-bottom: 10px; |
|||
padding-left: 30px; |
|||
padding-right: 30px; |
|||
} |
|||
|
|||
h3.counter-odometer{ |
|||
margin:auto; |
|||
} |
|||
|
|||
.counter-text{ |
|||
margin:auto; |
|||
} |
|||
|
|||
section.aboutus.oe_img_bg.o_bg_img_center.o_colored_level { |
|||
color:black !important; |
|||
min-height:500px; |
|||
} |
|||
|
|||
section.aboutus.o_colored_level { |
|||
padding: 30px; |
|||
} |
|||
|
|||
a.card-header.faq_text.collapsed { |
|||
color: darkblue; |
|||
} |
|||
|
|||
a.card-header.faq_text.collapsed:hover { |
|||
color: black; |
|||
background-color: lavender; |
|||
} |
|||
|
|||
.card.bg-white { |
|||
margin: 12px; |
|||
} |
|||
|
|||
.card.text-bg-white.h-100 { |
|||
max-width: 302px; |
|||
max-height: 400px; |
|||
margin: auto; |
|||
} |
|||
|
|||
span.fa.fa-chevron-right.fa-2x.text-white { |
|||
color: #3acdcd !important; |
|||
} |
|||
|
|||
span.fa.fa-chevron-left.fa-2x.text-white { |
|||
color: #3acdcd !important; |
|||
} |
|||
|
|||
/*trading_page*/ |
|||
|
|||
.container-fluid.banner_default { |
|||
background-size:1700px; |
|||
min-height: 1000px; |
|||
} |
|||
|
|||
section.s_title.parallax.s_parallax_is_fixed.bg-black-50.pt24.pb24 { |
|||
min-height: 800px; |
|||
} |
|||
|
|||
.btn-block { |
|||
display: initial; |
|||
} |
|||
|
|||
.container-fluid.banner_default { |
|||
background-size: 2000px; |
|||
} |
|||
|
|||
@media screen and (max-width: 800px) { |
|||
|
|||
.container-fluid.banner_default { |
|||
background-size: 1491px; |
|||
} |
|||
.col-7.col-sm-9.col-md-9.investing_page_text{ |
|||
margin-left: 60px; |
|||
} |
|||
|
|||
.col-lg-2.offset-lg-1.offset-md-2.col-md-4 { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.col-lg-4.col-md-6 { |
|||
margin-left: 0px; |
|||
margin-top: 35px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.container-fluid.banner { |
|||
background-size: 656px 802px; |
|||
} |
|||
|
|||
.col-7.col-sm-9.col-md-9 { |
|||
margin-top: 250px; |
|||
margin-left: 62px; |
|||
} |
|||
|
|||
.btn-block { |
|||
display: block; |
|||
} |
|||
|
|||
.counter-area { |
|||
max-width:100% !important; |
|||
} |
|||
|
|||
div#counter_row{ |
|||
margin-left: -51px; |
|||
} |
|||
|
|||
span.fa.fa-chevron-right.fa-2x.text-white { |
|||
margin-left: 70px; |
|||
} |
|||
|
|||
.footer-social { |
|||
margin-top: 28px; |
|||
margin-left: -39px; |
|||
} |
|||
|
|||
} |
|||
|
After Width: | Height: | Size: 304 KiB |
|
After Width: | Height: | Size: 3.9 MiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 3.6 MiB |
|
After Width: | Height: | Size: 2.6 MiB |
|
After Width: | Height: | Size: 670 KiB |
|
After Width: | Height: | Size: 812 KiB |
|
After Width: | Height: | Size: 2.7 MiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 211 KiB |
|
After Width: | Height: | Size: 272 KiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 1.2 MiB |
|
After Width: | Height: | Size: 635 KiB |
|
After Width: | Height: | Size: 5.5 MiB |
|
After Width: | Height: | Size: 1.7 MiB |
|
After Width: | Height: | Size: 4.6 MiB |
|
After Width: | Height: | Size: 15 MiB |
|
After Width: | Height: | Size: 5.7 MiB |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 7.0 MiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 8.7 MiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 1.7 MiB |
|
After Width: | Height: | Size: 2.4 MiB |
|
After Width: | Height: | Size: 24 MiB |
|
After Width: | Height: | Size: 18 MiB |
|
After Width: | Height: | Size: 6.6 MiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 650 KiB |
@ -0,0 +1,240 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Template for "Contact Us" page--> |
|||
<!--The page includes a banner image and a form where visitors can submit their contact information, such as their name, |
|||
phone number, email address, company name, and the subject of their message. --> |
|||
<!--The form also includes a message box where visitors can enter their inquiry or question. Once the visitor |
|||
submits the form, it will be sent as an email to the company's email address.--> |
|||
<template id="contactus" inherit_id="website.contactus" name="Contact Us"> |
|||
<xpath expr="//div[@id='wrap']" position="replace"> |
|||
<div id="wrap" class="oe_structure oe_empty"> |
|||
<section |
|||
class="s_title parallax s_parallax_is_fixed bg-black-50 pt24 pb24" |
|||
data-vcss="001" |
|||
data-snippet="s_title" data-scroll-background-ratio="1"> |
|||
<span class="s_parallax_bg oe_img_bg" |
|||
style="background-image: url('/theme_trading/static/src/images/contactus/contactus_banner.jpg'); background-position: 50% 0px;"/> |
|||
<div class="o_we_bg_filter bg-black-50"/> |
|||
<div class="container"> |
|||
<h1>Contact us</h1> |
|||
</div> |
|||
</section> |
|||
<section class="s_text_block pt40 pb40 o_colored_level " |
|||
data-snippet="s_text_block"> |
|||
<div class="container s_allow_columns"> |
|||
<div class="row"> |
|||
<div class="col-lg-8 mt-4 mt-lg-0"> |
|||
<p> |
|||
Thank you for considering our trading |
|||
company for your business needs!! |
|||
<br/> |
|||
Please feel free to contact us with any |
|||
questions or inquiries. |
|||
</p> |
|||
<section class="s_website_form" data-vcss="001" |
|||
data-snippet="s_website_form"> |
|||
<div class="container"> |
|||
<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="mb-0 py-2 col-12 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"> |
|||
<label class="col-form-label col-sm-auto s_website_form_label" |
|||
style="width: 200px" |
|||
for="contact1"> |
|||
<span class="s_website_form_label_content"> |
|||
Name |
|||
</span> |
|||
<span class="s_website_form_mark"> |
|||
* |
|||
</span> |
|||
</label> |
|||
<div class="col-sm"> |
|||
<input id="contact1" |
|||
type="text" |
|||
class="form-control s_website_form_input" |
|||
name="name" |
|||
required="" |
|||
data-fill-with="name"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom" |
|||
data-type="char" |
|||
data-name="Field"> |
|||
<div class="row s_col_no_resize s_col_no_bgcolor"> |
|||
<label class="col-form-label col-sm-auto s_website_form_label" |
|||
style="width: 200px" |
|||
for="contact2"> |
|||
<span class="s_website_form_label_content"> |
|||
Phone |
|||
Number |
|||
</span> |
|||
</label> |
|||
<div class="col-sm"> |
|||
<input id="contact2" |
|||
type="tel" |
|||
class="form-control s_website_form_input" |
|||
name="phone" |
|||
data-fill-with="phone"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="mb-0 py-2 col-12 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"> |
|||
<label class="col-form-label col-sm-auto s_website_form_label" |
|||
style="width: 200px" |
|||
for="contact3"> |
|||
<span class="s_website_form_label_content"> |
|||
Email |
|||
</span> |
|||
<span class="s_website_form_mark"> |
|||
* |
|||
</span> |
|||
</label> |
|||
<div class="col-sm"> |
|||
<input id="contact3" |
|||
type="email" |
|||
class="form-control s_website_form_input" |
|||
name="email_from" |
|||
required="" |
|||
data-fill-with="email"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="mb-0 py-2 col-12 s_website_form_field s_website_form_custom" |
|||
data-type="char" |
|||
data-name="Field"> |
|||
<div class="row s_col_no_resize s_col_no_bgcolor"> |
|||
<label class="col-form-label col-sm-auto s_website_form_label" |
|||
style="width: 200px" |
|||
for="contact4"> |
|||
<span class="s_website_form_label_content"> |
|||
Company |
|||
</span> |
|||
</label> |
|||
<div class="col-sm"> |
|||
<input id="contact4" |
|||
type="text" |
|||
class="form-control s_website_form_input" |
|||
name="company" |
|||
data-fill-with="commercial_company_name"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<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"> |
|||
<label class="col-form-label col-sm-auto s_website_form_label" |
|||
style="width: 200px" |
|||
for="contact5"> |
|||
<span class="s_website_form_label_content"> |
|||
Subject |
|||
</span> |
|||
<span class="s_website_form_mark"> |
|||
* |
|||
</span> |
|||
</label> |
|||
<div class="col-sm"> |
|||
<input id="contact5" |
|||
type="text" |
|||
class="form-control s_website_form_input" |
|||
name="subject" |
|||
required=""/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<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"> |
|||
<label class="col-form-label col-sm-auto s_website_form_label" |
|||
style="width: 200px" |
|||
for="contact6"> |
|||
<span class="s_website_form_label_content"> |
|||
Question |
|||
</span> |
|||
</label> |
|||
<div class="col-sm"> |
|||
<textarea |
|||
id="contact6" |
|||
class="form-control s_website_form_input" |
|||
name="description" |
|||
required=""/> |
|||
</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"> |
|||
<label class="col-form-label col-sm-auto s_website_form_label" |
|||
style="width: 200px" |
|||
for="contact7"> |
|||
<span class="s_website_form_label_content"> |
|||
Email To |
|||
</span> |
|||
</label> |
|||
<div class="col-sm"> |
|||
<input id="contact7" |
|||
type="hidden" |
|||
class="form-control s_website_form_input" |
|||
name="email_to"/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="mb-0 py-2 col-12 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-lg s_website_form_send"> |
|||
Submit |
|||
</a> |
|||
<span id="s_website_form_result"/> |
|||
</div> |
|||
</div> |
|||
</form> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
<div class="col-lg-4 mt-4 mt-lg-0"> |
|||
<ul class="list-unstyled mb-0 ps-2"> |
|||
<li>My Company</li> |
|||
<li> |
|||
<i class="fa fa-map-marker fa-fw me-2"/> |
|||
<span class="o_force_ltr">3575 Fake |
|||
Buena Vista Avenue |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<i class="fa fa-phone fa-fw me-2"/> |
|||
<span class="o_force_ltr">+1 (650) |
|||
555-0111 |
|||
</span> |
|||
</li> |
|||
<li> |
|||
<i class="fa fa-1x fa-fw fa-envelope me-2"/> |
|||
<span>info@yourcompany.example.com |
|||
</span> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
</xpath> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,140 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Replaces the existing footer div with a new div containing various sections including a logo, site pages, and app links.--> |
|||
<template id="footer_default_sample" inherit_id="website.layout" |
|||
name="Footer Sample"> |
|||
<xpath expr="//div[@id='footer']" position="replace"> |
|||
<div id="footer"> |
|||
<div class="footer_content"> |
|||
<section class="footer"> |
|||
<div class="container footer_container"> |
|||
<div class="row"> |
|||
<div class="col-lg-3 col-md-6"> |
|||
<div class="footer_logo"> |
|||
<a class="navbar-brand" href="/"> |
|||
<img src="/theme_trading/static/src/images/logo.png" |
|||
alt=""/> |
|||
</a> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, |
|||
consectetur adipisicing elit, sed do |
|||
eiusmod |
|||
tempor incididunt |
|||
ut labore et dolore magna aliqua. |
|||
Ut enim ad minim veniam, quis |
|||
nostrud exercitation ullamco laboris |
|||
nisi |
|||
ut aliquip ex ea |
|||
commodo consequat. sheri |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-2 offset-lg-1 offset-md-2 col-md-4"> |
|||
<div class="pages"> |
|||
<h4 class="site_pages">Site Pages</h4> |
|||
<div class="links"> |
|||
<a href="/" class="footer_links"> |
|||
Home |
|||
</a> |
|||
<a href="/trading_page" |
|||
class="footer_links">Trading |
|||
</a> |
|||
<a href="/investing_page" |
|||
class="footer_links">Investing |
|||
</a> |
|||
<a href="/blog" |
|||
class="footer_links">Blog |
|||
</a> |
|||
<a href="/contactus" |
|||
class="footer_links">Contact Us |
|||
</a> |
|||
<a href="#" class="footer_links"> |
|||
Terms & Conditions |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div class="apps"> |
|||
<div class="mob_img"> |
|||
<div class="mob_icon"> |
|||
</div> |
|||
<p> |
|||
Get the Deals by Mobile App |
|||
</p> |
|||
</div> |
|||
|
|||
<div class="buttons"> |
|||
<div class="wrapper_img"> |
|||
<a href="#"> |
|||
<img src="/theme_trading/static/src/images/apps/apple-app-store.png"/> |
|||
</a> |
|||
</div> |
|||
<br/> |
|||
<div class="wrapper_img"> |
|||
<a href="#"> |
|||
<img src="/theme_trading/static/src/images/apps/google-play-store.png"/> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="footer_bottom"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-lg-6 col-md-6 col-12"> |
|||
<div class="bottom_left"> |
|||
Copyright © 2020. All Rights |
|||
Reserved, theme by |
|||
<a href="#"> |
|||
Cybrosys.com |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6 col-md-6 col-12"> |
|||
<div class="bottom-right"> |
|||
<div class="footer-social"> |
|||
<ul class="social_icons"> |
|||
<li> |
|||
<a href="#" |
|||
target="_blank"> |
|||
<i class='fa fa-facebook'/> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a href="#" |
|||
target="_blank"> |
|||
<i class='fa fa-twitter'/> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a href="#" |
|||
target="_blank"> |
|||
<i class='fa fa-linkedin'/> |
|||
</a> |
|||
</li> |
|||
<li> |
|||
<a href="#" |
|||
target="_blank"> |
|||
<i class='fa fa-instagram'/> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</section> |
|||
</div> |
|||
</div> |
|||
</xpath> |
|||
<xpath expr="//div[@class='o_footer_copyright o_colored_level o_cc']" |
|||
position="replace"> |
|||
</xpath> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,66 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Template defining a custom header for trading website. It replaces the existing header with a new one |
|||
that includes a logo, a collapsible navigation menu, and a login/user dropdown section.--> |
|||
<template id="trading_header" inherit_id="website.layout" |
|||
name="Trading header" |
|||
active="True"> |
|||
<xpath expr="//header" position="replace"> |
|||
<header> |
|||
<section> |
|||
<div class="main-nav"> |
|||
<div class="container main_header"> |
|||
<nav class="navbar navbar-expand-md navbar-light"> |
|||
<div class="logo"> |
|||
<a class="navbar-brand" href="/"> |
|||
<img src="/theme_trading/static/src/images/logo.png" |
|||
alt=""/> |
|||
</a> |
|||
</div> |
|||
<button class="navbar-toggler waves-effect" |
|||
type="button" data-toggle="collapse" |
|||
data-target=".mean-menu"> |
|||
<span class="navbar-toggler-icon"/> |
|||
</button> |
|||
<div class="collapse navbar-collapse mean-menu"> |
|||
<!-- Main-menu --> |
|||
<ul class="navbar-nav"> |
|||
<t t-foreach="website.menu_id.child_id" |
|||
t-as="submenu"> |
|||
<li class="nav-item"> |
|||
<t t-call="website.submenu"> |
|||
<t t-set="item_class" |
|||
t-value="'nav-item'"/> |
|||
<t t-set="link_class" |
|||
t-value="'nav-link'"/> |
|||
</t> |
|||
</li> |
|||
</t> |
|||
</ul> |
|||
</div> |
|||
<!-- navbar-collapse.// --> |
|||
<div class="login align-right"> |
|||
<!-- Sign In --> |
|||
<t t-call="portal.placeholder_user_sign_in"> |
|||
<t t-set="_item_class" |
|||
t-value="'nav-item ml-lg-auto'"/> |
|||
<t t-set="_link_class" |
|||
t-value="'nav-link font-weight-bold'"/> |
|||
</t> |
|||
<!-- User Dropdown --> |
|||
<t t-call="portal.user_dropdown"> |
|||
<t t-set="_user_name" t-value="true"/> |
|||
<t t-set="_item_class" |
|||
t-value="'nav-item dropdown ml-lg-auto'"/> |
|||
<t t-set="_link_class" |
|||
t-value="'nav-link font-weight-bold'"/> |
|||
</t> |
|||
</div> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</header> |
|||
</xpath> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,27 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Inherits the `website.snippets` template and inserts the `s_aboutus` snippet inside a div with class `o_panel_body`--> |
|||
<template id="trading_theme_aboutus_snippet" inherit_id="website.snippets" |
|||
name="About US"> |
|||
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" |
|||
position="inside"> |
|||
<t t-snippet="theme_trading.s_aboutus" |
|||
t-thumbnail="/theme_trading/static/src/images/snippets_thumbs/aboutus.jpg);"/> |
|||
<t t-snippet="theme_trading.s_asset_classes" |
|||
t-thumbnail="/theme_trading/static/src/images/snippets_thumbs/assets.jpg);"/> |
|||
<t t-snippet="theme_trading.s_banner" |
|||
t-thumbnail="/theme_trading/static/src/images/snippets_thumbs/banner.jpg);"/> |
|||
<t t-snippet="theme_trading.s_image_text" |
|||
t-thumbnail="/theme_trading/static/src/images/snippets_thumbs/community.jpg);"/> |
|||
<t t-snippet="theme_trading.s_testimonial" |
|||
t-thumbnail="/theme_trading/static/src/images/snippets_thumbs/testimonial.jpg);"/> |
|||
</xpath> |
|||
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]" |
|||
position="inside"> |
|||
<t t-snippet="theme_trading.s_faq" |
|||
t-thumbnail="/theme_trading/static/src/images/snippets_thumbs/faq.jpg);"/> |
|||
<t t-snippet="theme_trading.s_showcase" |
|||
t-thumbnail="/theme_trading/static/src/images/snippets_thumbs/features.jpg);"/> |
|||
</xpath> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,43 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Defines the `s_aboutus` snippet with header and a description paragraph--> |
|||
<template id="s_aboutus" name="Trading About Us"> |
|||
<section class="aboutus"> |
|||
<div class="container"> |
|||
<div class="row align-items-center "> |
|||
<div class="col-lg-6 pt16 pb16 aboutus_header"> |
|||
<h2> |
|||
About Us |
|||
</h2> |
|||
<br/> |
|||
<p class="aboutus_text"> |
|||
<b>Welcome to our stock trading company, where we |
|||
aim to provide the best investment |
|||
experience |
|||
for our clients. Our team of experts are |
|||
dedicated to guiding you through the |
|||
complexities |
|||
of the stock market and help you make informed |
|||
decisions to maximize your returns. |
|||
</b> |
|||
<br/> |
|||
With access to a wide range of investment options, |
|||
including stocks, bonds, and mutual |
|||
funds, we provide personalized solutions tailored to |
|||
meet your unique financial goals. Our |
|||
commitment to transparency, integrity, and client |
|||
satisfaction sets us apart from the rest. |
|||
Join us and take the first step towards a successful |
|||
investment journey. |
|||
</p> |
|||
</div> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<img src="/theme_trading/static/src/images/aboutus.jpg" |
|||
class="img img-fluid mx-auto" |
|||
alt=""/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,141 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Defines the `s_asset_classes` snippet--> |
|||
<template id="s_asset_classes" name="Trading Assets"> |
|||
<section class="product_single" |
|||
style="background-image: url(/theme_trading/static/src/images/tab_background.jpg);"> |
|||
<div class="container asset_class_container"> |
|||
<div> |
|||
<center> |
|||
<h1> |
|||
Expand your investment horizons. |
|||
</h1> |
|||
<p class="asset_class_text"> |
|||
Explore a vast array of assets, exchange insights, |
|||
winning tactics, and more." |
|||
</p> |
|||
</center> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="tabs" style="text-align:center;"> |
|||
<ul class="nav mb-3" id="pills-tab" role="tablist"> |
|||
<li class="nav-item "> |
|||
<a class="nav-link active" id="pills-first-tab" |
|||
data-toggle="pill" |
|||
href="#pills-first" |
|||
role="tab" aria-controls="pills-first" |
|||
aria-selected="true">Stocks |
|||
</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" id="pills-second-tab" |
|||
data-toggle="pill" |
|||
href="#pills-second" |
|||
role="tab" aria-controls="pills-second" |
|||
aria-selected="false">ETFs |
|||
</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" id="pills-third-tab" |
|||
data-toggle="pill" |
|||
href="#pills-third" |
|||
role="tab" aria-controls="pills-third" |
|||
aria-selected="false">Crypto |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
<div class="tab-content" id="pills-tabContent"> |
|||
<div class="tab-pane fade show active" |
|||
id="pills-first" role="tabpanel" |
|||
aria-labelledby="pills-first-tab"> |
|||
<div class="p_first"> |
|||
<div class="container"> |
|||
<div class="row align-items-center"> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<img src="/theme_trading/static/src/images/stock.jpg" |
|||
class="img img-fluid mx-auto asset_image" |
|||
alt=""/> |
|||
</div> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<p class="tab_text">Come and |
|||
join us for a hassle-free |
|||
investment |
|||
experience with zero |
|||
commission fees! |
|||
</p> |
|||
<p> |
|||
<a href="#" |
|||
class="btn btn-primary mb-2"> |
|||
Start Investing |
|||
</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="tab-pane fade" id="pills-second" |
|||
role="tabpanel" |
|||
aria-labelledby="pills-second-tab"> |
|||
<div class="p_second"> |
|||
<div class="container"> |
|||
<div class="row align-items-center"> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<img src="/theme_trading/static/src/images/etf.jpg" |
|||
class="img img-fluid mx-auto asset_image" |
|||
alt=""/> |
|||
</div> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<p class="tab_text">With ETFs, |
|||
your money goes further |
|||
towards building |
|||
your future. |
|||
</p> |
|||
<p> |
|||
<a href="#" |
|||
class="btn btn-primary mb-2"> |
|||
Start Investing |
|||
</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="tab-pane fade" id="pills-third" |
|||
role="tabpanel" |
|||
aria-labelledby="pills-third-tab"> |
|||
<div class="p_third"> |
|||
<div class="container"> |
|||
<div class="row align-items-center"> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<img src="/theme_trading/static/src/images/crypto.jpg" |
|||
class="img img-fluid mx-auto asset_image" |
|||
alt=""/> |
|||
</div> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<p class="tab_text">Join the |
|||
revolution and diversify |
|||
your portfolio by |
|||
investing in |
|||
cryptocurrencies, the future |
|||
of digital finance!! |
|||
</p> |
|||
<p> |
|||
<a href="#" |
|||
class="btn btn-primary mb-2"> |
|||
Buy Crypto |
|||
</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,76 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Defines the banner snippet with a background image and a counter section showcasing the company's experience, |
|||
clients, customers, and rating.--> |
|||
<template id="s_banner" name="Trading Banner"> |
|||
<section class="banner_background"> |
|||
<div class="container-fluid banner" |
|||
style="background-image: url(/theme_trading/static/src/images/trading_home.jpg);"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<div class="col-7 col-sm-9 col-md-9"> |
|||
<h1 style="color:white;"> |
|||
Invest in your future with us!! |
|||
</h1> |
|||
<a href="" class="btn btn-block btn-primary">Start |
|||
Investing |
|||
</a> |
|||
</div> |
|||
<div class="col-5"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="counter-area"> |
|||
<div class="counter-wrap"> |
|||
<div class="counter"> |
|||
<div class="row" id="counter_row"> |
|||
<div class="col-6 col-sm-6 col-md-3 col-lg-3 counter_cell"> |
|||
<div class="counter-item"> |
|||
<h3 class="counter-odometer"> |
|||
<span class="odometer" |
|||
style="color:green;">10 |
|||
</span> |
|||
</h3> |
|||
<p class="counter-text">Years of |
|||
Experience |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="col-6 col-sm-6 col-md-3 col-lg-3 counter_cell"> |
|||
<div class="counter-item"> |
|||
<h3 class="counter-odometer"> |
|||
<span class="odometer" |
|||
style="color:green;">10000 |
|||
</span> |
|||
</h3> |
|||
<p class="counter-text">Happy Clients</p> |
|||
</div> |
|||
</div> |
|||
<div class="col-6 col-sm-6 col-md-3 col-lg-3 counter_cell"> |
|||
<div class="counter-item"> |
|||
<h3 class="counter-odometer"> |
|||
<span class="odometer" |
|||
style="color:green;">2000 |
|||
</span> |
|||
</h3> |
|||
<p class="counter-text">New Customers</p> |
|||
</div> |
|||
</div> |
|||
<div class="col-6 col-sm-6 col-md-3 col-lg-3 counter_cell"> |
|||
<div class="counter-item"> |
|||
<h3 class="counter-odometer"> |
|||
<span class="odometer" |
|||
style="color:green;">4.8 |
|||
</span> |
|||
</h3> |
|||
<p class="counter-text">Rating</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,32 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--This template defines a section with an image and text, promoting the community aspect of the website. |
|||
The section includes a heading, descriptive text, and a call-to-action button inviting the user to join the community.--> |
|||
<template id="s_image_text" name="Trading Community"> |
|||
<section class="s_text_image pt32 pb32"> |
|||
<div class="container"> |
|||
<div class="row align-items-center community"> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<img src="/theme_trading/static/src/images/community.jpg" |
|||
class="img img-fluid mx-auto community_image" |
|||
alt=""/> |
|||
</div> |
|||
<div class="col-lg-6 pt16 pb16"> |
|||
<h2>Join Our Community</h2> |
|||
<p class="join_community_text">Join our trading |
|||
community now to get access to insightful advice |
|||
and assistance from |
|||
seasoned traders. Reach your financial objectives |
|||
with us and enhance your trading |
|||
abilities. |
|||
</p> |
|||
<p> |
|||
<a href="#" class="btn btn-primary mb-2">Join Now |
|||
</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,112 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Template for FAQ section with collapsible question-answer cards. Includes frequently asked questions |
|||
related to investing, benefits of investing, starting investing, and trading.--> |
|||
<template id="s_faq" name="Trading FAQ"> |
|||
<section class="s_faq_collapse pt32 pb32"> |
|||
<div class="faq_header" style="text-align:center;"> |
|||
FREQUENTLY ASKED QUESTIONS (FAQs) |
|||
</div> |
|||
<br/> |
|||
<t t-set="uniq" t-value="datetime.datetime.now().microsecond"/> |
|||
<div class="container faq"> |
|||
<div id="myCollapse" class="accordion" role="tablist"> |
|||
<div class="card bg-white faq_question" data-name="Item"> |
|||
<a href="#" |
|||
t-attf-data-target="#myCollapseTab{{uniq}}_1" |
|||
role="tab" |
|||
data-toggle="collapse" aria-expanded="true" |
|||
class="card-header faq_text">What are the |
|||
benefits of |
|||
investing? |
|||
</a> |
|||
<div t-attf-id="myCollapseTab{{uniq}}_1" |
|||
class="collapse show" data-parent="#myCollapse" |
|||
role="tabpanel"> |
|||
<div class="card-body"> |
|||
<p class="card-text">Among the many advantages |
|||
of investing are the potential long-term |
|||
expansion of wealth, the capacity to achieve |
|||
financial objectives like retirement or |
|||
college funding, and the generation of |
|||
passive income. Yet, investing also carries |
|||
a |
|||
certain amount of risk and necessitates |
|||
careful assessment of one's own financial |
|||
objectives. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="card bg-white faq_question" data-name="Item"> |
|||
<a href="#" |
|||
t-attf-data-target="#myCollapseTab{{uniq}}_2" |
|||
role="tab" |
|||
data-toggle="collapse" aria-expanded="false" |
|||
class="collapsed card-header faq_text">Will i |
|||
lose |
|||
money through investing? |
|||
</a> |
|||
<div t-attf-id="myCollapseTab{{uniq}}_2" |
|||
class="collapse" data-parent="#myCollapse" |
|||
role="tabpanel"> |
|||
<div class="card-body"> |
|||
<p class="card-text"> |
|||
investing carries a certain amount of risk |
|||
and necessitates careful assessment of |
|||
one's own financial objectives. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="card bg-white faq_question" data-name="Item"> |
|||
<a href="#" |
|||
t-attf-data-target="#myCollapseTab{{uniq}}_3" |
|||
role="tab" |
|||
data-toggle="collapse" aria-expanded="false" |
|||
class="collapsed card-header faq_text">How do i |
|||
start |
|||
investing? |
|||
</a> |
|||
<div t-attf-id="myCollapseTab{{uniq}}_3" |
|||
class="collapse" data-parent="#myCollapse" |
|||
role="tabpanel"> |
|||
<div class="card-body"> |
|||
<p class="card-text">You can start investing by |
|||
setting clear financial goals, educating |
|||
yourself |
|||
on investment options, and creating a |
|||
diversified investment portfolio that aligns |
|||
with your risk tolerance and long-term |
|||
objectives. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="card bg-white faq_question" data-name="Item"> |
|||
<a href="#" |
|||
t-attf-data-target="#myCollapseTab{{uniq}}_4" |
|||
role="tab" |
|||
data-toggle="collapse" aria-expanded="false" |
|||
class="collapsed card-header faq_text">What is |
|||
the difference between investing and trading? |
|||
</a> |
|||
<div t-attf-id="myCollapseTab{{uniq}}_3" |
|||
class="collapse" data-parent="#myCollapse" |
|||
role="tabpanel"> |
|||
<div class="card-body"> |
|||
<p class="card-text">Investing is a long-term |
|||
strategy to build wealth by buying and |
|||
holding assets, whereas trading is a |
|||
short-term plan to profit from buying and |
|||
selling assets in a relatively short period |
|||
of time. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,63 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Template to showcase trading features. contains four blocks describing features and a call-to-action at the end.--> |
|||
<template name="Trading Feature" id="s_showcase"> |
|||
<section class="s_showcase pt48 pb48" data-vcss="002"> |
|||
<div class="container"> |
|||
<div class="row no-gutters s_col_no_resize s_col_no_bgcolor s_nb_column_fixed"> |
|||
<div class="col-lg text-lg-right"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 pt24 pb24" data-name="Block"> |
|||
<div class="s_showcase_title d-flex flex-lg-row-reverse mb-2"> |
|||
<i class="s_showcase_icon fa fa-2x fa-desktop text-secondary mr-3 mr-lg-0 ml-lg-3"/> |
|||
<h3>User-friendly Interface</h3> |
|||
</div> |
|||
<p>A short description of this great feature. |
|||
</p> |
|||
</div> |
|||
<div class="col-lg-12 pt24 pb24" data-name="Block"> |
|||
<div class="s_showcase_title d-flex flex-lg-row-reverse mb-2"> |
|||
<i class="s_showcase_icon fa fa-2x fa-star text-secondary mr-3 mr-lg-0 ml-lg-3"/> |
|||
<h3>Reliable Trading Platform</h3> |
|||
</div> |
|||
<p>A short description of this great feature. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-1"> |
|||
<div class="w-50 h-100 border-right"/> |
|||
</div> |
|||
<div class="col-lg"> |
|||
<div class="row"> |
|||
<div class="col-lg-12 pt24 pb24" data-name="Block"> |
|||
<div class="s_showcase_title d-flex mb-2"> |
|||
<i class="s_showcase_icon fa fa-2x fa-comments text-secondary mr-3"/> |
|||
<h3>Customer Support</h3> |
|||
</div> |
|||
<p>A short description of this great feature. |
|||
</p> |
|||
</div> |
|||
<div class="col-lg-12 pt24 pb24" data-name="Block"> |
|||
<div class="s_showcase_title d-flex mb-2"> |
|||
<i class="s_showcase_icon fa fa-2x fa-copy text-secondary mr-3"/> |
|||
<h3>Multiple Trading Options</h3> |
|||
</div> |
|||
<p>A short description of this great feature. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="container text-lg-center"> |
|||
<p> |
|||
<br/> |
|||
</p> |
|||
<a href="#" class="btn btn-primary mb-2">Discover all the |
|||
features |
|||
</a> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,86 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Template for a testimonial section with a carousel slideshow of customer reviews and their profile images.--> |
|||
<template id="s_testimonial" name="Trading Testimonial"> |
|||
<section |
|||
class="s_image_gallery o_slideshow s_image_gallery_show_indicators s_image_gallery_indicators_rounded pt24" |
|||
data-vcss="001" data-columns="3" |
|||
style="height: 500px; overflow: hidden;"> |
|||
<div class="container"> |
|||
<div id="slideshow_sample" class="carousel slide" |
|||
data-bs-ride="carousel" data-bs-interval="0" |
|||
style="margin: 0 12px;"> |
|||
<div class="carousel-inner"> |
|||
<div class="testimonial_carousel_heading"> |
|||
<center> |
|||
<h2> |
|||
<b>Testimonials</b> |
|||
</h2> |
|||
</center> |
|||
</div> |
|||
<br/> |
|||
<div class="carousel-item active"> |
|||
<div class="card text-bg-white h-100"> |
|||
<img class="card-img-top" |
|||
src="/theme_trading/static/src/images/testimonial/michael.jpg" |
|||
alt=""/> |
|||
<div class="card-body"> |
|||
<h3 class="card-title">Michael</h3> |
|||
<p class="card-text">"The trading company's |
|||
service is excellent - reliable, |
|||
efficient and always delivers on time!" |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="carousel-item"> |
|||
<div class="card text-bg-white h-100"> |
|||
<img class="card-img-top" |
|||
src="/theme_trading/static/src/images/testimonial/rachel.jpg" |
|||
alt=""/> |
|||
<div class="card-body"> |
|||
<h3 class="card-title">Rachel</h3> |
|||
<p class="card-text">"I highly recommend |
|||
this trading company for their |
|||
exceptional |
|||
customer service and attention to |
|||
detail." |
|||
</p> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<div class="carousel-item"> |
|||
<div class="card text-bg-white h-100"> |
|||
<img class="card-img-top" |
|||
src="/theme_trading/static/src/images/testimonial/stella.jpg" |
|||
alt=""/> |
|||
<div class="card-body"> |
|||
<h3 class="card-title">Stella</h3> |
|||
<p class="card-text">"Thanks to this trading |
|||
company's expertise and guidance, |
|||
I've been able to make profitable trades |
|||
and grow my portfolio." |
|||
</p> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<a class="carousel-control-prev o_we_no_overlay" |
|||
href="#slideshow_sample" data-slide="prev" |
|||
aria-label="Previous" title="Previous"> |
|||
<span class="fa fa-chevron-left fa-2x text-white"/> |
|||
<span class="visually-hidden">Previous</span> |
|||
</a> |
|||
<a class="carousel-control-next o_we_no_overlay" |
|||
href="#slideshow_sample" data-slide="next" |
|||
aria-label="Next" title="Next"> |
|||
<span class="fa fa-chevron-right fa-2x text-white"/> |
|||
<span class="visually-hidden">Next</span> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,27 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!-- Template defining the layout of Investing Page of trading website. It inherits from the website.layout template |
|||
and includes a banner image with a call-to-action button to start investing.--> |
|||
<template id="investing_page" name="Investing Page"> |
|||
<t t-call="website.layout"> |
|||
<div class="oe_structure"> |
|||
<div class="container-fluid banner_default" |
|||
style="background-image: url(/theme_trading/static/src/images/investing.jpg);"> |
|||
<div class="row" id="investing_row"> |
|||
<div class="col-7 col-sm-9 col-md-9 investing_page_text"> |
|||
<h1 style="color:white;"> |
|||
Join the investment revolution and |
|||
<br/> |
|||
secure your financial future today by investing with us!! |
|||
</h1> |
|||
<a href="" class="btn btn-block btn-primary">Start Investing</a> |
|||
</div> |
|||
<div class="col-5"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</t> |
|||
</template> |
|||
</odoo> |
|||
|
|||
@ -0,0 +1,24 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--Template for the Trading Page of trading website. It inherits from the website layout and includes a banner with |
|||
a background image and a call-to-action button to start trading.--> |
|||
<template id="trading_page" name="Trading Page"> |
|||
<t t-call="website.layout"> |
|||
<div class="oe_structure"> |
|||
<div class="container-fluid banner_default" |
|||
style="background-image: url(/theme_trading/static/src/images/trading.jpg);"> |
|||
<div class="row"> |
|||
<div class="col-7 col-sm-9 col-md-9 trading_page_text"> |
|||
<h1 style="color:white;"> |
|||
"Start maximizing your profits today by joining our trading community!" |
|||
</h1> |
|||
<a href="" class="btn btn-block btn-primary">Start Trading</a> |
|||
</div> |
|||
<div class="col-5"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</t> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,20 @@ |
|||
<?xml version="1.0" encoding="UTF-8" ?> |
|||
<odoo> |
|||
<!--This record creates a new menu item with the name "Trading", which when clicked, |
|||
will redirect the user to the URL "/trading_page". --> |
|||
<record id="menu_trading" model="website.menu"> |
|||
<field name="name">Trading</field> |
|||
<field name="url">/trading_page</field> |
|||
<field name="parent_id" ref="website.main_menu"/> |
|||
<field name="sequence" type="int">15</field> |
|||
</record> |
|||
|
|||
<!--Creates a website menu item called "Investing" with a URL pointing to "/investing_page--> |
|||
<record id="menu_investing" model="website.menu"> |
|||
<field name="name">Investing</field> |
|||
<field name="url">/investing_page</field> |
|||
<field name="parent_id" ref="website.main_menu"/> |
|||
<field name="sequence" type="int">16</field> |
|||
</record> |
|||
</odoo> |
|||
|
|||
Loading…
Reference in new issue