first

app/modules/user_custom_fields/UserCustomFieldsModule.php

@@ -0,0 +1,8 @@
+<?php
+
+namespace app\modules\user_custom_fields;
+
+class UserCustomFieldsModule extends \kernel\app_modules\user_custom_fields\UserCustomFieldsModule
+{
+
+}

app/modules/user_custom_fields/controllers/UserCustomFieldsController.php

@@ -0,0 +1,8 @@
+<?php
+
+namespace app\modules\user_custom_fields\controllers;
+
+class UserCustomFieldsController extends \kernel\app_modules\user_custom_fields\controllers\UserCustomFieldsController
+{
+
+}

app/modules/user_custom_fields/manifest.json

@@ -0,0 +1,13 @@
+{
+  "name": "Доп. поля пользователей",
+  "version": "0.1",
+  "author": "ITGuild",
+  "slug": "user_custom_fields",
+  "type": "additional_property",
+  "description": "Доп. поля пользователей module",
+  "module_class": "app\\modules\\user_custom_fields\\UserCustomFieldsModule",
+  "module_class_file": "{APP}/modules/user_custom_fields/UserCustomFieldsModule.php",
+  "routs": "routs/user_custom_fields.php",
+  "migration_path": "migrations",
+  "dependence": "user,menu"
+}

app/modules/user_custom_fields/routs/user_custom_fields.php

@@ -0,0 +1,2 @@
+<?php
+include KERNEL_APP_MODULES_DIR . "/user_custom_fields/routs/user_custom_fields.php";

app/modules/user_stage/UserStageModule.php

@@ -0,0 +1,8 @@
+<?php
+
+namespace app\modules\user_stage;
+
+class UserStageModule extends \kernel\app_modules\user_stage\UserStageModule
+{
+
+}

app/modules/user_stage/controllers/UserStageController.php

@@ -0,0 +1,8 @@
+<?php
+
+namespace app\modules\user_stage\controllers;
+
+class UserStageController extends \kernel\app_modules\user_stage\controllers\UserStageController
+{
+
+}

app/modules/user_stage/hooks/user_stage_hooks.php

@@ -0,0 +1,46 @@
+<?php
+
+use Itguild\EloquentTable\EloquentDataProvider;
+use Itguild\EloquentTable\ListEloquentTable;
+use itguild\forms\builders\SelectBuilder;
+use kernel\CollectionTableRenderer;
+
+\kernel\App::$hook->add(
+    'user_view',
+    function (\kernel\modules\user\models\User $user) {
+        $userWithStage = \kernel\app_modules\user_stage\models\User::find($user->id);
+        $table = new CollectionTableRenderer($userWithStage->stages);
+
+        $table->setColumns([
+            'id' => 'ID',
+            'title' => 'Название',
+        ]);
+
+        $table->addValueProcessor('title', function($value, $model, $field) {
+            $style = \kernel\app_modules\user_stage\services\UserStageService::getStageStyle($model);
+
+            return "<div $style>$value</div>";
+        });
+
+        $table->addCustomColumn('status', 'Статус', function ($stage){
+            $text = \kernel\app_modules\user_stage\services\UserStageService::getStageStatusText($stage);
+            $style = \kernel\app_modules\user_stage\services\UserStageService::getStageStyle($stage);
+
+            return "<div $style>$text</div>";
+        });
+
+        $table->addFilter('status', SelectBuilder::build('status', [
+            'class' => 'form-control',
+        ])->setOptions(['Завершен', 'Открыт', 'Закрыт'])->create()->fetch());
+
+        $table->addCustomColumn('action', 'Действия', function ($stage) use ($user){
+            $btn = '<a href="/admin/user_stage/set_stage/' . $stage->id . '/2/' . $user->id . '" class="btn btn-sm btn-primary">Открыть</a> ';
+            $btn .= '<a href="/admin/user_stage/set_stage/' . $stage->id . '/1/' . $user->id . '" class="btn btn-sm btn-primary">Закрыть</a> ';
+            $btn .= '<a href="/admin/user_stage/set_stage/' . $stage->id . '/3/' . $user->id . '" class="btn btn-sm btn-primary">Завершить</a>';
+
+            return $btn;
+        });
+
+        return $table->fetch();
+    }
+);

app/modules/user_stage/manifest.json

@@ -0,0 +1,14 @@
+{
+  "name": "Этапы пользователя",
+  "version": "0.1",
+  "author": "ITGuild",
+  "slug": "user_stage",
+  "type": "entity",
+  "hooks": "hooks/user_stage_hooks.php",
+  "description": "Этапы пользователя module",
+  "module_class": "app\\modules\\user_stage\\UserStageModule",
+  "module_class_file": "{APP}/modules/user_stage/UserStageModule.php",
+  "routs": "routs/user_stage.php",
+  "migration_path": "migrations",
+  "dependence": "user,menu,user_custom_fields"
+}

app/modules/user_stage/routs/user_stage.php

@@ -0,0 +1,2 @@
+<?php
+include KERNEL_APP_MODULES_DIR . "/user_stage/routs/user_stage.php";

app/themes/svo/SvoTheme.php

@@ -0,0 +1,8 @@
+<?php
+
+namespace app\themes\svo;
+
+class SvoTheme extends \kernel\app_themes\svo\SvoTheme
+{
+
+}

app/themes/svo/assets/AdminSliderAssets.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace app\themes\svo\assets;
+
+use kernel\Assets;
+use kernel\helpers\Debug;
+
+class AdminSliderAssets extends Assets
+{
+
+    protected function createCSS(): void
+    {
+        $this->registerCSS(slug: "select2", resource: "https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css", addResourceURI: false);
+    }
+
+    protected function createJS(): void
+    {
+        $this->registerJS(slug: "select2", resource: "https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js", addResourceURI: false);
+    }
+
+}

app/themes/svo/assets/SvoLpThemeAssets.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace app\themes\svo\assets;
+
+use kernel\Assets;
+
+class SvoLpThemeAssets extends Assets
+{
+
+    protected function createCSS(): void
+    {
+        $this->registerCSS(slug: "bootstrap", resource: "/css/netic/bootstrap.css");
+        $this->registerCSS(slug: "style", resource: "/css/netic/style.css");
+        $this->registerCSS(slug: "responsive", resource: "/css/netic/responsive.css");
+        $this->registerCSS(slug: "mCustomScrollbar", resource: "/css/netic/jquery.mCustomScrollbar.min.css");
+    }
+
+    protected function createJS(): void
+    {
+        $this->registerJS(slug: "jquery", resource: "/js/netic/jquery.min.js");
+        $this->registerJS(slug: "popper", resource: "/js/netic/popper.min.js");
+        $this->registerJS(slug: "bootstrap", resource: "/js/netic/bootstrap.bundle.js");
+        $this->registerJS(slug: "jquery-3", resource: "/js/netic/jquery-3.0.0.min.js");
+        $this->registerJS(slug: "plugin", resource: "/js/netic/plugin.js");
+        $this->registerJS(slug: "mCustomScrollbar", resource: "/js/netic/jquery.mCustomScrollbar.concat.min.js");
+        $this->registerJS(slug: "custom", resource: "/js/netic/custom.js");
+    }
+
+}

app/themes/svo/assets/SvoThemesAssets.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace app\themes\svo\assets;
+
+use kernel\Assets;
+
+class SvoThemesAssets extends Assets
+{
+    protected function createCSS(): void
+    {
+        $this->registerCSS(slug: "tabler-icons", resource: "/assets/fonts/tabler-icons.min.css");
+        $this->registerCSS(slug: "feather", resource: "/assets/fonts/feather.css");
+        $this->registerCSS(slug: "fontawesome", resource: "/assets/fonts/fontawesome.css");
+        $this->registerCSS(slug: "material", resource: "/assets/fonts/material.css");
+        $this->registerCSS(slug: "style", resource: "/assets/css/style.css");
+        $this->registerCSS(slug: "style-preset", resource: "/assets/css/style-preset.css");
+    }
+
+    protected function createJS(): void
+    {
+        $this->registerJS(slug: "popper", resource: "/assets/js/plugins/popper.min.js");
+        $this->registerJS(slug: "simplebar", resource: "/assets/js/plugins/simplebar.min.js");
+        $this->registerJS(slug: "bootstrap", resource: "/assets/js/plugins/bootstrap.min.js");
+        $this->registerJS(slug: "custom-font", resource: "/assets/js/fonts/custom-font.js");
+        $this->registerJS(slug: "pcoded", resource: "/assets/js/pcoded.js");
+        $this->registerJS(slug: "feather", resource: "/assets/js/plugins/feather.min.js");
+    }
+}

app/themes/svo/controllers/LpController.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace app\themes\svo\controllers;
+
+use kernel\Controller;
+use kernel\modules\user\service\UserService;
+
+class LpController extends Controller
+{
+
+    protected \kernel\modules\user\models\User $user;
+
+    protected function init(): void
+    {
+        parent::init();
+        $this->cgView->viewPath = APP_DIR . "/themes/svo/views/lp/";
+        $this->cgView->layout = "lp.php";
+        $this->cgView->layoutPath = APP_DIR . "/themes/svo/views/layout/";
+        $this->cgView->addVarToLayout("resources", "/resources/themes/svo/assets");
+
+        $user = UserService::getAuthUser();
+        if ($user){
+            $this->cgView->addVarToLayout("currentUser", $user);
+            $this->user = $user;
+        }
+    }
+
+    public function actionIndex(): void
+    {
+        $this->cgView->render('index.php');
+    }
+
+}

app/themes/svo/controllers/MainController.php

