AjmalCybro
2 years ago
292 changed files with 27858 additions and 0 deletions
@ -0,0 +1,44 @@ |
|||
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg |
|||
:target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html |
|||
:alt: License: LGPL-3 |
|||
|
|||
Theme Perfume |
|||
============= |
|||
* Design Web Pages with theme perfume |
|||
|
|||
|
|||
Company |
|||
------- |
|||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
License |
|||
------- |
|||
General Public License, Version 3 (LGPL v3). |
|||
(https://www.odoo.com/documentation/user/16.0/legal/licenses/licenses.html) |
|||
|
|||
|
|||
Credits |
|||
------- |
|||
Developer: Gokul P I @cybrosys, 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 `Our Website <https://cybrosys.com/>`__ |
|||
|
|||
Further information |
|||
=================== |
|||
HTML Description: `<static/description/index.html>` |
|||
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Gokul P I(<https://www.cybrosys.com>) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
|
|||
from . import controller |
|||
@ -0,0 +1,80 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Gokul P I(<https://www.cybrosys.com>) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
{ |
|||
'name': 'Theme Perfume', |
|||
'description': 'Theme Perfume is a fragrance management module in the Odoo' |
|||
'platform. It offers a comprehensive solution for businesses' |
|||
'businesses involved in the perfume industry to effectively' |
|||
'manage their fragrance products more stylish.', |
|||
'summary': 'Design Web Pages with theme Perfume', |
|||
'category': 'Theme/eCommerce', |
|||
'version': '16.0.1.0.0', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': "https://www.cybrosys.com", |
|||
'depends': ['website_sale', 'website_sale_wishlist'], |
|||
'data': [ |
|||
'data/perfume_contact_us_data.xml', |
|||
'views/snippets/perfume_banner_templates.xml', |
|||
'views/snippets/perfume_gallery_templates.xml', |
|||
'views/snippets/perfume_show_templates.xml', |
|||
'views/snippets/perfume_video_templates.xml', |
|||
'views/snippets/perfume_about_templates.xml', |
|||
'views/snippets/shop_method_templates.xml', |
|||
'views/snippets/new_arrival_templates.xml', |
|||
'views/contact_us_templates.xml', |
|||
'views/header_templates.xml', |
|||
'views/footer_templates.xml', |
|||
], |
|||
'assets': { |
|||
'web.assets_frontend': [ |
|||
'cts_theme_perfume/static/src/xml/new_arrivals_templates.xml', |
|||
"cts_theme_perfume/static/src/css/all.css", |
|||
"cts_theme_perfume/static/src/css/animate.min.css", |
|||
"cts_theme_perfume/static/src/css/aos.css", |
|||
"cts_theme_perfume/static/src/css/bootstrap.min.css", |
|||
"cts_theme_perfume/static/src/css/flaticon.css", |
|||
"cts_theme_perfume/static/src/css/fontawesome-all.min.css", |
|||
"cts_theme_perfume/static/src/css/lightslider.min.css", |
|||
"cts_theme_perfume/static/src/css/nice-select.css", |
|||
"cts_theme_perfume/static/src/css/price_rangs.css", |
|||
"cts_theme_perfume/static/src/css/slick.css", |
|||
"cts_theme_perfume/static/src/css/slick.min.css", |
|||
"cts_theme_perfume/static/src/css/slick-theme.min.css", |
|||
"cts_theme_perfume/static/src/css/slicknav.css", |
|||
"cts_theme_perfume/static/src/css/style.css", |
|||
"cts_theme_perfume/static/src/css/swiper.min.css", |
|||
"cts_theme_perfume/static/src/css/themify-icons.css", |
|||
"cts_theme_perfume/static/src/js/new_arrival.js", |
|||
"cts_theme_perfume/static/src/js/bootstrap.min.js", |
|||
], |
|||
}, |
|||
'images': [ |
|||
'static/description/banner.png', |
|||
'static/description/theme_screenshot.png', |
|||
], |
|||
'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: Gokul P I(<https://www.cybrosys.com>) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from . import cts_theme_perfume |
|||
@ -0,0 +1,38 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Gokul P I(<https://www.cybrosys.com>) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from odoo import http |
|||
from odoo.http import request |
|||
|
|||
|
|||
class WebsiteProduct(http.Controller): |
|||
"""For creating New routes for /get_arrival_product for rendering the |
|||
product details from the js for the new arrival snippet""" |
|||
|
|||
@http.route('/get_arrival_product', auth="public", type='json', |
|||
website=True) |
|||
def get_arrival_product(self): |
|||
"""For getting the new arrival product in the |
|||
new arrivals snippet""" |
|||
product_ids = request.env['product.template'].sudo().search( |
|||
[('website_published', '=', True)], |
|||
order='create_date desc', limit=6) |
|||
return {'product_ids': product_ids.read()} |
|||
@ -0,0 +1,13 @@ |
|||
<?xml version="1.0" encoding="utf-8"?> |
|||
<odoo> |
|||
<!--Contactus banner in the website--> |
|||
<data noupdate="1"> |
|||
<record id="cts_theme_perfume.perfume_banner_default_image" |
|||
model="ir.attachment"> |
|||
<field name="public" eval="True"/> |
|||
<field name="name">perfume_banner_default_image.jpg</field> |
|||
<field name="type">url</field> |
|||
<field name="url">/cts_theme_perfume/static/src/img/Perfume.jpg</field> |
|||
</record> |
|||
</data> |
|||
</odoo> |
|||
@ -0,0 +1,6 @@ |
|||
## Module <cts_theme_perfume> |
|||
|
|||
#### 20.06.2023 |
|||
#### Version 16.0.1.0.0 |
|||
#### ADD |
|||
- Initial commit for Theme Perfume |
|||
|
After Width: | Height: | Size: 310 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 462 KiB |
|
After Width: | Height: | Size: 337 KiB |
|
After Width: | Height: | Size: 504 KiB |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 233 KiB |
|
After Width: | Height: | Size: 360 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 628 KiB |
|
After Width: | Height: | Size: 276 KiB |
|
After Width: | Height: | Size: 162 KiB |
|
After Width: | Height: | Size: 441 KiB |
|
After Width: | Height: | Size: 593 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 295 KiB |
|
After Width: | Height: | Size: 140 KiB |
|
After Width: | Height: | Size: 308 KiB |
|
After Width: | Height: | Size: 126 KiB |
|
After Width: | Height: | Size: 206 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 472 KiB |
|
After Width: | Height: | Size: 278 KiB |
|
After Width: | Height: | Size: 107 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 832 KiB |
|
After Width: | Height: | Size: 672 KiB |
@ -0,0 +1,260 @@ |
|||
<!-- 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/new images/desktop.jpg" width=60% height="auto" class="mb-4" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 text-center"> |
|||
<h1 class="mt-4">Theme Perfume</h1> |
|||
<p class="lead mb-4" style="max-width: 700px; margin: 0 auto;"> |
|||
Theme Perfume is a attractive and unique front-end theme mainly suitable for eCommerce website. Many |
|||
custom designed snippets facilitates to add better user experience. Contains best deals with new arrival |
|||
products slider that is configured from the backend. This theme fully customized |
|||
the eCommerce website, shop view, custom categories view, product view, contact us page...etc. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- End of Hero Section --> |
|||
|
|||
<!-- Alternate Section --> |
|||
<div class="row p-4"> |
|||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
|||
<h2>Desktop View</h2> |
|||
<p class="lead"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
<div class="col-lg-6 px-4"> |
|||
<img style="border-radius: 0.5em;" src="images/new images/desktop-screens.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/new images/mobile-screens.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"> |
|||
User friendly and modern looking theme makes your page more Stylish And Beautiful. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<!-- End of Alternate Section --> |
|||
|
|||
|
|||
<!-- Two Columns Section --> |
|||
<div class="row p-4"> |
|||
<!-- Column 1 --> |
|||
<div class="col-lg-6"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/new images/screen-3.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"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 1 --> |
|||
|
|||
<!-- Column 2 --> |
|||
<div class="col-lg-6"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/new images/shop_product_mobile_view.png" width="60%" height="auto" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">Product View</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 2 --> |
|||
</div> |
|||
<!-- End of Two Columns Section --> |
|||
|
|||
|
|||
<!-- One Column Section --> |
|||
<div class="row p-4"> |
|||
<div class="col-lg-6"> |
|||
<img style="border-radius: 0.5em;" src="images/new images/desktop.jpg" width="90%" height="auto" class="mb-4 shadow-sm" |
|||
alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-6" style="padding-top: 100px;"> |
|||
<h2>Overview</h2> |
|||
<p class="lead"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<!-- End of Two Columns Section --> |
|||
|
|||
<!-- Two Columns Section --> |
|||
<div class="row p-4"> |
|||
<!-- Column 1 --> |
|||
<div class="col-lg-4"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/new images/Contact_us_view.png" width="100%" height="auto" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">About</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 1 --> |
|||
|
|||
<!-- Column 2 --> |
|||
<div class="col-lg-4"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/new images/about_us_view.png" 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</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 2 --> |
|||
|
|||
|
|||
<!-- Column 4 --> |
|||
<div class="col-lg-4"> |
|||
<div class="row"> |
|||
<div class="col-lg-12"> |
|||
<img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto" |
|||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|||
</div> |
|||
<div class="col-lg-12 mt-4"> |
|||
<h2 class="text-center">New Arrivals</h2> |
|||
<p class="lead text-center"> |
|||
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
|||
webpages. |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- End of Column 4 --> |
|||
</div> |
|||
<!-- End of Two Columns Section --> |
|||
|
|||
<!-- Demo Pages --> |
|||
<section class="oe_container"> |
|||
<div class="row" style="margin: 60px auto -30px;"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h4 class="mt-4">Demo Pages</h4> |
|||
<hr style="border-width: 3px; border-color: #0984e3; width: 100px;"> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="row" style="margin: 40px auto; border-radius: 15px; padding: 38px;"> |
|||
<div class="col-sm-6 col-md-4 px-2"> |
|||
<div class="bg-white shadow overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;"> |
|||
<img src="./images/new images/screen-3.jpg" width="300px" height="auto"> |
|||
<h6 class="text-center my-3">Home</h6> |
|||
<hr style="border-width: 5px; border-color: #0984e3; width: 150px; margin-bottom: 0;"> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="col-sm-6 col-md-4 px-2"> |
|||
<div class="bg-white shadow overflow-hidden mb32" |
|||
style="border-radius: 15px; width: 300px; padding-bottom: 0;"> |
|||
<img src="./images/new images/shop_product_mobile_view.png" width="300px" height="auto"> |
|||
<h6 class="text-center my-3">Shop</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/new images/about_us_mobile_view.png" width="300px" height="auto"> |
|||
<h6 class="text-center my-3">About us</h6> |
|||
<hr style="border-width: 5px; border-color: #f44f52; width: 150px; margin-bottom: 0;"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</section> |
|||
<!-- End of Demo Pages --> |
|||
|
|||
<!-- Footer --> |
|||
<div class="row" style="margin-top: 4rem;"> |
|||
<div class="col-lg-12 text-center"> |
|||
<h2>Get Help</h2> |
|||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
|||
<p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us |
|||
based |
|||
on |
|||
your use of this module, please let us know. We are ready to offer our support.</p> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col px-4 pt-3 pb-2 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: 819 KiB |
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,35 @@ |
|||
/* |
|||
Flaticon icon font: Flaticon |
|||
Creation date: 19/04/2020 06:48 |
|||
*/ |
|||
|
|||
@font-face { |
|||
font-family: "Flaticon"; |
|||
src: url("../fonts/Flaticon.eot"); |
|||
src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), |
|||
url("../fonts/Flaticon.woff2") format("woff2"), |
|||
url("../fonts/Flaticon.woff") format("woff"), |
|||
url("../fonts/Flaticon.ttf") format("truetype"), |
|||
url("../fonts/Flaticon.svg#Flaticon") format("svg"); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
|
|||
@media screen and (-webkit-min-device-pixel-ratio:0) { |
|||
@font-face { |
|||
font-family: "Flaticon"; |
|||
src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); |
|||
} |
|||
} |
|||
|
|||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, |
|||
[class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
|||
font-family: Flaticon; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.flaticon-search:before { content: "\f100"; } |
|||
.flaticon-shopping-cart:before { content: "\f101"; } |
|||
.flaticon-user:before { content: "\f102"; } |
|||
.flaticon-heart:before { content: "\f103"; } |
|||
.flaticon-arrow:before { content: "\f104"; } |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,138 @@ |
|||
.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,266 @@ |
|||
/* Ion.RangeSlider |
|||
// css version 2.0.3 |
|||
// © 2013-2014 Denis Ineshin | IonDen.com |
|||
// ===================================================================================================================*/ |
|||
|
|||
/* ===================================================================================================================== |
|||
// RangeSlider */ |
|||
|
|||
.irs { |
|||
position: relative; display: block; |
|||
-webkit-touch-callout: none; |
|||
-webkit-user-select: none; |
|||
-khtml-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
.irs-line { |
|||
position: relative; display: block; |
|||
overflow: hidden; |
|||
outline: none !important; |
|||
} |
|||
.irs-line-left, .irs-line-mid, .irs-line-right { |
|||
position: absolute; display: block; |
|||
top: 0; |
|||
} |
|||
.irs-line-left { |
|||
left: 0; width: 11%; |
|||
} |
|||
.irs-line-mid { |
|||
left: 9%; width: 82%; |
|||
} |
|||
.irs-line-right { |
|||
right: 0; width: 11%; |
|||
} |
|||
|
|||
.irs-bar { |
|||
position: absolute; display: block; |
|||
left: 0; width: 0; |
|||
} |
|||
.irs-bar-edge { |
|||
position: absolute; display: block; |
|||
top: 0; left: 0; |
|||
} |
|||
|
|||
.irs-shadow { |
|||
position: absolute; display: none; |
|||
left: 0; width: 0; |
|||
} |
|||
|
|||
.irs-slider { |
|||
position: absolute; display: block; |
|||
cursor: default; |
|||
z-index: 1; |
|||
} |
|||
.irs-slider.single { |
|||
|
|||
} |
|||
.irs-slider.from { |
|||
|
|||
} |
|||
.irs-slider.to { |
|||
|
|||
} |
|||
.irs-slider.type_last { |
|||
z-index: 2; |
|||
} |
|||
|
|||
.irs-min { |
|||
position: absolute; display: block; |
|||
left: 0; |
|||
cursor: default; |
|||
} |
|||
.irs-max { |
|||
position: absolute; display: block; |
|||
right: 0; |
|||
cursor: default; |
|||
} |
|||
|
|||
.irs-from, .irs-to, .irs-single { |
|||
position: absolute; display: block; |
|||
top: 0; left: 0; |
|||
cursor: default; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.irs-grid { |
|||
position: absolute; display: none; |
|||
bottom: 0; left: 0; |
|||
width: 100%; height: 20px; |
|||
} |
|||
.irs-with-grid .irs-grid { |
|||
display: block; |
|||
} |
|||
.irs-grid-pol { |
|||
position: absolute; |
|||
top: 0; left: 0; |
|||
width: 1px; height: 8px; |
|||
background: #000; |
|||
} |
|||
.irs-grid-pol.small { |
|||
height: 4px; |
|||
} |
|||
.irs-grid-text { |
|||
position: absolute; |
|||
bottom: 0; left: 0; |
|||
white-space: nowrap; |
|||
text-align: center; |
|||
font-size: 9px; line-height: 9px; |
|||
padding: 0 3px; |
|||
color: #000; |
|||
} |
|||
|
|||
.irs-disable-mask { |
|||
position: absolute; display: block; |
|||
top: 0; left: -1%; |
|||
width: 102%; height: 100%; |
|||
cursor: default; |
|||
background: rgba(0,0,0,0.0); |
|||
z-index: 2; |
|||
} |
|||
.lt-ie9 .irs-disable-mask { |
|||
background: #000; |
|||
filter: alpha(opacity=0); |
|||
cursor: not-allowed; |
|||
} |
|||
|
|||
.irs-disabled { |
|||
opacity: 0.4; |
|||
} |
|||
|
|||
|
|||
.irs-hidden-input { |
|||
position: absolute !important; |
|||
display: block !important; |
|||
top: 0 !important; |
|||
left: 0 !important; |
|||
width: 0 !important; |
|||
height: 0 !important; |
|||
font-size: 0 !important; |
|||
line-height: 0 !important; |
|||
padding: 0 !important; |
|||
margin: 0 !important; |
|||
outline: none !important; |
|||
z-index: -9999 !important; |
|||
background: none !important; |
|||
border-style: solid !important; |
|||
border-color: transparent !important; |
|||
} |
|||
|
|||
|
|||
/* Ion.RangeSlider, Simple Skin |
|||
// css version 2.0.3 |
|||
// © Denis Ineshin, 2014 https://github.com/IonDen |
|||
// © guybowden, 2014 https://github.com/guybowden |
|||
// ===================================================================================================================*/ |
|||
|
|||
/* ===================================================================================================================== |
|||
// Skin details */ |
|||
|
|||
.irs { |
|||
height: 55px; |
|||
} |
|||
.irs-with-grid { |
|||
height: 75px; |
|||
} |
|||
.irs-line { |
|||
height: 10px; top: 33px; |
|||
background: #EEE; |
|||
background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */ |
|||
border: 1px solid #CCC; |
|||
border-radius: 16px; |
|||
-moz-border-radius: 16px; |
|||
} |
|||
.irs-line-left { |
|||
height: 8px; |
|||
} |
|||
.irs-line-mid { |
|||
height: 8px; |
|||
} |
|||
.irs-line-right { |
|||
height: 8px; |
|||
} |
|||
|
|||
.irs-bar { |
|||
height: 10px; top: 33px; |
|||
border-top: 1px solid #428bca; |
|||
border-bottom: 1px solid #428bca; |
|||
background: #428bca; |
|||
background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */ |
|||
} |
|||
.irs-bar-edge { |
|||
height: 10px; top: 33px; |
|||
width: 14px; |
|||
border: 1px solid #428bca; |
|||
border-right: 0; |
|||
background: #428bca; |
|||
background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */ |
|||
border-radius: 16px 0 0 16px; |
|||
-moz-border-radius: 16px 0 0 16px; |
|||
} |
|||
|
|||
.irs-shadow { |
|||
height: 2px; top: 38px; |
|||
background: #000; |
|||
opacity: 0.3; |
|||
border-radius: 5px; |
|||
-moz-border-radius: 5px; |
|||
} |
|||
.lt-ie9 .irs-shadow { |
|||
filter: alpha(opacity=30); |
|||
} |
|||
|
|||
.irs-slider { |
|||
top: 25px; |
|||
width: 27px; height: 27px; |
|||
border: 1px solid #AAA; |
|||
background: #DDD; |
|||
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */ |
|||
border-radius: 27px; |
|||
-moz-border-radius: 27px; |
|||
box-shadow: 1px 1px 3px rgba(0,0,0,0.3); |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.irs-slider.state_hover, .irs-slider:hover { |
|||
background: #FFF; |
|||
} |
|||
|
|||
.irs-min, .irs-max { |
|||
color: #333; |
|||
font-size: 12px; line-height: 1.333; |
|||
text-shadow: none; |
|||
top: 0; |
|||
padding: 1px 5px; |
|||
background: rgba(0,0,0,0.1); |
|||
border-radius: 3px; |
|||
-moz-border-radius: 3px; |
|||
} |
|||
|
|||
.lt-ie9 .irs-min, .lt-ie9 .irs-max { |
|||
background: #ccc; |
|||
} |
|||
|
|||
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { |
|||
background: #999; |
|||
} |
|||
|
|||
.irs-grid { |
|||
height: 27px; |
|||
} |
|||
.irs-grid-pol { |
|||
opacity: 0.5; |
|||
background: #428bca; |
|||
} |
|||
.irs-grid-pol.small { |
|||
background: #999; |
|||
} |
|||
|
|||
.irs-grid-text { |
|||
bottom: 5px; |
|||
color: #99a4ac; |
|||
} |
|||
|
|||
.irs-disabled { |
|||
} |
|||
@ -0,0 +1 @@ |
|||
@charset 'UTF-8';.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(ajax-loader.gif) center center no-repeat #fff}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;margin-top:-10px\9;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'←'}.slick-slider{margin-bottom:30px}.slick-dots{bottom:-45px;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000} |
|||
@ -0,0 +1,119 @@ |
|||
/* Slider */ |
|||
.slick-slider |
|||
{ |
|||
position: relative; |
|||
|
|||
display: block; |
|||
box-sizing: border-box; |
|||
|
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
|
|||
-webkit-touch-callout: none; |
|||
-khtml-user-select: none; |
|||
-ms-touch-action: pan-y; |
|||
touch-action: pan-y; |
|||
-webkit-tap-highlight-color: transparent; |
|||
} |
|||
|
|||
.slick-list |
|||
{ |
|||
position: relative; |
|||
|
|||
display: block; |
|||
overflow: hidden; |
|||
|
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.slick-list:focus |
|||
{ |
|||
outline: none; |
|||
} |
|||
.slick-list.dragging |
|||
{ |
|||
cursor: pointer; |
|||
cursor: hand; |
|||
} |
|||
|
|||
.slick-slider .slick-track, |
|||
.slick-slider .slick-list |
|||
{ |
|||
-webkit-transform: translate3d(0, 0, 0); |
|||
-moz-transform: translate3d(0, 0, 0); |
|||
-ms-transform: translate3d(0, 0, 0); |
|||
-o-transform: translate3d(0, 0, 0); |
|||
transform: translate3d(0, 0, 0); |
|||
} |
|||
|
|||
.slick-track |
|||
{ |
|||
position: relative; |
|||
top: 0; |
|||
left: 0; |
|||
|
|||
display: block; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.slick-track:before, |
|||
.slick-track:after |
|||
{ |
|||
display: table; |
|||
|
|||
content: ''; |
|||
} |
|||
.slick-track:after |
|||
{ |
|||
clear: both; |
|||
} |
|||
.slick-loading .slick-track |
|||
{ |
|||
visibility: hidden; |
|||
} |
|||
|
|||
.slick-slide |
|||
{ |
|||
display: none; |
|||
float: left; |
|||
|
|||
height: 100%; |
|||
min-height: 1px; |
|||
} |
|||
[dir='rtl'] .slick-slide |
|||
{ |
|||
float: right; |
|||
} |
|||
.slick-slide img |
|||
{ |
|||
display: block; |
|||
} |
|||
.slick-slide.slick-loading img |
|||
{ |
|||
display: none; |
|||
} |
|||
.slick-slide.dragging img |
|||
{ |
|||
pointer-events: none; |
|||
} |
|||
.slick-initialized .slick-slide |
|||
{ |
|||
display: block; |
|||
} |
|||
.slick-loading .slick-slide |
|||
{ |
|||
visibility: hidden; |
|||
} |
|||
.slick-vertical .slick-slide |
|||
{ |
|||
display: block; |
|||
|
|||
height: auto; |
|||
|
|||
border: 1px solid transparent; |
|||
} |
|||
.slick-arrow.slick-hidden { |
|||
display: none; |
|||
} |
|||
@ -0,0 +1,116 @@ |
|||
/* Slider */ |
|||
.slick-slider |
|||
{ |
|||
position: relative; |
|||
|
|||
display: block; |
|||
|
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
|
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
|
|||
-webkit-touch-callout: none; |
|||
-khtml-user-select: none; |
|||
-ms-touch-action: pan-y; |
|||
touch-action: pan-y; |
|||
-webkit-tap-highlight-color: transparent; |
|||
} |
|||
|
|||
.slick-list |
|||
{ |
|||
position: relative; |
|||
|
|||
display: block; |
|||
overflow: hidden; |
|||
|
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.slick-list:focus |
|||
{ |
|||
outline: none; |
|||
} |
|||
.slick-list.dragging |
|||
{ |
|||
cursor: pointer; |
|||
cursor: hand; |
|||
} |
|||
|
|||
.slick-slider .slick-track, |
|||
.slick-slider .slick-list |
|||
{ |
|||
-webkit-transform: translate3d(0, 0, 0); |
|||
-moz-transform: translate3d(0, 0, 0); |
|||
-ms-transform: translate3d(0, 0, 0); |
|||
-o-transform: translate3d(0, 0, 0); |
|||
transform: translate3d(0, 0, 0); |
|||
} |
|||
|
|||
.slick-track |
|||
{ |
|||
position: relative; |
|||
top: 0; |
|||
left: 0; |
|||
|
|||
display: block; |
|||
} |
|||
.slick-track:before, |
|||
.slick-track:after |
|||
{ |
|||
display: table; |
|||
|
|||
content: ''; |
|||
} |
|||
.slick-track:after |
|||
{ |
|||
clear: both; |
|||
} |
|||
.slick-loading .slick-track |
|||
{ |
|||
visibility: hidden; |
|||
} |
|||
|
|||
.slick-slide |
|||
{ |
|||
display: none; |
|||
float: left; |
|||
|
|||
height: 100%; |
|||
min-height: 1px; |
|||
} |
|||
[dir='rtl'] .slick-slide |
|||
{ |
|||
float: right; |
|||
} |
|||
.slick-slide img |
|||
{ |
|||
display: block; |
|||
} |
|||
.slick-slide.slick-loading img |
|||
{ |
|||
display: none; |
|||
} |
|||
.slick-slide.dragging img |
|||
{ |
|||
pointer-events: none; |
|||
} |
|||
.slick-initialized .slick-slide |
|||
{ |
|||
display: block; |
|||
} |
|||
.slick-loading .slick-slide |
|||
{ |
|||
visibility: hidden; |
|||
} |
|||
.slick-vertical .slick-slide |
|||
{ |
|||
display: block; |
|||
|
|||
height: auto; |
|||
|
|||
border: 1px solid transparent; |
|||
} |
|||
@ -0,0 +1,262 @@ |
|||
/*! |
|||
* SlickNav Responsive Mobile Menu v1.0.10 |
|||
* (c) 2016 Josh Cope |
|||
* licensed under MIT |
|||
*/ |
|||
.slicknav_btn { |
|||
position: relative; |
|||
display: block; |
|||
vertical-align: middle; |
|||
float: right; |
|||
padding: 0.438em 0.625em 0.438em 0.625em; |
|||
line-height: 1.125em; |
|||
cursor: pointer; } |
|||
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { |
|||
margin-top: 0.188em; } |
|||
|
|||
.slicknav_menu { |
|||
*zoom: 1; } |
|||
.slicknav_menu .slicknav_menutxt { |
|||
display: block; |
|||
line-height: 1.188em; |
|||
float: left; } |
|||
.slicknav_menu .slicknav_icon { |
|||
float: left; |
|||
width: 1.125em; |
|||
height: 0.875em; |
|||
margin: 0.188em 0 0 0.438em; } |
|||
.slicknav_menu .slicknav_icon:before { |
|||
background: transparent; |
|||
width: 1.125em; |
|||
height: 0.875em; |
|||
display: block; |
|||
content: ""; |
|||
position: absolute; } |
|||
.slicknav_menu .slicknav_no-text { |
|||
margin: 0; } |
|||
.slicknav_menu .slicknav_icon-bar { |
|||
display: block; |
|||
width: 1.125em; |
|||
height: 0.125em;} |
|||
.slicknav_menu:before { |
|||
content: " "; |
|||
display: table; } |
|||
.slicknav_menu:after { |
|||
content: " "; |
|||
display: table; |
|||
clear: both; } |
|||
|
|||
.slicknav_nav { |
|||
clear: both; } |
|||
.slicknav_nav ul { |
|||
display: block; } |
|||
.slicknav_nav li { |
|||
display: block; } |
|||
.slicknav_nav .slicknav_arrow { |
|||
font-size: 0.8em; |
|||
margin: 0 0 0 0.4em; } |
|||
.slicknav_nav .slicknav_item { |
|||
cursor: pointer; } |
|||
.slicknav_nav .slicknav_item a { |
|||
display: inline; } |
|||
.slicknav_nav .slicknav_row { |
|||
display: block; } |
|||
.slicknav_nav a { |
|||
display: block; } |
|||
.slicknav_nav .slicknav_parent-link a { |
|||
display: inline; } |
|||
|
|||
.slicknav_brand { |
|||
float: left; } |
|||
|
|||
.slicknav_menu { |
|||
font-size: 16px; |
|||
box-sizing: border-box; |
|||
background: #4c4c4c; |
|||
padding: 5px; } |
|||
.slicknav_menu * { |
|||
box-sizing: border-box; } |
|||
.slicknav_menu .slicknav_menutxt { |
|||
color: #fff; |
|||
font-weight: bold; } |
|||
.slicknav_menu .slicknav_icon-bar { |
|||
background-color: #dca73a !important; |
|||
} |
|||
|
|||
.slicknav_btn { |
|||
margin: 5px 5px 6px; |
|||
text-decoration: none; |
|||
background-color: none; |
|||
} |
|||
|
|||
.slicknav_nav { |
|||
color: #fff; |
|||
margin: 0; |
|||
padding: 0; |
|||
font-size: 0.875em; |
|||
list-style: none; |
|||
overflow: hidden; } |
|||
.slicknav_nav ul { |
|||
list-style: none; |
|||
overflow: hidden; |
|||
padding: 0; |
|||
margin: 0 0 0 20px; } |
|||
.slicknav_nav .slicknav_row { |
|||
|
|||
/* padding: 5px 10px; */ |
|||
margin: 2px 5px; |
|||
} |
|||
.slicknav_nav .slicknav_row:hover { |
|||
-webkit-border-radius: 6px; |
|||
-moz-border-radius: 6px; |
|||
border-radius: 6px; |
|||
background: #ccc; |
|||
color: #fff; } |
|||
.slicknav_nav a { |
|||
padding: 5px 10px; |
|||
margin: 2px 5px; |
|||
text-decoration: none; |
|||
color: #fff; } |
|||
.slicknav_nav a:hover { |
|||
-webkit-border-radius: 0px; |
|||
-moz-border-radius: 0px; |
|||
border-radius: 0px; |
|||
background: #ccc; |
|||
color: #222; } |
|||
.slicknav_nav .slicknav_txtnode { |
|||
margin-left: 15px; } |
|||
.slicknav_nav .slicknav_item a { |
|||
padding: 0; |
|||
margin: 0; } |
|||
.slicknav_nav .slicknav_parent-link a { |
|||
padding: 0; |
|||
margin: 0; } |
|||
|
|||
.slicknav_brand { |
|||
color: #fff; |
|||
font-size: 18px; |
|||
line-height: 30px; |
|||
padding: 7px 12px; |
|||
height: 44px; } |
|||
|
|||
|
|||
|
|||
/*===== mobile menu slicknav =====*/ |
|||
|
|||
.mobile_menu { |
|||
position: absolute; |
|||
right: 10px; |
|||
width: 96%; |
|||
z-index: 99; |
|||
} |
|||
.slicknav_menu .slicknav_menutxt { |
|||
display: none; |
|||
} |
|||
.slicknav_menu { |
|||
background: transparent; |
|||
margin-top: 10px; |
|||
} |
|||
.slicknav_menu .slicknav_icon-bar { |
|||
background-color: #ffffff; |
|||
height: 3px; |
|||
margin: 5px 0; |
|||
-webkit-transition: all 0.3s ease 0s; |
|||
-o-transition: all 0.3s ease 0s; |
|||
transition: all 0.3s ease 0s; |
|||
width: 30px; |
|||
position: relative; |
|||
} |
|||
.slicknav_btn { |
|||
background-color: transparent; |
|||
cursor: pointer; |
|||
margin-bottom: 10px; |
|||
margin-top: -35px; |
|||
position: relative; |
|||
z-index: 99; |
|||
} |
|||
/* .slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(2) { |
|||
opacity: 0; |
|||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; |
|||
} |
|||
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(1) { |
|||
-webkit-transform: rotate(45deg) translate(1px, 7px); |
|||
-ms-transform: rotate(45deg) translate(1px, 7px); |
|||
transform: rotate(45deg) translate(1px, 7px); |
|||
} |
|||
.slicknav_menu .slicknav_open .slicknav_icon-bar:nth-child(3) { |
|||
-webkit-transform: rotate(-45deg) translateY(-6px); |
|||
-ms-transform: rotate(-45deg) translateY(-6px); |
|||
transform: rotate(-45deg) translateY(-6px); |
|||
position: relative; |
|||
top: -1px; |
|||
} */ |
|||
.slicknav_menu { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.slicknav_icon-bar { |
|||
background: #fff !important; |
|||
} |
|||
.slicknav_nav { |
|||
background: #fff; |
|||
float: right; |
|||
margin-top: 11px; |
|||
padding: 19px; |
|||
width: 100%; |
|||
border-bottom: 1px solid #eee; |
|||
} |
|||
.slicknav_nav a:hover { |
|||
background: #F79960 none repeat scroll 0 0; |
|||
border-radius: 0; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.slicknav_nav a { |
|||
font-size: 14px; |
|||
font-weight: 400; |
|||
color: #000; |
|||
text-transform: capitalize; |
|||
} |
|||
|
|||
.slicknav_nav .slicknav_arrow { |
|||
float: right; |
|||
} |
|||
|
|||
.slicknav_nav .slicknav_row:hover, |
|||
.slicknav_nav .slicknav_row:hover .slicknav_arrow { |
|||
border-radius: 0; |
|||
background-color: #F79960; |
|||
background-color: transparent; |
|||
color: #000; |
|||
} |
|||
.slicknav_btn { |
|||
background-color: transparent; |
|||
cursor: pointer; |
|||
margin-bottom: -15px; |
|||
position: relative; |
|||
z-index: 99; |
|||
border: none; |
|||
border-radius: 3px; |
|||
top: -23px; |
|||
padding: 5px; |
|||
right: 5px; |
|||
margin-top: -5px; |
|||
} |
|||
.slicknav_menu .slicknav_icon { |
|||
margin-right: 6px; |
|||
margin-top: 3px; |
|||
position: relative; |
|||
right: 5px; |
|||
top: -5px; |
|||
padding-bottom: 3px; |
|||
} |
|||
.slicknav_nav .slicknav_arrow { |
|||
float: right; |
|||
font-size: 22px; |
|||
position: relative; |
|||
top: -9px; |
|||
} |
|||
.slicknav_menu .slicknav_nav a:hover { |
|||
background: transparent; |
|||
color: #dca73a; |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,50 @@ |
|||
/* |
|||
Flaticon icon font: Flaticon |
|||
Creation date: 19/04/2020 06:48 |
|||
*/ |
|||
|
|||
@font-face { |
|||
font-family: "Flaticon"; |
|||
src: url("./Flaticon.eot"); |
|||
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), |
|||
url("./Flaticon.woff2") format("woff2"), |
|||
url("./Flaticon.woff") format("woff"), |
|||
url("./Flaticon.ttf") format("truetype"), |
|||
url("./Flaticon.svg#Flaticon") format("svg"); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
|
|||
@media screen and (-webkit-min-device-pixel-ratio:0) { |
|||
@font-face { |
|||
font-family: "Flaticon"; |
|||
src: url("./Flaticon.svg#Flaticon") format("svg"); |
|||
} |
|||
} |
|||
|
|||
.fi:before{ |
|||
display: inline-block; |
|||
font-family: "Flaticon"; |
|||
font-style: normal; |
|||
font-weight: normal; |
|||
font-variant: normal; |
|||
line-height: 1; |
|||
text-decoration: inherit; |
|||
text-rendering: optimizeLegibility; |
|||
text-transform: none; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
-webkit-font-smoothing: antialiased; |
|||
font-smoothing: antialiased; |
|||
} |
|||
|
|||
.flaticon-search:before { content: "\f100"; } |
|||
.flaticon-shopping-cart:before { content: "\f101"; } |
|||
.flaticon-user:before { content: "\f102"; } |
|||
.flaticon-heart:before { content: "\f103"; } |
|||
.flaticon-arrow:before { content: "\f104"; } |
|||
|
|||
$font-Flaticon-search: "\f100"; |
|||
$font-Flaticon-shopping-cart: "\f101"; |
|||
$font-Flaticon-user: "\f102"; |
|||
$font-Flaticon-heart: "\f103"; |
|||
$font-Flaticon-arrow: "\f104"; |
|||
Binary file not shown.
|
After Width: | Height: | Size: 496 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 369 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,37 @@ |
|||
/* |
|||
Flaticon icon font: Flaticon |
|||
Creation date: 19/04/2020 06:48 |
|||
*/ |
|||
|
|||
@font-face { |
|||
font-family: "Flaticon"; |
|||
src: url("./Flaticon.eot"); |
|||
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), |
|||
url("./Flaticon.woff2") format("woff2"), |
|||
url("./Flaticon.woff") format("woff"), |
|||
url("./Flaticon.ttf") format("truetype"), |
|||
url("./Flaticon.svg#Flaticon") format("svg"); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
|
|||
@media screen and (-webkit-min-device-pixel-ratio:0) { |
|||
@font-face { |
|||
font-family: "Flaticon"; |
|||
src: url("./Flaticon.svg#Flaticon") format("svg"); |
|||
} |
|||
} |
|||
|
|||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, |
|||
[class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
|||
font-family: Flaticon; |
|||
font-size: 20px; |
|||
font-style: normal; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.flaticon-search:before { content: "\f100"; } |
|||
.flaticon-shopping-cart:before { content: "\f101"; } |
|||
.flaticon-user:before { content: "\f102"; } |
|||
.flaticon-heart:before { content: "\f103"; } |
|||
.flaticon-arrow:before { content: "\f104"; } |
|||
@ -0,0 +1,480 @@ |
|||
<!DOCTYPE html> |
|||
<!-- |
|||
Flaticon icon font: Flaticon |
|||
Creation date: 19/04/2020 06:48 |
|||
--> |
|||
<html> |
|||
<!DOCTYPE html> |
|||
<html> |
|||
|
|||
<head> |
|||
<title>Flaticon WebFont</title> |
|||
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" /> |
|||
<link rel="stylesheet" type="text/css" href="flaticon.css"> |
|||
<meta charset="UTF-8"> |
|||
<style> |
|||
html, body, div, span, applet, object, iframe, |
|||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|||
a, abbr, acronym, address, big, cite, code, |
|||
del, dfn, em, img, ins, kbd, q, s, samp, |
|||
small, strike, strong, sub, sup, tt, var, |
|||
b, u, i, center, |
|||
dl, dt, dd, ol, ul, li, |
|||
fieldset, form, label, legend, |
|||
table, caption, tbody, tfoot, thead, tr, th, td, |
|||
article, aside, canvas, details, embed, |
|||
figure, figcaption, footer, header, hgroup, |
|||
menu, nav, output, ruby, section, summary, |
|||
time, mark, audio, video { |
|||
margin: 0; |
|||
padding: 0; |
|||
border: 0; |
|||
font-size: 100%; |
|||
font: inherit; |
|||
vertical-align: baseline; |
|||
} |
|||
/* HTML5 display-role reset for older browsers */ |
|||
article, aside, details, figcaption, figure, |
|||
footer, header, hgroup, menu, nav, section { |
|||
display: block; |
|||
} |
|||
body { |
|||
line-height: 1; |
|||
} |
|||
ol, ul { |
|||
list-style: none; |
|||
} |
|||
blockquote, q { |
|||
quotes: none; |
|||
} |
|||
blockquote:before, blockquote:after, |
|||
q:before, q:after { |
|||
content: ''; |
|||
content: none; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
border-spacing: 0; |
|||
} |
|||
body { |
|||
font-family: 'Varela Round', Helvetica, Arial, sans-serif; |
|||
font-size: 16px; |
|||
color: #222; |
|||
} |
|||
a { |
|||
color: #333; |
|||
border-bottom: 1px solid #a9fd00; |
|||
font-weight: bold; |
|||
text-decoration: none; |
|||
} |
|||
* { |
|||
-moz-box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
|||
font-family: Flaticon; |
|||
font-size: 30px; |
|||
font-style: normal; |
|||
margin-left: 20px; |
|||
color: #333; |
|||
} |
|||
.wrapper { |
|||
max-width: 600px; |
|||
margin: auto; |
|||
padding: 0 1em; |
|||
} |
|||
.title { |
|||
font-size: 1.25em; |
|||
text-align: center; |
|||
margin-bottom: 1em; |
|||
text-transform: uppercase; |
|||
} |
|||
header { |
|||
text-align: center; |
|||
background-color: #222; |
|||
color: #fff; |
|||
padding: 1em; |
|||
} |
|||
header .logo { |
|||
width: 210px; |
|||
height: 38px; |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
margin-right: 1em; |
|||
border: none; |
|||
} |
|||
header strong { |
|||
font-size: 1.95em; |
|||
font-weight: bold; |
|||
vertical-align: middle; |
|||
margin-top: 5px; |
|||
display: inline-block; |
|||
} |
|||
.demo { |
|||
margin: 2em auto; |
|||
line-height: 1.25em; |
|||
} |
|||
.demo ul li { |
|||
margin-bottom: 1em; |
|||
} |
|||
.demo ul li .num { |
|||
color: #222; |
|||
border-radius: 20px; |
|||
display: inline-block; |
|||
width: 26px; |
|||
padding: 3px; |
|||
height: 26px; |
|||
text-align: center; |
|||
margin-right: 0.5em; |
|||
border: 1px solid #222; |
|||
} |
|||
.demo ul li code { |
|||
background-color: #222; |
|||
border-radius: 4px; |
|||
padding: 0.25em 0.5em; |
|||
display: inline-block; |
|||
color: #fff; |
|||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
|||
font-weight: lighter; |
|||
margin-top: 1em; |
|||
font-size: 0.8em; |
|||
word-break: break-all; |
|||
} |
|||
.demo ul li code.big { |
|||
padding: 1em; |
|||
font-size: 0.9em; |
|||
} |
|||
.demo ul li code .red { |
|||
color: #EF3159; |
|||
} |
|||
.demo ul li code .green { |
|||
color: #ACFF65; |
|||
} |
|||
.demo ul li code .yellow { |
|||
color: #FFFF99; |
|||
} |
|||
.demo ul li code .blue { |
|||
color: #99D3FF; |
|||
} |
|||
.demo ul li code .purple { |
|||
color: #A295FF; |
|||
} |
|||
.demo ul li code .dots { |
|||
margin-top: 0.5em; |
|||
display: block; |
|||
} |
|||
#glyphs { |
|||
border-bottom: 1px solid #ccc; |
|||
padding: 2em 0; |
|||
text-align: center; |
|||
} |
|||
.glyph { |
|||
display: inline-block; |
|||
width: 9em; |
|||
margin: 1em; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
background: #FFF; |
|||
} |
|||
.glyph .glyph-icon { |
|||
padding: 10px; |
|||
display: block; |
|||
font-family:"Flaticon"; |
|||
font-size: 64px; |
|||
line-height: 1; |
|||
} |
|||
.glyph .glyph-icon:before { |
|||
font-size: 64px; |
|||
color: #222; |
|||
margin-left: 0; |
|||
} |
|||
.class-name { |
|||
font-size: 0.65em; |
|||
background-color: #222; |
|||
color: #fff; |
|||
border-radius: 4px 4px 0 0; |
|||
padding: 0.5em; |
|||
color: #FFFF99; |
|||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
|||
} |
|||
.author-name { |
|||
font-size: 0.6em; |
|||
background-color: #fcfcfd; |
|||
border: 1px solid #DEDEE4; |
|||
border-top: 0; |
|||
border-radius: 0 0 4px 4px; |
|||
padding: 0.5em; |
|||
} |
|||
.class-name:last-child { |
|||
font-size: 10px; |
|||
color:#888; |
|||
} |
|||
.class-name:last-child a { |
|||
font-size: 10px; |
|||
color:#555; |
|||
} |
|||
.class-name:last-child a:hover { |
|||
color:#a9fd00; |
|||
} |
|||
.glyph > input { |
|||
display: block; |
|||
width: 100px; |
|||
margin: 5px auto; |
|||
text-align: center; |
|||
font-size: 12px; |
|||
cursor: text; |
|||
} |
|||
.glyph > input.icon-input { |
|||
font-family:"Flaticon"; |
|||
font-size: 16px; |
|||
margin-bottom: 10px; |
|||
} |
|||
.attribution .title { |
|||
margin-top: 2em; |
|||
} |
|||
.attribution textarea { |
|||
background-color: #fcfcfd; |
|||
padding: 1em; |
|||
border: none; |
|||
box-shadow: none; |
|||
border: 1px solid #DEDEE4; |
|||
border-radius: 4px; |
|||
resize: none; |
|||
width: 100%; |
|||
height: 150px; |
|||
font-size: 0.8em; |
|||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
|||
-webkit-appearance: none; |
|||
} |
|||
.iconsuse { |
|||
margin: 2em auto; |
|||
text-align: center; |
|||
max-width: 1200px; |
|||
} |
|||
.iconsuse:after { |
|||
content: ''; |
|||
display: table; |
|||
clear: both; |
|||
} |
|||
.iconsuse .image { |
|||
float: left; |
|||
width: 25%; |
|||
padding: 0 1em; |
|||
} |
|||
.iconsuse .image p { |
|||
margin-bottom: 1em; |
|||
} |
|||
.iconsuse .image span { |
|||
display: block; |
|||
font-size: 0.65em; |
|||
background-color: #222; |
|||
color: #fff; |
|||
border-radius: 4px; |
|||
padding: 0.5em; |
|||
color: #FFFF99; |
|||
margin-top: 1em; |
|||
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
|||
} |
|||
#footer { |
|||
text-align: center; |
|||
background-color: #4C5B5C; |
|||
color: #7c9192; |
|||
padding: 1em; |
|||
} |
|||
#footer a { |
|||
border: none; |
|||
color: #a9fd00; |
|||
font-weight: normal; |
|||
} |
|||
@media (max-width: 960px) { |
|||
.iconsuse .image { |
|||
width: 50%; |
|||
} |
|||
} |
|||
@media (max-width: 560px) { |
|||
.iconsuse .image { |
|||
width: 100%; |
|||
} |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body class="characters-off"> |
|||
|
|||
<header> |
|||
<a href="https://www.flaticon.com" target="_blank" class="logo"> |
|||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" viewBox="0 0 560.875 102.036" enable-background="new 0 0 560.875 102.036" xml:space="preserve"> |
|||
<defs> |
|||
</defs> |
|||
<g> |
|||
<g class="letters"> |
|||
<path fill="#ffffff" d="M141.596,29.675c0-3.777,2.985-6.767,6.764-6.767h34.438c3.426,0,6.15,2.728,6.15,6.15 |
|||
c0,3.43-2.724,6.149-6.15,6.149h-27.674v13.091h23.719c3.429,0,6.151,2.724,6.151,6.15c0,3.43-2.723,6.149-6.151,6.149h-23.719 |
|||
v17.574c0,3.773-2.986,6.761-6.764,6.761c-3.779,0-6.764-2.989-6.764-6.761V29.675z"></path> |
|||
<path fill="#ffffff" d="M193.844,29.149c0-3.781,2.985-6.767,6.764-6.767c3.776,0,6.763,2.985,6.763,6.767v42.957h25.039 |
|||
c3.426,0,6.149,2.726,6.149,6.153c0,3.425-2.723,6.15-6.149,6.15h-31.802c-3.779,0-6.764-2.986-6.764-6.768V29.149z"></path> |
|||
<path fill="#ffffff" d="M241.891,75.71l21.438-48.407c1.492-3.341,4.215-5.357,7.906-5.357h0.792 |
|||
c3.686,0,6.323,2.017,7.815,5.357l21.439,48.407c0.436,0.967,0.701,1.845,0.701,2.723c0,3.602-2.809,6.501-6.414,6.501 |
|||
c-3.161,0-5.269-1.845-6.499-4.655l-4.132-9.661h-27.059l-4.301,10.102c-1.144,2.631-3.426,4.214-6.237,4.214 |
|||
c-3.517,0-6.24-2.81-6.24-6.325C241.1,77.64,241.451,76.677,241.891,75.71z M279.932,58.666l-8.521-20.297l-8.526,20.297H279.932 |
|||
z"></path> |
|||
<path fill="#ffffff" d="M314.864,35.387H301.86c-3.429,0-6.239-2.813-6.239-6.238c0-3.429,2.811-6.24,6.239-6.24h39.533 |
|||
c3.426,0,6.237,2.811,6.237,6.24c0,3.425-2.811,6.238-6.237,6.238h-13.001v42.785c0,3.773-2.99,6.761-6.764,6.761 |
|||
c-3.779,0-6.764-2.989-6.764-6.761V35.387z"></path> |
|||
<path fill="#A9FD00" d="M352.615,29.149c0-3.781,2.985-6.767,6.767-6.767c3.774,0,6.761,2.985,6.761,6.767v49.024 |
|||
c0,3.773-2.987,6.761-6.761,6.761c-3.781,0-6.767-2.989-6.767-6.761V29.149z"></path> |
|||
<path fill="#A9FD00" d="M374.132,53.836v-0.179c0-17.481,13.178-31.801,32.065-31.801c9.22,0,15.459,2.458,20.557,6.238 |
|||
c1.402,1.054,2.637,2.985,2.637,5.357c0,3.692-2.985,6.59-6.681,6.59c-1.845,0-3.071-0.702-4.044-1.319 |
|||
c-3.776-2.813-7.729-4.393-12.562-4.393c-10.364,0-17.831,8.611-17.831,19.154v0.173c0,10.542,7.291,19.329,17.831,19.329 |
|||
c5.715,0,9.492-1.756,13.359-4.834c1.049-0.874,2.458-1.491,4.039-1.491c3.429,0,6.325,2.813,6.325,6.236 |
|||
c0,2.106-1.056,3.78-2.282,4.834c-5.539,4.834-12.036,7.733-21.878,7.733C387.572,85.464,374.132,71.493,374.132,53.836z"></path> |
|||
<path fill="#A9FD00" d="M433.009,53.836v-0.179c0-17.481,13.79-31.801,32.766-31.801c18.981,0,32.592,14.143,32.592,31.628v0.173 |
|||
c0,17.483-13.785,31.807-32.769,31.807C446.625,85.464,433.009,71.32,433.009,53.836z M484.224,53.836v-0.179 |
|||
c0-10.539-7.725-19.326-18.626-19.326c-10.893,0-18.449,8.611-18.449,19.154v0.173c0,10.542,7.73,19.329,18.626,19.329 |
|||
C476.676,72.986,484.224,64.378,484.224,53.836z"></path> |
|||
<path fill="#A9FD00" d="M506.233,29.321c0-3.774,2.99-6.763,6.767-6.763h1.401c3.252,0,5.183,1.583,7.029,3.953l26.093,34.265 |
|||
V29.059c0-3.692,2.99-6.677,6.681-6.677c3.683,0,6.671,2.985,6.671,6.677v48.934c0,3.78-2.987,6.765-6.764,6.765h-0.436 |
|||
c-3.257,0-5.188-1.581-7.034-3.953l-27.056-35.492v32.944c0,3.687-2.985,6.676-6.678,6.676c-3.683,0-6.673-2.989-6.673-6.676 |
|||
V29.321z"></path> |
|||
</g> |
|||
<g class="insignia"> |
|||
<path fill="#ffffff" d="M48.372,56.137h12.517l11.156-18.537H37.186L25.688,18.539h57.825L94.668,0H9.271 |
|||
C5.925,0,2.842,1.801,1.198,4.716c-1.644,2.907-1.593,6.482,0.134,9.343l50.38,83.501c1.678,2.781,4.689,4.476,7.938,4.476 |
|||
c3.246,0,6.257-1.695,7.935-4.476l2.898-4.804L48.372,56.137z"></path> |
|||
<g class="i"> |
|||
<path fill="#A9FD00" d="M93.575,18.539h0.031v0.004l21.652,0.004l2.705-4.488c1.727-2.861,1.778-6.436,0.133-9.343 |
|||
C116.454,1.801,113.371,0,110.026,0h-5.294L93.575,18.539z"></path> |
|||
<polygon fill="#A9FD00" points="88.291,27.356 64.725,66.486 75.519,84.404 109.942,27.356"></polygon> |
|||
</g> |
|||
</g> |
|||
</g> |
|||
</svg> |
|||
</a> |
|||
<strong>Font Demo</strong> |
|||
</header> |
|||
|
|||
|
|||
<section class="demo wrapper"> |
|||
|
|||
<p class="title">Instructions</p> |
|||
|
|||
<ul> |
|||
<li> |
|||
<span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder. |
|||
</li> |
|||
<li> |
|||
<span class="num">2</span>Add the CSS link to your website source code on header. |
|||
<code class="big"> |
|||
<<span class="red">head</span>> |
|||
<br/><span class="dots">...</span> |
|||
<br/><<span class="red">link</span> <span class="green">rel</span>=<span class="yellow">"stylesheet"</span> <span class="green">type</span>=<span class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>> |
|||
<br/><span class="dots">...</span> |
|||
<br/></<span class="red">head</span>> |
|||
</code> |
|||
</li> |
|||
|
|||
<li> |
|||
<p> |
|||
<span class="num">3</span>Use the icon class on <code>"<span class="blue">display</span>:<span class="purple"> inline</span>"</code> elements: |
|||
<br /> |
|||
Use example: <code><<span class="red">i</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">i</span>></code> or <code><<span class="red">span</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">span</span>></code> |
|||
</li> |
|||
</ul> |
|||
|
|||
</section> |
|||
|
|||
|
|||
|
|||
|
|||
<section id="glyphs"> |
|||
|
|||
|
|||
<div class="glyph"><div class="glyph-icon flaticon-search"></div> |
|||
<div class="class-name">.flaticon-search</div> |
|||
<div class="author-name">Author: <a data-file="001-search" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a> </div> |
|||
</div> |
|||
|
|||
<div class="glyph"><div class="glyph-icon flaticon-shopping-cart"></div> |
|||
<div class="class-name">.flaticon-shopping-cart</div> |
|||
<div class="author-name">Author: <a data-file="002-shopping-cart" href="https://www.flaticon.com/authors/those-icons">Those Icons</a> </div> |
|||
</div> |
|||
|
|||
<div class="glyph"><div class="glyph-icon flaticon-user"></div> |
|||
<div class="class-name">.flaticon-user</div> |
|||
<div class="author-name">Author: <a data-file="003-user" href="http://www.freepik.com">Freepik</a> </div> |
|||
</div> |
|||
|
|||
<div class="glyph"><div class="glyph-icon flaticon-heart"></div> |
|||
<div class="class-name">.flaticon-heart</div> |
|||
<div class="author-name">Author: <a data-file="004-heart" href="http://www.freepik.com">Freepik</a> </div> |
|||
</div> |
|||
|
|||
<div class="glyph"><div class="glyph-icon flaticon-arrow"></div> |
|||
<div class="class-name">.flaticon-arrow</div> |
|||
<div class="author-name">Author: <a data-file="005-arrow" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a> </div> |
|||
</div> |
|||
|
|||
|
|||
</section> |
|||
|
|||
|
|||
|
|||
<section class="attribution wrapper" style="text-align:center;"> |
|||
|
|||
<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-search" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="002-shopping-cart" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="004-heart" href="http://www.freepik.com">Freepik</a>, <a data-file="005-arrow" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a></p> </div> |
|||
</div> |
|||
<div class="title">Copy the Attribution License:</div> |
|||
|
|||
<textarea onclick="this.focus();this.select();">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-search" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="002-shopping-cart" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="004-heart" href="http://www.freepik.com">Freepik</a>, <a data-file="005-arrow" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a></p> |
|||
</textarea> |
|||
|
|||
</section> |
|||
|
|||
<section class="iconsuse"> |
|||
|
|||
<div class="title">Examples:</div> |
|||
|
|||
<div class="image"> |
|||
<p> |
|||
<i class="glyph-icon flaticon-search"></i> |
|||
<span><i class="flaticon-search"></i></span> |
|||
</p> |
|||
</div> |
|||
|
|||
<div class="image"> |
|||
<p> |
|||
<i class="glyph-icon flaticon-shopping-cart"></i> |
|||
<span><i class="flaticon-shopping-cart"></i></span> |
|||
</p> |
|||
</div> |
|||
|
|||
<div class="image"> |
|||
<p> |
|||
<i class="glyph-icon flaticon-user"></i> |
|||
<span><i class="flaticon-user"></i></span> |
|||
</p> |
|||
</div> |
|||
|
|||
<div class="image"> |
|||
<p> |
|||
<i class="glyph-icon flaticon-heart"></i> |
|||
<span><i class="flaticon-heart"></i></span> |
|||
</p> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</section> |
|||
|
|||
<div id="footer"> |
|||
<div>Generated by <a href="https://www.flaticon.com">flaticon.com</a> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
|
|||
</body> |
|||
</html> |
|||
Binary file not shown.
|
After Width: | Height: | Size: 229 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 263 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 918 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 264 KiB |
|
After Width: | Height: | Size: 219 KiB |
|
After Width: | Height: | Size: 186 KiB |
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue