Mar 16: [ADD] Initial Commit 'theme_levelup'

theme_levelup/README.rst

@@ -0,0 +1,47 @@
+.. image:: https://img.shields.io/badge/licence-LGPL--3-green.svg
+    :target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html
+    :alt: License: LGPL-3
+
+Theme LevelUp
+=============
+* Design Web Pages with Theme LevelUp
+
+Configuration
+=============
+    - www.odoo.com/documentation/16.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
+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>`__

theme_levelup/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: ADVAITH BG (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

theme_levelup/__manifest__.py

@@ -0,0 +1,92 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: ADVAITH BG (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": "17.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"],
+    "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.png",
+        "static/description/theme_screenshot.png",
+    ],
+    "license": "LGPL-3",
+    "installable": True,
+    "auto_install": False,
+    "application": False,
+}

theme_levelup/controllers/__init__.py

@@ -0,0 +1,22 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: ADVAITH BG (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

theme_levelup/controllers/theme_levelup.py

@@ -0,0 +1,58 @@
+# -*- coding: utf-8 -*-
+#############################################################################
+#
+#    Cybrosys Technologies Pvt. Ltd.
+#
+#    Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>)
+#    Author: ADVAITH BG (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)

theme_levelup/data/website_menus.xml

@@ -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>

theme_levelup/doc/RELEASE_NOTE.md

@@ -0,0 +1,5 @@
+## Module <theme_levelup>
+#### 06.03.2024
+#### Version 17.0.1.0.0
+#### ADD
+Initial commit for Theme LevelUp

theme_levelup/static/description/index.html

@@ -0,0 +1,872 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>odoo</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
+    <style>
+    </style>
+</head>
+<body style="background-color:#FFEABF;">
+<section class="position-relative py-3">
+    <div class="position-absolute d-none d-lg-block"
+         style="background-color:#ffeed8; width:100vw; height:100%; margin-left:calc((1080px - 100vw) / 2); margin-top:-30px">
+    </div>
+    <section class="section-top-menu pt-4 float-left w-100">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <div class="text-left logo-cybro">
+                        <a class="" href="#">
+                            <img src="assets/icons/logo-cybro.png"/>
+                        </a>
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <div class="text-right odoo-logo-top">
+                        <img src="assets/icons/odoo-logo.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!--- closed section-top-menu --->
+    <section class="section-banner-img pt-5 w-100 float-left">
+        <div class="text-center">
+            <img src="assets/screenshots/heading.png"/>
+        </div>
+        <div class="text-center mt-5 pt-5" style="">
+            <img style="width:80%;" src="assets/screenshots/Banner.png"/>
+        </div>
+    </section>
+    <!--- closed section-banner-img --->
+    <section class="section-level-up float-left w-100 pt-5 mt-5">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#cc2300; font-size:24px;"></h3>
+                    <div class="w-50 float-left text-center"
+                         style="margin-left:14px;"><img class="w-100"
+                                                        src="assets/icons/arrow-black.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <ul class="pl-0">
+                        <li style="list-style:none; font-size:24px;">Website
+                            Design
+                        </li>
+                        <li style="list-style:none; font-size:24px;">UI/UX</li>
+                        <li style="list-style:none; font-size:24px;">
+                            Developing
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!--- closed section-level-up --->
+    <section class="section-content-area float-left w-100 mt-5 pt-4">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <h3 class="text-uppercase font-weight-bold "
+                        style="font-size:149px; color:#000;">The perfect </br>
+                        <span style="font-size:162px; color:#000; " class="">theme for </br>
+                            growing business</span>
+                    </h3>
+                </div>
+                <div class="col-lg-8">
+                    <p class="text-dark" style="padding-right:0px;">Welcome to
+                        Theme LevelUp! We are
+                        excited to introduce our cutting-edge theme designed to
+                        take
+                        your website to new heights. With Theme LevelUp, you can
+                        elevate
+                        your online presence with its stunning visuals, sleek
+                        animations,
+                        and modern layouts. Our theme offers a seamless user
+                        experience,
+                        ensuring that visitors are captivated from the moment
+                        they land on
+                        your home page. Experience the next level of web design
+                        with
+                        Theme LevelUp and unlock a world of endless
+                        possibilities
+                        for your online business.</p>
+                    <p class="text-dark" style="padding-right:0px;">
+                        Customization is at the
+                        core of Theme LevelUp. We understand that every business
+                        has its own unique branding and style, which is why our
+                        theme
+                        offers extensive customization options. With an
+                        easy-to-use interface,
+                        you can effortlessly tailor the colors, fonts, and
+                        layouts to align with
+                        your brand identity. Whether you want to convey a sense
+                        of elegance,
+                        professionalism, or creativity, Theme LevelUp gives
+                        you the flexibility to make your website truly your
+                        own.</p>
+                    <p class="text-dark" style="padding-right:0px;">What sets
+                        Theme LevelUp apart is
+                        its exceptional user experience. We have meticulously
+                        curated
+                        every aspect of the theme to provide a fluid and
+                        intuitive
+                        navigation experience. From seamless scrolling to
+                        interactive
+                        menus, our theme guarantees a smooth journey for your
+                        visitors,
+                        encouraging them to delve deeper into your website and
+                        discover everything you have to offer.</p>
+                </div>
+                <div class="col-lg-4 text-left">
+                    <div class="content-area-content position-relative">
+                        <img class="position-absolute w-75"
+                             style="top:-83px;  left:100px;"
+                             src="assets/screenshots/home-5.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- closed section-content-area -->
+    <section class="section-key-features float-left w-100">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <h3 class="text-uppercase pt-5 mt-5 text-dark font-weight-bold">
+                        Key features</h3>
+                    <hr
+                            style="border-top:3px solid #F16868; width:7%;"
+                            class="
+                    float-left mt-0"/>
+                </div>
+                <div class="col-lg-6">
+                    <div class="key-features-1 mt-4 p-3"
+                         style="background-color:#FDD57C; border:3px solid #000; border-radius:14px;">
+                        <div class="w-100 float-left pb-3">
+                            <i><img src="assets/icons/icon-design.png"/> </i>
+                            <span class="pl-2"
+                                  style="font-size:22px;">Design</span>
+                        </div>
+                        <p class="pt-4"
+                           style="font-size:20px; line-height:34px;">The most recent website for designing
+                            website menus and forms
+                            is flexible and simple to use.</p>
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <div class=" p-3 mt-4 "
+                         style="background-color:#CFBFDF; border:3px solid #000; border-radius:14px;">
+                        <div class="w-100 float-left pb-3">
+                            <i><img src="assets/icons/icon-Compatibility-with-plugins.png"/>
+                            </i>
+                            <span class="pl-2" style="font-size:22px;">Compatibility with plugins</span>
+                        </div>
+                        <p class="pt-4"
+                           style="font-size:20px; line-height:34px;">Along with
+                            this theme , it permits users to use third-party
+                            plugins also.</p>
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <div class=" p-3 mt-4"
+                         style="background-color:#E0FBAD; border:3px solid #000; border-radius:14px;">
+                        <div class="w-100 float-left pb-3">
+                            <i><img src="assets/icons/icon-Fast-loading-times.png"/>
+                            </i>
+                            <span class="pl-2" style="font-size:22px;">Fast loading times</span>
+                        </div>
+                        <p class="pt-4"
+                           style="font-size:20px; line-height:34px;">This theme
+                            loads all of its features more quickly than other
+                            designs.</p>
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <div class=" p-3 mt-4"
+                         style="background-color:#D3F5E7; border:3px solid #000; border-radius:14px;">
+                        <div class="w-100 float-left pb-3">
+                            <i><img src="assets/icons/icon-Up-to-date-development.png"/>
+                            </i>
+                            <span class="pl-2" style="font-size:22px;">Up-to-date Development</span>
+                        </div>
+                        <p class="pt-4"
+                           style="font-size:20px; line-height:34px;">The most
+                            up-to-date approaches, concepts, and innovations are
+                            being used.</p>
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <div class=" p-3 mt-4"
+                         style="background-color:#D1DFE7; border:3px solid #000; border-radius:14px;">
+                        <div class="w-100 float-left pb-3">
+                            <i><img src="assets/icons/icon-Responsive-design.png"/>
+                            </i>
+                            <span class="pl-2" style="font-size:22px;">Responsive Design</span>
+                        </div>
+                        <p class="pt-4"
+                           style="font-size:20px; line-height:34px;">Different
+                            resolution devices can be used by users to watch
+                            websites.</p>
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <div class=" p-3 mt-4"
+                         style="background-color:#FED1E5; border:3px solid #000; border-radius:14px;">
+                        <div class="w-100 float-left pb-3">
+                            <i><img src="assets/icons/icon-One-Click-Installation.png"/>
+                            </i>
+                            <span class="pl-2" style="font-size:22px;">One Click Installation</span>
+                        </div>
+                        <p class="pt-4"
+                           style="font-size:20px; line-height:34px;">This mode
+                            is significantly easier than others because Odoo
+                            makes One Click Installation feasible.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-level-up float-left w-100 pt-5 mt-5">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#cc2300; font-size:24px;">Home page</h3>
+                    <div class="w-50  float-left text-center"
+                         style="margin-left:14px;"><img class="w-100"
+                                                        src="assets/icons/arrow-black.png">
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <ul class="pl-0">
+                        <li style="list-style:none; font-size:24px;">Home</li>
+                        <li style="list-style:none; font-size:24px;">About</li>
+                        <li style="list-style:none; font-size:24px;">Portfolio
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Team</li>
+                        <li style="list-style:none; font-size:24px;">Service
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Blog</li>
+                        <li style="list-style:none; font-size:24px;">Contact Us
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class=" w-100 float-left white-theam mt-5 pt-5">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="text-center">
+                        <img class="w-100"
+                             src="assets/screenshots/Home-1-.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-2.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-3.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-4.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-5.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-6.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-7.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-8.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-9.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-10.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-11.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-12.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center mt-5 pt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/home-13.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-level-up float-left w-100 pt-5 mt-5">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#cc2300; font-size:24px;">About page</h3>
+                    <div class="w-50  float-left text-center"
+                         style="margin-left:14px;"><img class="w-100"
+                                                        src="assets/icons/arrow-black.png">
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <ul class="pl-0">
+                        <li style="list-style:none; font-size:24px;">Banner</li>
+                        <li style="list-style:none; font-size:24px;">Easy
+                            Categorized menu
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Product
+                            List
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Offer
+                            Banner
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="mt-5 float-left w-100">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="text-center">
+                        <img class="w-100"
+                             src="assets/screenshots/about-us-1.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-about-us w-100 pt-5 mt-5 float-left">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="text-center">
+                        <img class="w-100"
+                             src="assets/screenshots/about-us-2.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/about-us-3.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img style="width:88%;"
+                             src="assets/screenshots/about-us-4.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img style="width:88%;"
+                             src="assets/screenshots/about-us-5.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img style="width:88%;"
+                             src="assets/screenshots/about-us-6.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img style="width:88%;"
+                             src="assets/screenshots/about-us-7.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-level-up float-left w-100 pt-5 mt-5">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#cc2300; line-height:44px; font-size:24px;">
+                        Portfolio page</h3>
+                    <div class="w-50  float-left text-center"
+                         style="margin-left:14px;"><img class="w-100"
+                                                        src="assets/icons/arrow-black.png">
+                    </div>
+                </div>
+                <div class="col-lg-4">
+                    <ul class="pl-0">
+                        <li style="list-style:none; font-size:24px;">Product
+                            Description
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Similer
+                            Product
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Offer
+                            Banner
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="mobile-responsive-about w-100 float-left pt-5 mt-5">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="text-center">
+                        <img class="w-100"
+                             src="assets/screenshots/portfolio-1.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center">
+                        <img class="w-100"
+                             src="assets/screenshots/portfolio-2.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-level-up pt-5 mt-5 float-left w-100">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#cc2300; line-height:32px; font-size:24px;">
+                        Team Page</h3>
+                    <div class="w-50 float-left text-center arrow-black"
+                         style="margin-left:14px;"><img class="w-100"
+                                                        src="assets/icons/arrow-black.png">
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <ul class="pl-0">
+                        <li style="list-style:none; font-size:24px;">Product
+                            Description
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Team
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Offer
+                            Banner
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-services float-left w-100">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/team-1.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/team-2.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/team-3.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/team-4.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-level-up pt-5 mt-5 float-left w-100">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#cc2300; line-height:32px; font-size:24px;">
+                        Service Page</h3>
+                    <div class="w-50 float-left text-center arrow-black"
+                         style="margin-left:14px;"><img class="w-100" src="assets/icons/arrow-black.png">
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <ul class="pl-0">
+                        <li style="list-style:none; font-size:24px;">Product
+                            Description
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Service
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Offer
+                            Banner
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-services-mobile-res  mt-5 w-100 float-left">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="text-center  mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/services.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5  mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/services-1.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5  mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/services-2.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5  mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/services-3.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-level-up pt-5 mt-5 float-left w-100">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#cc2300; line-height:32px; font-size:24px;">
+                        Blog Page</h3>
+                    <div class="w-50 float-left text-center arrow-black"
+                         style="margin-left:14px;"><img class="w-100" src="assets/icons/arrow-black.png">
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <ul class="pl-0">
+                        <li style="list-style:none; font-size:24px;">Banner</li>
+                        <li style="list-style:none; font-size:24px;">Blog
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Quality
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Promo
+                            Video
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-services-mobile-res  mt-5 w-100 float-left">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="text-center  mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/Blog-1.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5  mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/Blog-2.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="section-level-up pt-5 mt-5 float-left w-100">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#cc2300; line-height:32px; font-size:24px;">
+                        Contact Page</h3>
+                    <div class="w-50 float-left text-center arrow-black"
+                         style="margin-left:14px;"><img class="w-100" src="assets/icons/arrow-black.png">
+                    </div>
+                </div>
+                <div class="col-lg-6">
+                    <ul class="pl-0">
+                        <li style="list-style:none; font-size:24px;">Banner</li>
+                        <li style="list-style:none; font-size:24px;">
+                            Contact
+                        </li>
+                        <li style="list-style:none; font-size:24px;">Location
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="mt-5 w-100 float-left">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <div class="text-center  mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/contactus.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5 mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/contactus-1.png"/>
+                    </div>
+                </div>
+                <div class="col-lg-12">
+                    <div class="text-center pt-5  mt-5">
+                        <img class="w-100"
+                             src="assets/screenshots/contactus-2.png"/>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section style="padding-bottom:100px;"
+             class="w-100 float-left section-bottom-services mt-5 bg-white">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#4a1760; padding-top:80px; font-size:26px;">
+                        Our Services</h3> </br>
+                    <div style="font-size:22px;"
+                         class="text-left float-left w-100 pb-5 mb-4">View
+                        services offered by us
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-customization.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Odoo </br> Customization </h3>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-implement.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Odoo </br> Implementation </h3>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-support.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Odoo </br> Support </h3>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-developer.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Hire </br> Odoo Developer </h3>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-intergration.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Odoo </br> Integration </h3>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-migration.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Odoo </br> Migration </h3>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-consultency.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Odoo </br> Consultancy </h3>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-implement.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Odoo </br> Implementation </h3>
+                    </div>
+                </div>
+                <div class="col-lg-4 mt-4">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; background-color:#ffeed8;">
+                        <img src="assets/icons/odoo-licencing.png"/>
+                        <h3 style="color:#522065; font-size:24px;" class="pt-1">
+                            Odoo </br> Licensing Consultancy</h3>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section style="padding-bottom:100px;"
+             class="w-100 float-left section-bottom-services mt-5">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-12">
+                    <h3 class="text-uppercase float-left font-weight-bold"
+                        style="color:#4a1760; padding-top:80px; font-size:26px;">
+                        Our Industries</h3> </br>
+                    <div style="font-size:22px;"
+                         class="text-left float-left w-100 pb-5 mb-4">Get
+                        Insight in our odoo knowledge and our marked footprint
+                        in industries
+                    </div>
+                </div>
+                <div class="col-lg-3 mt-3">
+                    <div class="w-100 float-left p-4 bg-white"
+                         style="border-radius:16px; height:232px;">
+                        <img class="w-25" src="assets/icons/trading.png"/>
+                        <h3 style="color:#522065; font-size:22px;" class="pt-2">
+                            Trading </h3>
+                        <p style="font-size:20px;">Easily procure and sell
+                            your products</p>
+                    </div>
+                </div>
+                <div class="col-lg-3 mt-3">
+                    <div class="w-100 float-left p-4 bg-white"
+                         style="border-radius:16px;height:232px; ">
+                        <img class="w-25" src="assets/icons/trading.png"/>
+                        <h3 style="color:#522065; font-size:22px;" class="pt-2">
+                            E-commerce & Website </h3>
+                        <p style="font-size:20px;">Mobile friendly, awe-inspiring product pages</p>
+                    </div>
+                </div>
+                <div class="col-lg-3 mt-3">
+                    <div class="w-100 float-left p-4 bg-white"
+                         style="border-radius:16px; height:232px;">
+                        <img class="w-25" src="assets/icons/POS.png"/>
+                        <h3 style="color:#522065; font-size:22px;" class="pt-2">
+                            POS</h3>
+                        <p style="font-size:20px;">Easy configuration and
+                            convivial experience</p>
+                    </div>
+                </div>
+                <div class="col-lg-3 mt-3">
+                    <div class="w-100 float-left p-4 bg-white"
+                         style="border-radius:16px; height:232px;">
+                        <img class="w-25" src="assets/icons/Edu.png"/>
+                        <h3 style="color:#522065; font-size:22px;" class="pt-2">
+                            Education</h3>
+                        <p style="font-size:20px;">A platform for educational
+                            management</p>
+                    </div>
+                </div>
+                <div class="col-lg-3 mt-3">
+                    <div class="w-100 float-left p-4 bg-white"
+                         style="border-radius:16px; height:232px;">
+
+                        <img class="w-25" src="assets/icons/Production.png"/>
+                        <h3 style="color:#522065; font-size:22px;" class="pt-2">
+                            Manufacturing</h3>
+                        <p style="font-size:20px;">Plan, track and schedule
+                            your operations</p>
+                    </div>
+                </div>
+                <div class="col-lg-3 mt-3">
+                    <div class="w-100 float-left p-4 bg-white"
+                         style="border-radius:16px; height:232px;">
+                        <img class="w-25" src="assets/icons/POS.png"/>
+                        <h3 style="color:#522065; font-size:22px;" class="pt-2">
+                            Service Management</h3>
+                        <p style="font-size:20px;">Keep track of services
+                            and invoice</p>
+                    </div>
+                </div>
+                <div class="col-lg-3 mt-3">
+
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px;height:232px; background-color:#fff;">
+
+                        <img class="w-25" src="assets/icons/Edu.png"/>
+                        <h3 style="color:#522065; font-size:22px;" class="pt-2">
+                            Restaurant</h3>
+                        <p style="font-size:20px;">Run your bar or restaurant
+                            methodically</p>
+                    </div>
+                </div>
+                <div class="col-lg-3 mt-3">
+                    <div class="w-100 float-left p-4"
+                         style="border-radius:16px; height:232px; background-color:#fff;">
+                        <img class="w-25" src="assets/icons/Production.png"/>
+                        <h3 style="color:#522065; font-size:22px;" class="pt-2">
+                            Hotel management</h3>
+                        <p style="font-size:20px;">An all-inclusive hotel
+                            management application</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</section>
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.1/dist/jquery.slim.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
+</body>
+</html>

theme_levelup/static/src/css/font.css

@@ -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;
+}

theme_levelup/static/src/css/owl.carousel.min.css

@@ -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%}

theme_levelup/static/src/css/owl.theme.default.min.css

@@ -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}

theme_levelup/static/src/css/shuffle-styles.css

@@ -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;
+  }
+}

theme_levelup/static/src/images/abou_icon/bar-chart-line.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bar-chart-line" viewBox="0 0 16 16">
+  <path d="M11 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12h.5a.5.5 0 0 1 0 1H.5a.5.5 0 0 1 0-1H1v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3h1V7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7h1V2zm1 12h2V2h-2v12zm-3 0V7H7v7h2zm-5 0v-3H2v3h2z"/>
+</svg>

theme_levelup/static/src/images/abou_icon/briefcase.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-briefcase" viewBox="0 0 16 16">
+  <path d="M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v8A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-8A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5zm1.886 6.914L15 7.151V12.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7.15l6.614 1.764a1.5 1.5 0 0 0 .772 0zM1.5 4h13a.5.5 0 0 1 .5.5v1.616L8.129 7.948a.5.5 0 0 1-.258 0L1 6.116V4.5a.5.5 0 0 1 .5-.5z"/>
+</svg>

theme_levelup/static/src/images/abou_icon/gear.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16">
+  <path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z"/>
+  <path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z"/>
+</svg>