AjmalCybro
2 years ago
90 changed files with 1993 additions and 0 deletions
@ -0,0 +1,47 @@ |
|||||
|
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg |
||||
|
:target: https://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/14.0/setup/install.html |
||||
|
- Install our custom addon |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
General Public License, Version 3 (LGPL v3). |
||||
|
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
Developer: (V16) Vivek, Contact: odoo@cybrosys.com |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* 'Cybrosys Techno Solutions <https://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 |
||||
|
========== |
||||
|
.. 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,61 @@ |
|||||
|
# -*- 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': '14.0.1.0.0', |
||||
|
'category': 'Theme/Corporate', |
||||
|
'summary': 'Theme Trading for Odoo Trading Website', |
||||
|
'description': """ |
||||
|
Theme Trading is an attractive trading Website theme which comes with many |
||||
|
useful and stylish snippets |
||||
|
""", |
||||
|
'author': 'Cybrosys Techno Solutions', |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
'images': [ |
||||
|
'static/description/banner.png', |
||||
|
'static/description/theme_screenshot.png', |
||||
|
], |
||||
|
'website': 'https://www.cybrosys.com', |
||||
|
'depends': ['website', 'website_blog', 'website_form'], |
||||
|
'data': [ |
||||
|
'views/assets.xml', |
||||
|
'views/trading_templates.xml', |
||||
|
'views/investing_templates.xml', |
||||
|
'views/footer.xml', |
||||
|
'views/header.xml', |
||||
|
'views/website_menus.xml', |
||||
|
'views/contactus.xml', |
||||
|
'views/snippets/feature_templates.xml', |
||||
|
'views/snippets/community_templates.xml', |
||||
|
'views/snippets/asset_classes_templates.xml', |
||||
|
'views/snippets/banner_templates.xml', |
||||
|
'views/snippets/aboutus_templates.xml', |
||||
|
'views/snippets/faq_templates.xml', |
||||
|
'views/snippets/testimonial_templates.xml', |
||||
|
'views/snippets/snippet_templates.xml', |
||||
|
], |
||||
|
'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,47 @@ |
|||||
|
# -*- 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,7 @@ |
|||||
|
## Module <theme_trading> |
||||
|
|
||||
|
#### 16.08.2023 |
||||
|
#### Version 14.0.1.0.0 |
||||
|
#### ADD |
||||
|
|
||||
|
- Initial commit for Theme Trading |
||||
|
After Width: | Height: | Size: 283 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: 802 KiB |
@ -0,0 +1,671 @@ |
|||||
|
/* |
||||
|
@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 */ |
||||
|
} |
||||
|
|
||||
|
.s_website_form_submit{ |
||||
|
display: contents; |
||||
|
} |
||||
|
|
||||
|
/* 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; |
||||
|
} |
||||
|
|
||||
|
a.navbar-brand { |
||||
|
margin-left: -20px; |
||||
|
} |
||||
|
|
||||
|
.apps { |
||||
|
margin-top: 23px; |
||||
|
} |
||||
|
|
||||
|
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:20px; |
||||
|
} |
||||
|
|
||||
|
/*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; |
||||
|
} |
||||
|
|
||||
|
section.s_image_gallery.o_slideshow.s_image_gallery_show_indicators.s_image_gallery_indicators_rounded.pt24.o_colored_level { |
||||
|
margin-bottom: 100px; |
||||
|
} |
||||
|
|
||||
|
.trading { |
||||
|
background-color: chocolate; |
||||
|
} |
||||
|
|
||||
|
@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: 5.7 MiB |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 15 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,10 @@ |
|||||
|
<?xml version="1.0" encoding="utf-8"?> |
||||
|
<odoo> |
||||
|
<!-- Inherits website.assets_frontend template and adds a new stylesheet link to the page.--> |
||||
|
<template id="assets_frontend_classic" inherit_id="website.assets_frontend"> |
||||
|
<xpath expr="//link[last()]" position="after"> |
||||
|
<link rel="stylesheet" type="text/css" |
||||
|
href="/theme_trading/static/src/css/style.css"/> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,27 @@ |
|||||
|
<?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[@class='oe_structure']" 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> |
||||
|
</div> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |
||||
@ -0,0 +1,143 @@ |
|||||
|
<?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. |
||||
|
</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,67 @@ |
|||||
|
<?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,29 @@ |
|||||
|
<?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,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,142 @@ |
|||||
|
<?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/cummunity.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,24 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<!--Inherits the `website.snippets` template to insert snippets 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_feature']/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);"/> |
||||
|
<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,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 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,19 @@ |
|||||
|
<?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