@@ -0,0 +1,116 @@
+<?php
+
+namespace app\themes\svo\controllers;
+
+use JetBrains\PhpStorm\NoReturn;
+use kernel\App;
+use kernel\app_modules\user_custom_fields\models\CustomField;
+use kernel\app_modules\user_custom_fields\models\forms\CreateUserCustomValueForm;
+use kernel\app_modules\user_custom_fields\services\CustomFieldService;
+use kernel\app_modules\user_custom_fields\services\UserCustomValuesService;
+use kernel\app_modules\user_stage\models\User;
+use kernel\app_modules\user_stage\models\UserStage;
+use kernel\Controller;
+use kernel\Flash;
+use kernel\helpers\Debug;
+use kernel\modules\user\service\UserService;
+use kernel\Request;
+
+class MainController extends Controller
+{
+    protected \kernel\modules\user\models\User $user;
+
+    protected function init(): void
+    {
+        parent::init();
+        $this->cgView->viewPath = APP_DIR . "/themes/svo/views/main/";
+        $this->cgView->layout = "lk.php";
+        $this->cgView->layoutPath = APP_DIR . "/themes/svo/views/layout/";
+        $this->cgView->addVarToLayout("resources", "/resources/themes/svo");
+
+        $user = UserService::getAuthUser();
+        if ($user){
+            $this->cgView->addVarToLayout("currentUser", $user);
+            $this->user = $user;
+        }
+    }
+
+    public function actionIndex(): void
+    {
+        $this->cgView->render("index.php");
+    }
+
+    public function actionAbout(): void
+    {
+        $this->cgView->render("about.php");
+    }
+
+    public function actionLk(): void
+    {
+        $user = \kernel\app_modules\user_stage\models\User::find($this->user->id);
+        $stages = UserStage::orderBy('id')->get();
+        $user->stages()->sync($stages);
+
+        $firstStage = UserStage::where('slug', 'registraciya')->first();
+        if ($user->isClosed($firstStage)){
+            $user->openStage($firstStage);
+        }
+
+        $this->cgView->render("lk_index.php", ['user' => $user]);
+    }
+
+    public function actionStage(int $id): void
+    {
+        $stage = UserStage::find($id);
+        $fieldsSlug = explode(", ", $stage->user_fields);
+        $fields = CustomField::whereIn("slug", $fieldsSlug)->get();
+
+        $this->cgView->render("stage.php", ['fields' => $fields, 'stage' => $stage]);
+    }
+
+    #[NoReturn] public function actionStageSave(): void
+    {
+        $request = new Request();
+        $stageId = $request->post('stage_id');
+
+        $stage = UserStage::find($stageId);
+        $fieldsSlug = explode(", ", $stage->user_fields);
+        $fields = CustomField::whereIn("slug", $fieldsSlug)->get();
+
+        $service = new UserCustomValuesService();
+        $form = new CreateUserCustomValueForm();
+
+        foreach ($fields as $field){
+            /* @var CustomField $field */
+            if (isset($request->data[$field->slug])){
+                UserCustomValuesService::deleteByUserAndField($this->user->id, $field->id);
+                $form->load([
+                    'user_id' => $this->user->id,
+                    'custom_field_id' => $field->id,
+                    'value' => $request->data[$field->slug]
+                ]);
+                $service->create($form);
+            }
+        }
+
+        Flash::setMessage("success", "Данные сохранены");
+        $this->redirect("/lk/", 302);
+    }
+
+    public function actionSettings(): void
+    {
+        $this->cgView->render("settings.php");
+    }
+
+    public function actionLogin(): void
+    {
+        $this->cgView->layout = "logreg.php";
+        $this->cgView->render("login.php");
+    }
+
+    public function actionRegister(): void
+    {
+        $this->cgView->layout = "logreg.php";
+        $this->cgView->render("register.php");
+    }
+}

app/themes/svo/controllers/SvoAdminController.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace app\themes\svo\controllers;
+
+use kernel\AdminController;
+
+class SvoAdminController extends AdminController
+{
+
+    protected function init(): void
+    {
+        parent::init();
+        $this->cgView->viewPath = APP_DIR . "/themes/svo/views/admin/";
+    }
+
+    public function actionThemeSettings(): void
+    {
+        $this->cgView->render('theme_settings.php');
+    }
+
+}

app/themes/svo/manifest.json

@@ -0,0 +1,15 @@
+{
+  "name": "SVO",
+  "version": "0.1",
+  "author": "ItGuild",
+  "slug": "svo",
+  "type": "theme",
+  "description": "СВО",
+  "preview": "preview.jpg",
+  "resource": "/resources/themes/svo",
+  "resource_path": "{RESOURCES}/themes/svo",
+  "theme_class": "app\\themes\\svo\\SvoTheme",
+  "theme_class_file": "{APP}/themes/svo/SvoTheme.php",
+  "routs": "routs/svo.php",
+  "dependence": "menu,secure,post,option,user"
+}

app/themes/svo/middlewares/LkAuthMiddleware.php

@@ -0,0 +1,19 @@
+<?php
+
+namespace app\themes\svo\middlewares;
+
+use kernel\Middleware;
+
+class LkAuthMiddleware extends Middleware
+{
+
+    function handler()
+    {
+        if(!isset($_COOKIE['user_id']))
+        {
+            header('Location: /lk/login', true, 302);
+
+            return false;
+        }
+    }
+}

app/themes/svo/routs/svo.php

@@ -0,0 +1,54 @@
+<?php
+
+use kernel\App;
+use kernel\CgRouteCollector;
+
+App::$collector->filter("auth", [\app\themes\svo\middlewares\LkAuthMiddleware::class, "handler"]);
+
+App::$collector->get('/', [\app\themes\svo\controllers\LpController::class, 'actionIndex']);
+
+App::$collector->group(["prefix" => "admin"], function (CgRouteCollector $router) {
+    App::$collector->group(["before" => "auth"], function (CGRouteCollector $router) {
+        App::$collector->group(["prefix" => "svo-theme"], function (CGRouteCollector $router) {
+            App::$collector->get('/settings', [\app\themes\svo\controllers\SvoAdminController::class, 'actionThemeSettings']);
+        });
+    });
+});
+
+App::$collector->group(["prefix" => "lk"], function (CgRouteCollector $router){
+    App::$collector->group(["before" => "auth"], function (CgRouteCollector $router){
+        App::$collector->get('/', [\app\themes\svo\controllers\MainController::class, 'actionLk']);
+        App::$collector->get('/settings', [\app\themes\svo\controllers\MainController::class, 'actionSettings']);
+        App::$collector->get('/stage/{id}', [\app\themes\svo\controllers\MainController::class, 'actionStage']);
+        App::$collector->post('/stage/save', [\app\themes\svo\controllers\MainController::class, 'actionStageSave']);
+    });
+    App::$collector->get('/login', [\app\themes\svo\controllers\MainController::class, 'actionLogin']);
+    App::$collector->get('/register', [\app\themes\svo\controllers\MainController::class, 'actionRegister']);
+    App::$collector->post(
+        '/auth',
+        [\kernel\modules\secure\controllers\SecureController::class, 'actionAuth'],
+        additionalInfo: ['vars' => ['basePath' => '/lk']]
+    );
+    App::$collector->post(
+        '/registration',
+        [\kernel\modules\secure\controllers\SecureController::class, 'actionRegistration'],
+        additionalInfo: ['vars' => ['basePath' => '/lk']]
+    );
+    App::$collector->get(
+        '/logout',
+        [\kernel\modules\secure\controllers\SecureController::class, 'actionLogout'],
+    );
+    App::$collector->post(
+        '/settings/change_password',
+        [\kernel\modules\secure\controllers\SecureController::class, 'actionChangePassword'],
+        additionalInfo: ['vars' => ['basePath' => '/lk/settings']]
+    );
+});
+
+
+
+//App::$collector->get('/page/{page_number}', [\app\modules\tag\controllers\TagController::class, 'actionIndex']);
+//App::$collector->get('/create', [\app\modules\tag\controllers\TagController::class, 'actionCreate']);
+
+
+

app/themes/svo/views/admin/theme_settings.php

@@ -0,0 +1,53 @@
+<?php
+/**
+ * @var string $resources
+ * @var \kernel\CgView $view
+ */
+new \app\themes\svo\assets\AdminSliderAssets($resources);
+?>
+
+<ul class="nav nav-tabs" id="myTab" role="tablist">
+    <li class="nav-item" role="presentation">
+        <button class="nav-link active" id="home-tab" data-toggle="tab" data-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">
+            Основные
+        </button>
+    </li>
+    <li class="nav-item" role="presentation">
+        <button class="nav-link" id="slider-tab" data-toggle="tab" data-target="#slider" type="button" role="tab" aria-controls="slider" aria-selected="false">
+            Слайдер
+        </button>
+    </li>
+    <li class="nav-item" role="presentation">
+        <button class="nav-link" id="contact-tab" data-toggle="tab" data-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">
+            Contact
+        </button>
+    </li>
+</ul>
+<div class="tab-content" id="myTabContent">
+    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
+        Основные настройки темы
+    </div>
+    <div class="tab-pane fade" id="slider" role="tabpanel" aria-labelledby="slider-tab">
+        <div class="form-group">
+            <label>Заголовок</label>
+            <br>
+            <select id="postSelect" style="width: 300px">
+                <option value="1">Option 1</option>
+                <option value="2">Option 2</option>
+                <option value="3">Option 3</option>
+                <option value="4">Option 4</option>
+            </select>
+        </div>
+
+    </div>
+    <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
+        Contact
+    </div>
+</div>
+
+<script>
+    $(document).ready(function() {
+        // Инициализация Select2
+        $('#postSelect').select2();
+    });
+</script>

app/themes/svo/views/layout/lk.php

@@ -0,0 +1,266 @@
+<?php
+/**
+ * @var string $content
+ * @var string $resources
+ * @var string $title
+ * @var \kernel\modules\user\models\User $currentUser
+ * @var \kernel\CgView $view
+ */
+$assets = new \app\themes\svo\assets\SvoThemesAssets($resources);
+?>
+<!DOCTYPE html>
+<html lang="en">
+<!-- [Head] start -->
+<head>
+    <title>Compact Layout | Mantis Bootstrap 5 Admin Template</title>
+    <!-- [Meta] -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
+    <?php $assets->getCSSAsSTR(); ?>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description"
+          content="Mantis is made using Bootstrap 5 design framework. Download the free admin template & use it for your project.">
+    <meta name="keywords"
+          content="Mantis, Dashboard UI Kit, Bootstrap 5, Admin Template, Admin Dashboard, CRM, CMS, Bootstrap Admin Template">
+    <meta name="author" content="CodedThemes">
+
+    <!-- [Favicon] icon -->
+    <link rel="icon" href="<?= $resources ?>/assets/images/favicon.svg" type="image/x-icon">
+    <!-- [Google Font] Family -->
+    <link rel="stylesheet"
+          href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap"
+          id="main-font-link">
+    <script type="application/javascript">var resource = '<?= $resources ?>'</script>
+</head>
+<!-- [Head] end -->
+<!-- [Body] Start -->
+<body data-pc-preset="preset-1" data-pc-direction="ltr" data-pc-theme="light" data-pc-direction="ltr">
+<!-- [ Pre-loader ] start -->
+<div class="loader-bg">
+    <div class="loader-track">
+        <div class="loader-fill"></div>
+    </div>
+</div>
+<!-- [ Pre-loader ] End -->
+<!-- [ Sidebar Menu ] start -->
+<nav class="pc-sidebar">
+    <div class="navbar-wrapper">
+        <div class="m-header">
+            <a href="/lk" class="b-brand">
+                <!-- ========   Change your logo from here   ============ -->
+                <img src="<?= $resources ?>/assets/images/logo-dark.svg" alt="" class="logo logo-lg">
+                <img src="<?= $resources ?>/assets/images/favicon.svg" alt="" class="logo logo-sm">
+            </a>
+        </div>
+        <div class="navbar-content">
+            <ul class="pc-navbar">
+                <li class="pc-item">
+                    <a href="/lk/" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-dashboard"></i></span>
+                        <span class="pc-mtext">Этапы конкурса</span>
+                    </a>
+                </li>
+                <li class="pc-item">
+                    <a href="/lk/settings" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-settings"></i></span>
+                        <span class="pc-mtext">Настройки</span>
+                    </a>
+                </li>
+                <li class="pc-item">
+                    <a href="/lk/logout" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-logout"></i></span>
+                        <span class="pc-mtext">Выход</span>
+                    </a>
+                </li>
+            </ul>
+        </div>
+        <div class="pc-compact-submenu">
+            <div class="pc-compact-title">
+                <div class="d-flex align-items-center">
+                    <div class="flex-shrink-0">
+                        <div class="avtar avtar-xs bg-light-primary">
+                            <i class=""></i>
+                        </div>
+                    </div>
+                    <div class="flex-grow-1 ms-2">
+                        <h5 class="mb-0">title</h5>
+                    </div>
+                </div>
+            </div>
+            <div class="pc-compact-list"></div>
+        </div>
+    </div>
+</nav>
+<!-- [ Sidebar Menu ] end -->
+<!-- [ Header Topbar ] start -->
+<header class="pc-header">
+    <div class="header-wrapper"> <!-- [Mobile Media Block] start -->
+        <div class="me-auto pc-mob-drp">
+            <ul class="list-unstyled">
+                <!-- ======= Menu collapse Icon ===== -->
+                <li class="pc-h-item pc-sidebar-collapse">
+                    <a href="#" class="pc-head-link ms-0" id="sidebar-hide">
+                        <i class="ti ti-menu-2"></i>
+                    </a>
+                </li>
+                <li class="pc-h-item pc-sidebar-popup">
+                    <a href="#" class="pc-head-link ms-0" id="mobile-collapse">
+                        <i class="ti ti-menu-2"></i>
+                    </a>
+                </li>
+
+            </ul>
+        </div>
+        <!-- [Mobile Media Block end] -->
+        <div class="ms-auto">
+            <ul class="list-unstyled">
+                <li class="dropdown pc-h-item header-user-profile">
+                    <a
+                            class="pc-head-link dropdown-toggle arrow-none me-0"
+                            data-bs-toggle="dropdown"
+                            href="#"
+                            role="button"
+                            aria-haspopup="false"
+                            data-bs-auto-close="outside"
+                            aria-expanded="false"
+                    >
+                        <img src="<?= $resources ?>/assets/images/user/avatar-2.jpg" alt="user-image"
+                             class="user-avtar">
+                        <span><?= $currentUser->email ?? 'No name' ?></span>
+                    </a>
+                    <div class="dropdown-menu dropdown-user-profile dropdown-menu-end pc-h-dropdown">
+                        <div class="dropdown-header">
+                            <div class="d-flex mb-1">
+                                <div class="flex-shrink-0">
+                                    <img src="<?= $resources ?>/assets/images/user/avatar-2.jpg" alt="user-image"
+                                         class="user-avtar wid-35">
+                                </div>
+                                <div class="flex-grow-1 ms-3">
+                                    <h6 class="mb-1">Stebin Ben</h6>
+                                    <span>UI/UX Designer</span>
+                                </div>
+                                <a href="#!" class="pc-head-link bg-transparent"><i class="ti ti-power text-danger"></i></a>
+                            </div>
+                        </div>
+
+                        <div class="tab-content" id="mysrpTabContent">
+                            <div class="tab-pane fade show active" id="drp-tab-1" role="tabpanel"
+                                 aria-labelledby="drp-t1" tabindex="0">
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-edit-circle"></i>
+                                    <span>Edit Profile</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-power"></i>
+                                    <span>Logout</span>
+                                </a>
+                            </div>
+                            <div class="tab-pane fade" id="drp-tab-2" role="tabpanel" aria-labelledby="drp-t2"
+                                 tabindex="0">
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-help"></i>
+                                    <span>Support</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-user"></i>
+                                    <span>Account Settings</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-lock"></i>
+                                    <span>Privacy Center</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-messages"></i>
+                                    <span>Feedback</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-list"></i>
+                                    <span>History</span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</header>
+<!-- [ Header ] end -->
+<div class="pc-container" xmlns="http://www.w3.org/1999/html">
+    <div class="pc-content">
+        <div class="notifications-container">
+            <?php if (\kernel\Flash::hasMessage("error")): ?>
+                <!-- Уведомление - ошибка -->
+                <div class="alert alert-danger alert-dismissible fade show notification-item" role="alert">
+                    <div class="d-flex">
+                        <div class="notification-icon">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                                 stroke-linejoin="round" class="feather feather-x-circle">
+                                <circle cx="12" cy="12" r="10"></circle>
+                                <line x1="15" y1="9" x2="9" y2="15"></line>
+                                <line x1="9" y1="9" x2="15" y2="15"></line>
+                            </svg>
+                        </div>
+                        <div class="notification-content">
+                            <h5>Ошибка при загрузке файла</h5>
+                            <p><?= \kernel\Flash::getMessage("error"); ?></p>
+                        </div>
+                    </div>
+                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                </div>
+
+            <?php endif; ?>
+            <?php if (\kernel\Flash::hasMessage("success")): ?>
+                <!-- Уведомление - успех -->
+                <div class="alert alert-success alert-dismissible fade show notification-item" role="alert">
+                    <div class="d-flex">
+                        <div class="notification-icon">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                                 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                                 stroke-linejoin="round" class="feather feather-check-circle">
+                                <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
+                                <polyline points="22 4 12 14.01 9 11.01"></polyline>
+                            </svg>
+                        </div>
+                        <div class="notification-content">
+                            <h5>Задача выполнена успешно</h5>
+                            <p><?= \kernel\Flash::getMessage("success"); ?></p>
+                        </div>
+                    </div>
+                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                </div>
+            <?php endif; ?>
+        </div>
+        <?= $content ?>
+    </div>
+</div>
+
+<footer class="pc-footer">
+    <div class="footer-wrapper container-fluid">
+        <div class="row">
+            <div class="col-auto my-1">
+                <ul class="list-inline footer-link mb-0">
+<!--                    <li class="list-inline-item"><a href="../index.html">Home</a></li>-->
+<!--                    <li class="list-inline-item"><a href="https://codedthemes.gitbook.io/mantis-bootstrap"-->
+<!--                                                    target="_blank">Documentation</a></li>-->
+<!--                    <li class="list-inline-item"><a href="https://codedthemes.authordesk.app/"-->
+<!--                                                    target="_blank">Support</a></li>-->
+                </ul>
+            </div>
+        </div>
+    </div>
+</footer> <!-- Required Js -->
+
+<?php $assets->getJSAsStr(); ?>
+
+<script>layout_change('light');</script>
+<script>change_box_container('false');</script>
+<script>layout_rtl_change('false');</script>
+<script>preset_change("preset-1");</script>
+<script>font_change("Public-Sans");</script>
+
+<script src="<?= $resources ?>/assets/js/layout-compact.js"></script>
+</body>
+<!-- [Body] end -->
+</html>

app/themes/svo/views/layout/logreg.php

@@ -0,0 +1,67 @@
+<?php
+/**
+ * @var string $content
+ * @var string $resources
+ * @var string $title
+ * @var \kernel\CgView $view
+ */
+$assets = new \app\themes\svo\assets\SvoThemesAssets($resources);
+?>
+<!DOCTYPE html>
+<html lang="en">
+<!-- [Head] start -->
+
+<head>
+    <title><?= $title ?></title>
+    <!-- [Meta] -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
+    <?php $assets->getCSSAsSTR(); ?>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="Mantis is made using Bootstrap 5 design framework. Download the free admin template & use it for your project.">
+    <meta name="keywords" content="Mantis, Dashboard UI Kit, Bootstrap 5, Admin Template, Admin Dashboard, CRM, CMS, Bootstrap Admin Template">
+    <meta name="author" content="CodedThemes">
+
+    <!-- [Favicon] icon -->
+    <link rel="icon" href="<?= $resources ?>/assets/images/favicon.svg" type="image/x-icon"> <!-- [Google Font] Family -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap" id="main-font-link">
+    <script type="application/javascript">var resource = '<?= $resources ?>'</script>
+
+</head>
+<!-- [Head] end -->
+<!-- [Body] Start -->
+
+<body>
+<!-- [ Pre-loader ] start -->
+<div class="loader-bg">
+    <div class="loader-track">
+        <div class="loader-fill"></div>
+    </div>
+</div>
+<!-- [ Pre-loader ] End -->
+<?php if (\kernel\Flash::hasMessage("error")): ?>
+    <div class="card">
+        <?= \kernel\Flash::getMessage("error"); ?>
+    </div>
+<?php endif; ?>
+<?php if (\kernel\Flash::hasMessage("success")): ?>
+    <div class="card">
+        <?= \kernel\Flash::getMessage("success"); ?>
+    </div>
+<?php endif; ?>
+<?= $content ?>
+<!-- [ Main Content ] end -->
+<!-- Required Js -->
+
+<?php $assets->getJSAsStr(); ?>
+
+<script>layout_change('light');</script>
+<script>change_box_container('false');</script>
+<script>layout_rtl_change('false');</script>
+<script>preset_change("preset-1");</script>
+<script>font_change("Public-Sans");</script>
+
+</body>
+<!-- [Body] end -->
+
+</html>

app/themes/svo/views/layout/lp.php

@@ -0,0 +1,141 @@
+<?php
+/**
+ * @var string $content
+ * @var string $resources
+ * @var string $title
+ * @var \kernel\modules\user\models\User $currentUser
+ * @var \kernel\CgView $view
+ */
+$assets = new \app\themes\svo\assets\SvoLpThemeAssets($resources);
+?>
+<!DOCTYPE html>
+<html>
+<head>
+    <!-- basic -->
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- mobile metas -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
+    <!-- site metas -->
+    <title>Testimonial</title>
+    <meta name="keywords" content="">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <?php $assets->getCSSAsSTR(); ?>
+    <!-- fevicon -->
+    <link rel="icon" href="<?= $resources ?>/images/netic/favicon.svg" type="image/svg" />
+    <!-- fonts -->
+    <link href="https://fonts.googleapis.com/css?family=Poppins:400,700|Sen:400,700,800&display=swap" rel="stylesheet">
+    <!-- Tweaks for older IEs-->
+    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
+</head>
+<body>
+<div class="header_section" style="background-image: url(<?= $resources ?>/images/netic/banner-bg.png);">
+    <div class="container">
+        <nav class="navbar navbar-expand-lg navbar-light bg-light">
+            <a class="navbar-brand"href="index.html"><img width="100px" src="<?= $resources ?>/images/netic/logo.png"></a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul class="navbar-nav ml-auto">
+                    <li class="nav-item">
+                        <a class="nav-link" href="index.html">О конкурсе</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="index.html">Новости</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/lk/">Личный кабинет</a>
+                    </li>
+                </ul>
+                <form class="form-inline my-2 my-lg-0">
+                </form>
+            </div>
+        </nav>
+        <div class="custom_bg">
+            <div class="custom_menu">
+                <ul>
+                    <li><a href="index.html">О конкурсе</a></li>
+                    <li><a href="index.html">Новости</a></li>
+                    <li><a href="/lk/">Личный кабинет</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+    <?php \app\themes\svo\widgets\MainSliderWidget::create(['resources' => $resources])->run(); ?>
+</div>
+<!-- header section end -->
+<!-- testimonial section start -->
+
+<!-- testimonial section end -->
+<?= $content ?>
+<!-- footer section start -->
+<div class="footer_section layout_padding">
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-4">
+                <h3 class="footer_text">Useful links</h3>
+                <div class="footer_menu">
+                    <ul>
+                        <li class="active"><a href="index.html"><span class="angle_icon active"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> Home</a></li>
+                        <li><a href="#"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>  About</a></li>
+                        <li><a href="services.html"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> Services</a></li>
+                        <li><a href="domain.html"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span> Domain</a></li>
+                        <li><a href="testimonial.html"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>  Testimonial</a></li>
+                        <li><a href="contact.html"><span class="angle_icon"><i class="fa fa-arrow-right" aria-hidden="true"></i></span>  Contact Us</a></li>
+                    </ul>
+                </div>
+            </div>
+            <div class="col-sm-4">
+                <h3 class="footer_text">Address</h3>
+                <div class="location_text">
+                    <ul>
+                        <li>
+                            <a href="#">
+                                <span class="padding_left_10"><i class="fa fa-map-marker" aria-hidden="true"></i></span>It is a long established fact that a<br> reader will be distracted</a>
+                        </li>
+                        <li>
+                            <a href="#">
+                                <span class="padding_left_10"><i class="fa fa-phone" aria-hidden="true"></i></span>(+71) 1234567890<br>(+71) 1234567890
+                            </a>
+                        </li>
+                        <li>
+                            <a href="#">
+                                <span class="padding_left_10"><i class="fa fa-envelope" aria-hidden="true"></i></span>demo@gmail.com
+                            </a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="col-sm-4">
+                <div class="footer_main">
+                    <h3 class="footer_text">Find Us</h3>
+                    <p class="dummy_text">more-or-less normal distribution </p>
+                    <div class="social_icon">
+                        <ul>
+                            <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
+                            <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
+                            <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- footer section end -->
+<!-- copyright section start -->
+<div class="copyright_section">
+    <div class="container">
+        <p class="copyright_text">2020 All Rights Reserved. Design by <a href="https://html.design">Free Html Templates</a>. Distributed by <a href="https://themewagon.com" target="_blank">ThemeWagon</a></p>
+    </div>
+</div>
+<!-- copyright section end -->
+<!-- Javascript files-->
+<?php $assets->getJSAsStr(); ?>
+<!-- sidebar -->
+</body>
+</html>

