diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index 6c80c5cf..fd7a5fca 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -25,6 +25,11 @@ const routes: Routes = [
         loadChildren: () =>
           import('./views/dashboard/dashboard.module').then((m) => m.DashboardModule)
       },
+      {
+        path: 'epu',
+        loadChildren: () =>
+          import('./views/epu/epu.module').then((m) => m.EpuModule)
+      },
       {
         path: 'theme',
         loadChildren: () =>
diff --git a/src/app/containers/default-layout/_nav.ts b/src/app/containers/default-layout/_nav.ts
index c5be46c5..f1a9c112 100644
--- a/src/app/containers/default-layout/_nav.ts
+++ b/src/app/containers/default-layout/_nav.ts
@@ -1,6 +1,15 @@
 import { INavData } from '@coreui/angular';
 
 export const navItems: INavData[] = [
+  {
+    name: 'EPU',
+    url: '/epu',
+    iconComponent: { name: 'cil-speedometer' },
+    badge: {
+      color: 'info',
+      text: 'NEW'
+    }
+  },
   {
     name: 'Dashboard',
     url: '/dashboard',
diff --git a/src/app/containers/default-layout/default-header/default-header.component.html b/src/app/containers/default-layout/default-header/default-header.component.html
index 221f8c2f..5ca3fe97 100644
--- a/src/app/containers/default-layout/default-header/default-header.component.html
+++ b/src/app/containers/default-layout/default-header/default-header.component.html
@@ -12,6 +12,14 @@
         size="lg"
       ></svg>
     </button>
+    <c-header-nav class="d-none d-lg-flex me-auto">
+      <h4>
+        ПТК СТАТУС
+      </h4>
+    </c-header-nav>
+
+
+    <!--
     <c-header-nav class="d-none d-lg-flex me-auto">
       <c-nav-item>
         <a cNavLink routerLink="/dashboard" routerLinkActive="active">
@@ -27,6 +35,7 @@
         </a>
       </c-nav-item>
     </c-header-nav>
+    -->
 
     <c-header-nav class="d-none d-lg-flex">
       <c-nav-item>
@@ -50,10 +59,15 @@
     </c-header-nav>
 
   </c-container>
-  <c-header-divider></c-header-divider>
+
+  <!--<c-header-divider></c-header-divider>-->
+
+<!--
   <c-container [fluid]="true">
     <c-breadcrumb-router class="ms-2"></c-breadcrumb-router>
   </c-container>
+-->
+
 </ng-container>
 <!--</c-header>-->
 
diff --git a/src/app/containers/default-layout/default-header/default-header.component.scss b/src/app/containers/default-layout/default-header/default-header.component.scss
index e69de29b..b4e67d76 100644
--- a/src/app/containers/default-layout/default-header/default-header.component.scss
+++ b/src/app/containers/default-layout/default-header/default-header.component.scss
@@ -0,0 +1,11 @@
+:host{
+  .ps-1{
+    color: #ebedef;
+  }
+  .d-none{
+    color: #ebedef;
+  }
+  .icon{
+    color: #ebedef;
+  }
+}
diff --git a/src/app/containers/default-layout/default-header/default-header.component.ts b/src/app/containers/default-layout/default-header/default-header.component.ts
index 5e9e6def..3d3ac079 100644
--- a/src/app/containers/default-layout/default-header/default-header.component.ts
+++ b/src/app/containers/default-layout/default-header/default-header.component.ts
@@ -6,6 +6,7 @@ import { ClassToggleService, HeaderComponent } from '@coreui/angular';
 @Component({
   selector: 'app-default-header',
   templateUrl: './default-header.component.html',
+  styleUrls: ['./default-header.component.scss'],
 })
 export class DefaultHeaderComponent extends HeaderComponent {
 
diff --git a/src/app/containers/default-layout/default-layout.component.html b/src/app/containers/default-layout/default-layout.component.html
index 1907b1b4..514507aa 100644
--- a/src/app/containers/default-layout/default-layout.component.html
+++ b/src/app/containers/default-layout/default-layout.component.html
@@ -7,7 +7,7 @@
 >
   <c-sidebar-brand
     [brandFull]="{
-      src: 'assets/img/brand/coreui-angular.svg',
+      src: 'assets/img/brand/esil-logo.svg',
       width: 200,
       height: 46,
       alt: 'CoreUI Logo'
diff --git a/src/app/views/epu/epu-charts-data.ts b/src/app/views/epu/epu-charts-data.ts
new file mode 100644
index 00000000..c27d9a15
--- /dev/null
+++ b/src/app/views/epu/epu-charts-data.ts
@@ -0,0 +1,176 @@
+import { Injectable } from '@angular/core';
+import { getStyle, hexToRgba } from '@coreui/utils/src';
+
+export interface IChartProps {
+  data?: any;
+  labels?: any;
+  options?: any;
+  colors?: any;
+  type?: any;
+  legend?: any;
+
+  [propName: string]: any;
+}
+
+@Injectable({
+  providedIn: 'any'
+})
+export class EpuChartsData {
+  constructor() {
+    this.initMainChart();
+  }
+
+  public mainChart: IChartProps = {};
+
+  public random(min: number, max: number) {
+    return Math.floor(Math.random() * (max - min + 1) + min);
+  }
+
+  initMainChart(period: string = 'Month') {
+    const brandSuccess = getStyle('--cui-success') ?? '#4dbd74';
+    const brandInfo = getStyle('--cui-info') ?? '#20a8d8';
+    const brandInfoBg = hexToRgba(getStyle('--cui-info'), 10) ?? '#20a8d8';
+    const brandDanger = getStyle('--cui-danger') || '#f86c6b';
+
+    // mainChart
+    // mainChart
+    this.mainChart['elements'] = period === 'Month' ? 12 : 27;
+    this.mainChart['Data1'] = [];
+    this.mainChart['Data2'] = [];
+    this.mainChart['Data3'] = [];
+
+    // generate random values for mainChart
+    for (let i = 0; i <= this.mainChart['elements']; i++) {
+      this.mainChart['Data1'].push(this.random(50, 240));
+      this.mainChart['Data2'].push(this.random(20, 160));
+      this.mainChart['Data3'].push(65);
+    }
+
+    let labels: string[] = [];
+    if (period === 'Month') {
+      labels = [
+        'January',
+        'February',
+        'March',
+        'April',
+        'May',
+        'June',
+        'July',
+        'August',
+        'September',
+        'October',
+        'November',
+        'December'
+      ];
+    } else {
+      /* tslint:disable:max-line-length */
+      const week = [
+        'Monday',
+        'Tuesday',
+        'Wednesday',
+        'Thursday',
+        'Friday',
+        'Saturday',
+        'Sunday'
+      ];
+      labels = week.concat(week, week, week);
+    }
+
+    const colors = [
+      {
+        // brandInfo
+        backgroundColor: brandInfoBg,
+        borderColor: brandInfo,
+        pointHoverBackgroundColor: brandInfo,
+        borderWidth: 2,
+        fill: true
+      },
+      {
+        // brandSuccess
+        backgroundColor: 'transparent',
+        borderColor: brandSuccess || '#4dbd74',
+        pointHoverBackgroundColor: '#fff'
+      },
+      {
+        // brandDanger
+        backgroundColor: 'transparent',
+        borderColor: brandDanger || '#f86c6b',
+        pointHoverBackgroundColor: brandDanger,
+        borderWidth: 1,
+        borderDash: [8, 5]
+      }
+    ];
+
+    const datasets = [
+      {
+        data: this.mainChart['Data1'],
+        label: 'Current',
+        ...colors[0]
+      },
+      {
+        data: this.mainChart['Data2'],
+        label: 'Previous',
+        ...colors[1]
+      },
+      {
+        data: this.mainChart['Data3'],
+        label: 'BEP',
+        ...colors[2]
+      }
+    ];
+
+    const plugins = {
+      legend: {
+        display: false
+      },
+      tooltip: {
+        callbacks: {
+          labelColor: function(context: any) {
+            return {
+              backgroundColor: context.dataset.borderColor
+            };
+          }
+        }
+      }
+    };
+
+    const options = {
+      maintainAspectRatio: false,
+      plugins,
+      scales: {
+        x: {
+          grid: {
+            drawOnChartArea: false
+          }
+        },
+        y: {
+          beginAtZero: true,
+          max: 250,
+          ticks: {
+            maxTicksLimit: 5,
+            stepSize: Math.ceil(250 / 5)
+          }
+        }
+      },
+      elements: {
+        line: {
+          tension: 0.4
+        },
+        point: {
+          radius: 0,
+          hitRadius: 10,
+          hoverRadius: 4,
+          hoverBorderWidth: 3
+        }
+      }
+    };
+
+    this.mainChart.type = 'line';
+    this.mainChart.options = options;
+    this.mainChart.data = {
+      datasets,
+      labels
+    };
+  }
+
+}
diff --git a/src/app/views/epu/epu-routing.module.ts b/src/app/views/epu/epu-routing.module.ts
new file mode 100644
index 00000000..97d0a5ed
--- /dev/null
+++ b/src/app/views/epu/epu-routing.module.ts
@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+import { EpuComponent } from './epu.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: EpuComponent,
+    data: {
+      title: $localize`Epu`
+    }
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class EpuRoutingModule {
+}
diff --git a/src/app/views/epu/epu.component.html b/src/app/views/epu/epu.component.html
new file mode 100644
index 00000000..3600ffdd
--- /dev/null
+++ b/src/app/views/epu/epu.component.html
@@ -0,0 +1,515 @@
+<app-widgets-dropdown></app-widgets-dropdown>
+<c-card class="mb-4">
+  <c-card-body>
+    <c-row>
+      <c-col sm="5">
+        <h4 class="card-title mb-0" id="traffic">
+          Traffic
+        </h4>
+        <div class="small text-medium-emphasis">January - December 2021</div>
+      </c-col>
+      <c-col class="d-none d-md-block" sm="7">
+        <button cButton class="float-end" color="primary">
+          <svg cIcon name="cilCloudDownload"></svg>
+        </button>
+        <form [formGroup]="trafficRadioGroup">
+          <c-button-group class="float-end me-3" role="group">
+            <input
+              class="btn-check"
+              formControlName="trafficRadio"
+              type="radio"
+              value="Day"
+            />
+            <label
+              (click)="setTrafficPeriod('Day')"
+              cButton
+              cFormCheckLabel
+              color="secondary"
+              variant="outline"
+            >Day</label>
+
+            <input
+              class="btn-check"
+              formControlName="trafficRadio"
+              type="radio"
+              value="Month"
+            />
+            <label
+              (click)="setTrafficPeriod('Month')"
+              cButton
+              cFormCheckLabel
+              color="secondary"
+              variant="outline"
+            >Month</label>
+
+            <input
+              class="btn-check"
+              formControlName="trafficRadio"
+              type="radio"
+              value="Year"
+            />
+            <label
+              (click)="setTrafficPeriod('Year')"
+              cButton
+              cFormCheckLabel
+              color="secondary"
+              variant="outline"
+            >Year</label>
+          </c-button-group>
+        </form>
+      </c-col>
+    </c-row>
+    <c-chart [data]="mainChart.data"
+             [height]="300"
+             [ngStyle]="{'marginTop.px': 40}"
+             [options]="mainChart.options"
+             [type]="mainChart.type">
+      Main chart
+    </c-chart>
+  </c-card-body>
+  <c-card-footer>
+    <c-row class="text-center" [md]="5" [xs]="1">
+      <c-col class="mb-sm-2 mb-0">
+        <div class="text-medium-emphasis">Visits</div>
+        <strong>29.703 Users (40%)</strong>
+        <c-progress class="mt-2" thin>
+          <c-progress-bar color="success" value="40"></c-progress-bar>
+        </c-progress>
+      </c-col>
+      <c-col class="mb-sm-2 mb-0">
+        <div class="text-medium-emphasis">Unique</div>
+        <strong>24.093 Users (20%)</strong>
+        <c-progress class="mt-2" thin>
+          <c-progress-bar color="info" value="20"></c-progress-bar>
+        </c-progress>
+      </c-col>
+      <c-col class="mb-sm-2 mb-0">
+        <div class="text-medium-emphasis">Page views</div>
+        <strong>78.706 Views (60%)</strong>
+        <c-progress class="mt-2" thin>
+          <c-progress-bar color="warning" value="60"></c-progress-bar>
+        </c-progress>
+      </c-col>
+      <c-col class="mb-sm-2 mb-0">
+        <div class="text-medium-emphasis">New Users</div>
+        <strong>22.123 Users (80%)</strong>
+        <c-progress class="mt-2" thin>
+          <c-progress-bar color="danger" value="80"></c-progress-bar>
+        </c-progress>
+      </c-col>
+      <c-col class="mb-sm-2 mb-0">
+        <div class="text-medium-emphasis">Bounce Rate</div>
+        <strong>Average Rate (40.15%)</strong>
+        <c-progress class="mt-2" thin>
+          <c-progress-bar value="40"></c-progress-bar>
+        </c-progress>
+      </c-col>
+    </c-row>
+  </c-card-footer>
+</c-card>
+
+<app-widgets-brand [withCharts]="true"></app-widgets-brand>
+
+<c-row>
+  <c-col xs>
+    <c-card class="mb-4">
+      <c-card-header>Traffic {{ "&" }} Sales</c-card-header>
+      <c-card-body>
+        <c-row>
+          <c-col md="6" xl="6" xs="12">
+            <c-row>
+              <c-col sm="6">
+                <div
+                  class="border-start border-start-4 border-start-info py-1 px-3"
+                >
+                  <div class="text-medium-emphasis small">New Clients</div>
+                  <div class="fs-5 fw-semibold">9,123</div>
+                </div>
+              </c-col>
+              <c-col sm="6">
+                <div
+                  class="border-start border-start-4 border-start-danger py-1 px-3 mb-3"
+                >
+                  <div class="text-medium-emphasis small">
+                    Recurring Clients
+                  </div>
+                  <div class="fs-5 fw-semibold">22,643</div>
+                </div>
+              </c-col>
+            </c-row>
+
+            <hr class="mt-0"/>
+
+            <div class="progress-group mb-4">
+              <div class="progress-group-prepend">
+                <span class="text-medium-emphasis small">Monday</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="info"
+                    value="34"
+                  ></c-progress-bar>
+                </c-progress>
+                <c-progress thin>
+                  <c-progress-bar
+                    color="danger"
+                    value="78"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group mb-4">
+              <div class="progress-group-prepend">
+                <span class="text-medium-emphasis small">Tuesday</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="info"
+                    value="56"
+                  ></c-progress-bar>
+                </c-progress>
+                <c-progress thin>
+                  <c-progress-bar
+                    color="danger"
+                    value="94"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group mb-4">
+              <div class="progress-group-prepend">
+                <span class="text-medium-emphasis small">Wednesday</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="info"
+                    value="12"
+                  ></c-progress-bar>
+                </c-progress>
+                <c-progress thin>
+                  <c-progress-bar
+                    color="danger"
+                    value="67"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group mb-4">
+              <div class="progress-group-prepend">
+                <span class="text-medium-emphasis small">Thursday</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="info"
+                    value="43"
+                  ></c-progress-bar>
+                </c-progress>
+                <c-progress thin>
+                  <c-progress-bar
+                    color="danger"
+                    value="91"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group mb-4">
+              <div class="progress-group-prepend">
+                <span class="text-medium-emphasis small">Friday</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="info"
+                    value="22"
+                  ></c-progress-bar>
+                </c-progress>
+                <c-progress thin>
+                  <c-progress-bar
+                    color="danger"
+                    value="73"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group mb-4">
+              <div class="progress-group-prepend">
+                <span class="text-medium-emphasis small">Saturday</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="info"
+                    value="53"
+                  ></c-progress-bar>
+                </c-progress>
+                <c-progress thin>
+                  <c-progress-bar
+                    color="danger"
+                    value="82"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group mb-4">
+              <div class="progress-group-prepend">
+                <span class="text-medium-emphasis small">Sunday</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="info"
+                    value="9"
+                  ></c-progress-bar>
+                </c-progress>
+                <c-progress thin>
+                  <c-progress-bar
+                    color="danger"
+                    value="69"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="legend text-center" ngPreserveWhitespaces>
+              <small>
+                <sup
+                ><span class="badge badge-pill badge-sm bg-info"
+                >&nbsp;</span
+                ></sup
+                >
+                <span>New clients</span>
+                &nbsp;&nbsp;
+                <sup
+                ><span class="badge badge-pill badge-sm bg-danger"
+                >&nbsp;</span
+                ></sup
+                >
+                <span>Recurring clients</span>
+              </small>
+            </div>
+          </c-col>
+
+          <c-col md="6" xl="6" xs="12">
+            <c-row>
+              <c-col sm="6">
+                <div
+                  class="border-start border-start-4 border-start-warning py-1 px-3 mb-3"
+                >
+                  <div class="text-medium-emphasis small">Page views</div>
+                  <div class="fs-5 fw-semibold">78,623</div>
+                </div>
+              </c-col>
+              <c-col sm="6">
+                <div
+                  class="border-start border-start-4 border-start-success py-1 px-3 mb-3"
+                >
+                  <div class="text-medium-emphasis small">Organic</div>
+                  <div class="fs-5 fw-semibold">49,123</div>
+                </div>
+              </c-col>
+            </c-row>
+
+            <hr class="mt-0"/>
+
+            <div class="progress-group mb-4">
+              <div class="progress-group-header">
+                <svg cIcon class="icon icon-lg me-2" name="cilUser"></svg>
+                <span>Male</span>
+                <span class="ms-auto font-semibold">43%</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="warning"
+                    value="43"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group mb-5">
+              <div class="progress-group-header">
+                <svg cIcon class="icon icon-lg me-2" name="cilUserFemale"></svg>
+                <span>Female</span>
+                <span class="ms-auto font-semibold">37%</span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="warning"
+                    value="37"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+
+            <div class="progress-group">
+              <div class="progress-group-header">
+                <svg cIcon class="icon icon-lg me-2" name="cibGoogle"></svg>
+                <span>Organic Search</span>
+                <span class="ms-auto font-semibold">
+                  191,235 <span class="text-medium-emphasis small">(56%)</span>
+                </span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="success"
+                    value="56"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group">
+              <div class="progress-group-header">
+                <svg cIcon class="icon icon-lg me-2" name="cibFacebook"></svg>
+                <span>Facebook</span>
+                <span class="ms-auto font-semibold">
+                  51,223 <span class="text-medium-emphasis small">(15%)</span>
+                </span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="success"
+                    value="15"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group">
+              <div class="progress-group-header">
+                <svg cIcon class="icon icon-lg me-2" name="cibTwitter"></svg>
+                <span>Twitter</span>
+                <span class="ms-auto font-semibold">
+                  37,564 <span class="text-medium-emphasis small">(11%)</span>
+                </span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="success"
+                    value="11"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="progress-group">
+              <div class="progress-group-header">
+                <svg cIcon class="icon icon-lg me-2" name="cibLinkedin"></svg>
+                <span>LinkedIn</span>
+                <span class="ms-auto font-semibold">
+                  27,319 <span class="text-medium-emphasis small">(8%)</span>
+                </span>
+              </div>
+              <div class="progress-group-bars">
+                <c-progress thin>
+                  <c-progress-bar
+                    color="success"
+                    value="8"
+                  ></c-progress-bar>
+                </c-progress>
+              </div>
+            </div>
+            <div class="divider d-flex justify-content-center">
+              <button
+                cButton
+                class="text-muted btn-link"
+                color="transparent"
+                size="sm"
+                type="button"
+              >
+                <svg cIcon name="cil-options"></svg>
+              </button>
+            </div>
+          </c-col>
+        </c-row>
+      </c-card-body>
+    </c-card>
+  </c-col>
+</c-row>
+<c-row>
+  <c-col xs>
+    <c-card class="mb-4">
+      <c-card-header>Users</c-card-header>
+      <c-card-body>
+        <table
+          [hover]="true"
+          [responsive]="true"
+          [striped]="true"
+          align="middle"
+          cTable
+          class="mb-0 border"
+        >
+          <thead cTableColor="light">
+          <tr>
+            <th class="text-center">
+              <svg cIcon name="cilPeople"></svg>
+            </th>
+            <th>User</th>
+            <th class="text-center">Country</th>
+            <th>Usage</th>
+            <th class="text-center">Payment Method</th>
+            <th>Activity</th>
+          </tr>
+          </thead>
+          <tbody>
+          <tr *ngFor="let user of users; index as i">
+            <td class="text-center">
+              <c-avatar
+                size="md"
+                src="{{ user.avatar }}"
+                status="{{ user.status }}"
+              ></c-avatar>
+            </td>
+            <td>
+              <div>{{ user.name }}</div>
+              <div class="small text-medium-emphasis">
+                <span>{{ user.state }}</span> | Registered:
+                {{ user.registered }}
+              </div>
+            </td>
+            <td class="text-center">
+              <svg cIcon
+                id="{{ user.country + user.name }}"
+                name="cif{{ user.country }}"
+                size="xl"
+                title="{{ user.country }}"
+              ></svg>
+            </td>
+            <td>
+              <div class="clearfix">
+                <div class="float-start">
+                  <strong>{{ user.usage }}%</strong>
+                </div>
+                <div class="float-end">
+                  <small class="text-medium-emphasis">
+                    {{ user.period }}
+                  </small>
+                </div>
+              </div>
+              <c-progress thin
+              >
+                <c-progress-bar
+                  [value]="user.usage"
+                  color="{{ user.color }}"
+                ></c-progress-bar
+                >
+              </c-progress>
+            </td>
+            <td class="text-center">
+              <svg cIcon name="cibCc{{ user.payment }}" size="xl"></svg>
+            </td>
+            <td>
+              <div class="small text-medium-emphasis">Last login</div>
+              <strong>{{ user.activity }}</strong>
+            </td>
+          </tr>
+          </tbody>
+        </table>
+      </c-card-body>
+    </c-card>
+  </c-col>
+</c-row>
diff --git a/src/app/views/epu/epu.component.scss b/src/app/views/epu/epu.component.scss
new file mode 100644
index 00000000..3e08d939
--- /dev/null
+++ b/src/app/views/epu/epu.component.scss
@@ -0,0 +1,7 @@
+:host {
+  .legend {
+    small {
+      font-size: x-small;
+    }
+  }
+}
diff --git a/src/app/views/epu/epu.component.ts b/src/app/views/epu/epu.component.ts
new file mode 100644
index 00000000..d388bd0b
--- /dev/null
+++ b/src/app/views/epu/epu.component.ts
@@ -0,0 +1,127 @@
+import { Component, OnInit } from '@angular/core';
+import { UntypedFormControl, UntypedFormGroup } from '@angular/forms';
+
+import { EpuChartsData, IChartProps } from './epu-charts-data';
+
+interface IUser {
+  name: string;
+  state: string;
+  registered: string;
+  country: string;
+  usage: number;
+  period: string;
+  payment: string;
+  activity: string;
+  avatar: string;
+  status: string;
+  color: string;
+}
+
+@Component({
+  templateUrl: 'epu.component.html',
+  styleUrls: ['epu.component.scss']
+})
+export class EpuComponent implements OnInit {
+  constructor(private chartsData: EpuChartsData) {
+  }
+
+  public users: IUser[] = [
+    {
+      name: 'Yiorgos Avraamu',
+      state: 'New',
+      registered: 'Jan 1, 2021',
+      country: 'Us',
+      usage: 50,
+      period: 'Jun 11, 2021 - Jul 10, 2021',
+      payment: 'Mastercard',
+      activity: '10 sec ago',
+      avatar: './assets/img/avatars/1.jpg',
+      status: 'success',
+      color: 'success'
+    },
+    {
+      name: 'Avram Tarasios',
+      state: 'Recurring ',
+      registered: 'Jan 1, 2021',
+      country: 'Br',
+      usage: 10,
+      period: 'Jun 11, 2021 - Jul 10, 2021',
+      payment: 'Visa',
+      activity: '5 minutes ago',
+      avatar: './assets/img/avatars/2.jpg',
+      status: 'danger',
+      color: 'info'
+    },
+    {
+      name: 'Quintin Ed',
+      state: 'New',
+      registered: 'Jan 1, 2021',
+      country: 'In',
+      usage: 74,
+      period: 'Jun 11, 2021 - Jul 10, 2021',
+      payment: 'Stripe',
+      activity: '1 hour ago',
+      avatar: './assets/img/avatars/3.jpg',
+      status: 'warning',
+      color: 'warning'
+    },
+    {
+      name: 'Enéas Kwadwo',
+      state: 'Sleep',
+      registered: 'Jan 1, 2021',
+      country: 'Fr',
+      usage: 98,
+      period: 'Jun 11, 2021 - Jul 10, 2021',
+      payment: 'Paypal',
+      activity: 'Last month',
+      avatar: './assets/img/avatars/4.jpg',
+      status: 'secondary',
+      color: 'danger'
+    },
+    {
+      name: 'Agapetus Tadeáš',
+      state: 'New',
+      registered: 'Jan 1, 2021',
+      country: 'Es',
+      usage: 22,
+      period: 'Jun 11, 2021 - Jul 10, 2021',
+      payment: 'ApplePay',
+      activity: 'Last week',
+      avatar: './assets/img/avatars/5.jpg',
+      status: 'success',
+      color: 'primary'
+    },
+    {
+      name: 'Friderik Dávid',
+      state: 'New',
+      registered: 'Jan 1, 2021',
+      country: 'Pl',
+      usage: 43,
+      period: 'Jun 11, 2021 - Jul 10, 2021',
+      payment: 'Amex',
+      activity: 'Yesterday',
+      avatar: './assets/img/avatars/6.jpg',
+      status: 'info',
+      color: 'dark'
+    }
+  ];
+  public mainChart: IChartProps = {};
+  public chart: Array<IChartProps> = [];
+  public trafficRadioGroup = new UntypedFormGroup({
+    trafficRadio: new UntypedFormControl('Month')
+  });
+
+  ngOnInit(): void {
+    this.initCharts();
+  }
+
+  initCharts(): void {
+    this.mainChart = this.chartsData.mainChart;
+  }
+
+  setTrafficPeriod(value: string): void {
+    this.trafficRadioGroup.setValue({ trafficRadio: value });
+    this.chartsData.initMainChart(value);
+    this.initCharts();
+  }
+}
diff --git a/src/app/views/epu/epu.module.ts b/src/app/views/epu/epu.module.ts
new file mode 100644
index 00000000..97cbf125
--- /dev/null
+++ b/src/app/views/epu/epu.module.ts
@@ -0,0 +1,48 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ReactiveFormsModule } from '@angular/forms';
+
+import {
+  AvatarModule,
+  ButtonGroupModule,
+  ButtonModule,
+  CardModule,
+  FormModule,
+  GridModule,
+  NavModule,
+  ProgressModule,
+  TableModule,
+  TabsModule
+} from '@coreui/angular';
+import { IconModule } from '@coreui/icons-angular';
+import { ChartjsModule } from '@coreui/angular-chartjs';
+
+import { EpuRoutingModule } from './epu-routing.module';
+import { EpuComponent } from './epu.component';
+
+import { WidgetsModule } from '../widgets/widgets.module';
+
+@NgModule({
+  imports: [
+    EpuRoutingModule,
+    CardModule,
+    NavModule,
+    IconModule,
+    TabsModule,
+    CommonModule,
+    GridModule,
+    ProgressModule,
+    ReactiveFormsModule,
+    ButtonModule,
+    FormModule,
+    ButtonModule,
+    ButtonGroupModule,
+    ChartjsModule,
+    AvatarModule,
+    TableModule,
+    WidgetsModule
+  ],
+  declarations: [EpuComponent]
+})
+export class EpuModule {
+}
diff --git a/src/assets/img/brand/esil-logo.svg b/src/assets/img/brand/esil-logo.svg
new file mode 100644
index 00000000..d3f2c8e8
--- /dev/null
+++ b/src/assets/img/brand/esil-logo.svg
@@ -0,0 +1,17 @@
+<svg width="173" height="49" viewBox="0 0 173 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M88.8807 27.3223C88.3532 28.8908 87.1316 29.4824 84.5218 29.4824H78.275V33.0004H74.6101V27.3223V25.3121V23.3628V22.1427V20.542V19.2937H84.5218C86.271 19.2937 87.4647 19.6786 88.2144 20.542C88.5753 20.9594 88.825 21.4903 88.9917 22.1427L89.1859 23.3628L89.2138 24.3313L89.1859 25.3121C89.1583 26.1105 89.0471 26.7752 88.8807 27.3223V27.3223ZM155.485 20.542V19.2937H166.507C168.256 19.2937 169.534 19.5287 170.228 20.542C170.533 20.939 170.7 21.4659 170.783 22.1427L170.838 23.0669V23.3628C170.811 24.1855 170.7 24.8338 170.394 25.3121C170.033 25.8877 169.45 26.2239 168.506 26.3254V26.3821C169.395 26.4186 170.061 26.7428 170.45 27.3223C170.7 27.7155 170.838 28.2301 170.838 28.8502V29.7986C170.838 30.7267 171.199 30.6701 171.699 30.6701V33.0004H169.284C167.84 33.0004 167.174 32.3073 167.174 30.9456V29.5432C167.174 28.518 166.785 27.8249 165.647 27.8249H159.15V33.0004H155.485V27.3223V25.3121V23.3628V22.1427V20.542ZM138.938 20.542V19.2937H153.237V20.542V22.1427V22.2969H142.603V23.3628V24.8056H152.848V25.3121V27.3223V27.3304H142.603V29.9973H153.347V33.0004H138.938V27.3223V25.3121V23.3628V22.1427V20.542ZM133.746 20.542L134.218 19.2937H137.994L137.522 20.542L136.884 22.1427L136.412 23.3628L135.662 25.3121L134.885 27.3223L132.664 33.0004H127.611L125.556 27.3223L124.807 25.3121L124.223 23.6789L123.64 25.3121L122.919 27.3223L120.92 33.0004H115.894L113.674 27.3223L112.896 25.3121L112.119 23.3628L111.647 22.1427L111.036 20.542L110.536 19.2937H114.312L114.812 20.542L115.423 22.1427L115.894 23.3628L116.672 25.3121L117.449 27.3223L118.393 29.7419H118.477L119.337 27.3223L120.059 25.3121L120.753 23.3628L121.17 22.1427L121.753 20.542L122.197 19.2937H126.25L126.722 20.542L127.305 22.1427L127.75 23.3628L128.471 25.3121L129.221 27.3223L130.109 29.7419H130.193L131.137 27.3223L131.886 25.3121L132.664 23.3628L133.108 22.1427L133.746 20.542H133.746ZM78.275 23.3628V25.3121V26.305H83.8C84.9104 26.305 85.2991 26.1753 85.4101 25.3121L85.4658 24.3313L85.3825 23.3628C85.2437 22.7022 84.8549 22.4752 83.8 22.4752H78.275V23.3628V23.3628ZM167.174 23.3628C167.118 22.4913 166.924 22.2969 166.035 22.2969H159.15V23.3628V25.1582H165.591C166.868 25.1582 167.174 25.1013 167.174 23.7963V23.3628Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M88.8807 27.3223C88.3532 28.8908 87.1316 29.4824 84.5218 29.4824H78.275V33.0004H74.6101V27.3223V25.3121V23.3628V22.1427V20.542V19.2937H84.5218C86.271 19.2937 87.4647 19.6786 88.2144 20.542C88.5753 20.9594 88.825 21.4903 88.9917 22.1427L89.1859 23.3628L89.2138 24.3313L89.1859 25.3121C89.1583 26.1105 89.0471 26.7752 88.8807 27.3223V27.3223ZM155.485 20.542V19.2937H166.507C168.256 19.2937 169.534 19.5287 170.228 20.542C170.533 20.939 170.7 21.4659 170.783 22.1427L170.838 23.0669V23.3628C170.811 24.1855 170.7 24.8338 170.394 25.3121C170.033 25.8877 169.45 26.2239 168.506 26.3254V26.3821C169.395 26.4186 170.061 26.7428 170.45 27.3223C170.7 27.7155 170.838 28.2301 170.838 28.8502V29.7986C170.838 30.7267 171.199 30.6701 171.699 30.6701V33.0004H169.284C167.84 33.0004 167.174 32.3073 167.174 30.9456V29.5432C167.174 28.518 166.785 27.8249 165.647 27.8249H159.15V33.0004H155.485V27.3223V25.3121V23.3628V22.1427V20.542ZM138.938 20.542V19.2937H153.237V20.542V22.1427V22.2969H142.603V23.3628V24.8056H152.848V25.3121V27.3223V27.3304H142.603V29.9973H153.347V33.0004H138.938V27.3223V25.3121V23.3628V22.1427V20.542ZM133.746 20.542L134.218 19.2937H137.994L137.522 20.542L136.884 22.1427L136.412 23.3628L135.662 25.3121L134.885 27.3223L132.664 33.0004H127.611L125.556 27.3223L124.807 25.3121L124.223 23.6789L123.64 25.3121L122.919 27.3223L120.92 33.0004H115.894L113.674 27.3223L112.896 25.3121L112.119 23.3628L111.647 22.1427L111.036 20.542L110.536 19.2937H114.312L114.812 20.542L115.423 22.1427L115.894 23.3628L116.672 25.3121L117.449 27.3223L118.393 29.7419H118.477L119.337 27.3223L120.059 25.3121L120.753 23.3628L121.17 22.1427L121.753 20.542L122.197 19.2937H126.25L126.722 20.542L127.305 22.1427L127.75 23.3628L128.471 25.3121L129.221 27.3223L130.109 29.7419H130.193L131.137 27.3223L131.886 25.3121L132.664 23.3628L133.108 22.1427L133.746 20.542H133.746ZM78.275 23.3628V25.3121V26.305H83.8C84.9104 26.305 85.2991 26.1753 85.4101 25.3121L85.4658 24.3313L85.3825 23.3628C85.2437 22.7022 84.8549 22.4752 83.8 22.4752H78.275V23.3628V23.3628ZM167.174 23.3628C167.118 22.4913 166.924 22.2969 166.035 22.2969H159.15V23.3628V25.1582H165.591C166.868 25.1582 167.174 25.1013 167.174 23.7963V23.3628Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M96.7579 21.4472C95.6761 22.3068 94.9295 23.5591 94.7236 24.9891C94.69 25.2414 94.671 25.503 94.671 25.7693C94.671 28.8205 97.1552 31.2925 100.219 31.2925C103.283 31.2925 105.767 28.8206 105.767 25.7693C105.767 25.5029 105.748 25.2459 105.714 24.9891C105.647 24.5124 105.518 24.0593 105.336 23.6293L107.232 22.0312C107.715 22.9283 108.026 23.9236 108.131 24.9891L108.17 25.7692C108.17 30.1431 104.608 33.6895 100.219 33.6895C95.8247 33.6895 92.2633 30.143 92.2633 25.7692L92.3014 24.9891C92.4307 23.69 92.8711 22.4844 93.5508 21.4471C94.9679 19.279 97.4281 17.8445 100.219 17.8445C100.76 17.8445 101.291 17.9005 101.803 18.0034L100.252 20.2415C100.238 20.2415 100.229 20.2415 100.219 20.2415C98.912 20.2415 97.7059 20.6902 96.7579 21.4472H96.7579ZM104.078 25.211L96.7748 29.2095L100.243 25.211L100.264 25.1876L98.1442 24.0327L98.3401 23.8091L99.7924 22.1436L101.772 19.8775L103.334 18.0852L106.278 19.8775L106.854 20.228L104.464 22.137L102.599 23.6255L102.966 23.8091L104.884 24.7705L104.078 25.211H104.078Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M96.7579 21.4472C95.6761 22.3068 94.9295 23.5591 94.7236 24.9891C94.69 25.2414 94.671 25.503 94.671 25.7693C94.671 28.8205 97.1552 31.2925 100.219 31.2925C103.283 31.2925 105.767 28.8206 105.767 25.7693C105.767 25.5029 105.748 25.2459 105.714 24.9891C105.647 24.5124 105.518 24.0593 105.336 23.6293L107.232 22.0312C107.715 22.9283 108.026 23.9236 108.131 24.9891L108.17 25.7692C108.17 30.1431 104.608 33.6895 100.219 33.6895C95.8247 33.6895 92.2633 30.143 92.2633 25.7692L92.3014 24.9891C92.4307 23.69 92.8711 22.4844 93.5508 21.4471C94.9679 19.279 97.4281 17.8445 100.219 17.8445C100.76 17.8445 101.291 17.9005 101.803 18.0034L100.252 20.2415C100.238 20.2415 100.229 20.2415 100.219 20.2415C98.912 20.2415 97.7059 20.6902 96.7579 21.4472H96.7579ZM104.078 25.211L96.7748 29.2095L100.243 25.211L100.264 25.1876L98.1442 24.0327L98.3401 23.8091L99.7924 22.1436L101.772 19.8775L103.334 18.0852L106.278 19.8775L106.854 20.228L104.464 22.137L102.599 23.6255L102.966 23.8091L104.884 24.7705L104.078 25.211H104.078Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M88.158 8.09312V8.13463H77.9372V10.7979H88.6696V13.8011H74.2616V8.09312V5.76203V3.39751V0.0955684H88.561V3.0987H77.9372V3.39749V5.60432H88.158V5.76201V8.09309V8.09312ZM114.431 3.39751V0.0955684H118.091V3.39751V5.76203V8.09312V10.6194H127.986V13.8011H114.431V8.09314V5.76206V3.39754V3.39751ZM108.537 3.39751V0.0955684H112.213V3.39751V5.76203V8.09312V13.8011H108.537V8.09312V5.76203V3.39751ZM102.473 3.39751C102.194 2.97848 101.589 2.97848 100.612 2.97848H96.2536C95.0904 2.97848 94.5476 3.1236 94.315 3.39751C94.1446 3.58817 94.1134 3.84547 94.1134 4.16489C94.1134 5.25169 94.6407 5.34705 95.6177 5.37194L101.496 5.46751C102.737 5.4841 103.698 5.56686 104.427 5.76203C105.714 6.10612 106.288 6.79478 106.49 8.09312L106.567 9.41637C106.567 11.6896 106.676 13.9173 100.612 13.9173H96.2537C92.7642 13.9173 90.4223 13.8386 90.4223 9.33766H93.9429C93.9429 10.7605 94.4702 10.9182 96.2537 10.9182H100.612C102.333 10.9182 102.907 10.798 102.907 9.65303C102.907 8.47064 102.473 8.39193 100.984 8.37105L95.8039 8.2717C94.7647 8.25511 93.8653 8.23019 93.1053 8.09314C91.7714 7.85672 90.9029 7.27192 90.5772 5.76206C90.4841 5.32218 90.4377 4.79951 90.4377 4.18555L90.4841 3.39754C90.7789 0.219867 92.9192 3.05176e-05 96.2536 3.05176e-05H100.612C103.497 3.05176e-05 105.993 0.0332348 106.18 3.39754L106.195 3.8289V4.40137H102.674C102.674 3.92423 102.628 3.60909 102.473 3.39757V3.39751Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M88.158 8.09312V8.13463H77.9372V10.7979H88.6696V13.8011H74.2616V8.09312V5.76203V3.39751V0.0955684H88.561V3.0987H77.9372V3.39749V5.60432H88.158V5.76201V8.09309V8.09312ZM114.431 3.39751V0.0955684H118.091V3.39751V5.76203V8.09312V10.6194H127.986V13.8011H114.431V8.09314V5.76206V3.39754V3.39751ZM108.537 3.39751V0.0955684H112.213V3.39751V5.76203V8.09312V13.8011H108.537V8.09312V5.76203V3.39751ZM102.473 3.39751C102.194 2.97848 101.589 2.97848 100.612 2.97848H96.2536C95.0904 2.97848 94.5476 3.1236 94.315 3.39751C94.1446 3.58817 94.1134 3.84547 94.1134 4.16489C94.1134 5.25169 94.6407 5.34705 95.6177 5.37194L101.496 5.46751C102.737 5.4841 103.698 5.56686 104.427 5.76203C105.714 6.10612 106.288 6.79478 106.49 8.09312L106.567 9.41637C106.567 11.6896 106.676 13.9173 100.612 13.9173H96.2537C92.7642 13.9173 90.4223 13.8386 90.4223 9.33766H93.9429C93.9429 10.7605 94.4702 10.9182 96.2537 10.9182H100.612C102.333 10.9182 102.907 10.798 102.907 9.65303C102.907 8.47064 102.473 8.39193 100.984 8.37105L95.8039 8.2717C94.7647 8.25511 93.8653 8.23019 93.1053 8.09314C91.7714 7.85672 90.9029 7.27192 90.5772 5.76206C90.4841 5.32218 90.4377 4.79951 90.4377 4.18555L90.4841 3.39754C90.7789 0.219867 92.9192 3.05176e-05 96.2536 3.05176e-05H100.612C103.497 3.05176e-05 105.993 0.0332348 106.18 3.39754L106.195 3.8289V4.40137H102.674C102.674 3.92423 102.628 3.60909 102.473 3.39757V3.39751Z" fill="white"/>
+<path d="M57.9076 25.1031L48.658 29.2488C51.122 30.757 53.1373 32.1218 55.6016 33.6302C56.3961 34.1161 57.0577 34.3431 57.7759 34.3431C59.406 34.3431 61.2016 33.3554 63.6575 32.219L70.3534 29.2201C67.9243 27.7454 65.469 26.138 62.999 24.6229C62.3558 24.2281 61.8146 24.0939 61.1873 24.0939C60.3331 24.0939 59.0354 24.5494 57.9076 25.1031Z" fill="white"/>
+<path d="M48.4908 18.1182L39.2412 22.2639C41.7053 23.7721 43.7205 25.1368 46.1848 26.6453C46.9793 27.1312 47.6409 27.3581 48.3592 27.3581C49.9893 27.3581 51.7848 26.3704 54.2408 25.234L60.9366 22.2352C58.5075 20.7604 56.0523 19.1531 53.5823 17.638C52.939 17.2431 52.3979 17.1089 51.7705 17.1089C50.9163 17.1089 49.6186 17.5645 48.4908 18.1182Z" fill="white"/>
+<path d="M39.0743 11.2132L29.8247 15.3588C32.2887 16.867 34.304 18.2318 36.7683 19.7402C37.5628 20.2261 38.2244 20.4531 38.9427 20.4531C40.5727 20.4531 42.3683 19.4654 44.8243 18.329L51.5201 15.3301C49.091 13.8554 46.6357 12.248 44.1657 10.7329C43.5225 10.3381 42.9813 10.2039 42.354 10.2039C41.4998 10.2039 40.2021 10.6594 39.0743 11.2132Z" fill="white"/>
+<path d="M17.6415 11.0998L0 19.7569C2.46407 21.2651 4.69649 22.6471 7.16077 24.1556C7.95521 24.6415 8.67992 24.8433 9.39817 24.8433C11.0283 24.8433 12.6155 23.8034 14.8681 22.6981L29.8246 15.3589C27.3956 13.8841 24.8701 12.3054 22.4001 10.7904C21.7568 10.3955 21.1545 10.2181 20.5271 10.2181C19.6729 10.2181 18.7692 10.5461 17.6415 11.0998H17.6415Z" fill="white"/>
+<path d="M46.6043 29.8331C46.7077 29.8967 46.8103 29.9593 46.9136 30.0221L46.9345 30.0122C46.8319 29.9486 46.7289 29.8858 46.6262 29.8222L46.6043 29.8331Z" fill="white"/>
+<path d="M37.9966 22.6466C38.0996 22.7102 38.2029 22.773 38.3056 22.8356L38.3275 22.8257C38.2249 22.7621 38.1208 22.6985 38.0182 22.6357L37.9966 22.6466Z" fill="white"/>
+<path d="M27.0321 18.0291L9.39056 26.6859C11.8546 28.1943 14.087 29.5764 16.5513 31.0846C17.3458 31.5707 18.0705 31.7715 18.7887 31.7715C20.4188 31.7715 22.0063 30.7324 24.2587 29.6273L39.2152 22.2881C36.7854 20.8131 34.2607 19.2344 31.7906 17.7196C31.1474 17.3245 30.5451 17.1474 29.9177 17.1474C29.0635 17.1474 28.16 17.4751 27.032 18.0291H27.0321Z" fill="white"/>
+<path d="M36.4698 25.0519L18.8283 33.7087C21.2926 35.2172 23.525 36.5992 25.989 38.1074C26.7837 38.5936 27.5084 38.7944 28.2264 38.7944C29.8568 38.7944 31.444 37.7553 33.6967 36.6502L48.6529 29.311C46.2234 27.836 43.6986 26.2573 41.2286 24.7425C40.5853 24.3474 39.983 24.1703 39.3557 24.1703C38.5015 24.1703 37.5977 24.498 36.4697 25.0519H36.4698Z" fill="white"/>
+<path d="M87.344 45.4528C87.344 42.9799 86.5479 42.3885 83.3462 42.3415L78.7085 42.2638C77.9434 42.2488 77.5208 42.1708 77.5208 41.3152C77.5208 40.7086 77.646 40.3816 79.2082 40.3816H82.6432C83.799 40.3816 84.2676 40.3816 84.2676 41.5016H87.0475V41.0508C87.0475 38.0642 85.0175 38.0332 82.6432 38.0332H79.2082C76.3811 38.0332 74.6325 38.2347 74.6325 41.3311C74.6325 44.4103 76.194 44.504 78.8637 44.551L82.9405 44.6288C84.1113 44.6439 84.4549 44.7065 84.4549 45.6394C84.4549 46.542 84.0021 46.635 82.6431 46.635H79.2082C77.8022 46.635 77.3965 46.5102 77.3965 45.3909H74.6165C74.6165 48.9371 76.4592 49 79.2082 49H82.6432C87.422 49 87.3439 47.2413 87.3439 45.4528L87.344 45.4528ZM101.602 38.111H98.2446L94.4804 42.8244L90.717 38.111H87.219L93.0282 45.2662V48.9063H95.9175V45.2662L101.602 38.111ZM114.47 45.4528C114.47 42.9799 113.673 42.3885 110.472 42.3415L105.834 42.2638C105.069 42.2488 104.647 42.1708 104.647 41.3152C104.647 40.7086 104.772 40.3816 106.333 40.3816H109.77C110.925 40.3816 111.394 40.3816 111.394 41.5016H114.173V41.0508C114.173 38.0642 112.143 38.0332 109.77 38.0332H106.333C103.507 38.0332 101.758 38.2347 101.758 41.3311C101.758 44.4103 103.32 44.504 105.99 44.551L110.066 44.6288C111.237 44.6439 111.581 44.7065 111.581 45.6394C111.581 46.542 111.128 46.635 109.77 46.635H106.333C104.928 46.635 104.522 46.5102 104.522 45.3909H101.743C101.743 48.9371 103.586 49 106.333 49H109.77C114.547 49 114.47 47.2413 114.47 45.4528L114.47 45.4528ZM127.478 40.615V38.111H115.47V40.615H119.967V48.9063H122.856V40.615H127.478ZM139.893 48.9063V46.542H131.429V44.4414H139.487V42.4504H131.429V40.4753H139.8V38.111H128.54V48.9063H139.893H139.893ZM158.867 48.9063V38.111H154.697L150.231 46.0595L145.921 38.111H141.611V48.9063H144.499V40.9731L148.826 48.9063H151.637L155.978 40.9731V48.9063H158.867H158.867ZM173 45.4528C173 42.9799 172.204 42.3885 169.002 42.3415L164.364 42.2638C163.599 42.2488 163.177 42.1708 163.177 41.3152C163.177 40.7086 163.302 40.3816 164.864 40.3816H168.299C169.455 40.3816 169.923 40.3816 169.923 41.5016H172.703V41.0508C172.703 38.0642 170.673 38.0332 168.299 38.0332H164.864C162.037 38.0332 160.288 38.2347 160.288 41.3311C160.288 44.4103 161.85 44.504 164.52 44.551L168.596 44.6288C169.767 44.6439 170.11 44.7065 170.11 45.6394C170.11 46.542 169.658 46.635 168.299 46.635H164.864C163.458 46.635 163.052 46.5102 163.052 45.3909H160.272C160.272 48.9371 162.115 49 164.864 49H168.299C173.078 49 173 47.2413 173 45.4528V45.4528Z" fill="white"/>
+</svg>
diff --git a/src/assets/img/brand/esil-signet-logo.svg b/src/assets/img/brand/esil-signet-logo.svg
new file mode 100644
index 00000000..998e5f09
--- /dev/null
+++ b/src/assets/img/brand/esil-signet-logo.svg
@@ -0,0 +1,10 @@
+<svg width="173" height="49" viewBox="0 0 173 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M57.9076 25.1031L48.658 29.2488C51.122 30.757 53.1373 32.1218 55.6016 33.6302C56.3961 34.1161 57.0577 34.3431 57.7759 34.3431C59.406 34.3431 61.2016 33.3554 63.6575 32.219L70.3534 29.2201C67.9243 27.7454 65.469 26.138 62.999 24.6229C62.3558 24.2281 61.8146 24.0939 61.1873 24.0939C60.3331 24.0939 59.0354 24.5494 57.9076 25.1031Z" fill="white"/>
+<path d="M48.4908 18.1182L39.2412 22.2639C41.7053 23.7721 43.7205 25.1368 46.1848 26.6453C46.9793 27.1312 47.6409 27.3581 48.3592 27.3581C49.9893 27.3581 51.7848 26.3704 54.2408 25.234L60.9366 22.2352C58.5075 20.7604 56.0523 19.1531 53.5823 17.638C52.939 17.2431 52.3979 17.1089 51.7705 17.1089C50.9163 17.1089 49.6186 17.5645 48.4908 18.1182Z" fill="white"/>
+<path d="M39.0743 11.2132L29.8247 15.3588C32.2887 16.867 34.304 18.2318 36.7683 19.7402C37.5628 20.2261 38.2244 20.4531 38.9427 20.4531C40.5727 20.4531 42.3683 19.4654 44.8243 18.329L51.5201 15.3301C49.091 13.8554 46.6357 12.248 44.1657 10.7329C43.5225 10.3381 42.9813 10.2039 42.354 10.2039C41.4998 10.2039 40.2021 10.6594 39.0743 11.2132Z" fill="white"/>
+<path d="M17.6415 11.0998L0 19.7569C2.46407 21.2651 4.69649 22.6471 7.16077 24.1556C7.95521 24.6415 8.67992 24.8433 9.39817 24.8433C11.0283 24.8433 12.6155 23.8034 14.8681 22.6981L29.8246 15.3589C27.3956 13.8841 24.8701 12.3054 22.4001 10.7904C21.7568 10.3955 21.1545 10.2181 20.5271 10.2181C19.6729 10.2181 18.7692 10.5461 17.6415 11.0998H17.6415Z" fill="white"/>
+<path d="M46.6043 29.8331C46.7077 29.8967 46.8103 29.9593 46.9136 30.0221L46.9345 30.0122C46.8319 29.9486 46.7289 29.8858 46.6262 29.8222L46.6043 29.8331Z" fill="white"/>
+<path d="M37.9966 22.6466C38.0996 22.7102 38.2029 22.773 38.3056 22.8356L38.3275 22.8257C38.2249 22.7621 38.1208 22.6985 38.0182 22.6357L37.9966 22.6466Z" fill="white"/>
+<path d="M27.0321 18.0291L9.39056 26.6859C11.8546 28.1943 14.087 29.5764 16.5513 31.0846C17.3458 31.5707 18.0705 31.7715 18.7887 31.7715C20.4188 31.7715 22.0063 30.7324 24.2587 29.6273L39.2152 22.2881C36.7854 20.8131 34.2607 19.2344 31.7906 17.7196C31.1474 17.3245 30.5451 17.1474 29.9177 17.1474C29.0635 17.1474 28.16 17.4751 27.032 18.0291H27.0321Z" fill="white"/>
+<path d="M36.4698 25.0519L18.8283 33.7087C21.2926 35.2172 23.525 36.5992 25.989 38.1074C26.7837 38.5936 27.5084 38.7944 28.2264 38.7944C29.8568 38.7944 31.444 37.7553 33.6967 36.6502L48.6529 29.311C46.2234 27.836 43.6986 26.2573 41.2286 24.7425C40.5853 24.3474 39.983 24.1703 39.3557 24.1703C38.5015 24.1703 37.5977 24.498 36.4697 25.0519H36.4698Z" fill="white"/>
+</svg>
diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
index 5a4593c0..d021627a 100644
--- a/src/scss/_custom.scss
+++ b/src/scss/_custom.scss
@@ -1,2 +1,4 @@
 // Here you can add other styles
-
+.header{
+  background-color: #313d52;
+}