@ -0,0 +1,48 @@ |
|||||
|
.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg |
||||
|
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
||||
|
:alt: License: LGPL-3 |
||||
|
|
||||
|
Theme LevelUp |
||||
|
============= |
||||
|
* Design Web Pages with Theme LevelUp |
||||
|
|
||||
|
Configuration |
||||
|
============= |
||||
|
- www.odoo.com/documentation/18.0/setup/install.html |
||||
|
- Install our custom addon |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
General Public License, Version 3 (LGPL v3). |
||||
|
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions: <https://cybrosys.com>`__ |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
Developers: (V16) Nisarudheen @ Cybrosys, |
||||
|
(V17) Advaith BG @ Cybrosys, |
||||
|
(V18) Athira K @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 https://www.cybrosys.com |
||||
|
|
||||
|
Further information |
||||
|
=================== |
||||
|
HTML Description: `<static/description/index.html>`__ |
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Athira K(odoo@cybrosys.com) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import controllers |
@ -0,0 +1,92 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Athira K(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 LevelUp", |
||||
|
"version": "18.0.1.0.0", |
||||
|
"category": "Theme/Corporate", |
||||
|
"summary": "The perfect website theme for your growing business" |
||||
|
"can used to apply new design to website and adding more menus " |
||||
|
"and feature", |
||||
|
"description": "Introducing Theme LevelUp," |
||||
|
" your gateway to the future of web design. " |
||||
|
"This cutting-edge theme has been meticulously crafted to " |
||||
|
"transform your website into a captivating online presence." |
||||
|
" With its breathtaking, visuals, sleek animations, " |
||||
|
"and modern layouts, Theme LevelUp promises to elevate your " |
||||
|
"digital identity to new heights. Prepare to amaze your" |
||||
|
" visitors from the moment they set foot on your home page " |
||||
|
"and guide them through an immersive web experience like " |
||||
|
"never before.", |
||||
|
"author": "Cybrosys Techno Solutions", |
||||
|
"company": "Cybrosys Techno Solutions", |
||||
|
"maintainer": "Cybrosys Techno Solutions", |
||||
|
"website": "https://www.cybrosys.com", |
||||
|
"depends": ["website", "website_blog","website_sale_wishlist"], |
||||
|
"data": [ |
||||
|
"data/website_menus.xml", |
||||
|
"views/blog_templates.xml", |
||||
|
"views/portfolio_templates.xml", |
||||
|
"views/about_us_templates.xml", |
||||
|
"views/footer_templates.xml", |
||||
|
"views/header_templates.xml", |
||||
|
"views/layout_templates.xml", |
||||
|
"views/contact_us_templates.xml", |
||||
|
"views/team_templates.xml", |
||||
|
"views/service_templates.xml", |
||||
|
"views/snippets/s_snippet_templates.xml", |
||||
|
"views/snippets/s_awards_templates.xml", |
||||
|
"views/snippets/s_service_templates.xml", |
||||
|
'views/snippets/s_feature_templates.xml', |
||||
|
"views/snippets/s_excited_templates.xml", |
||||
|
"views/snippets/s_testimonial_templates.xml", |
||||
|
"views/snippets/s_client_templates.xml", |
||||
|
"views/snippets/s_banner_templates.xml", |
||||
|
"views/snippets/s_about_templates.xml", |
||||
|
"views/snippets/s_gallery_templates.xml", |
||||
|
"views/snippets/s_blog_templates.xml", |
||||
|
], |
||||
|
"assets": { |
||||
|
"web.assets_frontend": [ |
||||
|
"theme_levelup/static/src/css/animate.min.css", |
||||
|
"theme_levelup/static/src/css/owl.carousel.min.css", |
||||
|
"theme_levelup/static/src/css/owl.theme.default.min.css", |
||||
|
"theme_levelup/static/src/css/style.css", |
||||
|
"theme_levelup/static/src/css/font.css", |
||||
|
"theme_levelup/static/src/css/bootstrap.css", |
||||
|
"https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/" |
||||
|
"bootstrap.min.js", |
||||
|
"theme_levelup/static/src/js/index.js", |
||||
|
"theme_levelup/static/src/js/owl.carousel.js", |
||||
|
"theme_levelup/static/src/js/owl.carousel.min.js", |
||||
|
"theme_levelup/static/src/js/service_slider.js", |
||||
|
"theme_levelup/static/src/js/about_slider.js", |
||||
|
], |
||||
|
}, |
||||
|
"images": [ |
||||
|
"static/description/banner.jpg", |
||||
|
"static/description/theme_screenshot.jpg", |
||||
|
], |
||||
|
"license": "LGPL-3", |
||||
|
"installable": True, |
||||
|
"auto_install": False, |
||||
|
"application": False, |
||||
|
} |
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Athira K(odoo@cybrosys.com) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import theme_levelup |
@ -0,0 +1,58 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Athira K(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/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
import logging |
||||
|
from odoo import http |
||||
|
from odoo.http import request |
||||
|
|
||||
|
_logger = logging.getLogger(__name__) |
||||
|
|
||||
|
|
||||
|
class MenuController(http.Controller): |
||||
|
"""This controller will be used to redirect to the |
||||
|
mentioned pages by clicking the menus.""" |
||||
|
|
||||
|
@http.route('/about', website=True, type='http', auth='public', csrf=False) |
||||
|
def about_page(self): |
||||
|
"""This router will be redirected to the about page.""" |
||||
|
return request.render('theme_levelup.about_page') |
||||
|
|
||||
|
@http.route('/portfolio', website=True, type='http', auth='public', |
||||
|
csrf=False) |
||||
|
def portfolio_page(self): |
||||
|
"""This router will be redirected to the portfolio page.""" |
||||
|
return request.render('theme_levelup.portfolio_page') |
||||
|
|
||||
|
@http.route('/team', website=True, type='http', auth='public', csrf=False) |
||||
|
def team_page(self): |
||||
|
"""This router will be redirected to the team page.""" |
||||
|
return request.render('theme_levelup.team_page') |
||||
|
|
||||
|
@http.route('/service', website=True, type='http', auth='public', |
||||
|
csrf=False) |
||||
|
def service_page(self): |
||||
|
"""This router will be redirected to the service page.""" |
||||
|
return request.render('theme_levelup.service_page') |
||||
|
|
||||
|
@http.route('/blog_snippet', auth="public", type='json', website=True) |
||||
|
def latest_blog(self): |
||||
|
"""This router will be redirected to the blog page.""" |
||||
|
return request.env['blog.post'].sudo().search_read([], limit=3) |
@ -0,0 +1,30 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<data> |
||||
|
<!-- Menu for pages --> |
||||
|
<record id="menu_about" model="website.menu"> |
||||
|
<field name="name">About</field> |
||||
|
<field name="url">/about</field> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence" type="int">30</field> |
||||
|
</record> |
||||
|
<record id="menu_portfolio" model="website.menu"> |
||||
|
<field name="name">Portfolio</field> |
||||
|
<field name="url">/portfolio</field> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence" type="int">35</field> |
||||
|
</record> |
||||
|
<record id="menu_service" model="website.menu"> |
||||
|
<field name="name">Service</field> |
||||
|
<field name="url">/service</field> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence" type="int">40</field> |
||||
|
</record> |
||||
|
<record id="menu_team" model="website.menu"> |
||||
|
<field name="name">Team</field> |
||||
|
<field name="url">/team</field> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence" type="int">45</field> |
||||
|
</record> |
||||
|
</data> |
||||
|
</odoo> |
@ -0,0 +1,5 @@ |
|||||
|
## Module <theme_levelup> |
||||
|
#### 17.06.2025 |
||||
|
#### Version 18.0.1.0.0 |
||||
|
#### ADD |
||||
|
Initial commit for Theme LevelUp |
After Width: | Height: | Size: 218 KiB |
After Width: | Height: | Size: 8.0 KiB |
After Width: | Height: | Size: 673 KiB |
After Width: | Height: | Size: 363 KiB |
After Width: | Height: | Size: 556 KiB |
After Width: | Height: | Size: 306 KiB |
After Width: | Height: | Size: 279 KiB |
After Width: | Height: | Size: 210 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 187 KiB |
After Width: | Height: | Size: 1.2 MiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 3.7 MiB |
After Width: | Height: | Size: 253 KiB |
After Width: | Height: | Size: 226 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 70 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 545 KiB |
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 515 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 141 KiB |
After Width: | Height: | Size: 1010 KiB |
After Width: | Height: | Size: 343 KiB |
After Width: | Height: | Size: 1.0 MiB |
After Width: | Height: | Size: 211 KiB |
After Width: | Height: | Size: 793 KiB |
After Width: | Height: | Size: 317 KiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 929 B |
After Width: | Height: | Size: 23 KiB |
After Width: | Height: | Size: 677 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: 189 KiB |
After Width: | Height: | Size: 493 KiB |
After Width: | Height: | Size: 176 KiB |
After Width: | Height: | Size: 430 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 885 B |
@ -0,0 +1,563 @@ |
|||||
|
<!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: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Attractive home pages</a></h4> |
||||
|
|
||||
|
</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: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Customized cart page design</a></h4> |
||||
|
|
||||
|
</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: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Featured Product Snippet</a></h4> |
||||
|
|
||||
|
</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: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Price Filter</a></h4> |
||||
|
|
||||
|
</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: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">User-friendly and modern looking theme</a></h4> |
||||
|
|
||||
|
</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: var(--text-color); |
||||
|
font-size: 24px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">New Look for eCommerce Website</a></h4> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
<!--sections --> |
||||
|
|
||||
|
<section class="my-5"> |
||||
|
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-bottom: 20px;"> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
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;">Your clients</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">User Interface in new look</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/new/home-9.png" alt="Grid item" class="img-fluid" > |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
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;">Featured Products</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/new/home-4.png" alt="Grid item" class="img-fluid" > |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
|
||||
|
<!--row-2 --> |
||||
|
|
||||
|
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px;"> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
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;">New Colour pattern</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/new/home-1.png" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
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;">Team</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/new/team-2.png" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
|
||||
|
<!--row-3 --> |
||||
|
|
||||
|
<div style="display: grid; grid-template-columns: 1fr 2fr; gap: 20px; margin-bottom: 20px;"> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
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;">Products</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/new/portfolio-2.png" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
background: -o-linear-gradient(359deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background: linear-gradient(91deg, #ff9c8d 0%, #d655a5 46.64%, #6053cb 92.32%); |
||||
|
background-clip: text; |
||||
|
-webkit-background-clip: text; |
||||
|
-webkit-text-fill-color: transparent; |
||||
|
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;">Testimonials</h3> |
||||
|
|
||||
|
</div> |
||||
|
<div class=" mt-5" style="--aspect-ratioapt: 872/443;"> |
||||
|
<img src="./img/new/home-10.png" alt="Grid item" class="img-fluid"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
</section> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="my-5"> |
||||
|
<!-- banner card --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- service-section --> |
||||
|
|
||||
|
<section id="services" class="mt-5" style="border-radius: 16px; |
||||
|
border: 1px solid #EBEEF2; |
||||
|
background: var(--Neutral-N0, #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; gap: 16px; 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 style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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 style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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 style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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 style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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 style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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 style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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 style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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 style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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: 435 KiB |
@ -0,0 +1,216 @@ |
|||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 100; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 100; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 100; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 200; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 200; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 200; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 300; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 300; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 300; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 500; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 500; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 500; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 600; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 600; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 600; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 800; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 800; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 800; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
||||
|
/* devanagari */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 900; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; |
||||
|
} |
||||
|
/* latin-ext */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 900; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2'); |
||||
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; |
||||
|
} |
||||
|
/* latin */ |
||||
|
@font-face { |
||||
|
font-family: 'Poppins'; |
||||
|
font-style: normal; |
||||
|
font-weight: 900; |
||||
|
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2'); |
||||
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
||||
|
} |
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* Owl Carousel v2.3.4 |
||||
|
* Copyright 2013-2018 David Deutsch |
||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
||||
|
*/ |
||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} |
@ -0,0 +1,6 @@ |
|||||
|
/** |
||||
|
* Owl Carousel v2.3.4 |
||||
|
* Copyright 2013-2018 David Deutsch |
||||
|
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE |
||||
|
*/ |
||||
|
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} |
@ -0,0 +1,151 @@ |
|||||
|
/*=============================================*\ |
||||
|
Some styles to show off masonry layout |
||||
|
\*=============================================*/ |
||||
|
.picture-item { |
||||
|
height: 220px; |
||||
|
margin-top: 24px; |
||||
|
margin-left: 0; |
||||
|
/* shuffle items shouldn't have a left margin*/ |
||||
|
} |
||||
|
|
||||
|
.picture-item img { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
@supports (object-fit: cover) { |
||||
|
.picture-item img { |
||||
|
max-width: none; |
||||
|
height: 100%; |
||||
|
object-fit: cover; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.picture-item--h2 { |
||||
|
height: 464px; |
||||
|
/* 2x the height + 1 gutter */ |
||||
|
} |
||||
|
|
||||
|
.picture-item__inner { |
||||
|
position: relative; |
||||
|
height: 100%; |
||||
|
overflow: hidden; |
||||
|
background: #ECF0F1; |
||||
|
} |
||||
|
|
||||
|
img.picture-item__blur { |
||||
|
display: none; |
||||
|
} |
||||
|
|
||||
|
.picture-item__details { |
||||
|
display: flex; |
||||
|
align-items: baseline; |
||||
|
justify-content: space-between; |
||||
|
width: 100%; |
||||
|
padding: 1em; |
||||
|
} |
||||
|
|
||||
|
.picture-item__description { |
||||
|
width: 100%; |
||||
|
padding: 0 2em 1em 1em; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
.picture-item__title { |
||||
|
flex-shrink: 0; |
||||
|
margin-right: 4px; |
||||
|
} |
||||
|
|
||||
|
.picture-item__tags { |
||||
|
flex-shrink: 1; |
||||
|
text-align: right; |
||||
|
margin: 0; |
||||
|
} |
||||
|
|
||||
|
@media screen and (min-width: 768px) { |
||||
|
.picture-item--overlay .picture-item__details { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
background-color: rgba(0, 0, 0, 0.6); |
||||
|
color: white; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.picture-item--overlay .picture-item__description { |
||||
|
display: none; |
||||
|
} |
||||
|
@supports (filter: blur(1px)) and (clip-path: inset(0 0 0 0)) { |
||||
|
.picture-item--overlay .picture-item__blur { |
||||
|
position: absolute; |
||||
|
z-index: 1; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
display: block; |
||||
|
filter: blur(7px); |
||||
|
clip-path: inset(170px 0 0 0); |
||||
|
} |
||||
|
.picture-item--overlay .picture-item__details { |
||||
|
background: none; |
||||
|
} |
||||
|
.picture-item--overlay .picture-item__tags, |
||||
|
.picture-item--overlay .picture-item__title { |
||||
|
position: relative; |
||||
|
z-index: 2; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
/* |
||||
|
Shuffle needs either relative or absolute positioning on the container |
||||
|
It will set it for you, but it'll cause another style recalculation and layout. |
||||
|
AKA worse performance - so just set it here |
||||
|
*/ |
||||
|
.my-shuffle-container { |
||||
|
position: relative; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
|
||||
|
.my-sizer-element { |
||||
|
position: absolute; |
||||
|
opacity: 0; |
||||
|
visibility: hidden; |
||||
|
} |
||||
|
|
||||
|
/* Animate in styles */ |
||||
|
.shuffle--animatein { |
||||
|
overflow: visible; |
||||
|
} |
||||
|
|
||||
|
.shuffle--animatein .picture-item__inner { |
||||
|
opacity: 0; |
||||
|
transform: translate(0, 220px); |
||||
|
} |
||||
|
|
||||
|
.shuffle--animatein .picture-item__inner--transition { |
||||
|
transition: all .6s ease; |
||||
|
} |
||||
|
|
||||
|
.shuffle--animatein .picture-item.in .picture-item__inner { |
||||
|
opacity: 1; |
||||
|
transform: translate(0, 0); |
||||
|
} |
||||
|
|
||||
|
@media screen and (max-width: 767px) { |
||||
|
.picture-item { |
||||
|
height: auto; |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
.picture-item__details, |
||||
|
.picture-item__description { |
||||
|
font-size: .875em; |
||||
|
padding: .625em; |
||||
|
} |
||||
|
.picture-item__description { |
||||
|
padding-right: .875em; |
||||
|
padding-bottom: 1.25em; |
||||
|
} |
||||
|
.picture-item--h2 { |
||||
|
height: auto; |
||||
|
} |
||||
|
} |
After Width: | Height: | Size: 554 KiB |
After Width: | Height: | Size: 70 KiB |
After Width: | Height: | Size: 20 KiB |
After Width: | Height: | Size: 31 KiB |
After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 35 KiB |
After Width: | Height: | Size: 12 KiB |
After Width: | Height: | Size: 17 KiB |
After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 8.6 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 353 B |
After Width: | Height: | Size: 547 B |
After Width: | Height: | Size: 1.5 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 581 B |
After Width: | Height: | Size: 581 B |
After Width: | Height: | Size: 783 B |
After Width: | Height: | Size: 593 B |
After Width: | Height: | Size: 5.1 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 4.1 KiB |
After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 101 KiB |
After Width: | Height: | Size: 7.5 KiB |
After Width: | Height: | Size: 7.3 KiB |
After Width: | Height: | Size: 3.3 KiB |
After Width: | Height: | Size: 4.4 KiB |
After Width: | Height: | Size: 4.2 KiB |