From 16dc59cd684847427c8e585e2f957724ea174aaa Mon Sep 17 00:00:00 2001
From: Bartek PC-KADR <banaczyk@magico.pl>
Date: Sun, 3 Apr 2022 21:31:11 +0200
Subject: [PATCH] =?UTF-8?q?company.magico:=20Widok=20zarz=C4=85dzania=20ze?=
 =?UTF-8?q?spo=C5=82em=20-=20dialog=20dodawania=20cz=C5=82onka=20zespo?=
 =?UTF-8?q?=C5=82u?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/.tmp/magico-account-home.html            |    2 +-
 src/.tmp/magico-account.html                 |    2 +-
 src/.tmp/magico-company-app-detail.html      |    4 +-
 src/.tmp/magico-company-app.html             |    4 +-
 src/.tmp/magico-company-choose.html          |    2 +-
 src/.tmp/magico-company-dashboard.html       |    2 +-
 src/.tmp/magico-company-payments.html        |    4 +-
 src/.tmp/magico-company-team.html            | 1260 ++++++++++++++++++
 src/magico-company-team.html                 |  460 +++++++
 src/magico_partials/magico-company-menu.html |    2 +-
 10 files changed, 1731 insertions(+), 11 deletions(-)
 create mode 100644 src/.tmp/magico-company-team.html
 create mode 100644 src/magico-company-team.html

diff --git a/src/.tmp/magico-account-home.html b/src/.tmp/magico-account-home.html
index 4df518b..03eface 100644
--- a/src/.tmp/magico-account-home.html
+++ b/src/.tmp/magico-account-home.html
@@ -53,7 +53,7 @@
 
 
 
-        <nav class="js-mega-menu navbar-nav-wrap">
+        <nav class="js-mega-menu navbar-nav-wrap pe-3">
           <!-- Toggler -->
           <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
             <span class="d-flex justify-content-between align-items-center small">
diff --git a/src/.tmp/magico-account.html b/src/.tmp/magico-account.html
index 14f9603..dd905be 100644
--- a/src/.tmp/magico-account.html
+++ b/src/.tmp/magico-account.html
@@ -53,7 +53,7 @@
 
 
 
-        <nav class="js-mega-menu navbar-nav-wrap">
+        <nav class="js-mega-menu navbar-nav-wrap pe-3">
           <!-- Toggler -->
           <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
             <span class="d-flex justify-content-between align-items-center small">
diff --git a/src/.tmp/magico-company-app-detail.html b/src/.tmp/magico-company-app-detail.html
index 60b86fc..c600c9a 100644
--- a/src/.tmp/magico-company-app-detail.html
+++ b/src/.tmp/magico-company-app-detail.html
@@ -56,7 +56,7 @@
 
 
 
-        <nav class="js-mega-menu navbar-nav-wrap">
+        <nav class="js-mega-menu navbar-nav-wrap pe-3">
           <!-- Toggler -->
           <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
             <span class="d-flex justify-content-between align-items-center small">
@@ -499,7 +499,7 @@
                       </a>
                     </li>
                     <li class="nav-item">
-                      <a class="nav-link " href="./account-notifications.html">
+                      <a class="nav-link " href="./magico-company-edit.html">
                         <i class="bi-building nav-icon"></i> Twoja firma
                       </a>
                     </li>
diff --git a/src/.tmp/magico-company-app.html b/src/.tmp/magico-company-app.html
index 8ab09ef..0dac43d 100644
--- a/src/.tmp/magico-company-app.html
+++ b/src/.tmp/magico-company-app.html
@@ -56,7 +56,7 @@
 
 
 
-        <nav class="js-mega-menu navbar-nav-wrap">
+        <nav class="js-mega-menu navbar-nav-wrap pe-3">
           <!-- Toggler -->
           <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
             <span class="d-flex justify-content-between align-items-center small">
@@ -498,7 +498,7 @@
                       </a>
                     </li>
                     <li class="nav-item">
-                      <a class="nav-link " href="./account-notifications.html">
+                      <a class="nav-link " href="./magico-company-edit.html">
                         <i class="bi-building nav-icon"></i> Twoja firma
                       </a>
                     </li>
diff --git a/src/.tmp/magico-company-choose.html b/src/.tmp/magico-company-choose.html
index 6f801c9..cc8d44e 100644
--- a/src/.tmp/magico-company-choose.html
+++ b/src/.tmp/magico-company-choose.html
@@ -56,7 +56,7 @@
 
 
 
-        <nav class="js-mega-menu navbar-nav-wrap">
+        <nav class="js-mega-menu navbar-nav-wrap pe-3">
           <!-- Toggler -->
           <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
             <span class="d-flex justify-content-between align-items-center small">
diff --git a/src/.tmp/magico-company-dashboard.html b/src/.tmp/magico-company-dashboard.html
index 3d4ed95..b2560f5 100644
--- a/src/.tmp/magico-company-dashboard.html
+++ b/src/.tmp/magico-company-dashboard.html
@@ -510,7 +510,7 @@
                   <!-- List -->
                   <ul class="nav nav-sm nav-tabs nav-vertical mb-4">
                     <li class="nav-item">
-                      <a class="nav-link active" href="./magico-company-dashboard.html">
+                      <a class="nav-link " href="./magico-company-team.html">
                         <i class="bi-people nav-icon"></i> Zespół
                       </a>
                     </li>
diff --git a/src/.tmp/magico-company-payments.html b/src/.tmp/magico-company-payments.html
index abb256e..fe0c576 100644
--- a/src/.tmp/magico-company-payments.html
+++ b/src/.tmp/magico-company-payments.html
@@ -56,7 +56,7 @@
 
 
 
-        <nav class="js-mega-menu navbar-nav-wrap">
+        <nav class="js-mega-menu navbar-nav-wrap pe-3">
           <!-- Toggler -->
           <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
             <span class="d-flex justify-content-between align-items-center small">
@@ -498,7 +498,7 @@
                       </a>
                     </li>
                     <li class="nav-item">
-                      <a class="nav-link " href="./account-notifications.html">
+                      <a class="nav-link " href="./magico-company-edit.html">
                         <i class="bi-building nav-icon"></i> Twoja firma
                       </a>
                     </li>