app/themes/svo/views/layout/main.php

@@ -0,0 +1,892 @@
+<?php
+/**
+ * @var string $content
+ * @var string $resources
+ * @var string $title
+ * @var \kernel\CgView $view
+ */
+$assets = new \app\themes\custom\assets\CustomThemesAssets($resources);
+?>
+<!DOCTYPE html>
+<html lang="en">
+<!-- [Head] start -->
+<head>
+    <title>Compact Layout | Mantis Bootstrap 5 Admin Template</title>
+    <!-- [Meta] -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="Mantis is made using Bootstrap 5 design framework. Download the free admin template & use it for your project.">
+    <meta name="keywords" content="Mantis, Dashboard UI Kit, Bootstrap 5, Admin Template, Admin Dashboard, CRM, CMS, Bootstrap Admin Template">
+    <meta name="author" content="CodedThemes">
+
+    <!-- [Favicon] icon -->
+    <link rel="icon" href="../assets/images/favicon.svg" type="image/x-icon"> <!-- [Google Font] Family -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&display=swap" id="main-font-link">
+    <!-- [Tabler Icons] https://tablericons.com -->
+    <link rel="stylesheet" href="../assets/fonts/tabler-icons.min.css" >
+    <!-- [Feather Icons] https://feathericons.com -->
+    <link rel="stylesheet" href="../assets/fonts/feather.css" >
+    <!-- [Font Awesome Icons] https://fontawesome.com/icons -->
+    <link rel="stylesheet" href="../assets/fonts/fontawesome.css" >
+    <!-- [Material Icons] https://fonts.google.com/icons -->
+    <link rel="stylesheet" href="../assets/fonts/material.css" >
+    <!-- [Template CSS Files] -->
+    <link rel="stylesheet" href="../assets/css/style.css" id="main-style-link" >
+    <link rel="stylesheet" href="../assets/css/style-preset.css" >
+
+</head>
+<!-- [Head] end -->
+<!-- [Body] Start -->
+<body data-pc-preset="preset-1" data-pc-direction="ltr" data-pc-theme="light" data-pc-direction="ltr">
+<!-- [ Pre-loader ] start -->
+<div class="loader-bg">
+    <div class="loader-track">
+        <div class="loader-fill"></div>
+    </div>
+</div>
+<!-- [ Pre-loader ] End -->
+<!-- [ Sidebar Menu ] start -->
+<nav class="pc-sidebar">
+    <div class="navbar-wrapper">
+        <div class="m-header">
+            <a href="../dashboard/index.html" class="b-brand">
+                <!-- ========   Change your logo from here   ============ -->
+                <img src="../assets/images/logo-dark.svg" alt="" class="logo logo-lg">
+                <img src="../assets/images/favicon.svg" alt="" class="logo logo-sm">
+            </a>
+        </div>
+        <div class="navbar-content">
+            <ul class="pc-navbar">
+                <li class="pc-item">
+                    <a href="../dashboard/index.html" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-dashboard"></i></span>
+                        <span class="pc-mtext">Dashboard</span>
+                    </a>
+                </li>
+
+                <li class="pc-item pc-caption">
+                    <label>UI Components</label>
+                    <i class="ti ti-dashboard"></i>
+                </li>
+                <li class="pc-item">
+                    <a href="../elements/bc_typography.html" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-typography"></i></span>
+                        <span class="pc-mtext">Typography</span>
+                    </a>
+                </li>
+                <li class="pc-item">
+                    <a href="../elements/bc_color.html" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-color-swatch"></i></span>
+                        <span class="pc-mtext">Color</span>
+                    </a>
+                </li>
+                <li class="pc-item">
+                    <a href="../elements/icon-tabler.html" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-plant-2"></i></span>
+                        <span class="pc-mtext">Icons</span>
+                    </a>
+                </li>
+
+                <li class="pc-item pc-caption">
+                    <label>Pages</label>
+                    <i class="ti ti-news"></i>
+                </li>
+                <li class="pc-item">
+                    <a href="../pages/login-v3.html" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-lock"></i></span>
+                        <span class="pc-mtext">Login</span>
+                    </a>
+                </li>
+                <li class="pc-item">
+                    <a href="../pages/register-v3.html" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-user-plus"></i></span>
+                        <span class="pc-mtext">Register</span>
+                    </a>
+                </li>
+
+                <li class="pc-item pc-caption">
+                    <label>Other</label>
+                    <i class="ti ti-brand-chrome"></i>
+                </li>
+                <li class="pc-item pc-hasmenu">
+                    <a href="#!" class="pc-link"><span class="pc-micon"><i class="ti ti-menu"></i></span><span class="pc-mtext">Menu
+              levels</span><span class="pc-arrow"><i data-feather="chevron-right"></i></span></a>
+                    <ul class="pc-submenu">
+                        <li class="pc-item"><a class="pc-link" href="#!">Level 2.1</a></li>
+                        <li class="pc-item pc-hasmenu">
+                            <a href="#!" class="pc-link">Level 2.2<span class="pc-arrow"><i data-feather="chevron-right"></i></span></a>
+                            <ul class="pc-submenu">
+                                <li class="pc-item"><a class="pc-link" href="#!">Level 3.1</a></li>
+                                <li class="pc-item"><a class="pc-link" href="#!">Level 3.2</a></li>
+                                <li class="pc-item pc-hasmenu">
+                                    <a href="#!" class="pc-link">Level 3.3<span class="pc-arrow"><i data-feather="chevron-right"></i></span></a>
+                                    <ul class="pc-submenu">
+                                        <li class="pc-item"><a class="pc-link" href="#!">Level 4.1</a></li>
+                                        <li class="pc-item"><a class="pc-link" href="#!">Level 4.2</a></li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </li>
+                        <li class="pc-item pc-hasmenu">
+                            <a href="#!" class="pc-link">Level 2.3<span class="pc-arrow"><i data-feather="chevron-right"></i></span></a>
+                            <ul class="pc-submenu">
+                                <li class="pc-item"><a class="pc-link" href="#!">Level 3.1</a></li>
+                                <li class="pc-item"><a class="pc-link" href="#!">Level 3.2</a></li>
+                                <li class="pc-item pc-hasmenu">
+                                    <a href="#!" class="pc-link">Level 3.3<span class="pc-arrow"><i data-feather="chevron-right"></i></span></a>
+                                    <ul class="pc-submenu">
+                                        <li class="pc-item"><a class="pc-link" href="#!">Level 4.1</a></li>
+                                        <li class="pc-item"><a class="pc-link" href="#!">Level 4.2</a></li>
+                                    </ul>
+                                </li>
+                            </ul>
+                        </li>
+                    </ul>
+                </li>
+                <li class="pc-item">
+                    <a href="../other/sample-page.html" class="pc-link">
+                        <span class="pc-micon"><i class="ti ti-brand-chrome"></i></span>
+                        <span class="pc-mtext">Sample page</span>
+                    </a>
+                </li>
+            </ul>
+        </div>
+        <div class="pc-compact-submenu">
+            <div class="pc-compact-title">
+                <div class="d-flex align-items-center">
+                    <div class="flex-shrink-0">
+                        <div class="avtar avtar-xs bg-light-primary">
+                            <i class=""></i>
+                        </div>
+                    </div>
+                    <div class="flex-grow-1 ms-2">
+                        <h5 class="mb-0">title</h5>
+                    </div>
+                </div>
+            </div>
+            <div class="pc-compact-list"></div>
+        </div>
+    </div>
+</nav>
+<!-- [ Sidebar Menu ] end -->
+<!-- [ Header Topbar ] start -->
+<header class="pc-header">
+    <div class="header-wrapper"> <!-- [Mobile Media Block] start -->
+        <div class="me-auto pc-mob-drp">
+            <ul class="list-unstyled">
+                <!-- ======= Menu collapse Icon ===== -->
+                <li class="pc-h-item pc-sidebar-collapse">
+                    <a href="#" class="pc-head-link ms-0" id="sidebar-hide">
+                        <i class="ti ti-menu-2"></i>
+                    </a>
+                </li>
+                <li class="pc-h-item pc-sidebar-popup">
+                    <a href="#" class="pc-head-link ms-0" id="mobile-collapse">
+                        <i class="ti ti-menu-2"></i>
+                    </a>
+                </li>
+                <li class="dropdown pc-h-item d-inline-flex d-md-none">
+                    <a
+                            class="pc-head-link dropdown-toggle arrow-none m-0"
+                            data-bs-toggle="dropdown"
+                            href="#"
+                            role="button"
+                            aria-haspopup="false"
+                            aria-expanded="false"
+                    >
+                        <i class="ti ti-search"></i>
+                    </a>
+                    <div class="dropdown-menu pc-h-dropdown drp-search">
+                        <form class="px-3">
+                            <div class="form-group mb-0 d-flex align-items-center">
+                                <i data-feather="search"></i>
+                                <input type="search" class="form-control border-0 shadow-none" placeholder="Search here. . .">
+                            </div>
+                        </form>
+                    </div>
+                </li>
+                <li class="pc-h-item d-none d-md-inline-flex">
+                    <form class="header-search">
+                        <i data-feather="search" class="icon-search"></i>
+                        <input type="search" class="form-control" placeholder="Search here. . .">
+                    </form>
+                </li>
+            </ul>
+        </div>
+        <!-- [Mobile Media Block end] -->
+        <div class="ms-auto">
+            <ul class="list-unstyled">
+                <li class="dropdown pc-h-item pc-mega-menu">
+                    <a
+                            class="pc-head-link dropdown-toggle arrow-none me-0"
+                            data-bs-toggle="dropdown"
+                            href="#"
+                            role="button"
+                            aria-haspopup="false"
+                            aria-expanded="false"
+                    >
+                        <i class="ti ti-layout-grid"></i>
+                    </a>
+                    <div class="dropdown-menu pc-h-dropdown pc-mega-dmenu">
+                        <div class="row g-0">
+                            <div class="col image-block">
+                                <h2 class="text-white">Explore Components</h2>
+                                <p class="text-white my-4">Try our pre made component pages to check how it feels and suits as per your need.</p>
+                                <div class="row align-items-end">
+                                    <div class="col-auto">
+                                        <div class="btn btn btn-light">View All <i class="ti ti-arrow-narrow-right"></i></div>
+                                    </div>
+                                    <div class="col">
+                                        <img src="../assets/images/mega-menu/chart.svg" alt="image" class="img-fluid img-charts">
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col">
+                                <h6 class="mega-title">UI Components</h6>
+                                <ul class="pc-mega-list">
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Alerts</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Accordions</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Avatars</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Badges</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Breadcrumbs</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Button</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Buttons Groups</a></li
+                                    >
+                                </ul>
+                            </div>
+                            <div class="col">
+                                <h6 class="mega-title">UI Components</h6>
+                                <ul class="pc-mega-list">
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Menus</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Media Sliders / Carousel</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Modals</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Pagination</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Progress Bars &amp; Graphs</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Search Bar</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Tabs</a></li
+                                    >
+                                </ul>
+                            </div>
+                            <div class="col">
+                                <h6 class="mega-title">Advance Components</h6>
+                                <ul class="pc-mega-list">
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Advanced Stats</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Advanced Cards</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Lightbox</a></li
+                                    >
+                                    <li
+                                    ><a href="#!" class="dropdown-item"><i class="ti ti-circle"></i> Notification</a></li
+                                    >
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+                <li class="dropdown pc-h-item">
+                    <a
+                            class="pc-head-link dropdown-toggle arrow-none me-0"
+                            data-bs-toggle="dropdown"
+                            href="#"
+                            role="button"
+                            aria-haspopup="false"
+                            aria-expanded="false"
+                    >
+                        <i class="ti ti-language"></i>
+                    </a>
+                    <div class="dropdown-menu dropdown-menu-end pc-h-dropdown">
+                        <a href="#!" class="dropdown-item">
+                            <i class="ti ti-user"></i>
+                            <span>My Account</span>
+                        </a>
+                        <a href="#!" class="dropdown-item">
+                            <i class="ti ti-settings"></i>
+                            <span>Settings</span>
+                        </a>
+                        <a href="#!" class="dropdown-item">
+                            <i class="ti ti-headset"></i>
+                            <span>Support</span>
+                        </a>
+                        <a href="#!" class="dropdown-item">
+                            <i class="ti ti-lock"></i>
+                            <span>Lock Screen</span>
+                        </a>
+                        <a href="#!" class="dropdown-item">
+                            <i class="ti ti-power"></i>
+                            <span>Logout</span>
+                        </a>
+                    </div>
+                </li>
+                <li class="dropdown pc-h-item">
+                    <a
+                            class="pc-head-link dropdown-toggle arrow-none me-0"
+                            data-bs-toggle="dropdown"
+                            href="#"
+                            role="button"
+                            aria-haspopup="false"
+                            aria-expanded="false"
+                    >
+                        <i class="ti ti-bell"></i>
+                        <span class="badge bg-success pc-h-badge">3</span>
+                    </a>
+                    <div class="dropdown-menu dropdown-notification dropdown-menu-end pc-h-dropdown">
+                        <div class="dropdown-header d-flex align-items-center justify-content-between">
+                            <h5 class="m-0">Notification</h5>
+                            <a href="#!" class="pc-head-link bg-transparent"><i class="ti ti-circle-check text-success"></i></a>
+                        </div>
+                        <div class="dropdown-divider"></div>
+                        <div class="dropdown-header px-0 text-wrap header-notification-scroll position-relative" style="max-height: calc(100vh - 215px)">
+                            <div class="list-group list-group-flush w-100">
+                                <a class="list-group-item list-group-item-action">
+                                    <div class="d-flex">
+                                        <div class="flex-shrink-0">
+                                            <div class="user-avtar bg-light-success"><i class="ti ti-gift"></i></div>
+                                        </div>
+                                        <div class="flex-grow-1 ms-1">
+                                            <span class="float-end text-muted">3:00 AM</span>
+                                            <p class="text-body mb-1">It's <b>Cristina danny's</b> birthday today.</p>
+                                            <span class="text-muted">2 min ago</span>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a class="list-group-item list-group-item-action">
+                                    <div class="d-flex">
+                                        <div class="flex-shrink-0">
+                                            <div class="user-avtar bg-light-primary"><i class="ti ti-message-circle"></i></div>
+                                        </div>
+                                        <div class="flex-grow-1 ms-1">
+                                            <span class="float-end text-muted">6:00 PM</span>
+                                            <p class="text-body mb-1"><b>Aida Burg</b> commented your post.</p>
+                                            <span class="text-muted">5 August</span>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a class="list-group-item list-group-item-action">
+                                    <div class="d-flex">
+                                        <div class="flex-shrink-0">
+                                            <div class="user-avtar bg-light-danger"><i class="ti ti-settings"></i></div>
+                                        </div>
+                                        <div class="flex-grow-1 ms-1">
+                                            <span class="float-end text-muted">2:45 PM</span>
+                                            <p class="text-body mb-1">Your Profile is Complete &nbsp;<b>60%</b></p>
+                                            <span class="text-muted">7 hours ago</span>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a class="list-group-item list-group-item-action">
+                                    <div class="d-flex">
+                                        <div class="flex-shrink-0">
+                                            <div class="user-avtar bg-light-primary"><i class="ti ti-headset"></i></div>
+                                        </div>
+                                        <div class="flex-grow-1 ms-1">
+                                            <span class="float-end text-muted">9:10 PM</span>
+                                            <p class="text-body mb-1"><b>Cristina Danny </b> invited to join <b> Meeting.</b></p>
+                                            <span class="text-muted">Daily scrum meeting time</span>
+                                        </div>
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="dropdown-divider"></div>
+                        <div class="text-center py-2">
+                            <a href="#!" class="link-primary">View all</a>
+                        </div>
+                    </div>
+                </li>
+                <li class="dropdown pc-h-item">
+                    <a
+                            class="pc-head-link dropdown-toggle arrow-none me-0"
+                            data-bs-toggle="dropdown"
+                            href="#"
+                            role="button"
+                            aria-haspopup="false"
+                            aria-expanded="false"
+                    >
+                        <i class="ti ti-mail"></i>
+                    </a>
+                    <div class="dropdown-menu dropdown-notification dropdown-menu-end pc-h-dropdown">
+                        <div class="dropdown-header d-flex align-items-center justify-content-between">
+                            <h5 class="m-0">Message</h5>
+                            <a href="#!" class="pc-head-link bg-transparent"><i class="ti ti-x text-danger"></i></a>
+                        </div>
+                        <div class="dropdown-divider"></div>
+                        <div class="dropdown-header px-0 text-wrap header-notification-scroll position-relative" style="max-height: calc(100vh - 215px)">
+                            <div class="list-group list-group-flush w-100">
+                                <a class="list-group-item list-group-item-action">
+                                    <div class="d-flex">
+                                        <div class="flex-shrink-0">
+                                            <img src="../assets/images/user/avatar-2.jpg" alt="user-image" class="user-avtar">
+                                        </div>
+                                        <div class="flex-grow-1 ms-1">
+                                            <span class="float-end text-muted">3:00 AM</span>
+                                            <p class="text-body mb-1">It's <b>Cristina danny's</b> birthday today.</p>
+                                            <span class="text-muted">2 min ago</span>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a class="list-group-item list-group-item-action">
+                                    <div class="d-flex">
+                                        <div class="flex-shrink-0">
+                                            <img src="../assets/images/user/avatar-1.jpg" alt="user-image" class="user-avtar">
+                                        </div>
+                                        <div class="flex-grow-1 ms-1">
+                                            <span class="float-end text-muted">6:00 PM</span>
+                                            <p class="text-body mb-1"><b>Aida Burg</b> commented your post.</p>
+                                            <span class="text-muted">5 August</span>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a class="list-group-item list-group-item-action">
+                                    <div class="d-flex">
+                                        <div class="flex-shrink-0">
+                                            <img src="../assets/images/user/avatar-3.jpg" alt="user-image" class="user-avtar">
+                                        </div>
+                                        <div class="flex-grow-1 ms-1">
+                                            <span class="float-end text-muted">2:45 PM</span>
+                                            <p class="text-body mb-1"><b>There was a failure to your setup.</b></p>
+                                            <span class="text-muted">7 hours ago</span>
+                                        </div>
+                                    </div>
+                                </a>
+                                <a class="list-group-item list-group-item-action">
+                                    <div class="d-flex">
+                                        <div class="flex-shrink-0">
+                                            <img src="../assets/images/user/avatar-4.jpg" alt="user-image" class="user-avtar">
+                                        </div>
+                                        <div class="flex-grow-1 ms-1">
+                                            <span class="float-end text-muted">9:10 PM</span>
+                                            <p class="text-body mb-1"><b>Cristina Danny </b> invited to join <b> Meeting.</b></p>
+                                            <span class="text-muted">Daily scrum meeting time</span>
+                                        </div>
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="dropdown-divider"></div>
+                        <div class="text-center py-2">
+                            <a href="#!" class="link-primary">View all</a>
+                        </div>
+                    </div>
+                </li>
+                <li class="dropdown pc-h-item">
+                    <a class="pc-head-link me-0" href="#" data-bs-toggle="offcanvas" data-bs-target="#offcanvas_pc_layout">
+                        <i class="ti ti-settings"></i>
+                    </a>
+                </li>
+                <li class="dropdown pc-h-item header-user-profile">
+                    <a
+                            class="pc-head-link dropdown-toggle arrow-none me-0"
+                            data-bs-toggle="dropdown"
+                            href="#"
+                            role="button"
+                            aria-haspopup="false"
+                            data-bs-auto-close="outside"
+                            aria-expanded="false"
+                    >
+                        <img src="../assets/images/user/avatar-2.jpg" alt="user-image" class="user-avtar">
+                        <span>Stebin Ben</span>
+                    </a>
+                    <div class="dropdown-menu dropdown-user-profile dropdown-menu-end pc-h-dropdown">
+                        <div class="dropdown-header">
+                            <div class="d-flex mb-1">
+                                <div class="flex-shrink-0">
+                                    <img src="../assets/images/user/avatar-2.jpg" alt="user-image" class="user-avtar wid-35">
+                                </div>
+                                <div class="flex-grow-1 ms-3">
+                                    <h6 class="mb-1">Stebin Ben</h6>
+                                    <span>UI/UX Designer</span>
+                                </div>
+                                <a href="#!" class="pc-head-link bg-transparent"><i class="ti ti-power text-danger"></i></a>
+                            </div>
+                        </div>
+                        <ul class="nav drp-tabs nav-fill nav-tabs" id="mydrpTab" role="tablist">
+                            <li class="nav-item" role="presentation">
+                                <button
+                                        class="nav-link active"
+                                        id="drp-t1"
+                                        data-bs-toggle="tab"
+                                        data-bs-target="#drp-tab-1"
+                                        type="button"
+                                        role="tab"
+                                        aria-controls="drp-tab-1"
+                                        aria-selected="true"
+                                ><i class="ti ti-user"></i> Profile</button
+                                >
+                            </li>
+                            <li class="nav-item" role="presentation">
+                                <button
+                                        class="nav-link"
+                                        id="drp-t2"
+                                        data-bs-toggle="tab"
+                                        data-bs-target="#drp-tab-2"
+                                        type="button"
+                                        role="tab"
+                                        aria-controls="drp-tab-2"
+                                        aria-selected="false"
+                                ><i class="ti ti-settings"></i> Setting</button
+                                >
+                            </li>
+                        </ul>
+                        <div class="tab-content" id="mysrpTabContent">
+                            <div class="tab-pane fade show active" id="drp-tab-1" role="tabpanel" aria-labelledby="drp-t1" tabindex="0">
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-edit-circle"></i>
+                                    <span>Edit Profile</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-user"></i>
+                                    <span>View Profile</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-clipboard-list"></i>
+                                    <span>Social Profile</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-wallet"></i>
+                                    <span>Billing</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-power"></i>
+                                    <span>Logout</span>
+                                </a>
+                            </div>
+                            <div class="tab-pane fade" id="drp-tab-2" role="tabpanel" aria-labelledby="drp-t2" tabindex="0">
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-help"></i>
+                                    <span>Support</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-user"></i>
+                                    <span>Account Settings</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-lock"></i>
+                                    <span>Privacy Center</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-messages"></i>
+                                    <span>Feedback</span>
+                                </a>
+                                <a href="#!" class="dropdown-item">
+                                    <i class="ti ti-list"></i>
+                                    <span>History</span>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</header>
+<!-- [ Header ] end -->
+
+
+
+<!-- [ Main Content ] start -->
+<div class="pc-container">
+    <div class="pc-content">
+        <!-- [ breadcrumb ] start -->
+        <div class="page-header">
+            <div class="page-block">
+                <div class="row align-items-center">
+                    <div class="col-md-12">
+                        <ul class="breadcrumb">
+                            <li class="breadcrumb-item"><a href="../dashboard/index.html">Home</a></li>
+                            <li class="breadcrumb-item"><a href="javascript: void(0)">Layout</a></li>
+                            <li class="breadcrumb-item" aria-current="page">Compact Layout</li>
+                        </ul>
+                    </div>
+                    <div class="col-md-12">
+                        <div class="page-header-title">
+                            <h2 class="mb-0">Compact Layout</h2>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- [ breadcrumb ] end -->
+
+        <!-- [ Main Content ] start -->
+        <div class="row">
+            <!-- [ sample-page ] start -->
+            <div class="col-sm-12">
+                <div class="card">
+                    <div class="card-header">
+                        <h5>Hello card</h5>
+                    </div>
+                    <div class="card-body">
+                        <p
+                        >"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
+                            aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
+                            aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+                            cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- [ sample-page ] end -->
+        </div>
+        <!-- [ Main Content ] end -->
+    </div>
+</div>
+<!-- [ Main Content ] end -->
+<footer class="pc-footer">
+    <div class="footer-wrapper container-fluid">
+        <div class="row">
+            <div class="col-sm my-1">
+                <p class="m-0"
+                >Mantis &#9829; crafted by Team <a href="https://themeforest.net/user/codedthemes" target="_blank">Codedthemes</a> Distributed by <a href="https://themewagon.com/">ThemeWagon</a>.</p
+                >
+            </div>
+            <div class="col-auto my-1">
+                <ul class="list-inline footer-link mb-0">
+                    <li class="list-inline-item"><a href="../index.html">Home</a></li>
+                    <li class="list-inline-item"><a href="https://codedthemes.gitbook.io/mantis-bootstrap" target="_blank">Documentation</a></li>
+                    <li class="list-inline-item"><a href="https://codedthemes.authordesk.app/" target="_blank">Support</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</footer> <!-- Required Js -->
+<script src="../assets/js/plugins/popper.min.js"></script>
+<script src="../assets/js/plugins/simplebar.min.js"></script>
+<script src="../assets/js/plugins/bootstrap.min.js"></script>
+<script src="../assets/js/fonts/custom-font.js"></script>
+<script src="../assets/js/pcoded.js"></script>
+<script src="../assets/js/plugins/feather.min.js"></script>
+
+
+
+
+
+<script>layout_change('light');</script>
+
+
+
+
+<script>change_box_container('false');</script>
+
+
+
+<script>layout_rtl_change('false');</script>
+
+
+<script>preset_change("preset-1");</script>
+
+
+<script>font_change("Public-Sans");</script>
+
+
+<div class="offcanvas pct-offcanvas offcanvas-end" tabindex="-1" id="offcanvas_pc_layout">
+    <div class="offcanvas-header bg-primary">
+        <h5 class="offcanvas-title text-white">Mantis Customizer</h5>
+        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+    </div>
+    <div class="pct-body" style="height: calc(100% - 60px)">
+        <div class="offcanvas-body">
+            <ul class="list-group list-group-flush">
+                <li class="list-group-item">
+                    <a class="btn border-0 text-start w-100" data-bs-toggle="collapse" href="#pctcustcollapse1">
+                        <div class="d-flex align-items-center">
+                            <div class="flex-shrink-0">
+                                <div class="avtar avtar-xs bg-light-primary">
+                                    <i class="ti ti-layout-sidebar f-18"></i>
+                                </div>
+                            </div>
+                            <div class="flex-grow-1 ms-3">
+                                <h6 class="mb-1">Theme Layout</h6>
+                                <span>Choose your layout</span>
+                            </div>
+                            <i class="ti ti-chevron-down"></i>
+                        </div>
+                    </a>
+                    <div class="collapse show" id="pctcustcollapse1">
+                        <div class="pct-content">
+                            <div class="pc-rtl">
+                                <p class="mb-1">Direction</p>
+                                <div class="form-check form-switch">
+                                    <input class="form-check-input" type="checkbox" role="switch" id="layoutmodertl">
+                                    <label class="form-check-label" for="layoutmodertl">RTL</label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+                <li class="list-group-item">
+                    <a class="btn border-0 text-start w-100" data-bs-toggle="collapse" href="#pctcustcollapse2">
+                        <div class="d-flex align-items-center">
+                            <div class="flex-shrink-0">
+                                <div class="avtar avtar-xs bg-light-primary">
+                                    <i class="ti ti-brush f-18"></i>
+                                </div>
+                            </div>
+                            <div class="flex-grow-1 ms-3">
+                                <h6 class="mb-1">Theme Mode</h6>
+                                <span>Choose light or dark mode</span>
+                            </div>
+                            <i class="ti ti-chevron-down"></i>
+                        </div>
+                    </a>
+                    <div class="collapse show" id="pctcustcollapse2">
+                        <div class="pct-content">
+                            <div class="theme-color themepreset-color theme-layout">
+                                <a href="#!" class="active" onclick="layout_change('light')" data-value="false"
+                                ><span><img src="../assets/images/customization/default.svg" alt="img"></span><span>Light</span></a
+                                >
+                                <a href="#!" class="" onclick="layout_change('dark')" data-value="true"
+                                ><span><img src="../assets/images/customization/dark.svg" alt="img"></span><span>Dark</span></a
+                                >
+                            </div>
+                        </div>
+                    </div>
+                </li>
+                <li class="list-group-item">
+                    <a class="btn border-0 text-start w-100" data-bs-toggle="collapse" href="#pctcustcollapse3">
+                        <div class="d-flex align-items-center">
+                            <div class="flex-shrink-0">
+                                <div class="avtar avtar-xs bg-light-primary">
+                                    <i class="ti ti-color-swatch f-18"></i>
+                                </div>
+                            </div>
+                            <div class="flex-grow-1 ms-3">
+                                <h6 class="mb-1">Color Scheme</h6>
+                                <span>Choose your primary theme color</span>
+                            </div>
+                            <i class="ti ti-chevron-down"></i>
+                        </div>
+                    </a>
+                    <div class="collapse show" id="pctcustcollapse3">
+                        <div class="pct-content">
+                            <div class="theme-color preset-color">
+                                <a href="#!" class="active" data-value="preset-1"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 1</span></a
+                                >
+                                <a href="#!" class="" data-value="preset-2"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 2</span></a
+                                >
+                                <a href="#!" class="" data-value="preset-3"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 3</span></a
+                                >
+                                <a href="#!" class="" data-value="preset-4"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 4</span></a
+                                >
+                                <a href="#!" class="" data-value="preset-5"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 5</span></a
+                                >
+                                <a href="#!" class="" data-value="preset-6"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 6</span></a
+                                >
+                                <a href="#!" class="" data-value="preset-7"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 7</span></a
+                                >
+                                <a href="#!" class="" data-value="preset-8"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 8</span></a
+                                >
+                                <a href="#!" class="" data-value="preset-9"
+                                ><span><img src="../assets/images/customization/theme-color.svg" alt="img"></span><span>Theme 9</span></a
+                                >
+                            </div>
+                        </div>
+                    </div>
+                </li>
+                <li class="list-group-item pc-boxcontainer">
+                    <a class="btn border-0 text-start w-100" data-bs-toggle="collapse" href="#pctcustcollapse4">
+                        <div class="d-flex align-items-center">
+                            <div class="flex-shrink-0">
+                                <div class="avtar avtar-xs bg-light-primary">
+                                    <i class="ti ti-border-inner f-18"></i>
+                                </div>
+                            </div>
+                            <div class="flex-grow-1 ms-3">
+                                <h6 class="mb-1">Layout Width</h6>
+                                <span>Choose fluid or container layout</span>
+                            </div>
+                            <i class="ti ti-chevron-down"></i>
+                        </div>
+                    </a>
+                    <div class="collapse show" id="pctcustcollapse4">
+                        <div class="pct-content">
+                            <div class="theme-color themepreset-color boxwidthpreset theme-container">
+                                <a href="#!" class="active" onclick="change_box_container('false')" data-value="false"><span><img src="../assets/images/customization/default.svg" alt="img"></span><span>Fluid</span></a>
+                                <a href="#!" class="" onclick="change_box_container('true')" data-value="true"><span><img src="../assets/images/customization/container.svg" alt="img"></span><span>Container</span></a>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+                <li class="list-group-item">
+                    <a class="btn border-0 text-start w-100" data-bs-toggle="collapse" href="#pctcustcollapse5">
+                        <div class="d-flex align-items-center">
+                            <div class="flex-shrink-0">
+                                <div class="avtar avtar-xs bg-light-primary">
+                                    <i class="ti ti-typography f-18"></i>
+                                </div>
+                            </div>
+                            <div class="flex-grow-1 ms-3">
+                                <h6 class="mb-1">Font Family</h6>
+                                <span>Choose your font family.</span>
+                            </div>
+                            <i class="ti ti-chevron-down"></i>
+                        </div>
+                    </a>
+                    <div class="collapse show" id="pctcustcollapse5">
+                        <div class="pct-content">
+                            <div class="theme-color fontpreset-color">
+                                <a href="#!" class="active" onclick="font_change('Public-Sans')" data-value="Public-Sans"
+                                ><span>Aa</span><span>Public Sans</span></a
+                                >
+                                <a href="#!" class="" onclick="font_change('Roboto')" data-value="Roboto"><span>Aa</span><span>Roboto</span></a>
+                                <a href="#!" class="" onclick="font_change('Poppins')" data-value="Poppins"><span>Aa</span><span>Poppins</span></a>
+                                <a href="#!" class="" onclick="font_change('Inter')" data-value="Inter"><span>Aa</span><span>Inter</span></a>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+                <li class="list-group-item">
+                    <div class="collapse show">
+                        <div class="pct-content">
+                            <div class="d-grid">
+                                <button class="btn btn-light-danger" id="layoutreset">Reset Layout</button>
+                            </div>
+                        </div>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+<script src="../assets/js/layout-compact.js"></script>
+</body>
+<!-- [Body] end -->
+</html>

