AjmalCybro
3 months ago
@ -0,0 +1,50 @@ |
|||
.. image:: https://img.shields.io/badge/licence-LGPL--3-green.svg |
|||
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
|||
:alt: License: LGPL-3 |
|||
|
|||
Theme Rozz |
|||
========== |
|||
* Design Web Pages with Theme Rozz |
|||
|
|||
Installation |
|||
============ |
|||
- www.odoo.com/documentation/18.0/setup/install.html |
|||
- Install our custom addon |
|||
|
|||
License |
|||
------- |
|||
Gnu Lesser General Public License, Version 3 (LGPL v3). |
|||
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
|||
|
|||
Company |
|||
------- |
|||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
Credits |
|||
------- |
|||
* Developers: (V16) Vivek, Muhsina V, |
|||
(v17) Akhil Ashok, |
|||
(v18) Athira K, |
|||
Contact: odoo@cybrosys.com |
|||
|
|||
Contacts |
|||
-------- |
|||
* Mail Contact : odoo@cybrosys.com |
|||
* Website : https://cybrosys.com |
|||
|
|||
Bug Tracker |
|||
----------- |
|||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
|||
|
|||
Maintainer |
|||
========== |
|||
.. 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,21 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions,(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/>. |
|||
# |
|||
############################################################################# |
|||
@ -0,0 +1,71 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions,(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 Rozz', |
|||
'version': '18.0.1.0.0', |
|||
'category': 'Theme/corporate', |
|||
'summary': 'Design Web Pages with Theme Rozz', |
|||
'description': 'Theme Rozz is a attractive and unique front-end theme ' |
|||
'mainly suitable for Corporate website', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': "https://www.cybrosys.com", |
|||
'depends': ['website_blog', 'website_sale_wishlist', |
|||
'website_sale_comparison'], |
|||
'data': [ |
|||
'views/header_templates.xml', |
|||
'views/footer_templates.xml', |
|||
'views/contact_us_templates.xml', |
|||
'views/blog_templates.xml', |
|||
'views/snippets/rozz_banner.xml', |
|||
'views/snippets/rozz_services.xml', |
|||
'views/snippets/rozz_team.xml', |
|||
'views/snippets/rozz_aboutus.xml', |
|||
'views/snippets/about_us.xml', |
|||
'views/snippets/services_page.xml', |
|||
'views/snippets/rozz_subscribe.xml', |
|||
'views/snippets/portfolio_page.xml', |
|||
'views/snippets/portfolio_details.xml', |
|||
], |
|||
'assets': { |
|||
'web.assets_frontend': [ |
|||
"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", |
|||
'https://cdn.jsdelivr.net/npm/boxicons@2.1.4/css/boxicons.min.css', |
|||
'https://cdn.jsdelivr.net/npm/boxicons@2.1.4/dist/boxicons.min.js', |
|||
"/cts_theme_rozz/static/src/css/style.css", |
|||
"/cts_theme_rozz/static/src/css/meanmenu.css", |
|||
"/cts_theme_rozz/static/src/css/responsive.css", |
|||
"/cts_theme_rozz/static/src/css/odometer.css", |
|||
"/cts_theme_rozz/static/src/js/odometer.min.js", |
|||
'/cts_theme_rozz/static/src/js/odometer.js', |
|||
] |
|||
}, |
|||
'images': [ |
|||
'static/description/banner.jpg', |
|||
'static/description/theme_screenshot.jpg', |
|||
], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'auto_install': False, |
|||
'application': False, |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
## Module <cts_theme_rozz> |
|||
|
|||
#### 19.01.2025 |
|||
#### Version 18.0.1.0.0 |
|||
##### ADD |
|||
- Initial commit for Theme Rozz |
|||
|
After Width: | Height: | Size: 125 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 365 KiB |
|
After Width: | Height: | Size: 491 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 343 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 657 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 929 B |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 103 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 331 KiB |
|
After Width: | Height: | Size: 258 KiB |
|
After Width: | Height: | Size: 368 KiB |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 885 B |
@ -0,0 +1,633 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>app index</title> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" /> |
|||
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" |
|||
rel="stylesheet"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" /> |
|||
<style> |
|||
:root { |
|||
--primary-color: #F5C000; |
|||
--bg-white: #fff; |
|||
--text-color: #121212; |
|||
--text-color-light: #64728f; |
|||
} |
|||
|
|||
body { |
|||
font-family: "Montserrat", sans-serif; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- overview --> |
|||
<div class="container"> |
|||
|
|||
<!-- support-header --> |
|||
|
|||
<div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;"> |
|||
<div class="row justify-content-between"> |
|||
<div class="col-4"> |
|||
<div class="my-3"> |
|||
<img src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35" |
|||
style="width:auto !important; height:40px !important"> |
|||
</div> |
|||
</div> |
|||
<div class="col-6"> |
|||
<div class="row" style="margin-top:10px"> |
|||
|
|||
<div class="my-3 d-flex align-items-center justify-content-end"> |
|||
<span class="me-3"><b>Supports: </b></span> |
|||
<div class="text-center" |
|||
style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
|||
Community |
|||
</div> |
|||
<div class="text-center" |
|||
style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
|||
Enterprise |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row" style="margin-top:10px"> |
|||
<div class="d-flex align-items-center justify-content-end"> |
|||
<span class="me-3"><b>Availability: </b></span> |
|||
<div class="text-center col" |
|||
style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-times" style="color:red"></i> Odoo Online |
|||
</div> |
|||
<div class="text-center col" |
|||
style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-check" style="color:green"></i> Odoo.sh |
|||
</div> |
|||
<div class="text-center col" |
|||
style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-check" style="color:green"></i> On Premise |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
<!-- banner-section --> |
|||
<div class="my-5"> |
|||
<div class=""> |
|||
<img src="./banner.jpg" class="img-fluid" style="border-radius: 16px; width:1300px;"> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
|
|||
|
|||
|
|||
<!--feature section --> |
|||
|
|||
<div class="my-5" style="padding: 100px; background-color: #f1f5fd; border-radius: 16px;"> |
|||
<div class="container"> |
|||
<div class="row mb-60"> |
|||
<div class="col-lg-12 d-flex justify-content-center align-items-center flex-wrap gap-3"> |
|||
<div class="position-relative" ; style=" |
|||
text-align: center; |
|||
font-size: 46.875px; |
|||
font-style: normal; |
|||
padding-bottom: 40px; "> |
|||
<h2 style="font-weight: 600;">Our Features</h2> |
|||
|
|||
<p style="color: #999; |
|||
text-align: center; |
|||
font-size: 15.625px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 25.6px;">info includes 300+ elements that you may need to create website without |
|||
external plugins.</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row g-4"> |
|||
<div class="col-lg-4 col-md-6" style="visibility: visible;"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">User-centric experience</a></h4> |
|||
|
|||
<p style=" font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5; |
|||
color: #212529;">Revolutionize your digital presence with our Web & App Development services—innovative solutions, |
|||
user-centric experiences.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff; height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Snippets for Faster Customization</a></h4> |
|||
|
|||
<p style="font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5; |
|||
color: #212529;"> Custom Designed Snippets for better user experience..</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff; height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Easy to use</a></h4> |
|||
|
|||
<p style="font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5; |
|||
color: #212529;"> Easy to Customize and Use.</p> |
|||
</div> |
|||
|
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Fully responsive</a></h4> |
|||
|
|||
<p style="font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5; |
|||
color: #212529;"> Fully Responsive Theme with a Premium Design.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Unlock Efficiency with Odoo</a></h4> |
|||
|
|||
<p style="font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5; |
|||
color: #212529;"> A Clean layout and New Font Style.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 12px; |
|||
padding: 35px 30px;"> |
|||
<div class="content"> |
|||
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Grow Smarter with Odoo</a></h4> |
|||
|
|||
<p style="font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5; |
|||
color: #212529;"> A Clean layout and New Font Style |
|||
Customized Home page, Contact page, Service page, Portfolio,...etc.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
<section class="container my-5"> |
|||
<div class="row"> |
|||
<div class="col-md-12"> |
|||
<ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs" |
|||
style="border:none; background-color:unset; margin:0 auto"> |
|||
</ul> |
|||
</div> |
|||
<div class="col-md-12 tab-content ui-front" |
|||
style="border-radius:20px;border: 1px solid #D6E0FF; height:auto;padding: 20px;"> |
|||
|
|||
|
|||
|
|||
<div class="tab-pane active show fade" id="Features" role="tabpanel" aria-labelledby="features-1"> |
|||
<section class=""> |
|||
<section class="mt-5"> |
|||
<h2 class="pb-5" style="font-weight: 700; text-align: center;">Theme Features</h2> |
|||
<div class="row" style="margin-bottom: 24px;"> |
|||
<div class="col-md-8"> |
|||
<div style="border-radius: 10px; padding: 32px; |
|||
background-color: #303030; |
|||
-webkit-backdrop-filter: blur(5px); |
|||
backdrop-filter: blur(5px); height: 100%;"> |
|||
<div class="info"> |
|||
<span class="label" style="font-size: 12px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 32px; |
|||
color: #f14848; |
|||
margin-bottom: 13px; |
|||
text-transform: uppercase;">HIGHLIGHT</span> |
|||
<h3 class="text-white" style=" color: #fff; |
|||
font-size: 24px; |
|||
font-weight: 500; |
|||
line-height: 32px; |
|||
margin-bottom: 9px;">A Fresh Look for Your Ideas</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Create visually appealing blogs with Odoo’s sleek templates. |
|||
Share your ideas effortlessly while keeping your design fresh and professional.</p> |
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./img/2.jpg" alt="Grid item" class="img-fluid"> |
|||
</div> |
|||
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|||
aria-label="Url link label"><span></span></a> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
<div class="col-md-4"> |
|||
<div style="border-radius: 10px; padding: 32px; |
|||
background-color: #303030; |
|||
-webkit-backdrop-filter: blur(5px); |
|||
backdrop-filter: blur(5px); height: 100%;"> |
|||
<div class="info"> |
|||
<span class="label" style="font-size: 12px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: 32px; |
|||
color: #f14848; |
|||
margin-bottom: 13px; |
|||
text-transform: uppercase;">HIGHLIGHT</span> |
|||
<h3 class="text-white" style=" color: #fff; |
|||
font-size: 24px; |
|||
font-weight: 500; |
|||
line-height: 32px; |
|||
margin-bottom: 9px;">Streamline Your Operations</h3> |
|||
<p class="des" style="color: #c7c7c7; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 24px; |
|||
margin-bottom: 0;">Simplify your operations with Odoo. From inventory to CRM, |
|||
integrate all your processes in one platform and boost efficiency.</p> |
|||
</div> |
|||
<div class="mt-5"> |
|||
<img src="./img/demo-2.jpg" alt="Grid item" class="img-fluid" style="height:500px;"> |
|||
</div> |
|||
<a href="#" target="_blank" class="url_link" name="grid_popup" |
|||
aria-label="Url link label"><span></span></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
|
|||
<!--row-2 --> |
|||
<!-- --> |
|||
</section> |
|||
</section> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
|
|||
</section> |
|||
|
|||
<!--sections --> |
|||
|
|||
|
|||
|
|||
<!-- section content --> |
|||
|
|||
<section class="mb-5" |
|||
style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;"> |
|||
<div class="row d-flex align-items-center"> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div style="padding: 20px;"> |
|||
<h4 class="" style="font-size: 46px;"> |
|||
<span style="color: #212121; |
|||
font-weight: 700; |
|||
display: inline-block; |
|||
width: 100%;">Streamline Your Online Sales</span> |
|||
</h4> |
|||
|
|||
<div class="mt-4"> |
|||
<p style="color: #444; font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5;">Customize your online store with a unique Odoo theme that reflects |
|||
your brand’s personality. |
|||
With flexible design options, you can create a stunning, |
|||
responsive website that stands out and engages customers.</p> |
|||
<ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4"> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;">Easy to Customize and Use</span></li> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;">A Clean layout and New Font Style</span></li> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;"> Custom Designed Snippets for better user experience |
|||
</span></li> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;"> Customized Home page, Contact page, Service page, Portfolio,...etc</span></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div> |
|||
<div> |
|||
<img class="img-fluid" src="./img/laptop-screenshots.jpg" style=" |
|||
border-radius: 20px; |
|||
"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 2 --> |
|||
|
|||
<section class="" |
|||
style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;"> |
|||
<div class="row d-flex align-items-center"> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div> |
|||
<div> |
|||
<img class="img-fluid" src="./img/1.jpg" style=" |
|||
border-radius: 20px; |
|||
"> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col col-12 col-md-12 col-lg-6"> |
|||
<div style="padding: 20px;"> |
|||
<h4 class="" style="font-size: 46px;"> |
|||
<span style="color: #212121; |
|||
font-weight: 700; |
|||
display: inline-block; |
|||
width: 100%;">Fully Responsive</span><br> |
|||
<span style="color: #212121; |
|||
font-weight: 700; |
|||
display: inline-block; |
|||
width: 100%;">Layout</span> |
|||
</h4> |
|||
|
|||
<div class="mt-4"> |
|||
<p style="color: #444; font-size: 16px; |
|||
font-weight: 400; |
|||
line-height: 1.5;">Now take advantage of everything your dashboard has to offer even on the go. Our |
|||
design are now fully responsive, enabling you to view and manage everything from the comfort of your |
|||
mobile device.</p> |
|||
<ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4"> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;">Detailed product filtering</span></li> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;">Modernized mini basket</span></li> |
|||
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
|||
style="width: 24px;"><span style=" color: #444; |
|||
font-size: 16px; |
|||
font-style: normal; |
|||
font-weight: 400; |
|||
line-height: 32px;">Cutting-edge single product</span></li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</section> |
|||
|
|||
<!-- --> |
|||
|
|||
<!-- --> |
|||
|
|||
|
|||
|
|||
<div class="my-5"> |
|||
<!-- banner card --> |
|||
|
|||
|
|||
|
|||
<!-- service-section --> |
|||
|
|||
<section id="services" class="mt-5" style="border-radius: 16px; |
|||
border: 1px solid #EBEEF2; |
|||
background-color: #FFF; |
|||
padding: 60px 40px; |
|||
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);"> |
|||
<div class="text-center mt-4"> |
|||
<h3 class="mb-0" style="color: #000; |
|||
text-align: center; |
|||
font-family: Montserrat; |
|||
font-size: 40px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: normal; |
|||
text-transform: uppercase; |
|||
padding-bottom: 50px;">Our Services</h3> |
|||
</div> |
|||
<div class="row mt-3"> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/gear.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;"> Odoo Customization</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FF947A; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;"> Odoo Implementation</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#3CD856; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/life-ring-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Support</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/arrows-repeat.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Migration</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo integration</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#69CC70; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Consultancy</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#2E4556; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/odoo-licencing.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Licensing</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px"> |
|||
<img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Hire Odoo Developer</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- --> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
|||
|
|||
</html> |
|||
|
After Width: | Height: | Size: 352 KiB |
@ -0,0 +1,316 @@ |
|||
/* Magnific Popup CSS */ |
|||
.mfp-bg { |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 1042; |
|||
overflow: hidden; |
|||
position: fixed; |
|||
background: #0b0b0b; |
|||
opacity: 0.8; } |
|||
.mfp-wrap { |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 1043; |
|||
position: fixed; |
|||
outline: none !important; |
|||
-webkit-backface-visibility: hidden; } |
|||
.mfp-container { |
|||
text-align: center; |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
left: 0; |
|||
top: 0; |
|||
padding: 0 8px; |
|||
box-sizing: border-box; } |
|||
.mfp-container:before { |
|||
content: ''; |
|||
display: inline-block; |
|||
height: 100%; |
|||
vertical-align: middle; } |
|||
.mfp-align-top .mfp-container:before { |
|||
display: none; } |
|||
.mfp-content { |
|||
position: relative; |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
margin: 0 auto; |
|||
text-align: left; |
|||
z-index: 1045; } |
|||
.mfp-inline-holder .mfp-content, |
|||
.mfp-ajax-holder .mfp-content { |
|||
width: 100%; |
|||
cursor: auto; } |
|||
.mfp-ajax-cur { |
|||
cursor: progress; } |
|||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
|||
cursor: -moz-zoom-out; |
|||
cursor: -webkit-zoom-out; |
|||
cursor: zoom-out; } |
|||
.mfp-zoom { |
|||
cursor: pointer; |
|||
cursor: -webkit-zoom-in; |
|||
cursor: -moz-zoom-in; |
|||
cursor: zoom-in; } |
|||
.mfp-auto-cursor .mfp-content { |
|||
cursor: auto; } |
|||
.mfp-close, |
|||
.mfp-arrow, |
|||
.mfp-preloader, |
|||
.mfp-counter { |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
user-select: none; } |
|||
.mfp-loading.mfp-figure { |
|||
display: none; } |
|||
.mfp-hide { |
|||
display: none !important; } |
|||
.mfp-preloader { |
|||
color: #CCC; |
|||
position: absolute; |
|||
top: 50%; |
|||
width: auto; |
|||
text-align: center; |
|||
margin-top: -0.8em; |
|||
left: 8px; |
|||
right: 8px; |
|||
z-index: 1044; } |
|||
.mfp-preloader a { |
|||
color: #CCC; } |
|||
.mfp-preloader a:hover { |
|||
color: #FFF; } |
|||
.mfp-s-ready .mfp-preloader { |
|||
display: none; } |
|||
.mfp-s-error .mfp-content { |
|||
display: none; } |
|||
button.mfp-close, |
|||
button.mfp-arrow { |
|||
overflow: visible; |
|||
cursor: pointer; |
|||
background: transparent; |
|||
border: 0; |
|||
-webkit-appearance: none; |
|||
display: block; |
|||
outline: none; |
|||
padding: 0; |
|||
z-index: 1046; |
|||
box-shadow: none; |
|||
touch-action: manipulation; } |
|||
button::-moz-focus-inner { |
|||
padding: 0; |
|||
border: 0; } |
|||
.mfp-close { |
|||
width: 44px; |
|||
height: 44px; |
|||
line-height: 44px; |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
text-decoration: none; |
|||
text-align: center; |
|||
opacity: 0.65; |
|||
padding: 0 0 18px 10px; |
|||
color: #FFF; |
|||
font-style: normal; |
|||
font-size: 28px; |
|||
font-family: Arial, Baskerville, monospace; } |
|||
.mfp-close:hover, |
|||
.mfp-close:focus { |
|||
opacity: 1; } |
|||
.mfp-close:active { |
|||
top: 1px; } |
|||
.mfp-close-btn-in .mfp-close { |
|||
color: #333; } |
|||
.mfp-image-holder .mfp-close, |
|||
.mfp-iframe-holder .mfp-close { |
|||
color: #FFF; |
|||
right: -6px; |
|||
text-align: right; |
|||
padding-right: 6px; |
|||
width: 100%; } |
|||
.mfp-counter { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
color: #CCC; |
|||
font-size: 12px; |
|||
line-height: 18px; |
|||
white-space: nowrap; } |
|||
.mfp-arrow { |
|||
position: absolute; |
|||
opacity: 0.65; |
|||
margin: 0; |
|||
top: 50%; |
|||
margin-top: -55px; |
|||
padding: 0; |
|||
width: 90px; |
|||
height: 110px; |
|||
-webkit-tap-highlight-color: transparent; } |
|||
.mfp-arrow:active { |
|||
margin-top: -54px; } |
|||
.mfp-arrow:hover, |
|||
.mfp-arrow:focus { |
|||
opacity: 1; } |
|||
.mfp-arrow:before, |
|||
.mfp-arrow:after { |
|||
content: ''; |
|||
display: block; |
|||
width: 0; |
|||
height: 0; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
margin-top: 35px; |
|||
margin-left: 35px; |
|||
border: medium inset transparent; } |
|||
.mfp-arrow:after { |
|||
border-top-width: 13px; |
|||
border-bottom-width: 13px; |
|||
top: 8px; } |
|||
.mfp-arrow:before { |
|||
border-top-width: 21px; |
|||
border-bottom-width: 21px; |
|||
opacity: 0.7; } |
|||
.mfp-arrow-left { |
|||
left: 0; } |
|||
.mfp-arrow-left:after { |
|||
border-right: 17px solid #FFF; |
|||
margin-left: 31px; } |
|||
.mfp-arrow-left:before { |
|||
margin-left: 25px; |
|||
border-right: 27px solid #3F3F3F; } |
|||
.mfp-arrow-right { |
|||
right: 0; } |
|||
.mfp-arrow-right:after { |
|||
border-left: 17px solid #FFF; |
|||
margin-left: 39px; } |
|||
.mfp-arrow-right:before { |
|||
border-left: 27px solid #3F3F3F; } |
|||
.mfp-iframe-holder { |
|||
padding-top: 40px; |
|||
padding-bottom: 40px; } |
|||
.mfp-iframe-holder .mfp-content { |
|||
line-height: 0; |
|||
width: 100%; |
|||
max-width: 900px; } |
|||
.mfp-iframe-holder .mfp-close { |
|||
top: -40px; } |
|||
.mfp-iframe-scaler { |
|||
width: 100%; |
|||
height: 0; |
|||
overflow: hidden; |
|||
padding-top: 56.25%; } |
|||
.mfp-iframe-scaler iframe { |
|||
position: absolute; |
|||
display: block; |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
|||
background: #000; } |
|||
/* Main image in popup */ |
|||
img.mfp-img { |
|||
width: auto; |
|||
max-width: 100%; |
|||
height: auto; |
|||
display: block; |
|||
line-height: 0; |
|||
box-sizing: border-box; |
|||
padding: 40px 0 40px; |
|||
margin: 0 auto; } |
|||
/* The shadow behind the image */ |
|||
.mfp-figure { |
|||
line-height: 0; } |
|||
.mfp-figure:after { |
|||
content: ''; |
|||
position: absolute; |
|||
left: 0; |
|||
top: 40px; |
|||
bottom: 40px; |
|||
display: block; |
|||
right: 0; |
|||
width: auto; |
|||
height: auto; |
|||
z-index: -1; |
|||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); |
|||
background: #444; } |
|||
.mfp-figure small { |
|||
color: #BDBDBD; |
|||
display: block; |
|||
font-size: 12px; |
|||
line-height: 14px; } |
|||
.mfp-figure figure { |
|||
margin: 0; } |
|||
.mfp-bottom-bar { |
|||
margin-top: -36px; |
|||
position: absolute; |
|||
top: 100%; |
|||
left: 0; |
|||
width: 100%; |
|||
cursor: auto; } |
|||
.mfp-title { |
|||
text-align: left; |
|||
line-height: 18px; |
|||
color: #F3F3F3; |
|||
word-wrap: break-word; |
|||
padding-right: 36px; } |
|||
.mfp-image-holder .mfp-content { |
|||
max-width: 100%; } |
|||
.mfp-gallery .mfp-image-holder .mfp-figure { |
|||
cursor: pointer; } |
|||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { |
|||
/** |
|||
* Remove all paddings around the image on small screen |
|||
*/ |
|||
.mfp-img-mobile .mfp-image-holder { |
|||
padding-left: 0; |
|||
padding-right: 0; } |
|||
.mfp-img-mobile img.mfp-img { |
|||
padding: 0; } |
|||
.mfp-img-mobile .mfp-figure:after { |
|||
top: 0; |
|||
bottom: 0; } |
|||
.mfp-img-mobile .mfp-figure small { |
|||
display: inline; |
|||
margin-left: 5px; } |
|||
.mfp-img-mobile .mfp-bottom-bar { |
|||
background: rgba(0, 0, 0, 0.6); |
|||
bottom: 0; |
|||
margin: 0; |
|||
top: auto; |
|||
padding: 3px 5px; |
|||
position: fixed; |
|||
box-sizing: border-box; } |
|||
.mfp-img-mobile .mfp-bottom-bar:empty { |
|||
padding: 0; } |
|||
.mfp-img-mobile .mfp-counter { |
|||
right: 5px; |
|||
top: 3px; } |
|||
.mfp-img-mobile .mfp-close { |
|||
top: 0; |
|||
right: 0; |
|||
width: 35px; |
|||
height: 35px; |
|||
line-height: 35px; |
|||
background: rgba(0, 0, 0, 0.6); |
|||
position: fixed; |
|||
text-align: center; |
|||
padding: 0; } } |
|||
@media all and (max-width: 900px) { |
|||
.mfp-arrow { |
|||
-webkit-transform: scale(0.75); |
|||
transform: scale(0.75); } |
|||
.mfp-arrow-left { |
|||
-webkit-transform-origin: 0; |
|||
transform-origin: 0; } |
|||
.mfp-arrow-right { |
|||
-webkit-transform-origin: 100%; |
|||
transform-origin: 100%; } |
|||
.mfp-container { |
|||
padding-left: 6px; |
|||
padding-right: 6px; } } |
|||
@ -0,0 +1,312 @@ |
|||
/*@import url("https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700");*/ |
|||
body { |
|||
font-family: "Oswald", sans-serif; |
|||
padding: 0; |
|||
margin: 0; |
|||
font-size: 15px; |
|||
background-color: #f1f1f1; |
|||
} |
|||
a.meanmenu-reveal { |
|||
display: none; |
|||
} |
|||
/* when under viewport size, .mean-container is added to body */ |
|||
.mean-container .mean-bar { |
|||
float: left; |
|||
width: 100%; |
|||
position: absolute; |
|||
background: transparent; |
|||
padding: 20px 0 0; |
|||
z-index: 999; |
|||
border-bottom: 1px solid rgba(0, 0, 0, 0.03); |
|||
height: 55px; |
|||
} |
|||
.mean-container a.meanmenu-reveal { |
|||
width: 35px; |
|||
height: 30px; |
|||
padding: 12px 15px 0 0; |
|||
position: absolute; |
|||
right: 0; |
|||
cursor: pointer; |
|||
color: #ffffff; |
|||
text-decoration: none; |
|||
font-size: 16px; |
|||
text-indent: -9999em; |
|||
line-height: 22px; |
|||
font-size: 1px; |
|||
display: block; |
|||
font-weight: 700; |
|||
} |
|||
.mean-container a.meanmenu-reveal span { |
|||
display: block; |
|||
background: #ffffff; |
|||
height: 4px; |
|||
margin-top: 3px; |
|||
border-radius: 3px; |
|||
} |
|||
.mean-container .mean-nav { |
|||
float: left; |
|||
width: 100%; |
|||
background: #ffffff; |
|||
margin-top: 55px; |
|||
} |
|||
.mean-container .mean-nav ul { |
|||
padding: 0; |
|||
margin: 0; |
|||
width: 100%; |
|||
border: none; |
|||
list-style-type: none; |
|||
} |
|||
.mean-container .mean-nav ul li { |
|||
position: relative; |
|||
float: left; |
|||
width: 100%; |
|||
} |
|||
.mean-container .mean-nav ul li a { |
|||
display: block; |
|||
float: left; |
|||
width: 90%; |
|||
padding: 1em 5%; |
|||
margin: 0; |
|||
text-align: left; |
|||
color: #677294; |
|||
border-top: 1px solid #DBEEFD; |
|||
text-decoration: none; |
|||
} |
|||
.mean-container .mean-nav ul li a.active { |
|||
color: #000000; |
|||
} |
|||
.mean-container .mean-nav ul li li a { |
|||
width: 80%; |
|||
padding: 1em 10%; |
|||
color: #677294; |
|||
border-top: 1px solid #DBEEFD; |
|||
opacity: 1; |
|||
filter: alpha(opacity=75); |
|||
text-shadow: none !important; |
|||
visibility: visible; |
|||
text-transform: none; |
|||
font-size: 14px; |
|||
} |
|||
.mean-container .mean-nav ul li.mean-last a { |
|||
border-bottom: none; |
|||
margin-bottom: 0; |
|||
} |
|||
.mean-container .mean-nav ul li li li a { |
|||
width: 70%; |
|||
padding: 1em 15%; |
|||
} |
|||
.mean-container .mean-nav ul li li li li a { |
|||
width: 60%; |
|||
padding: 1em 20%; |
|||
} |
|||
.mean-container .mean-nav ul li li li li li a { |
|||
width: 50%; |
|||
padding: 1em 25%; |
|||
} |
|||
.mean-container .mean-nav ul li a:hover { |
|||
background: #252525; |
|||
background: rgba(255,255,255,0.1); |
|||
} |
|||
.mean-container .mean-nav ul li a.mean-expand { |
|||
margin-top: 3px; |
|||
width: 100%; |
|||
height: 24px; |
|||
padding: 12px !important; |
|||
text-align: right ; |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
z-index: 2; |
|||
font-weight: 700; |
|||
background: transparent; |
|||
border: none !important; |
|||
} |
|||
.mean-container .mean-push { |
|||
float: left; |
|||
width: 100%; |
|||
padding: 0; |
|||
margin: 0; |
|||
clear: both; |
|||
} |
|||
.mean-nav .wrapper { |
|||
width: 100%; |
|||
padding: 0; |
|||
margin: 0; |
|||
} |
|||
/* Fix for box sizing on Foundation Framework etc. */ |
|||
.mean-container .mean-bar, .mean-container .mean-bar * { |
|||
-webkit-box-sizing: content-box; |
|||
-moz-box-sizing: content-box; |
|||
box-sizing: content-box; |
|||
} |
|||
.mean-remove { |
|||
display: none !important; |
|||
} |
|||
.mobile-nav { |
|||
display: none; |
|||
} |
|||
.mobile-nav.mean-container .mean-nav ul li a.active { |
|||
color: #FF2D55; |
|||
} |
|||
.main-nav { |
|||
background: #000; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
padding-top: 15px; |
|||
padding-bottom: 15px; |
|||
width: 100%; |
|||
z-index: 999; |
|||
height: auto; |
|||
} |
|||
.mean-nav .dropdown-toggle::after { |
|||
display: none; |
|||
} |
|||
.navbar-light .navbar-brand, .navbar-light .navbar-brand:hover { |
|||
color: #fff; |
|||
font-weight: bold; |
|||
text-transform: uppercase; |
|||
} |
|||
.main-nav nav ul { |
|||
padding: 0; |
|||
margin: 0; |
|||
list-style-type: none; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item { |
|||
position: relative; |
|||
padding: 15px 0; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item a { |
|||
font-weight: 500; |
|||
font-size: 16px; |
|||
text-transform: uppercase; |
|||
color: #ffffff; |
|||
padding-left: 0; |
|||
padding-right: 0; |
|||
padding-top: 0; |
|||
padding-bottom: 0; |
|||
margin-left: 15px; |
|||
margin-right: 15px; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item a:hover, |
|||
.main-nav nav .navbar-nav .nav-item a:focus, |
|||
.main-nav nav .navbar-nav .nav-item a.active { |
|||
color: #FF2D55; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item:hover a { |
|||
color: #FF2D55; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu { |
|||
-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); |
|||
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); |
|||
background: #0d1028; |
|||
position: absolute; |
|||
top: 80px; |
|||
left: 0; |
|||
width: 250px; |
|||
z-index: 99; |
|||
display: block; |
|||
padding-top: 20px; |
|||
padding-left: 5px; |
|||
padding-right: 5px; |
|||
padding-bottom: 20px; |
|||
opacity: 0; |
|||
visibility: hidden; |
|||
-webkit-transition: all 0.3s ease-in-out; |
|||
transition: all 0.3s ease-in-out; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li { |
|||
position: relative; |
|||
padding: 0; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a { |
|||
font-size: 15px; |
|||
font-weight: 500; |
|||
text-transform: capitalize; |
|||
padding: 9px 15px; |
|||
margin: 0; |
|||
display: block; |
|||
color: #ffffff; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active { |
|||
color: #FF2D55; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { |
|||
position: absolute; |
|||
left: -100%; |
|||
top: 0; |
|||
opacity: 0 !important; |
|||
visibility: hidden !important; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { |
|||
opacity: 1 !important; |
|||
visibility: visible !important; |
|||
top: -20px !important; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { |
|||
position: absolute; |
|||
left: -100%; |
|||
top: 0; |
|||
opacity: 0 !important; |
|||
visibility: hidden !important; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu { |
|||
opacity: 1 !important; |
|||
visibility: visible !important; |
|||
top: -20px !important; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { |
|||
color: #ffffff; |
|||
text-transform: capitalize; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { |
|||
color: #FF2D55; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a { |
|||
color: #FF2D55; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item:hover ul { |
|||
opacity: 1; |
|||
visibility: visible; |
|||
top: 100%; |
|||
} |
|||
.main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu { |
|||
left: auto; |
|||
right: 0; |
|||
} |
|||
|
|||
/* Responsive Style */ |
|||
@media only screen and (max-width: 991px) { |
|||
.mobile-nav { |
|||
display: block; |
|||
position: relative; |
|||
} |
|||
.mobile-nav .logo { |
|||
text-decoration: none; |
|||
position: absolute; |
|||
top: 11px; |
|||
z-index: 999; |
|||
left: 15px; |
|||
color: #fff; |
|||
font-weight: bold; |
|||
text-transform: uppercase; |
|||
font-size: 20px; |
|||
} |
|||
.mean-container .mean-bar { |
|||
background-color: #000; |
|||
padding: 0; |
|||
} |
|||
.mean-container a.meanmenu-reveal { |
|||
padding: 15px 15px 0 0; |
|||
} |
|||
.mobile-nav nav .navbar-nav .nav-item a i { |
|||
display: none; |
|||
} |
|||
.main-nav { |
|||
display: none !important; |
|||
} |
|||
} |
|||
@ -0,0 +1,136 @@ |
|||
.nice-select { |
|||
-webkit-tap-highlight-color: transparent; |
|||
background-color: #fff; |
|||
border-radius: 5px; |
|||
border: solid 1px #e8e8e8; |
|||
box-sizing: border-box; |
|||
clear: both; |
|||
cursor: pointer; |
|||
display: block; |
|||
float: left; |
|||
font-family: inherit; |
|||
font-size: 14px; |
|||
font-weight: normal; |
|||
height: 42px; |
|||
line-height: 40px; |
|||
outline: none; |
|||
padding-left: 18px; |
|||
padding-right: 30px; |
|||
position: relative; |
|||
text-align: left !important; |
|||
-webkit-transition: all 0.2s ease-in-out; |
|||
transition: all 0.2s ease-in-out; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
white-space: nowrap; |
|||
width: auto; } |
|||
.nice-select:hover { |
|||
border-color: #dbdbdb; } |
|||
.nice-select:active, .nice-select.open, .nice-select:focus { |
|||
border-color: #999; } |
|||
.nice-select:after { |
|||
border-bottom: 2px solid #999; |
|||
border-right: 2px solid #999; |
|||
content: ''; |
|||
display: block; |
|||
height: 5px; |
|||
margin-top: -4px; |
|||
pointer-events: none; |
|||
position: absolute; |
|||
right: 12px; |
|||
top: 50%; |
|||
-webkit-transform-origin: 66% 66%; |
|||
-ms-transform-origin: 66% 66%; |
|||
transform-origin: 66% 66%; |
|||
-webkit-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
-webkit-transition: all 0.15s ease-in-out; |
|||
transition: all 0.15s ease-in-out; |
|||
width: 5px; } |
|||
.nice-select.open:after { |
|||
-webkit-transform: rotate(-135deg); |
|||
-ms-transform: rotate(-135deg); |
|||
transform: rotate(-135deg); } |
|||
.nice-select.open .list { |
|||
opacity: 1; |
|||
pointer-events: auto; |
|||
-webkit-transform: scale(1) translateY(0); |
|||
-ms-transform: scale(1) translateY(0); |
|||
transform: scale(1) translateY(0); } |
|||
.nice-select.disabled { |
|||
border-color: #ededed; |
|||
color: #999; |
|||
pointer-events: none; } |
|||
.nice-select.disabled:after { |
|||
border-color: #cccccc; } |
|||
.nice-select.wide { |
|||
width: 100%; } |
|||
.nice-select.wide .list { |
|||
left: 0 !important; |
|||
right: 0 !important; } |
|||
.nice-select.right { |
|||
float: right; } |
|||
.nice-select.right .list { |
|||
left: auto; |
|||
right: 0; } |
|||
.nice-select.small { |
|||
font-size: 12px; |
|||
height: 36px; |
|||
line-height: 34px; } |
|||
.nice-select.small:after { |
|||
height: 4px; |
|||
width: 4px; } |
|||
.nice-select.small .option { |
|||
line-height: 34px; |
|||
min-height: 34px; } |
|||
.nice-select .list { |
|||
background-color: #fff; |
|||
border-radius: 5px; |
|||
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); |
|||
box-sizing: border-box; |
|||
margin-top: 4px; |
|||
opacity: 0; |
|||
overflow: hidden; |
|||
padding: 0; |
|||
pointer-events: none; |
|||
position: absolute; |
|||
top: 100%; |
|||
left: 0; |
|||
-webkit-transform-origin: 50% 0; |
|||
-ms-transform-origin: 50% 0; |
|||
transform-origin: 50% 0; |
|||
-webkit-transform: scale(0.75) translateY(-21px); |
|||
-ms-transform: scale(0.75) translateY(-21px); |
|||
transform: scale(0.75) translateY(-21px); |
|||
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; |
|||
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; |
|||
z-index: 9; } |
|||
.nice-select .list:hover .option:not(:hover) { |
|||
background-color: transparent !important; } |
|||
.nice-select .option { |
|||
cursor: pointer; |
|||
font-weight: 400; |
|||
line-height: 40px; |
|||
list-style: none; |
|||
min-height: 40px; |
|||
outline: none; |
|||
padding-left: 18px; |
|||
padding-right: 29px; |
|||
text-align: left; |
|||
-webkit-transition: all 0.2s; |
|||
transition: all 0.2s; } |
|||
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { |
|||
background-color: #f6f6f6; } |
|||
.nice-select .option.selected { |
|||
font-weight: bold; } |
|||
.nice-select .option.disabled { |
|||
background-color: transparent; |
|||
color: #999; |
|||
cursor: default; } |
|||
.no-csspointerevents .nice-select .list { |
|||
display: none; } |
|||
.no-csspointerevents .nice-select.open .list { |
|||
display: block; } |
|||
@ -0,0 +1,88 @@ |
|||
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
*vertical-align: auto; |
|||
*zoom: 1; |
|||
*display: inline; |
|||
position: relative; |
|||
} |
|||
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
*vertical-align: auto; |
|||
*zoom: 1; |
|||
*display: inline; |
|||
position: relative; |
|||
} |
|||
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
*vertical-align: auto; |
|||
*zoom: 1; |
|||
*display: inline; |
|||
visibility: hidden; |
|||
} |
|||
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { |
|||
text-align: left; |
|||
display: block; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
overflow: hidden; |
|||
} |
|||
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { |
|||
display: block; |
|||
} |
|||
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { |
|||
display: block; |
|||
-webkit-backface-visibility: hidden; |
|||
} |
|||
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { |
|||
display: block; |
|||
-webkit-transform: translateZ(0); |
|||
} |
|||
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { |
|||
position: absolute; |
|||
} |
|||
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { |
|||
-webkit-transition: -webkit-transform 2s; |
|||
-moz-transition: -moz-transform 2s; |
|||
-ms-transition: -ms-transform 2s; |
|||
-o-transition: -o-transform 2s; |
|||
transition: transform 2s; |
|||
} |
|||
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { |
|||
-webkit-transform: translateY(-100%); |
|||
-moz-transform: translateY(-100%); |
|||
-ms-transform: translateY(-100%); |
|||
-o-transform: translateY(-100%); |
|||
transform: translateY(-100%); |
|||
} |
|||
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { |
|||
-webkit-transform: translateY(-100%); |
|||
-moz-transform: translateY(-100%); |
|||
-ms-transform: translateY(-100%); |
|||
-o-transform: translateY(-100%); |
|||
transform: translateY(-100%); |
|||
} |
|||
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { |
|||
-webkit-transition: -webkit-transform 2s; |
|||
-moz-transition: -moz-transform 2s; |
|||
-ms-transition: -ms-transform 2s; |
|||
-o-transition: -o-transform 2s; |
|||
transition: transform 2s; |
|||
-webkit-transform: translateY(0); |
|||
-moz-transform: translateY(0); |
|||
-ms-transform: translateY(0); |
|||
-o-transform: translateY(0); |
|||
transform: translateY(0); |
|||
} |
|||
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { |
|||
font-family: "Helvetica Neue", sans-serif; |
|||
line-height: 1.1em; |
|||
} |
|||
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { |
|||
text-align: center; |
|||
} |
|||
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 148 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 141 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 826 KiB |
|
After Width: | Height: | Size: 181 KiB |
|
After Width: | Height: | Size: 247 KiB |
|
After Width: | Height: | Size: 197 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 207 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 781 B |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 468 KiB |
|
After Width: | Height: | Size: 3.0 MiB |
|
After Width: | Height: | Size: 192 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 148 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 813 B |
|
After Width: | Height: | Size: 781 B |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 131 KiB |
|
After Width: | Height: | Size: 163 KiB |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 398 KiB |
|
After Width: | Height: | Size: 192 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 198 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 9.7 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 6.2 KiB |