diff --git a/src/.tmp/magico-company-team.html b/src/.tmp/magico-company-team.html
new file mode 100644
index 0000000..2209d4c
--- /dev/null
+++ b/src/.tmp/magico-company-team.html
@@ -0,0 +1,1260 @@
+<!DOCTYPE html>
+<html lang="en" dir="" class="h-100">
+<head>
+  <!-- Required Meta Tags Always Come First -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <!-- Title -->
+  <title>Magico company dashboard</title>
+
+  <!-- Favicon -->
+  <link rel="shortcut icon" href="./favicon.ico">
+
+  <!-- Font -->
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">  
+
+  <!-- CSS Implementing Plugins -->
+  <!-- bundlecss:vendor [.] -->
+  <link rel="stylesheet" href="./node_modules/bootstrap-icons/font/bootstrap-icons.css">
+  <link rel="stylesheet" href="./assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">
+  <link rel="stylesheet" href="./node_modules/quill/dist/quill.snow.css">
+  <link rel="stylesheet" href="./node_modules/tom-select/dist/css/tom-select.bootstrap5.css">
+
+  <!-- CSS Front Template -->
+  <!-- bundlecss:theme [.] ?v=1.0 -->
+  <link rel="stylesheet" href="./assets/css/theme.css">
+</head>
+
+<body class="h-100">
+  <!-- ========== HEADER ========== -->
+  <!-- ========== HEADER ========== -->
+    <header id="header" class="navbar navbar-expand-lg navbar-end navbar-light bg-white">
+      <!-- Topbar -->
+      <div class="navbar-topbar d-flex justify-content-between align-items-center">
+        <div class="logo ps-3">
+
+          
+
+
+  
+
+
+  <svg xmlns="http://www.w3.org/2000/svg" width="200.459" height="28.558" viewBox="0 0 200.459 28.558">
+    <g id="Group_9" data-name="Group 9" transform="translate(-1248.374 -278.892)">
+      <path id="Path_24" data-name="Path 24" d="M-244.424-34.675h1.865v1.865h-1.865Zm23.606,1.865h-1.865v-8.852a3.312,3.312,0,0,0-1.051-2.561,3.539,3.539,0,0,0-2.476-.967,3.557,3.557,0,0,0-2.459.967,3.287,3.287,0,0,0-1.068,2.561v8.852H-231.6v-8.852a3.312,3.312,0,0,0-1.051-2.561,3.539,3.539,0,0,0-2.476-.967,3.557,3.557,0,0,0-2.459.967,3.287,3.287,0,0,0-1.068,2.561v8.852h-1.865V-46.682l1.56,1.221a5.226,5.226,0,0,1,3.833-1.594,5.446,5.446,0,0,1,2.578.644,4.955,4.955,0,0,1,1.9,1.7,5.134,5.134,0,0,1,4.443-2.34,5.13,5.13,0,0,1,2.154.441,5.624,5.624,0,0,1,1.662,1.136,5.624,5.624,0,0,1,1.136,1.662,5.13,5.13,0,0,1,.441,2.154Zm14.143-1.865a7.11,7.11,0,0,1-5.291,2.272,7.043,7.043,0,0,1-5.155-2.171,7.043,7.043,0,0,1-2.171-5.155,7.01,7.01,0,0,1,2.171-5.189,7.1,7.1,0,0,1,5.155-2.137,7.11,7.11,0,0,1,5.291,2.272l2.035-1.9V-32.81Zm-5.291-10.514a5.278,5.278,0,0,0-3.884,1.577,5.278,5.278,0,0,0-1.577,3.884,5.278,5.278,0,0,0,1.577,3.884,5.278,5.278,0,0,0,3.884,1.577,5.265,5.265,0,0,0,3.867-1.594,5.265,5.265,0,0,0,1.594-3.867A5.265,5.265,0,0,0-208.1-43.6,5.265,5.265,0,0,0-211.965-45.189Zm11.532,17.569a5.294,5.294,0,0,0,4.511,2.2,5.506,5.506,0,0,0,3.951-1.577,5.326,5.326,0,0,0,1.645-4.019v-3.833a7.062,7.062,0,0,1-5.461,2.442,7.043,7.043,0,0,1-5.155-2.171,7.043,7.043,0,0,1-2.171-5.155,7.01,7.01,0,0,1,2.171-5.189,7.1,7.1,0,0,1,5.155-2.137,7.11,7.11,0,0,1,5.291,2.272l2.035-1.9v15.67a7.144,7.144,0,0,1-2.2,5.291,7.233,7.233,0,0,1-5.257,2.171,7.172,7.172,0,0,1-5.936-2.917Zm4.647-17.569a5.278,5.278,0,0,0-3.884,1.577,5.278,5.278,0,0,0-1.577,3.884,5.278,5.278,0,0,0,1.577,3.884,5.278,5.278,0,0,0,3.884,1.577,5.265,5.265,0,0,0,3.867-1.594,5.265,5.265,0,0,0,1.594-3.867A5.265,5.265,0,0,0-191.92-43.6,5.265,5.265,0,0,0-195.787-45.189Zm9.361-1.492h1.865V-32.81h-1.865Zm0-5.427h1.865v2.035h-1.865Zm16.348,7.7-1.458,1.153a5.272,5.272,0,0,0-4.172-1.933,5.278,5.278,0,0,0-3.884,1.577,5.278,5.278,0,0,0-1.577,3.884,5.278,5.278,0,0,0,1.577,3.884,5.278,5.278,0,0,0,3.884,1.577,5.155,5.155,0,0,0,4.07-1.832l1.492,1.153a7.289,7.289,0,0,1-2.476,1.882,7.239,7.239,0,0,1-3.086.661,7.043,7.043,0,0,1-5.155-2.171,7.043,7.043,0,0,1-2.171-5.155,7.01,7.01,0,0,1,2.171-5.189,7.1,7.1,0,0,1,5.155-2.137,7.243,7.243,0,0,1,3.154.678A7.129,7.129,0,0,1-170.078-44.409Zm8.344-2.646a7.065,7.065,0,0,1,5.189,2.137,7.065,7.065,0,0,1,2.137,5.189,7.1,7.1,0,0,1-2.137,5.155,7.01,7.01,0,0,1-5.189,2.171,7.043,7.043,0,0,1-5.155-2.171,7.043,7.043,0,0,1-2.171-5.155,7.01,7.01,0,0,1,2.171-5.189A7.1,7.1,0,0,1-161.734-47.055Zm0,1.865a5.278,5.278,0,0,0-3.884,1.577,5.278,5.278,0,0,0-1.577,3.884,5.278,5.278,0,0,0,1.577,3.884,5.278,5.278,0,0,0,3.884,1.577,5.265,5.265,0,0,0,3.867-1.594,5.265,5.265,0,0,0,1.594-3.867,5.265,5.265,0,0,0-1.594-3.867A5.265,5.265,0,0,0-161.734-45.189Z" transform="translate(1603.24 331)" fill="#615d5c"/>
+      <path id="Path_23" data-name="Path 23" d="M14.33-35.818l-1.458,1.153A5.272,5.272,0,0,0,8.7-36.6a5.278,5.278,0,0,0-3.884,1.577,5.278,5.278,0,0,0-1.577,3.884,5.278,5.278,0,0,0,1.577,3.884A5.278,5.278,0,0,0,8.7-25.676a5.155,5.155,0,0,0,4.07-1.832l1.492,1.153a7.289,7.289,0,0,1-2.476,1.882,7.239,7.239,0,0,1-3.086.661,7.043,7.043,0,0,1-5.155-2.171,7.043,7.043,0,0,1-2.171-5.155,7.01,7.01,0,0,1,2.171-5.189A7.1,7.1,0,0,1,8.7-38.463a7.243,7.243,0,0,1,3.154.678A7.129,7.129,0,0,1,14.33-35.818Zm8.344-2.646a7.065,7.065,0,0,1,5.189,2.137A7.065,7.065,0,0,1,30-31.137a7.1,7.1,0,0,1-2.137,5.155,7.01,7.01,0,0,1-5.189,2.171,7.043,7.043,0,0,1-5.155-2.171,7.043,7.043,0,0,1-2.171-5.155,7.01,7.01,0,0,1,2.171-5.189A7.1,7.1,0,0,1,22.674-38.463Zm0,1.865a5.278,5.278,0,0,0-3.884,1.577,5.278,5.278,0,0,0-1.577,3.884,5.278,5.278,0,0,0,1.577,3.884,5.278,5.278,0,0,0,3.884,1.577A5.265,5.265,0,0,0,26.54-27.27a5.265,5.265,0,0,0,1.594-3.867A5.265,5.265,0,0,0,26.54-35,5.265,5.265,0,0,0,22.674-36.6Zm28.558,12.38H49.367V-33.07a3.312,3.312,0,0,0-1.051-2.561,3.539,3.539,0,0,0-2.476-.967,3.557,3.557,0,0,0-2.459.967,3.287,3.287,0,0,0-1.068,2.561v8.852H40.446V-33.07a3.312,3.312,0,0,0-1.051-2.561,3.539,3.539,0,0,0-2.476-.967,3.557,3.557,0,0,0-2.459.967,3.287,3.287,0,0,0-1.068,2.561v8.852H31.526V-38.09l1.56,1.221a5.226,5.226,0,0,1,3.833-1.594,5.446,5.446,0,0,1,2.578.644,4.954,4.954,0,0,1,1.9,1.7,5.134,5.134,0,0,1,4.443-2.34,5.13,5.13,0,0,1,2.154.441,5.624,5.624,0,0,1,1.662,1.136,5.624,5.624,0,0,1,1.136,1.662,5.13,5.13,0,0,1,.441,2.154Zm9.361.407a7.062,7.062,0,0,1-5.461-2.442v11.261H53.267v-23.1l2.035,1.9a7.11,7.11,0,0,1,5.291-2.272,7.065,7.065,0,0,1,5.189,2.137,7.065,7.065,0,0,1,2.137,5.189,7.1,7.1,0,0,1-2.137,5.155A7.01,7.01,0,0,1,60.593-23.811Zm0-1.865a5.278,5.278,0,0,0,3.884-1.577,5.278,5.278,0,0,0,1.577-3.884,5.278,5.278,0,0,0-1.577-3.884A5.278,5.278,0,0,0,60.593-36.6,5.265,5.265,0,0,0,56.727-35a5.265,5.265,0,0,0-1.594,3.867,5.265,5.265,0,0,0,1.594,3.867A5.265,5.265,0,0,0,60.593-25.676Zm20.961-.407a7.11,7.11,0,0,1-5.291,2.272,7.043,7.043,0,0,1-5.155-2.171,7.043,7.043,0,0,1-2.171-5.155,7.01,7.01,0,0,1,2.171-5.189,7.1,7.1,0,0,1,5.155-2.137,7.11,7.11,0,0,1,5.291,2.272l2.035-1.9v13.872ZM76.263-36.6a5.278,5.278,0,0,0-3.884,1.577A5.278,5.278,0,0,0,70.8-31.137a5.278,5.278,0,0,0,1.577,3.884,5.278,5.278,0,0,0,3.884,1.577A5.265,5.265,0,0,0,80.13-27.27a5.265,5.265,0,0,0,1.594-3.867A5.265,5.265,0,0,0,80.13-35,5.265,5.265,0,0,0,76.263-36.6Zm9.361,12.38V-38.09L87.218-36.8a5.235,5.235,0,0,1,3.934-1.662,5.346,5.346,0,0,1,3.934,1.594,5.345,5.345,0,0,1,1.594,3.934v8.717H94.816v-8.717a3.5,3.5,0,0,0-1.068-2.629A3.592,3.592,0,0,0,91.153-36.6a3.533,3.533,0,0,0-2.595,1.068,3.532,3.532,0,0,0-1.068,2.595v8.717ZM99.53-17.774l1.458-1.085a3.556,3.556,0,0,0,3.154,1.628,3.542,3.542,0,0,0,2.73-1.119A3.768,3.768,0,0,0,107.908-21v-4.24a5.329,5.329,0,0,1-3.663,1.391,5.346,5.346,0,0,1-3.934-1.594,5.345,5.345,0,0,1-1.594-3.934V-38.09h1.865v8.717a3.478,3.478,0,0,0,1.1,2.595,3.567,3.567,0,0,0,2.561,1.068,3.448,3.448,0,0,0,2.629-1.1,3.627,3.627,0,0,0,1.034-2.561V-38.09h1.865V-21a5.428,5.428,0,0,1-1.645,3.985,5.428,5.428,0,0,1-3.985,1.645A5.352,5.352,0,0,1,99.53-17.774Z" transform="translate(1247 322.408)" fill="#00559b"/>
+    </g>
+  </svg>
+
+
+
+  
+
+        </div>
+
+
+
+
+        <nav class="js-mega-menu navbar-nav-wrap pe-3">
+          <!-- Toggler -->
+          <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="d-flex justify-content-between align-items-center small">
+              <span class="navbar-toggler-text">Aplikacje i konto</span>
+
+              <span class="navbar-toggler-default">
+                <i class="bi-chevron-down ms-2"></i>
+              </span>
+              <span class="navbar-toggler-toggled">
+                <i class="bi-chevron-up ms-2"></i>
+              </span>
+            </span>
+          </button>
+          <!-- End Toggler -->
+
+          <div id="topbarNavDropdown" class="navbar-nav-wrap-collapse collapse navbar-collapse navbar-topbar-collapse">
+            <div class="navbar-toggler-wrapper">
+              <div class="navbar-topbar-toggler d-flex justify-content-between align-items-center">
+                <span class="navbar-toggler-text small">Aplikacje i konto</span>
+
+                <!-- Toggler -->
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#topbarNavDropdown" aria-controls="topbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+                  <i class="bi-x"></i>
+                </button>
+                <!-- End Toggler -->
+              </div>
+            </div>
+
+            <ul class="navbar-nav">
+              <!-- Demos -->
+              <li class="nav-item">
+                  <!-- Button Group -->
+                  <div class="btn-group">
+                    <button type="button" class="btn btn-soft-dark btn-xs dropdown-toggle" id="footerSelectLanguage" data-bs-toggle="dropdown" aria-expanded="false" data-bs-dropdown-animation>
+                      <span class="d-flex align-items-center">
+                        <img class="avatar avatar-xss avatar-circle me-2" src="https://www.karczmabiesiada.eu/files/122737640_3649539171731038_2859262582236671221_o.jpg" alt="Image description" width="16"/>
+                        <span>Karczma Biesiada</span>
+                      </span>
+                    </button>
+
+                    <div class="dropdown-menu" aria-labelledby="footerSelectLanguage">
+                      <a class="dropdown-item d-flex align-items-center active" href="#">
+                        <img class="avatar avatar-xss avatar-circle me-2" src="./node_modules/flag-icon-css/flags/1x1/pl.svg" alt="Image description" width="16"/>
+                        <span>Agencja Magico</span>
+                      </a>
+                      <a class="dropdown-item d-flex align-items-center" href="#">
+                        <img class="avatar avatar-xss avatar-circle me-2" src="./node_modules/flag-icon-css/flags/1x1/de.svg" alt="Image description" width="16"/>
+                        <span>Alter CT</span>
+                      </a>
+                      <a class="dropdown-item d-flex align-items-center" href="#">
+                        <img class="avatar avatar-xss avatar-circle me-2" src="./node_modules/flag-icon-css/flags/1x1/es.svg" alt="Image description" width="16"/>
+                        <span>Innowia</span>
+                      </a>
+                    </div>
+                  </div>
+                  <!-- End Button Group -->
+              </li>
+              <li class="hs-has-mega-menu nav-item">
+                <a id="demosMegaMenu" class="hs-mega-menu-invoker nav-link fs-3" aria-current="page" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                  <i class="bi bi-grid-fill"></i>
+                </a>
+
+                <!-- Mega Menu -->
+                <div class="hs-mega-menu hs-position-right dropdown-menu w-100" aria-labelledby="demosMegaMenu" style="min-width: 40rem; max-width: 1200px;">
+                  <!-- Promo -->
+                  <div class="navbar-dropdown-menu-promo">
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                      <a class="navbar-dropdown-menu-promo-link active" href="/magico-account-home.html">
+                        <div class="d-flex">
+                          <div class="flex-shrink-0">
+                            <span class="svg-icon svg-icon-sm text-primary">
+                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                              <path d="M15.6 5.59998L20.9 10.9C21.3 11.3 21.3 11.9 20.9 12.3L17.6 15.6L11.6 9.59998L15.6 5.59998ZM2.3 12.3L7.59999 17.6L11.6 13.6L5.59999 7.59998L2.3 10.9C1.9 11.3 1.9 11.9 2.3 12.3Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M17.6 15.6L12.3 20.9C11.9 21.3 11.3 21.3 10.9 20.9L7.59998 17.6L13.6 11.6L17.6 15.6ZM10.9 2.3L5.59998 7.6L9.59998 11.6L15.6 5.6L12.3 2.3C11.9 1.9 11.3 1.9 10.9 2.3Z" fill="#035A4B"/>
+                              </svg>
+
+                            </span>
+                          </div>
+
+                          <div class="flex-grow-1 ms-3">
+                            <span class="navbar-dropdown-menu-media-title">Twoje konto</span>
+                            <p class="navbar-dropdown-menu-media-desc">Zarządzaj informacjami o Twoim koncie i ustawieniami prywatności</p>
+                          </div>
+                        </div>
+                      </a>
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                      <a class="navbar-dropdown-menu-promo-link " href="/magico-company-dashboard.html">
+                        <div class="d-flex">
+                          <div class="flex-shrink-0">
+                            <span class="svg-icon svg-icon-sm text-primary">
+                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                              <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 3C5.67157 3 5 3.67157 5 4.5V6H3.5C2.67157 6 2 6.67157 2 7.5C2 8.32843 2.67157 9 3.5 9H5V19.5C5 20.3284 5.67157 21 6.5 21C7.32843 21 8 20.3284 8 19.5V9H20.5C21.3284 9 22 8.32843 22 7.5C22 6.67157 21.3284 6 20.5 6H8V4.5C8 3.67157 7.32843 3 6.5 3Z" fill="#035A4B"/>
+                              <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M20.5 11H10V17.5C10 18.3284 10.6716 19 11.5 19H15.5C17.3546 19 19.0277 18.2233 20.2119 16.9775C20.1436 16.9922 20.0727 17 20 17C19.4477 17 19 16.5523 19 16V13C19 12.4477 19.4477 12 20 12C20.5523 12 21 12.4477 21 13V15.9657C21.6334 14.9626 22 13.7741 22 12.5C22 11.6716 21.3284 11 20.5 11Z" fill="#035A4B"/>
+                              </svg>
+
+                            </span>
+                          </div>
+
+                          <div class="flex-grow-1 ms-3">
+                            <span class="navbar-dropdown-menu-media-title">Firmy i organizacje</span>
+                            <p class="navbar-dropdown-menu-media-desc">Skonfiguruj ustawienia Twojej firmy, zarządzaj użytkownikami i rozliczeniami</p>
+                          </div>
+                        </div>
+                      </a>
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                    
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+                  </div>
+                  <!-- End Promo -->
+
+
+  <span class="dropdown-header">Firma i Zasoby ludzkie</span>
+                  <!-- Promo -->
+                  <div class="navbar-dropdown-menu-promo">
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                      <a class="navbar-dropdown-menu-promo-link " href="./demo-course/index.html">
+                        <div class="d-flex">
+                          <div class="flex-shrink-0">
+                            <span class="svg-icon svg-icon-sm text-primary">
+                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                              <path d="M20 19H4C2.9 19 2 18.1 2 17H22C22 18.1 21.1 19 20 19Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M20 5H4C3.4 5 3 5.4 3 6V17H21V6C21 5.4 20.6 5 20 5Z" fill="#035A4B"/>
+                              <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9167 6.83334H9.91666C9.18899 6.83334 8.66666 7.37744 8.66666 8.08334V13.9167C8.66666 14.6226 9.18899 15.1667 9.91666 15.1667H14.9167C15.1841 15.1667 15.3333 15.0112 15.3333 14.75V14.3333H10.3333C10.1032 14.3333 9.91665 14.1468 9.91665 13.9167C9.91665 13.6866 10.1032 13.5 10.3333 13.5H15.3333V7.25001C15.3333 6.9888 15.1841 6.83334 14.9167 6.83334Z" fill="#035A4B"/>
+                              <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="10">
+                              <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9167 6.83334H9.91666C9.18899 6.83334 8.66666 7.37744 8.66666 8.08334V13.9167C8.66666 14.6226 9.18899 15.1667 9.91666 15.1667H14.9167C15.1841 15.1667 15.3333 15.0112 15.3333 14.75V14.3333H10.3333C10.1032 14.3333 9.91665 14.1468 9.91665 13.9167C9.91665 13.6866 10.1032 13.5 10.3333 13.5H15.3333V7.25001C15.3333 6.9888 15.1841 6.83334 14.9167 6.83334Z" fill="white"/>
+                              </mask>
+                              <g mask="url(#mask0)">
+                              </g>
+                              </svg>
+
+                            </span>
+                          </div>
+
+                          <div class="flex-grow-1 ms-3">
+                            <span class="navbar-dropdown-menu-media-title">Grafik pracy <span class="badge bg-success rounded-pill ms-1">Hot</span></span>
+                            <p class="navbar-dropdown-menu-media-desc">Learn on your schedule. An online learning and teaching demo.</p>
+                          </div>
+                        </div>
+                      </a>
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                      <a class="navbar-dropdown-menu-promo-link " href="./demo-shop/index.html">
+                        <div class="d-flex">
+                          <div class="flex-shrink-0">
+                            <span class="svg-icon svg-icon-sm text-primary">
+                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                              <path opacity="0.3" d="M20 22H4C3.4 22 3 21.6 3 21V2H21V21C21 21.6 20.6 22 20 22Z" fill="#035A4B"/>
+                              <path d="M12 14C9.2 14 7 11.8 7 9V5C7 4.4 7.4 4 8 4C8.6 4 9 4.4 9 5V9C9 10.7 10.3 12 12 12C13.7 12 15 10.7 15 9V5C15 4.4 15.4 4 16 4C16.6 4 17 4.4 17 5V9C17 11.8 14.8 14 12 14Z" fill="#035A4B"/>
+                              </svg>
+
+                            </span>
+                          </div>
+
+                          <div class="flex-grow-1 ms-3">
+                            <span class="navbar-dropdown-menu-media-title">Kalendarz urlopów</span>
+                            <p class="navbar-dropdown-menu-media-desc">Choose an online store &amp; get your business online today!</p>
+                          </div>
+                        </div>
+                      </a>
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                      <a class="navbar-dropdown-menu-promo-link " href="./demo-app-marketplace/index.html">
+                        <div class="d-flex">
+                          <div class="flex-shrink-0">
+                            <span class="svg-icon svg-icon-sm text-primary">
+                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                              <path opacity="0.3" d="M18 10V20C18 20.6 18.4 21 19 21C19.6 21 20 20.6 20 20V10H18Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M11 10V17H6V10H4V20C4 20.6 4.4 21 5 21H12C12.6 21 13 20.6 13 20V10H11Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M10 10C10 11.1 9.1 12 8 12C6.9 12 6 11.1 6 10H10Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M18 10C18 11.1 17.1 12 16 12C14.9 12 14 11.1 14 10H18Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M14 4H10V10H14V4Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M17 4H20L22 10H18L17 4Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M7 4H4L2 10H6L7 4Z" fill="#035A4B"/>
+                              <path d="M6 10C6 11.1 5.1 12 4 12C2.9 12 2 11.1 2 10H6ZM10 10C10 11.1 10.9 12 12 12C13.1 12 14 11.1 14 10H10ZM18 10C18 11.1 18.9 12 20 12C21.1 12 22 11.1 22 10H18ZM19 2H5C4.4 2 4 2.4 4 3V4H20V3C20 2.4 19.6 2 19 2ZM12 17C12 16.4 11.6 16 11 16H6C5.4 16 5 16.4 5 17C5 17.6 5.4 18 6 18H11C11.6 18 12 17.6 12 17Z" fill="#035A4B"/>
+                              </svg>
+
+                            </span>
+                          </div>
+
+                          <div class="flex-grow-1 ms-3">
+                            <span class="navbar-dropdown-menu-media-title">Pracownicy</span>
+                            <p class="navbar-dropdown-menu-media-desc">Find apps and integrates seamlessly with popular apps.</p>
+                          </div>
+                        </div>
+                      </a>
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+                  </div>
+                  <!-- End Promo -->
+
+                  <!-- Promo -->
+                  <div class="navbar-dropdown-menu-promo">
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                      <a class="navbar-dropdown-menu-promo-link " href="./demo-help-desk/index.html">
+                        <div class="d-flex">
+                          <div class="flex-shrink-0">
+                            <span class="svg-icon svg-icon-sm text-primary">
+                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                              <path fill-rule="evenodd" clip-rule="evenodd" d="M22.1671 18.1421C22.4827 18.4577 23.0222 18.2331 23.0206 17.7868L23.0039 13.1053V5.52632C23.0039 4.13107 21.8729 3 20.4776 3H8.68815C7.2929 3 6.16183 4.13107 6.16183 5.52632V9H13C14.6568 9 16 10.3431 16 12V15.6316H19.6565L22.1671 18.1421Z" fill="#035A4B"/>
+                              <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M1.98508 18V13C1.98508 11.8954 2.88051 11 3.98508 11H11.9851C13.0896 11 13.9851 11.8954 13.9851 13V18C13.9851 19.1046 13.0896 20 11.9851 20H4.10081L2.85695 21.1905C2.53895 21.4949 2.01123 21.2695 2.01123 20.8293V18.3243C1.99402 18.2187 1.98508 18.1104 1.98508 18ZM5.99999 14.5C5.99999 14.2239 6.22385 14 6.49999 14H11.5C11.7761 14 12 14.2239 12 14.5C12 14.7761 11.7761 15 11.5 15H6.49999C6.22385 15 5.99999 14.7761 5.99999 14.5ZM9.49999 16C9.22385 16 8.99999 16.2239 8.99999 16.5C8.99999 16.7761 9.22385 17 9.49999 17H11.5C11.7761 17 12 16.7761 12 16.5C12 16.2239 11.7761 16 11.5 16H9.49999Z" fill="#035A4B"/>
+                              </svg>
+
+                            </span>
+                          </div>
+
+                          <div class="flex-grow-1 ms-3">
+                            <span class="navbar-dropdown-menu-media-title">Faktury</span>
+                            <p class="navbar-dropdown-menu-media-desc">Prowadź rozliczenia i dokumenty sprzedażowe poprzez faktury magico</p>
+                          </div>
+                        </div>
+                      </a>
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                      <a class="navbar-dropdown-menu-promo-link" href="https://htmlstream.com/contact-us" target="_blank">
+                        <div class="d-flex">
+                          <div class="flex-shrink-0">
+                            <span class="svg-icon svg-icon-sm text-primary">
+                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                              <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M12 17C16.4183 17 20 13.4183 20 9C20 4.58172 16.4183 1 12 1C7.58172 1 4 4.58172 4 9C4 13.4183 7.58172 17 12 17Z" fill="#035A4B"/>
+                              <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M6.53819 9L10.568 19.3624L11.976 18.8149L13.3745 19.3674L17.4703 9H6.53819ZM9.46188 11H14.5298L11.9759 17.4645L9.46188 11Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M10 22H14V22C14 23.1046 13.1046 24 12 24V24C10.8954 24 10 23.1046 10 22V22Z" fill="#035A4B"/>
+                              <path fill-rule="evenodd" clip-rule="evenodd" d="M8 17C8 16.4477 8.44772 16 9 16H15C15.5523 16 16 16.4477 16 17C16 17.5523 15.5523 18 15 18C15.5523 18 16 18.4477 16 19C16 19.5523 15.5523 20 15 20C15.5523 20 16 20.4477 16 21C16 21.5523 15.5523 22 15 22H9C8.44772 22 8 21.5523 8 21C8 20.4477 8.44772 20 9 20C8.44772 20 8 19.5523 8 19C8 18.4477 8.44772 18 9 18C8.44772 18 8 17.5523 8 17Z" fill="#035A4B"/>
+                              </svg>
+
+                            </span>
+                          </div>
+
+                          <div class="flex-grow-1 ms-3">
+                            <span class="navbar-dropdown-menu-media-title">Kontrahenci</span>
+                            <p class="navbar-dropdown-menu-media-desc">
+                              Baza kontrahentów firmy wykorzystywana we wszystkich aplikacjach magico.
+                            </p>
+                          </div>
+                        </div>
+                      </a>
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                    </div>
+                    <!-- End Promo Item -->
+                  </div>
+                  <!-- End Promo -->
+
+  <span class="dropdown-header">Gastro</span>
+
+                              <!-- Promo -->
+                  <div class="navbar-dropdown-menu-promo">
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                      <a class="navbar-dropdown-menu-promo-link" href="./index.html">
+                        <div class="d-flex">
+                          <div class="flex-shrink-0">
+                            <span class="svg-icon svg-icon-sm text-primary">
+                              <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                              <path d="M15.6 5.59998L20.9 10.9C21.3 11.3 21.3 11.9 20.9 12.3L17.6 15.6L11.6 9.59998L15.6 5.59998ZM2.3 12.3L7.59999 17.6L11.6 13.6L5.59999 7.59998L2.3 10.9C1.9 11.3 1.9 11.9 2.3 12.3Z" fill="#035A4B"/>
+                              <path opacity="0.3" d="M17.6 15.6L12.3 20.9C11.9 21.3 11.3 21.3 10.9 20.9L7.59998 17.6L13.6 11.6L17.6 15.6ZM10.9 2.3L5.59998 7.6L9.59998 11.6L15.6 5.6L12.3 2.3C11.9 1.9 11.3 1.9 10.9 2.3Z" fill="#035A4B"/>
+                              </svg>
+
+                            </span>
+                          </div>
+
+                          <div class="flex-grow-1 ms-3">
+                            <span class="navbar-dropdown-menu-media-title">Dostawy posiłków</span>
+                            <p class="navbar-dropdown-menu-media-desc">Sprytny system dostaw posiłków i planowania tras kierowców</p>
+                          </div>
+                        </div>
+                      </a>
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+
+                    <!-- Promo Item -->
+                    <div class="navbar-dropdown-menu-promo-item">
+                      <!-- Promo Link -->
+                    
+                      <!-- End Promo Link -->
+                    </div>
+                    <!-- End Promo Item -->
+                  </div>
+                  <!-- End Promo -->
+
+
+                </div>
+                <!-- End Mega Menu -->
+              </li>
+              <!-- End Demos -->
+
+              <!-- Docs -->
+              <li class="hs-has-mega-menu nav-item"
+                  data-hs-mega-menu-item-options='{
+                    "desktop": {
+                      "maxWidth": "20rem"
+                    }
+                  }'>
+                <a id="docsMegaMenu" class="hs-mega-menu-invoker nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                  <img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
+                </a>
+
+                <!-- Mega Menu -->
+                <div class="hs-mega-menu hs-position-right dropdown-menu" aria-labelledby="docsMegaMenu" style="min-width: 20rem;">
+                  <!-- Link -->
+                  <a class="dropdown-item" href="#">Zarządzaj kontem</a>
+                  <a class="dropdown-item" href="#">Centrum pomocy</a>
+                  <div class="dropdown-divider"></div>
+                  <a class="dropdown-item" href="#">Wyloguj się</a>
+                  <!-- End Link -->
+                </div>
+                <!-- End Mega Menu -->
+              </li>
+              <!-- End Docs -->
+            </ul>
+          </div>
+        </nav>
+      </div>
+      <!-- End Topbar -->
+
+    </header>
+
+    <!-- ========== END HEADER ========== -->
+  <!-- ========== END HEADER ========== -->
+
+  <!-- ========== MAIN CONTENT ========== -->
+  <main id="content" role="main" class="bg-light company">
+    <!-- Breadcrumb -->
+    <div class="navbar-dark bg-dark" style="background-image: url(./assets/svg/components/wave-pattern-light.svg);">
+      <div class="container container-big content-space-1 content-space-b-lg-3">
+        <div class="row align-items-center">
+          <div class="col">
+            <div class="d-none d-lg-block">
+              <h1 class="h2 text-white">Karczma Biesiada</h1>
+            </div>
+
+            <!-- Breadcrumb -->
+            <nav aria-label="breadcrumb">
+              <ol class="breadcrumb breadcrumb-light mb-0">
+                <li class="breadcrumb-item">company.magico</li>
+                <li class="breadcrumb-item active" aria-current="page">Zespół</li>
+              </ol>
+            </nav>
+            <!-- End Breadcrumb -->
+          </div>
+          <!-- End Col -->
+
+          <div class="col-auto">
+            <!-- Responsive Toggle Button -->
+            <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-default">
+                <i class="bi-list"></i>
+              </span>
+              <span class="navbar-toggler-toggled">
+                <i class="bi-x"></i>
+              </span>
+            </button>
+            <!-- End Responsive Toggle Button -->
+          </div>
+          <!-- End Col -->
+        </div>
+        <!-- End Row -->
+      </div>
+    </div>
+    <!-- End Breadcrumb -->
+
+    <!-- Content -->
+    <div class="container container-big content-space-1 content-space-t-lg-0 content-space-b-lg-2 mt-lg-n10">
+      <div class="row h-100">
+        <div class="col-lg-3 col-xxl-2">
+          <!-- Navbar -->
+          <div class="navbar-expand-lg navbar-light">
+            <div id="sidebarNav" class="collapse navbar-collapse navbar-vertical">
+              <!-- Card -->
+              <div class="card flex-grow-1 mb-5">
+                <div class="card-body">
+                  <!-- Nav -->
+                  <span class="text-cap">Zarządzanie firmą</span>
+ 
+                  <!-- List -->
+                  <ul class="nav nav-sm nav-tabs nav-vertical mb-4">
+                    <li class="nav-item">
+                      <a class="nav-link " href="./magico-company-dashboard.html">
+                        <i class="bi-house-door nav-icon"></i> Kokpit
+                      </a>
+                    </li>
+                    <li class="nav-item">
+                      <a class="nav-link " href="./magico-company-app.html">
+                        <i class="bi-grid-3x3-gap nav-icon"></i> Usługi i aplikacje
+                      </a>
+                    </li>
+                    <li class="nav-item">
+                      <a class="nav-link " href="./magico-company-payments.html">
+                        <i class="bi-cash-coin nav-icon"></i> Rozliczenia
+                      </a>
+                    </li>
+                    <li class="nav-item">
+                      <a class="nav-link " href="./magico-company-edit.html">
+                        <i class="bi-building nav-icon"></i> Twoja firma
+                      </a>
+                    </li>
+                  </ul>
+                  <!-- End List -->
+
+                  <span class="text-cap">Zarządzanie zespołem</span>
+
+                  <!-- List -->
+                  <ul class="nav nav-sm nav-tabs nav-vertical mb-4">
+                    <li class="nav-item">
+                      <a class="nav-link active" href="./magico-company-team.html">
+                        <i class="bi-people nav-icon"></i> Zespół
+                      </a>
+                    </li>
+                    <li class="nav-item">
+                      <a class="nav-link " href="./magico-company-app.html">
+                        <i class="bi-person nav-icon"></i> Grupy
+                      </a>
+                    </li>
+                  </ul>
+                  <!-- End List -->
+
+
+                  <div class="d-lg-none">
+                    <div class="dropdown-divider"></div>
+
+                    <!-- List -->
+                    <ul class="nav nav-sm nav-tabs nav-vertical">
+                      <li class="nav-item">
+                        <a class="nav-link" href="#">
+                          <i class="bi-box-arrow-right nav-icon"></i> Wyloguj
+                        </a>
+                      </li>
+                    </ul>
+                    <!-- End List -->
+                  </div>
+                  <!-- End Nav -->
+                </div>
+              </div>
+              <!-- End Card -->
+            </div>
+          </div>
+          <!-- End Navbar -->
+        </div>
+        <!-- End Col -->
+
+        <div class="col-lg-9 col-xxl-10 comapny-dashboard">
+          <div class="d-grid gap-3 gap-lg-5">
+            <!-- Card -->
+            <div class="card">
+              <div class="card-header border-bottom">
+                <h4 class="card-header-title">Zarządzaj Twoim zespołem</h4> 
+              </div>
+
+              <!-- Body -->
+              <div class="card-body">
+                <!-- Card -->
+
+                <div class="container">
+
+
+                  <div class="mb-4">
+                <label class="form-label">Dodaj innych właścicieli, managerów lub pracowników firmy. Wprowadź ich adres e-mail w poniższym polu. Możesz też pominać ten krok i zrobić to później.</label>
+
+                <!-- Search -->
+                <div class="mb-4 mt-4">
+                  <form>
+                    <!-- Input Card -->
+                    <div class="input-card border">
+                      <div class="input-card-form">
+                        <label for="searchAppsForm" class="form-label visually-hidden">Wprowadź adres e-mail</label>
+                        <div class="input-group input-group-merge">
+                          <span class="input-group-prepend input-group-text">
+                            <i class="bi-search"></i>
+                          </span>
+                          <input type="text" class="form-control" id="searchAppsForm" placeholder="Wprowadź adres e-mail" aria-label="Wprowadź adres e-mail">
+                        </div>
+                      </div>
+                      <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#moremodal">
+                        <i class="bi-arrow-right"></i>
+                      </button>
+                    </div>
+                    <!-- End Input Card -->
+
+
+                  </form>
+                </div>
+                <!-- End Search -->
+              </div>
+              <!-- End Form -->
+
+
+
+              <div class="table-responsive" style="padding-bottom: 120px;">
+              <table class="table table-borderless table-thead-bordered table-nowrap table-align-middle card-table">
+                <thead class="thead-light">
+                  <tr>
+                    <th>Użytkownik</th>
+                    <th>Uprawnienia</th>
+                    <th style="width: 5%;"></th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>
+                      <div class="d-flex align-items-center">
+                        <div class="flex-shrink-0">
+                          <img class="avatar avatar-sm avatar-circle" src="./assets/img/160x160/img8.jpg" alt="Image Description">
+                        </div>
+
+                        <div class="flex-grow-1 ms-3">
+                          <a class="d-inline-block link-dark" href="#">
+                            <h6 class="text-hover-primary mb-0">Amanda Harvey <img class="avatar avatar-xss ms-1" src="./assets/svg/illustrations/top-vendor.svg" alt="Image Description" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Verified user" aria-label="Verified user"></h6>
+                          </a>
+                          <small class="d-block">amanda@example.com</small>
+                        </div>
+                      </div>
+                    </td>
+                    <td>
+                      <!-- Select -->
+                      <div class="tom-select-custom">
+                        <select class="js-select form-select" autocomplete="off"
+                              data-hs-tom-select-options='{
+                                "placeholder": "Wybierz rolę",
+                                "hideSearch": true
+                              }'>
+                          <option value="">Wybierz rolę</option>
+                          <option value="4">Właściciel</option>
+                          <option value="1">Manager</option>
+                          <option value="3">Pracownik</option>
+                        </select>
+                      </div>
+                      <!-- End Select -->
+                    </td>
+                    <td>
+                        <a class="text-body" href="javascript:;" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Usuń użytkownika">
+                          <i class="bi-trash"></i>
+                        </a>
+                      </td>
+                  </tr>
+ 
+                </tbody>
+              </table>
+            </div>
+
+
+                  
+
+                </div>
+
+
+                <!-- End Card -->
+              </div>
+              <!-- End Body -->
+
+              <div class="card-footer pt-0">
+                <div class="container">
+                  <div class="d-flex justify-content-end gap-3">
+                    <a class="btn btn-white" href="javascript:;">Anuluj</a>
+                    <a class="btn btn-primary" href="javascript:;">Zapisz zmiany</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- End Card -->
+
+
+            
+
+          </div>
+        </div>
+        <!-- End Col -->
+      </div>
+      <!-- End Row -->
+    </div>
+    <!-- End Content -->
+  </main>
+  <!-- ========== END MAIN CONTENT ========== -->
+
+
+  <!-- ========== FOOTER ========== -->
+  <footer class="bg-dark">
+    <div class="container pb-1 pb-lg-5"> 
+
+      <div class="border-top border-white-10 my-7"></div>
+
+      <div class="row mb-7">
+        <div class="col-sm mb-3 mb-sm-0">
+          <!-- Socials -->
+          <ul class="list-inline list-separator list-separator-light mb-0">
+            <li class="list-inline-item">
+                <a class="link-sm link-light" href="#">Prywatność</a>
+              </li>
+              <li class="list-inline-item">
+                <a class="link-sm link-light" href="#">Warunki</a>
+              </li>
+              <li class="list-inline-item">
+                <a class="link-sm link-light" href="#">Informacje</a>
+              </li>
+          </ul>
+          <!-- End Socials -->
+        </div>
+
+        <div class="col-sm-auto">
+          <!-- Socials -->
+          <ul class="list-inline mb-0">
+            <li class="list-inline-item">
+              <a class="btn btn-soft-light btn-xs btn-icon" href="#">
+                <i class="bi-facebook"></i>
+              </a>
+            </li>
+          
+            <li class="list-inline-item">
+              <a class="btn btn-soft-light btn-xs btn-icon" href="#">
+                <i class="bi-google"></i>
+              </a>
+            </li>
+          
+            <li class="list-inline-item">
+              <a class="btn btn-soft-light btn-xs btn-icon" href="#">
+                <i class="bi-twitter"></i>
+              </a>
+            </li>
+          
+            <li class="list-inline-item">
+              <a class="btn btn-soft-light btn-xs btn-icon" href="#">
+                <i class="bi-github"></i>
+              </a>
+            </li>
+          
+            <li class="list-inline-item">
+              <!-- Button Group -->
+              <div class="btn-group">
+                <button type="button" class="btn btn-soft-light btn-xs dropdown-toggle" id="footerSelectLanguage" data-bs-toggle="dropdown" aria-expanded="false" data-bs-dropdown-animation>
+                  <span class="d-flex align-items-center">
+                    <img class="avatar avatar-xss avatar-circle me-2" src="./node_modules/flag-icon-css/flags/1x1/us.svg" alt="Image description" width="16"/>
+                    <span>English (US)</span>
+                  </span>
+                </button>
+
+                <div class="dropdown-menu" aria-labelledby="footerSelectLanguage">
+                  <a class="dropdown-item d-flex align-items-center active" href="#">
+                    <img class="avatar avatar-xss avatar-circle me-2" src="./node_modules/flag-icon-css/flags/1x1/pl.svg" alt="Image description" width="16"/>
+                    <span>Polski (PL)</span>
+                  </a>
+                  <a class="dropdown-item d-flex align-items-center" href="#">
+                    <img class="avatar avatar-xss avatar-circle me-2" src="./node_modules/flag-icon-css/flags/1x1/de.svg" alt="Image description" width="16"/>
+                    <span>Deutsch</span>
+                  </a>
+                  <a class="dropdown-item d-flex align-items-center" href="#">
+                    <img class="avatar avatar-xss avatar-circle me-2" src="./node_modules/flag-icon-css/flags/1x1/es.svg" alt="Image description" width="16"/>
+                    <span>Español</span>
+                  </a>
+                  <a class="dropdown-item d-flex align-items-center" href="#">
+                    <img class="avatar avatar-xss avatar-circle me-2" src="./node_modules/flag-icon-css/flags/1x1/cn.svg" alt="Image description" width="16"/>
+                    <span>中文 (繁體)</span>
+                  </a>
+                </div>
+              </div>
+              <!-- End Button Group -->
+            </li>
+          </ul> 
+          <!-- End Socials -->
+        </div>
+      </div>
+
+      <!-- Copyright -->
+      <div class="w-md-85 text-lg-center mx-lg-auto">
+        <p class="text-white-50 small">&copy; Front. 2021 Htmlstream. All rights reserved.</p>
+      </div>
+      <!-- End Copyright -->
+    </div>
+  </footer>
+
+  <!-- ========== END FOOTER ========== -->
+
+  <!-- Modal -->
+<div class="modal fade" id="moremodal" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <!-- Header -->
+      <div class="modal-close">
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <!-- End Header -->
+
+      <!-- Body -->
+      <div class="modal-body">
+        <!-- Sign up -->
+        <div id="signupModalFormSignup">
+          <!-- Heading -->
+          <div class="text-center mb-5">
+            <h2>Dodaj członka zespołu</h2>
+            
+            <div class="spinner-border spinner-border-sm" role="status">
+              <span class="visually-hidden">Loading...</span>
+            </div>
+
+            <small>
+              Szukam użytkownika w id.magico
+            </small>
+          </div>
+          <!-- End Heading -->
+
+          <p class="text-danger text-center mb-5">Użytkownik o adresie test@magico.pl<br> 
+          nie posiada konta id.magico.</p>
+
+
+
+          <div class="d-grid gap-3">
+            <a class="js-animation-link btn btn-primary btn-lg" href="#"
+               data-hs-show-animation-options='{
+                     "targetSelector": "#signupModalFormSignupWithEmail",
+                     "groupName": "idForm"
+                   }'>Zaproś do rejestracji w id.magico
+                 </a> 
+
+            <a class="btn btn-white btn-lg" href="#">
+              <span class="d-flex justify-content-center align-items-center">
+                Dodaj bez połączenia z id.magico
+              </span>
+            </a>
+
+            <div class="text-center">
+              <p class="small mb-0">
+                Członek zespołu bez powiązania z id.magico nie otrzyma dostępu do aplikacji w Twojej firmie. Zobacz artkuł pomocy o <a href="#">zarządzaniu zespołem w firmie</a>.
+              </p>
+            </div>
+          </div>
+        </div>
+        <!-- End Sign up -->
+
+        <!-- Sign up with Modal -->
+        <div id="signupModalFormSignupWithEmail" style="display: none; opacity: 0;">
+          <!-- Heading -->
+          <div class="text-center text-success">
+            <i class="bi bi-check2-circle fs-1"></i>
+            <h2>Wysłano zaproszenie</h2>
+          </div>
+          <!-- End Heading -->
+
+          
+        </div>
+        <!-- End Sign up with Modal -->
+
+        
+      </div>
+      <!-- End Body -->
+    </div>
+  </div>
+</div>
+<!-- End Modal -->
+
+  <!-- ========== SECONDARY CONTENTS ========== -->
+  <!-- Sign Up -->
+  <div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+      <div class="modal-content">
+        <!-- Header -->
+        <div class="modal-close">
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <!-- End Header -->
+
+        <!-- Body -->
+        <div class="modal-body">
+          <!-- Log in -->
+          <div id="signupModalFormLogin" style="display: none; opacity: 0;">
+            <!-- Heading -->
+            <div class="text-center mb-7">
+              <h2>Log in</h2>
+              <p>Don't have an account yet?
+                <a class="js-animation-link link" href="javascript:;" role="button"
+                   data-hs-show-animation-options='{
+                         "targetSelector": "#signupModalFormSignup",
+                         "groupName": "idForm"
+                       }'>Sign up</a>
+              </p>
+            </div>
+            <!-- End Heading -->
+
+            <div class="d-grid gap-2">
+              <a class="btn btn-white btn-lg" href="#">
+                <span class="d-flex justify-content-center align-items-center">
+                  <img class="avatar avatar-xss me-2" src="./assets/svg/brands/google-icon.svg" alt="Image Description">
+                  Log in with Google
+                </span>
+              </a>
+
+              <a class="js-animation-link btn btn-primary btn-lg" href="#"
+                 data-hs-show-animation-options='{
+                       "targetSelector": "#signupModalFormLoginWithEmail",
+                       "groupName": "idForm"
+                     }'>Log in with Email</a>
+            </div>
+          </div>
+          <!-- End Log in -->
+
+          <!-- Log in with Modal -->
+          <div id="signupModalFormLoginWithEmail" style="display: none; opacity: 0;">
+            <!-- Heading -->
+            <div class="text-center mb-7">
+              <h2>Log in</h2>
+              <p>Don't have an account yet?
+                <a class="js-animation-link link" href="javascript:;" role="button"
+                   data-hs-show-animation-options='{
+                         "targetSelector": "#signupModalFormSignup",
+                         "groupName": "idForm"
+                       }'>Sign up</a>
+              </p>
+            </div>
+            <!-- End Heading -->
+
+            <form class="js-validate needs-validation" novalidate>
+              <!-- Form -->
+              <div class="mb-3">
+                <label class="form-label" for="signupModalFormLoginEmail">Your email</label>
+                <input type="email" class="form-control form-control-lg" name="email" id="signupModalFormLoginEmail" placeholder="email@site.com" aria-label="email@site.com" required>
+                <span class="invalid-feedback">Please enter a valid email address.</span>
+              </div>
+              <!-- End Form -->
+
+              <!-- Form -->
+              <div class="mb-3">
+                <div class="d-flex justify-content-between align-items-center">
+                  <label class="form-label" for="signupModalFormLoginPassword">Password</label>
+
+                  <a class="js-animation-link form-label-link" href="javascript:;"
+                     data-hs-show-animation-options='{
+                       "targetSelector": "#signupModalFormResetPassword",
+                       "groupName": "idForm"
+                     }'>Forgot Password?</a>
+                </div>
+
+                <input type="password" class="form-control form-control-lg" name="password" id="signupModalFormLoginPassword" placeholder="8+ characters required" aria-label="8+ characters required" required minlength="8">
+                <span class="invalid-feedback">Please enter a valid password.</span>
+              </div>
+              <!-- End Form -->
+
+              <div class="d-grid mb-3">
+                <button type="submit" class="btn btn-primary form-control-lg">Log in</button>
+              </div>
+            </form>
+          </div>
+          <!-- End Log in with Modal -->
+
+          <!-- Sign up -->
+          <div id="signupModalFormSignup">
+            <!-- Heading -->
+            <div class="text-center mb-7">
+              <h2>Sign up</h2>
+              <p>Already have an account?
+                <a class="js-animation-link link" href="javascript:;" role="button"
+                   data-hs-show-animation-options='{
+                         "targetSelector": "#signupModalFormLogin",
+                         "groupName": "idForm"
+                       }'>Log in</a>
+              </p>
+            </div>
+            <!-- End Heading -->
+
+            <div class="d-grid gap-3">
+              <a class="btn btn-white btn-lg" href="#">
+                <span class="d-flex justify-content-center align-items-center">
+                  <img class="avatar avatar-xss me-2" src="./assets/svg/brands/google-icon.svg" alt="Image Description">
+                  Sign up with Google
+                </span>
+              </a>
+
+              <a class="js-animation-link btn btn-primary btn-lg" href="#"
+                 data-hs-show-animation-options='{
+                       "targetSelector": "#signupModalFormSignupWithEmail",
+                       "groupName": "idForm"
+                     }'>Sign up with Email</a>
+
+              <div class="text-center">
+                <p class="small mb-0">By continuing you agree to our <a href="#">Terms and Conditions</a></p>
+              </div>
+            </div>
+          </div>
+          <!-- End Sign up -->
+
+          <!-- Sign up with Modal -->
+          <div id="signupModalFormSignupWithEmail" style="display: none; opacity: 0;">
+            <!-- Heading -->
+            <div class="text-center mb-7">
+              <h2>Sign up</h2>
+              <p>Already have an account?
+                <a class="js-animation-link link" href="javascript:;" role="button"
+                   data-hs-show-animation-options='{
+                         "targetSelector": "#signupModalFormLogin",
+                         "groupName": "idForm"
+                       }'>Log in</a>
+              </p>
+            </div>
+            <!-- End Heading -->
+
+            <form class="js-validate need-validate" novalidate>
+              <!-- Form -->
+              <div class="mb-3">
+                <label class="form-label" for="signupModalFormSignupEmail">Your email</label>
+                <input type="email" class="form-control form-control-lg" name="email" id="signupModalFormSignupEmail" placeholder="email@site.com" aria-label="email@site.com" required>
+                <span class="invalid-feedback">Please enter a valid email address.</span>
+              </div>
+              <!-- End Form -->
+
+              <!-- Form -->
+              <div class="mb-3">
+                <label class="form-label" for="signupModalFormSignupPassword">Password</label>
+                <input type="password" class="form-control form-control-lg" name="password" id="signupModalFormSignupPassword" placeholder="8+ characters required" aria-label="8+ characters required" required>
+                <span class="invalid-feedback">Your password is invalid. Please try again.</span>
+              </div>
+              <!-- End Form -->
+
+              <!-- Form -->
+              <div class="mb-3" data-hs-validation-validate-class>
+                <label class="form-label" for="signupModalFormSignupConfirmPassword">Confirm password</label>
+                <input type="password" class="form-control form-control-lg" name="confirmPassword" id="signupModalFormSignupConfirmPassword" placeholder="8+ characters required" aria-label="8+ characters required" required
+                       data-hs-validation-equal-field="#signupModalFormSignupPassword">
+                <span class="invalid-feedback">Password does not match the confirm password.</span>
+              </div>
+              <!-- End Form -->
+
+              <div class="d-grid mb-3">
+                <button type="submit" class="btn btn-primary form-control-lg">Sign up</button>
+              </div>
+
+              <div class="text-center">
+                <p class="small mb-0">By continuing you agree to our <a href="#">Terms and Conditions</a></p>
+              </div>
+            </form>
+          </div>
+          <!-- End Sign up with Modal -->
+
+          <!-- Reset Password -->
+          <div id="signupModalFormResetPassword" style="display: none; opacity: 0;">
+            <!-- Heading -->
+            <div class="text-center mb-7">
+              <h2>Forgot password?</h2>
+              <p>Enter the email address you used when you joined and we'll send you instructions to reset your password.</p>
+            </div>
+            <!-- En dHeading -->
+
+            <form class="js-validate need-validate" novalidate>
+              <div class="mb-3">
+                <!-- Form -->
+                <div class="d-flex justify-content-between align-items-center">
+                  <label class="form-label" for="signupModalFormResetPasswordEmail" tabindex="0">Your email</label>
+
+                  <a class="js-animation-link form-label-link" href="javascript:;"
+                     data-hs-show-animation-options='{
+                         "targetSelector": "#signupModalFormLogin",
+                         "groupName": "idForm"
+                       }'>
+                    <i class="bi-chevron-left small"></i> Back to Log in
+                  </a>
+                </div>
+
+                <input type="email" class="form-control form-control-lg" name="email" id="signupModalFormResetPasswordEmail" tabindex="1" placeholder="Enter your email address" aria-label="Enter your email address" required>
+                <span class="invalid-feedback">Please enter a valid email address.</span>
+                <!-- End Form -->
+              </div>
+            
+              <div class="d-grid">
+                <button type="submit" class="btn btn-primary form-control-lg">Submit</button>
+              </div>
+            </form>
+          </div>
+          <!-- End Reset Password -->
+        </div>
+        <!-- End Body -->
+
+        <!-- Footer -->
+        <div class="modal-footer d-block text-center py-sm-5">
+          <small class="text-cap mb-4">Trusted by the world's best teams</small>
+
+          <div class="w-85 mx-auto">
+            <div class="row justify-content-between">
+              <div class="col">
+                <img class="img-fluid" src="./assets/svg/brands/gitlab-gray.svg" alt="Logo">
+              </div>
+              <!-- End Col -->
+
+              <div class="col">
+                <img class="img-fluid" src="./assets/svg/brands/fitbit-gray.svg" alt="Logo">
+              </div>
+              <!-- End Col -->
+
+              <div class="col">
+                <img class="img-fluid" src="./assets/svg/brands/flow-xo-gray.svg" alt="Logo">
+              </div>
+              <!-- End Col -->
+
+              <div class="col">
+                <img class="img-fluid" src="./assets/svg/brands/layar-gray.svg" alt="Logo">
+              </div>
+              <!-- End Col -->
+            </div>
+          </div>
+          <!-- End Row -->
+        </div>
+        <!-- End Footer -->
+      </div>
+    </div>
+  </div>
+  
+  <!-- Go To -->
+  <a class="js-go-to go-to position-fixed" href="javascript:;" style="visibility: hidden;"
+     data-hs-go-to-options='{
+       "offsetTop": 700,
+       "position": {
+         "init": {
+           "right": "2rem"
+         },
+         "show": {
+           "bottom": "2rem"
+         },
+         "hide": {
+           "bottom": "-2rem"
+         }
+       }
+     }'>
+    <i class="bi-chevron-up"></i>
+  </a>
+  <!-- ========== END SECONDARY CONTENTS ========== -->
+
+  <!-- JS Global Compulsory hs-builder:build-delete -->
+  <script src="./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+  <!-- JS Implementing Plugins -->
+  <!-- bundlejs:vendor [.] -->
+  <script src="./assets/vendor/hs-header/dist/hs-header.min.js"></script>
+  <script src="./assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
+  <script src="./assets/vendor/hs-show-animation/dist/hs-show-animation.min.js"></script>
+  <script src="./assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script>
+  <script src="./assets/vendor/hs-file-attach/dist/hs-file-attach.min.js"></script>
+  <script src="./assets/vendor/hs-add-field/dist/hs-add-field.min.js"></script>
+  <script src="./node_modules/imask/dist/imask.min.js"></script>
+  <script src="./node_modules/quill/dist/quill.min.js"></script>
+  <script src="./node_modules/tom-select/dist/js/tom-select.complete.min.js"></script>
+  <script src="./assets/vendor/hs-toggle-password/dist/js/hs-toggle-password.js"></script>
+
+  <!-- JS Front -->
+  <!-- bundlejs:theme [.] -->
+  <script src="./assets/js/hs.core.js"></script>
+  <script src="./assets/js/hs.bs-dropdown.js"></script>
+  <script src="./assets/js/hs.bs-validation.js"></script>
+  <script src="./assets/js/hs.imask.js"></script>
+  <script src="./assets/js/hs.quill.js"></script>
+  <script src="./assets/js/hs.tom-select.js"></script>
+
+  <!-- JS Plugins Init. -->
+  <script>
+    (function() {
+      // INITIALIZATION OF HEADER
+      // =======================================================
+      new HSHeader('#header').init()
+
+
+      // INITIALIZATION OF MEGA MENU
+      // =======================================================
+      new HSMegaMenu('.js-mega-menu', {
+          desktop: {
+            position: 'left'
+          }
+        })
+
+
+      // INITIALIZATION OF SHOW ANIMATIONS
+      // =======================================================
+      new HSShowAnimation('.js-animation-link')
+
+
+      // INITIALIZATION OF BOOTSTRAP VALIDATION
+      // =======================================================
+      HSBsValidation.init('.js-validate', {
+        onSubmit: data => {
+          data.event.preventDefault()
+          alert('Submited')
+        }
+      })
+
+
+      // INITIALIZATION OF BOOTSTRAP DROPDOWN
+      // =======================================================
+      HSBsDropdown.init()
+
+
+      // INITIALIZATION OF GO TO
+      // =======================================================
+      new HSGoTo('.js-go-to')
+
+
+      // INITIALIZATION OF FILE ATTACH
+      // =======================================================
+      new HSFileAttach('.js-file-attach')
+
+
+      // INITIALIZATION OF ADD FIELD
+      // =======================================================
+      new HSAddField('.js-add-field', {
+        addedField: el => {
+          el.querySelectorAll('.js-select-dynamic').forEach(item => {
+            HSCore.components.HSTomSelect.init(item)
+          })
+
+          HSCore.components.HSMask.init('.js-input-mask-dynamic')
+        }
+      })
+
+
+      // INITIALIZATION OF INPUT MASK
+      // =======================================================
+      HSCore.components.HSMask.init('.js-input-mask')
+
+
+      // INITIALIZATION OF QUILLJS EDITOR
+      // =======================================================
+      HSCore.components.HSQuill.init('.js-quill')
+
+      
+      // INITIALIZATION OF SELECT
+      // =======================================================
+      HSCore.components.HSTomSelect.init('.js-select', {
+        render: {
+          'option': function(data, escape) {
+            return data.optionTemplate || `<div>${data.text}</div>>`
+          },
+          'item': function(data, escape) {
+            return data.optionTemplate || `<div>${data.text}</div>>`
+          }
+        }
+      })
+
+// INITIALIZATION OF BOOTSTRAP VALIDATION
+    // =======================================================
+    HSBsValidation.init('.js-validate', {
+      onSubmit: data => {
+        data.event.preventDefault()
+        alert('Submited')
+      }
+    })
+
+
+    // INITIALIZATION OF SHOW ANIMATIONS
+    // =======================================================
+    new HSShowAnimation('.js-animation-link')
+
+
+    // INITIALIZATION OF TOGGLE PASSWORD
+    // =======================================================
+    new HSTogglePassword('.js-toggle-password')
+
+    })()
+  </script>
+</body>
+</html>
diff --git a/src/magico-company-team.html b/src/magico-company-team.html
new file mode 100644
index 0000000..4147264
--- /dev/null
+++ b/src/magico-company-team.html
@@ -0,0 +1,460 @@
+<!DOCTYPE html>
+<html lang="@@languageDirection.lang" dir="@@if(languageDirection.isRTL){rtl}" class="h-100">
+<head>
+  <!-- Required Meta Tags Always Come First -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <!-- Title -->
+  <title>Magico company dashboard</title>
+
+  <!-- Favicon -->
+  <link rel="shortcut icon" href="@@autopath/favicon.ico">
+
+  <!-- Font -->
+  <link href="@@vars.themeFont" rel="stylesheet">  
+
+  <!-- CSS Implementing Plugins -->
+  <!-- bundlecss:vendor [@@autopath] -->
+  <link rel="stylesheet" href="@@autopath/node_modules/bootstrap-icons/font/bootstrap-icons.css">
+  <link rel="stylesheet" href="@@autopath/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.css">
+  <link rel="stylesheet" href="@@autopath/node_modules/quill/dist/quill.snow.css">
+  <link rel="stylesheet" href="@@autopath/node_modules/tom-select/dist/css/tom-select.bootstrap5.css">
+
+  <!-- CSS Front Template -->
+  <!-- bundlecss:theme [@@autopath] @@vars.version -->
+  <link rel="stylesheet" href="@@autopath/assets/css/theme.css">
+</head>
+
+<body class="h-100">
+  <!-- ========== HEADER ========== -->
+  @@include("@@autopath/magico_partials/magico-topbar.html", {
+    "topbarcategory": "demos",
+    "topbarlink": "main",
+    "category": "account",
+    "subcategory": "",
+    "link": "account-overview.html",
+    "logo": "magico-company" 
+  })
+  <!-- ========== END HEADER ========== -->
+
+  <!-- ========== MAIN CONTENT ========== -->
+  <main id="content" role="main" class="bg-light company">
+    <!-- Breadcrumb -->
+    <div class="navbar-dark bg-dark" style="background-image: url(@@autopath/assets/svg/components/wave-pattern-light.svg);">
+      <div class="container container-big content-space-1 content-space-b-lg-3">
+        <div class="row align-items-center">
+          <div class="col">
+            <div class="d-none d-lg-block">
+              <h1 class="h2 text-white">Karczma Biesiada</h1>
+            </div>
+
+            <!-- Breadcrumb -->
+            <nav aria-label="breadcrumb">
+              <ol class="breadcrumb breadcrumb-light mb-0">
+                <li class="breadcrumb-item">company.magico</li>
+                <li class="breadcrumb-item active" aria-current="page">Zespół</li>
+              </ol>
+            </nav>
+            <!-- End Breadcrumb -->
+          </div>
+          <!-- End Col -->
+
+          <div class="col-auto">
+            <!-- Responsive Toggle Button -->
+            <button class="navbar-toggler d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#sidebarNav" aria-controls="sidebarNav" aria-expanded="false" aria-label="Toggle navigation">
+              <span class="navbar-toggler-default">
+                <i class="bi-list"></i>
+              </span>
+              <span class="navbar-toggler-toggled">
+                <i class="bi-x"></i>
+              </span>
+            </button>
+            <!-- End Responsive Toggle Button -->
+          </div>
+          <!-- End Col -->
+        </div>
+        <!-- End Row -->
+      </div>
+    </div>
+    <!-- End Breadcrumb -->
+
+    <!-- Content -->
+    <div class="container container-big content-space-1 content-space-t-lg-0 content-space-b-lg-2 mt-lg-n10">
+      <div class="row h-100">
+        <div class="col-lg-3 col-xxl-2">
+          <!-- Navbar -->
+          <div class="navbar-expand-lg navbar-light">
+            <div id="sidebarNav" class="collapse navbar-collapse navbar-vertical">
+              <!-- Card -->
+              <div class="card flex-grow-1 mb-5">
+                <div class="card-body">
+                  <!-- Nav -->
+                  @@include("@@autopath/magico_partials/magico-company-menu.html", {
+                    "link": "magico-company-team.html" 
+                  })
+                  <!-- End Nav -->
+                </div>
+              </div>
+              <!-- End Card -->
+            </div>
+          </div>
+          <!-- End Navbar -->
+        </div>
+        <!-- End Col -->
+
+        <div class="col-lg-9 col-xxl-10 comapny-dashboard">
+          <div class="d-grid gap-3 gap-lg-5">
+            <!-- Card -->
+            <div class="card">
+              <div class="card-header border-bottom">
+                <h4 class="card-header-title">Zarządzaj Twoim zespołem</h4> 
+              </div>
+
+              <!-- Body -->
+              <div class="card-body">
+                <!-- Card -->
+
+                <div class="container">
+
+
+                  <div class="mb-4">
+                <label class="form-label">Dodaj innych właścicieli, managerów lub pracowników firmy. Wprowadź ich adres e-mail w poniższym polu. Możesz też pominać ten krok i zrobić to później.</label>
+
+                <!-- Search -->
+                <div class="mb-4 mt-4">
+                  <form>
+                    <!-- Input Card -->
+                    <div class="input-card border">
+                      <div class="input-card-form">
+                        <label for="searchAppsForm" class="form-label visually-hidden">Wprowadź adres e-mail</label>
+                        <div class="input-group input-group-merge">
+                          <span class="input-group-prepend input-group-text">
+                            <i class="bi-search"></i>
+                          </span>
+                          <input type="text" class="form-control" id="searchAppsForm" placeholder="Wprowadź adres e-mail" aria-label="Wprowadź adres e-mail">
+                        </div>
+                      </div>
+                      <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#moremodal">
+                        <i class="bi-arrow-right"></i>
+                      </button>
+                    </div>
+                    <!-- End Input Card -->
+
+
+                  </form>
+                </div>
+                <!-- End Search -->
+              </div>
+              <!-- End Form -->
+
+
+
+              <div class="table-responsive" style="padding-bottom: 120px;">
+              <table class="table table-borderless table-thead-bordered table-nowrap table-align-middle card-table">
+                <thead class="thead-light">
+                  <tr>
+                    <th>Użytkownik</th>
+                    <th>Uprawnienia</th>
+                    <th style="width: 5%;"></th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <td>
+                      <div class="d-flex align-items-center">
+                        <div class="flex-shrink-0">
+                          <img class="avatar avatar-sm avatar-circle" src="./assets/img/160x160/img8.jpg" alt="Image Description">
+                        </div>
+
+                        <div class="flex-grow-1 ms-3">
+                          <a class="d-inline-block link-dark" href="#">
+                            <h6 class="text-hover-primary mb-0">Amanda Harvey <img class="avatar avatar-xss ms-1" src="./assets/svg/illustrations/top-vendor.svg" alt="Image Description" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Verified user" aria-label="Verified user"></h6>
+                          </a>
+                          <small class="d-block">amanda@example.com</small>
+                        </div>
+                      </div>
+                    </td>
+                    <td>
+                      <!-- Select -->
+                      <div class="tom-select-custom">
+                        <select class="js-select form-select" autocomplete="off"
+                              data-hs-tom-select-options='{
+                                "placeholder": "Wybierz rolę",
+                                "hideSearch": true
+                              }'>
+                          <option value="">Wybierz rolę</option>
+                          <option value="4">Właściciel</option>
+                          <option value="1">Manager</option>
+                          <option value="3">Pracownik</option>
+                        </select>
+                      </div>
+                      <!-- End Select -->
+                    </td>
+                    <td>
+                        <a class="text-body" href="javascript:;" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Usuń użytkownika">
+                          <i class="bi-trash"></i>
+                        </a>
+                      </td>
+                  </tr>
+ 
+                </tbody>
+              </table>
+            </div>
+
+
+                  
+
+                </div>
+
+
+                <!-- End Card -->
+              </div>
+              <!-- End Body -->
+
+              <div class="card-footer pt-0">
+                <div class="container">
+                  <div class="d-flex justify-content-end gap-3">
+                    <a class="btn btn-white" href="javascript:;">Anuluj</a>
+                    <a class="btn btn-primary" href="javascript:;">Zapisz zmiany</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <!-- End Card -->
+
+
+            
+
+          </div>
+        </div>
+        <!-- End Col -->
+      </div>
+      <!-- End Row -->
+    </div>
+    <!-- End Content -->
+  </main>
+  <!-- ========== END MAIN CONTENT ========== -->
+
+
+  <!-- ========== FOOTER ========== -->
+  @@include("@@autopath/magico_partials/magico-footer.html")
+  <!-- ========== END FOOTER ========== -->
+
+  <!-- Modal -->
+<div class="modal fade" id="moremodal" tabindex="-1" role="dialog" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <!-- Header -->
+      <div class="modal-close">
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <!-- End Header -->
+
+      <!-- Body -->
+      <div class="modal-body">
+        <!-- Sign up -->
+        <div id="signupModalFormSignup">
+          <!-- Heading -->
+          <div class="text-center mb-5">
+            <h2>Dodaj członka zespołu</h2>
+            
+            <div class="spinner-border spinner-border-sm" role="status">
+              <span class="visually-hidden">Loading...</span>
+            </div>
+
+            <small>
+              Szukam użytkownika w id.magico
+            </small>
+          </div>
+          <!-- End Heading -->
+
+          <p class="text-danger text-center mb-5">Użytkownik o adresie test@magico.pl<br> 
+          nie posiada konta id.magico.</p>
+
+
+
+          <div class="d-grid gap-3">
+            <a class="js-animation-link btn btn-primary btn-lg" href="#"
+               data-hs-show-animation-options='{
+                     "targetSelector": "#signupModalFormSignupWithEmail",
+                     "groupName": "idForm"
+                   }'>Zaproś do rejestracji w id.magico
+                 </a> 
+
+            <a class="btn btn-white btn-lg" href="#">
+              <span class="d-flex justify-content-center align-items-center">
+                Dodaj bez połączenia z id.magico
+              </span>
+            </a>
+
+            <div class="text-center">
+              <p class="small mb-0">
+                Członek zespołu bez powiązania z id.magico nie otrzyma dostępu do aplikacji w Twojej firmie. Zobacz artkuł pomocy o <a href="#">zarządzaniu zespołem w firmie</a>.
+              </p>
+            </div>
+          </div>
+        </div>
+        <!-- End Sign up -->
+
+        <!-- Sign up with Modal -->
+        <div id="signupModalFormSignupWithEmail" style="display: none; opacity: 0;">
+          <!-- Heading -->
+          <div class="text-center text-success">
+            <i class="bi bi-check2-circle fs-1"></i>
+            <h2>Wysłano zaproszenie</h2>
+          </div>
+          <!-- End Heading -->
+
+          
+        </div>
+        <!-- End Sign up with Modal -->
+
+        
+      </div>
+      <!-- End Body -->
+    </div>
+  </div>
+</div>
+<!-- End Modal -->
+
+  <!-- ========== SECONDARY CONTENTS ========== -->
+  <!-- Sign Up -->
+  @@include("@@autopath/partials/modal/signup.html")
+  
+  <!-- Go To -->
+  @@include("@@autopath/partials/layouts-components/go-to.html")
+  <!-- ========== END SECONDARY CONTENTS ========== -->
+
+  <!-- JS Global Compulsory @@deleteLine:build -->
+  <script src="@@autopath/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+  <!-- JS Implementing Plugins -->
+  <!-- bundlejs:vendor [@@autopath] -->
+  <script src="@@autopath/assets/vendor/hs-header/dist/hs-header.min.js"></script>
+  <script src="@@autopath/assets/vendor/hs-mega-menu/dist/hs-mega-menu.min.js"></script>
+  <script src="@@autopath/assets/vendor/hs-show-animation/dist/hs-show-animation.min.js"></script>
+  <script src="@@autopath/assets/vendor/hs-go-to/dist/hs-go-to.min.js"></script>
+  <script src="@@autopath/assets/vendor/hs-file-attach/dist/hs-file-attach.min.js"></script>
+  <script src="@@autopath/assets/vendor/hs-add-field/dist/hs-add-field.min.js"></script>
+  <script src="@@autopath/node_modules/imask/dist/imask.min.js"></script>
+  <script src="@@autopath/node_modules/quill/dist/quill.min.js"></script>
+  <script src="@@autopath/node_modules/tom-select/dist/js/tom-select.complete.min.js"></script>
+  <script src="@@autopath/assets/vendor/hs-toggle-password/dist/js/hs-toggle-password.js"></script>
+
+  <!-- JS Front -->
+  <!-- bundlejs:theme [@@autopath] -->
+  <script src="@@autopath/assets/js/hs.core.js"></script>
+  <script src="@@autopath/assets/js/hs.bs-dropdown.js"></script>
+  <script src="@@autopath/assets/js/hs.bs-validation.js"></script>
+  <script src="@@autopath/assets/js/hs.imask.js"></script>
+  <script src="@@autopath/assets/js/hs.quill.js"></script>
+  <script src="@@autopath/assets/js/hs.tom-select.js"></script>
+
+  <!-- JS Plugins Init. -->
+  <script>
+    (function() {
+      // INITIALIZATION OF HEADER
+      // =======================================================
+      new HSHeader('#header').init()
+
+
+      // INITIALIZATION OF MEGA MENU
+      // =======================================================
+      new HSMegaMenu('.js-mega-menu', {
+          desktop: {
+            position: 'left'
+          }
+        })
+
+
+      // INITIALIZATION OF SHOW ANIMATIONS
+      // =======================================================
+      new HSShowAnimation('.js-animation-link')
+
+
+      // INITIALIZATION OF BOOTSTRAP VALIDATION
+      // =======================================================
+      HSBsValidation.init('.js-validate', {
+        onSubmit: data => {
+          data.event.preventDefault()
+          alert('Submited')
+        }
+      })
+
+
+      // INITIALIZATION OF BOOTSTRAP DROPDOWN
+      // =======================================================
+      HSBsDropdown.init()
+
+
+      // INITIALIZATION OF GO TO
+      // =======================================================
+      new HSGoTo('.js-go-to')
+
+
+      // INITIALIZATION OF FILE ATTACH
+      // =======================================================
+      new HSFileAttach('.js-file-attach')
+
+
+      // INITIALIZATION OF ADD FIELD
+      // =======================================================
+      new HSAddField('.js-add-field', {
+        addedField: el => {
+          el.querySelectorAll('.js-select-dynamic').forEach(item => {
+            HSCore.components.HSTomSelect.init(item)
+          })
+
+          HSCore.components.HSMask.init('.js-input-mask-dynamic')
+        }
+      })
+
+
+      // INITIALIZATION OF INPUT MASK
+      // =======================================================
+      HSCore.components.HSMask.init('.js-input-mask')
+
+
+      // INITIALIZATION OF QUILLJS EDITOR
+      // =======================================================
+      HSCore.components.HSQuill.init('.js-quill')
+
+      
+      // INITIALIZATION OF SELECT
+      // =======================================================
+      HSCore.components.HSTomSelect.init('.js-select', {
+        render: {
+          'option': function(data, escape) {
+            return data.optionTemplate || `<div>${data.text}</div>>`
+          },
+          'item': function(data, escape) {
+            return data.optionTemplate || `<div>${data.text}</div>>`
+          }
+        }
+      })
+
+// INITIALIZATION OF BOOTSTRAP VALIDATION
+    // =======================================================
+    HSBsValidation.init('.js-validate', {
+      onSubmit: data => {
+        data.event.preventDefault()
+        alert('Submited')
+      }
+    })
+
+
+    // INITIALIZATION OF SHOW ANIMATIONS
+    // =======================================================
+    new HSShowAnimation('.js-animation-link')
+
+
+    // INITIALIZATION OF TOGGLE PASSWORD
+    // =======================================================
+    new HSTogglePassword('.js-toggle-password')
+
+    })()
+  </script>
+</body>
+</html>
diff --git a/src/magico_partials/magico-company-menu.html b/src/magico_partials/magico-company-menu.html
index 0457f6f..6658c4e 100644
--- a/src/magico_partials/magico-company-menu.html
+++ b/src/magico_partials/magico-company-menu.html
@@ -30,7 +30,7 @@
 <!-- List -->
 <ul class="nav nav-sm nav-tabs nav-vertical mb-4">
   <li class="nav-item">
-    <a class="nav-link @@if(link=='magico-company-dashboard.html'){active}" href="@@autopath/magico-company-dashboard.html">
+    <a class="nav-link @@if(link=='magico-company-team.html'){active}" href="@@autopath/magico-company-team.html">
       <i class="bi-people nav-icon"></i> Zespół
     </a>
   </li>