app/themes/svo/views/lp/index.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * @var string $resources
+ */
+?>
+
+<div class="about_section layout_padding">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-4">
+                <div class="about_box">
+                    <div class="icon_1"><img src="<?= $resources ?>/images/slide_img.jpg"></div>
+                    <h3 class="faster_text">Faster Loading Speed</h3>
+                    <p class="lorem_text">ike readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text,</p>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="about_box">
+                    <div class="icon_1"><img src="<?= $resources ?>/images/slide_img.jpg"></div>
+                    <h3 class="faster_text">Faster Loading Speed</h3>
+                    <p class="lorem_text">ike readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text,</p>
+                </div>
+            </div>
+            <div class="col-md-4">
+                <div class="about_box">
+                    <div class="icon_1"><img src="<?= $resources ?>/images/slide_img.jpg"></div>
+                    <h3 class="faster_text">Faster Loading Speed</h3>
+                    <p class="lorem_text">ike readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text,</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

app/themes/svo/views/mailing/user_new_stage.php

@@ -0,0 +1,94 @@
+<?php
+/**
+ * @var string $stage
+ * @var string $user
+ * @var string $url
+ */
+?>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Email рассылка</title>
+    <style type="text/css">
+        /* Основные стили */
+        body {
+            margin: 0;
+            padding: 0;
+            font-family: Arial, sans-serif;
+            line-height: 1.4;
+            color: #333333;
+            background-color: #f4f4f4;
+        }
+
+        /* Контейнер письма */
+        .email-container {
+            max-width: 600px;
+            margin: 0 auto;
+            background: #ffffff;
+        }
+
+        /* Шапка письма */
+        .email-header {
+            padding: 20px;
+            background: #3498db;
+            color: #ffffff;
+            text-align: center;
+        }
+
+        /* Основное содержимое */
+        .email-body {
+            padding: 20px;
+        }
+
+        /* Подвал письма */
+        .email-footer {
+            padding: 20px;
+            font-size: 12px;
+            color: #777777;
+            text-align: center;
+            background: #eeeeee;
+        }
+
+        /* Кнопка */
+        .btn {
+            display: inline-block;
+            padding: 10px 20px;
+            background: #3498db;
+            color: #ffffff;
+            text-decoration: none;
+            border-radius: 4px;
+            margin-top: 15px;
+        }
+    </style>
+</head>
+<body>
+<div class="email-container">
+    <!-- Заголовок письма -->
+    <div class="email-header">
+        <h1>Открыт новый этап "<?= $stage ?>"</h1>
+    </div>
+
+    <!-- Тело письма -->
+    <div class="email-body">
+        <p>Здравствуйте, <?= $user ?>!</p>
+
+        <p>Вам открыт новый этап <?= $stage ?></p>
+
+        <a href="<?= $url ?>" class="btn">Перейти на сайт</a>
+
+        <p>С уважением,<br><?= $_ENV['APP_NAME'] ?></p>
+    </div>
+
+    <!-- Подвал письма -->
+    <div class="email-footer">
+        <p>©<?= date('Y') ?> <?= $_ENV['APP_NAME'] ?>. Все права защищены.</p>
+        <p>
+            <a href="<?= $url ?>" style="color: #3498db;"><?= $_ENV['APP_NAME'] ?></a> |
+            <a href="#" style="color: #3498db;">Отписаться</a>
+        </p>
+    </div>
+</div>
+</body>
+</html>

app/themes/svo/views/main/about.php

@@ -0,0 +1,36 @@
+<?php
+/**
+ * @var string $resources;
+ * @var \kernel\CgView $view
+ */
+
+$view->setTitle("Старт Bootstrap");
+$view->setMeta([
+    'description' => 'Дефолтная bootstrap тема'
+]);
+?>
+<!-- Page Header-->
+<header class="masthead" style="background-image: url('<?= $resources ?>/assets/img/about-bg.jpeg')">
+    <div class="container position-relative px-4 px-lg-5">
+        <div class="row gx-4 gx-lg-5 justify-content-center">
+            <div class="col-md-10 col-lg-8 col-xl-7">
+                <div class="page-heading">
+                    <h1>About Me</h1>
+                    <span class="subheading">This is what I do.</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</header>
+<!-- Main Content-->
+<main class="mb-4">
+    <div class="container px-4 px-lg-5">
+        <div class="row gx-4 gx-lg-5 justify-content-center">
+            <div class="col-md-10 col-lg-8 col-xl-7">
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe nostrum ullam eveniet pariatur voluptates odit, fuga atque ea nobis sit soluta odio, adipisci quas excepturi maxime quae totam ducimus consectetur?</p>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius praesentium recusandae illo eaque architecto error, repellendus iusto reprehenderit, doloribus, minus sunt. Numquam at quae voluptatum in officia voluptas voluptatibus, minus!</p>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut consequuntur magnam, excepturi aliquid ex itaque esse est vero natus quae optio aperiam soluta voluptatibus corporis atque iste neque sit tempora!</p>
+            </div>
+        </div>
+    </div>
+</main>

app/themes/svo/views/main/index.php

@@ -0,0 +1,87 @@
+<?php
+/**
+ * @var string $resources;
+ * @var \kernel\CgView $view
+ */
+
+$view->setTitle("IT Guild Micro Framework");
+$view->setMeta([
+    'description' => 'Default IT Guild Micro Framework theme'
+]);
+?>
+<!-- Page Header-->
+<header class="masthead" style="background-image: url('<?= $resources ?>/assets/img/home-bg.jpeg')">
+    <div class="container position-relative px-4 px-lg-5">
+        <div class="row gx-4 gx-lg-5 justify-content-center">
+            <div class="col-md-10 col-lg-8 col-xl-7">
+                <div class="site-heading">
+                    <h1>Clean Blog</h1>
+                    <span class="subheading">A Blog Theme by IT Guild Micro Framework</span>
+                </div>
+            </div>
+        </div>
+    </div>
+</header>
+
+<!-- Main Content-->
+<div class="container px-4 px-lg-5">
+    <div class="row gx-4 gx-lg-5 justify-content-center">
+        <div class="col-md-10 col-lg-8 col-xl-7">
+            <!-- Post preview-->
+            <div class="post-preview">
+                <a href="#!">
+                    <h2 class="post-title">Man must explore, and this is exploration at its greatest</h2>
+                    <h3 class="post-subtitle">Problems look mighty small from 150 miles up</h3>
+                </a>
+                <p class="post-meta">
+                    Posted by
+                    <a href="#!">Start Bootstrap</a>
+                    on September 24, 2023
+                </p>
+            </div>
+            <!-- Divider-->
+            <hr class="my-4" />
+            <!-- Post preview-->
+            <div class="post-preview">
+                <a href="#!"><h2 class="post-title">I believe every human has a finite number of heartbeats. I don't intend to waste any of mine.</h2></a>
+                <p class="post-meta">
+                    Posted by
+                    <a href="#!">Start Bootstrap</a>
+                    on September 18, 2023
+                </p>
+            </div>
+            <!-- Divider-->
+            <hr class="my-4" />
+            <!-- Post preview-->
+            <div class="post-preview">
+                <a href="#!">
+                    <h2 class="post-title">Science has not yet mastered prophecy</h2>
+                    <h3 class="post-subtitle">We predict too much for the next year and yet far too little for the next ten.</h3>
+                </a>
+                <p class="post-meta">
+                    Posted by
+                    <a href="#!">Start Bootstrap</a>
+                    on August 24, 2023
+                </p>
+            </div>
+            <!-- Divider-->
+            <hr class="my-4" />
+            <!-- Post preview-->
+            <div class="post-preview">
+                <a href="#!">
+                    <h2 class="post-title">Failure is not an option</h2>
+                    <h3 class="post-subtitle">Many say exploration is part of our destiny, but it’s actually our duty to future generations.</h3>
+                </a>
+                <p class="post-meta">
+                    Posted by
+                    <a href="#!">Start Bootstrap</a>
+                    on July 8, 2023
+                </p>
+            </div>
+            <!-- Divider-->
+            <hr class="my-4" />
+            <!-- Pager-->
+            <div class="d-flex justify-content-end mb-4"><a class="btn btn-primary text-uppercase" href="#!">Older Posts →</a></div>
+        </div>
+    </div>
+</div>

app/themes/svo/views/main/lk_index.php

@@ -0,0 +1,49 @@
+<?php
+/**
+ * @var \kernel\app_modules\user_stage\models\User $user
+ */
+
+use kernel\app_modules\user_stage\services\UserStageService;
+
+?>
+<!-- [ Main Content ] start -->
+
+<!-- [ breadcrumb ] start -->
+<div class="page-header">
+    <div class="page-block">
+        <div class="row align-items-center">
+            <div class="col-md-12">
+                <div class="page-header-title">
+                    <h2 class="mb-0">Этапы конкурса</h2>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- [ breadcrumb ] end -->
+
+<!-- [ Main Content ] start -->
+<div class="row">
+    <!-- [ sample-page ] start -->
+    <div class="col-sm-12">
+        <?php foreach ($user->stages as $stage): ?>
+            <div class="card <?= UserStageService::getStageClass($stage); ?>">
+                <a href="/lk/stage/<?= $stage->id ?>" <?= $stage->pivot->is_closed === 1 ? "onclick='return false;'" : "" ?>>
+                    <div class="card-header">
+                        <h5><?= $stage->title ?></h5>
+                    </div>
+                </a>
+                <div class="card-body">
+                    <p>
+                        <?= $stage->description ?>
+                    </p>
+                    <p class="mb-0 text-muted text-sm">Статус:
+                        <b><?= UserStageService::getStageStatusText($stage); ?></b></p>
+                </div>
+            </div>
+        <?php endforeach; ?>
+    </div>
+    <!-- [ sample-page ] end -->
+</div>
+<!-- [ Main Content ] end -->
+<!-- [ Main Content ] end -->

app/themes/svo/views/main/login.php

@@ -0,0 +1,55 @@
+<?php
+/**
+ * @var string $resources
+ */
+?>
+
+<div class="auth-main">
+    <div class="auth-wrapper v3">
+        <div class="auth-form">
+            <div class="auth-header">
+                <a href="#"><img src="<?= $resources ?>/assets/images/logo-dark.svg" alt="img"></a>
+            </div>
+            <div class="card my-5">
+                <div class="card-body">
+                    <form action="/lk/auth" method="post">
+                        <div class="d-flex justify-content-between align-items-end mb-4">
+                            <h3 class="mb-0"><b>Авторизация</b></h3>
+                            <a href="/registration" class="link-primary">Создать аккаунт?</a>
+                        </div>
+                        <div class="form-group mb-3">
+                            <label class="form-label">Почта</label>
+                            <input type="text" name="username" class="form-control" placeholder="Почта">
+                        </div>
+                        <div class="form-group mb-3">
+                            <label class="form-label">Пароль</label>
+                            <input type="password" name="password" class="form-control" placeholder="Пароль">
+                        </div>
+                        <div class="d-flex mt-1 justify-content-between">
+                            <h5 class="text-secondary f-w-400">Забыл пароль?</h5>
+                        </div>
+                        <div class="d-grid mt-4">
+                            <button type="submit" class="btn btn-primary">Вход</button>
+                        </div>
+                    </form>
+
+                    <div class="row">
+
+                    </div>
+                </div>
+            </div>
+            <div class="auth-footer row">
+                <!-- <div class=""> -->
+                <div class="col my-1">
+                    <p class="m-0">Copyright © <a href="https://itguild.info/">ITGuild</a></p>
+                </div>
+                <div class="col-auto my-1">
+                    <ul class="list-inline footer-link mb-0">
+
+                    </ul>
+                </div>
+                <!-- </div> -->
+            </div>
+        </div>
+    </div>
+</div>

app/themes/svo/views/main/register.php

@@ -0,0 +1,56 @@
+<?php
+/**
+ * @var string $resources
+ */
+?>
+
+<div class="auth-main">
+    <div class="auth-wrapper v3">
+        <div class="auth-form">
+            <div class="auth-header">
+                <a href="#"><img src="<?= $resources ?>/assets/images/logo-dark.svg" alt="img"></a>
+            </div>
+            <div class="card my-5">
+                <div class="card-body">
+                    <div class="d-flex justify-content-between align-items-end mb-4">
+                        <h3 class="mb-0"><b>Регистрация</b></h3>
+                        <a href="/lk/login" class="link-primary">Уже есть аккаунт?</a>
+                    </div>
+                    <form action="/lk/registration" method="post">
+                        <div class="form-group mb-3">
+                            <label class="form-label">Логин</label>
+                            <input type="text" name="username" class="form-control" placeholder="login">
+                        </div>
+                        <div class="form-group mb-3">
+                            <label class="form-label">Почта</label>
+                            <input type="email" name="email" class="form-control" placeholder="test@mail.ru">
+                        </div>
+                        <div class="form-group mb-3">
+                            <label class="form-label">Пароль</label>
+                            <input type="password" name="password" class="form-control">
+                        </div>
+                        <div class="d-grid mt-3">
+                            <button type="submit" class="btn btn-primary">Создать аккаунт</button>
+                        </div>
+                    </form>
+                    <div class="row">
+
+                    </div>
+
+                </div>
+            </div>
+            <div class="auth-footer row">
+                <!-- <div class=""> -->
+                <div class="col my-1">
+                    <p class="m-0">Copyright © <a href="https://itguild.info/">ITGuild</a></p>
+                </div>
+                <div class="col-auto my-1">
+                    <ul class="list-inline footer-link mb-0">
+
+                    </ul>
+                </div>
+                <!-- </div> -->
+            </div>
+        </div>
+    </div>
+</div>

app/themes/svo/views/main/settings.php

@@ -0,0 +1,128 @@
+<?php
+
+?>
+
+<div class="row">
+    <!-- [ sample-page ] start -->
+    <div class="col-sm-12">
+        <div class="card">
+            <div class="card-header pb-0">
+                <ul class="nav nav-tabs profile-tabs" id="myTab" role="tablist">
+                    <li class="nav-item">
+                        <a class="nav-link active" id="profile-tab-4" data-bs-toggle="tab" href="#profile-4" role="tab"
+                           aria-selected="true">
+                            <i class="ti ti-lock me-2"></i>Сменить пароль
+                        </a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" id="profile-tab-6" data-bs-toggle="tab" href="#profile-6" role="tab"
+                           aria-selected="true">
+                            <i class="ti ti-settings me-2"></i>Настройки
+                        </a>
+                    </li>
+                </ul>
+            </div>
+            <div class="card-body">
+                <div class="tab-content">
+                    <div class="tab-pane show active" id="profile-4" role="tabpanel" aria-labelledby="profile-tab-4">
+                        <div class="card">
+                            <div class="card-header">
+                                <h5>Смена пароля</h5>
+                            </div>
+                            <div class="card-body">
+                                <div class="row">
+                                    <form action="/lk/settings/change_password" method="post" id="change_password">
+                                        <div class="col-sm-6">
+                                            <div class="form-group">
+                                                <label class="form-label">Старый пароль</label>
+                                                <input name="old_password" type="password" class="form-control">
+                                            </div>
+                                            <div class="form-group">
+                                                <label class="form-label">Новый пароль</label>
+                                                <input name="new_password" type="password" class="form-control">
+                                            </div>
+                                        </div>
+                                    </form>
+                                    <div class="col-sm-6">
+                                        <h5>Пароль должен содержать:</h5>
+                                        <ul class="list-group list-group-flush">
+                                            <li class="list-group-item"><i class="ti ti-minus me-2"></i> Не менее 8
+                                                символов
+                                            </li>
+                                            <li class="list-group-item"><i class="ti ti-minus me-2"></i> Как минимум 1
+                                                строчная буква (a-z)
+                                            </li>
+                                            <li class="list-group-item"><i class="ti ti-minus me-2"></i> Как минимум, 1
+                                                заглавная буква
+                                                (A-Z)
+                                            </li>
+                                            <li class="list-group-item"><i class="ti ti-minus me-2"></i> Не менее 1
+                                                числа (0-9)
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="card-footer text-end btn-page">
+                                <a href="/lk">
+                                    <div class="btn btn-outline-secondary">Отмена</div>
+                                </a>
+                                <button onclick="document.getElementById('change_password').submit()"
+                                        class="btn btn-primary">
+                                    Редактировать
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="tab-pane" id="profile-6" role="tabpanel" aria-labelledby="profile-tab-6">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div class="card">
+                                    <div class="card-header">
+                                        <h5>Настройки почты</h5>
+                                    </div>
+                                    <div class="card-body">
+                                        <h6 class="mb-4">Уведомления</h6>
+                                        <form action="/lk/settings/save_notification" method="post">
+                                            <div class="d-flex align-items-center justify-content-between mb-1">
+                                                <div>
+                                                    <p class="text-muted mb-0">Email уведомления</p>
+                                                </div>
+                                                <div class="form-check form-switch p-0">
+                                                    <input name="email_notification" class="m-0 form-check-input h5 position-relative"
+                                                           type="checkbox"
+                                                           role="switch" checked="">
+                                                </div>
+                                            </div>
+                                            <div class="d-flex align-items-center justify-content-between mb-1">
+                                                <div>
+                                                    <p class="text-muted mb-0">SMS уведомления</p>
+                                                </div>
+                                                <div class="form-check form-switch p-0">
+                                                    <input name="sms_notification" class="m-0 form-check-input h5 position-relative"
+                                                           type="checkbox"
+                                                           role="switch">
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="col-12 text-end btn-page">
+                                <a href="/lk">
+                                    <div class="btn btn-outline-secondary">Отмена</div>
+                                </a>
+                                <button onclick="document.getElementById('change_password').submit()"
+                                        class="btn btn-primary">
+                                    Редактировать
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- [ sample-page ] end -->
+</div>

app/themes/svo/views/main/stage.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * @var \Illuminate\Database\Eloquent\Collection $fields
+ * @var \kernel\app_modules\user_stage\models\UserStage $stage
+ * @var \kernel\modules\user\models\User $currentUser
+ */
+?>
+<div class="row">
+    <!-- [ sample-page ] start -->
+    <div class="col-sm-12">
+        <div class="card">
+            <div class="card-header">
+                <h5><?= $stage->title ?></h5>
+            </div>
+            <div class="card-body">
+                <form method="post" action="/lk/stage/save">
+                    <input type="hidden" name="stage_id" value="<?= $stage->id ?>">
+                    <?php foreach ($fields as $field): ?>
+                        <?= \kernel\app_modules\user_custom_fields\services\CustomFieldService::getCustomFieldHtml($field, $currentUser->id) ?>
+                    <?php endforeach; ?>
+                    <div class="d-grid mt-4">
+                        <button type="submit" class="btn btn-primary">Сохранить</button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+</div>

app/themes/svo/views/widget/main_slider.php

@@ -0,0 +1,56 @@
+<?php
+/**
+ * @var string $resources
+ */
+?>
+<div class="banner_section layout_padding">
+    <div id="my_slider" class="carousel slide" data-ride="carousel">
+        <div class="carousel-inner">
+            <div class="carousel-item active">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <h1 class="banner_taital">Hosting <br>And Domain</h1>
+                            <div class="read_bt"><a href="#">Read More</a></div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="banner_img"><img src="<?= $resources ?>/images/slide_img.jpg"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="carousel-item">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <h1 class="banner_taital">Hosting <br>And Domain</h1>
+                            <div class="read_bt"><a href="#">Read More</a></div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="banner_img"><img src="<?= $resources ?>/images/slide_img.jpg"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="carousel-item">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-md-6">
+                            <h1 class="banner_taital">Hosting <br>And Domain</h1>
+                            <div class="read_bt"><a href="#">Read More</a></div>
+                        </div>
+                        <div class="col-md-6">
+                            <div class="banner_img"><img src="<?= $resources ?>/images/slide_img.jpg"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <a class="carousel-control-prev" href="#my_slider" role="button" data-slide="prev">
+            <i class="fa fa-angle-left"></i>
+        </a>
+        <a class="carousel-control-next" href="#my_slider" role="button" data-slide="next">
+            <i class="fa fa-angle-right"></i>
+        </a>
+    </div>
+</div>

app/themes/svo/widgets/MainSliderWidget.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace app\themes\svo\widgets;
+
+use kernel\Widget;
+
+class MainSliderWidget extends Widget
+{
+
+    protected function init(): void
+    {
+        $this->cgView->viewPath = APP_DIR . "/themes/svo/views/widget/";
+    }
+
+    public function run(): void
+    {
+        $this->cgView->render("main_slider.php", ['resources' => $this->data['resources']]);
+    }
+
+}