diff --git a/src/.tmp/magico-account-home.html b/src/.tmp/magico-account-home.html
index 3ef8867..715f438 100644
--- a/src/.tmp/magico-account-home.html
+++ b/src/.tmp/magico-account-home.html
@@ -76,6 +76,33 @@
 
             <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>
@@ -547,51 +574,46 @@
               <!-- Body -->
               <div class="card-body">
 
-                <div class="row">
-                	<div class="col-6">
-                    <a class="card card-sm card-bordered card-transition h-100" href="#" target="_blank">
-					            <div class="card-body">
-					              <div class="row align-items-center">
-					                <div class="col">
-					                  <h5 class="card-title text-inherit">Aplikacje Android</h5>
-					                  <p class="card-text text-body small">Lista aplikacji dla Ciebie i Twojego zespołu</p>
-					                </div>
-					                <!-- End Col -->
-					                
-					                <div class="col-auto">
-					                  <span class="text-muted">
-					                    <i class="bi-chevron-right small"></i>
-					                  </span>
-					                </div>
-					                <!-- End Col -->
-					              </div>
-					              <!-- End Row -->
-					            </div>
-					          </a>
+                <div class="row mb-4">
+                	<div class="col-12 col-md-6">
+
+					             <!-- Card -->
+                      <a class="card card-transition align-items-end flex-wrap flex-row bg-img-start h-100" href="#" style="background-image: url(../assets/svg/components/card-4.svg); min-height: 20rem;" data-aos="fade-up">
+                        <div class="card-body">
+                          <h2 class="card-title text-white">Udostępniaj grafik w aplikacji mobilnej</h2>
+                          <p class="card-text text-white">Z pomogą aplikacj Magico Pracownik każdy zobaczy swój własny rozkład pracy.</p>
+                          <span class="card-link link-light">Szczegóły <i class="bi-chevron-right small ms-1"></i></span>
+                        </div>
+                      </a>
+                      <!-- End Card -->
+
                   </div>
-                  <div class="col-6">
-                    <a class="card card-sm card-bordered card-transition h-100" href="#" target="_blank">
-					            <div class="card-body">
-					              <div class="row align-items-center">
-					                <div class="col">
-					                  <h5 class="card-title text-inherit">Aplikacje Android</h5>
-					                  <p class="card-text text-body small">Lista aplikacji dla Ciebie i Twojego zespołu</p>
-					                </div>
-					                <!-- End Col -->
-					                
-					                <div class="col-auto">
-					                  <span class="text-muted">
-					                    <i class="bi-chevron-right small"></i>
-					                  </span>
-					                </div>
-					                <!-- End Col -->
-					              </div>
-					              <!-- End Row -->
-					            </div>
-					          </a>
+                  <div class="col-12 col-md-6">
+
+
+
+                    
                   </div>
                 </div>
 
+                <!-- Card -->
+                    <div class="card h-100 overflow-hidden" style="max-height: 200px">
+                      <div class="row align-items-center">
+                        <div class="col-7">
+                          <div class="card-body">
+                            <h3 class="card-title">Aplikacje mobilne dla androida</h3>
+                            <p class="card-text">Zarządzaj zespołem za pomocą aplikacji mobilnych dla Ciebie i pracowników.</p>
+                            <a class="card-link" href="#">Zobacz listę <i class="bi-chevron-right small ms-1"></i></a>
+                          </div>
+                        </div>
+                        <!-- End Col -->
+
+                        <div class="col-5 bg-img-start h-100 px-0" style="background-image: url(../assets/svg/illustrations/oc-looking-for-answers.svg);"></div>
+                      </div>
+                      <!-- End Row -->
+                    </div>
+                    <!-- End Card -->
+
               </div>
               <!-- End Body -->
 
diff --git a/src/.tmp/magico-account.html b/src/.tmp/magico-account.html
index d258ec5..d6ee03d 100644
--- a/src/.tmp/magico-account.html
+++ b/src/.tmp/magico-account.html
@@ -76,6 +76,33 @@
 
             <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>
diff --git a/src/magico-account-home.html b/src/magico-account-home.html
index d8cb0d6..0ccb451 100644
--- a/src/magico-account-home.html
+++ b/src/magico-account-home.html
@@ -129,51 +129,46 @@
               <!-- Body -->
               <div class="card-body">
 
-                <div class="row">
-                	<div class="col-6">
-                    <a class="card card-sm card-bordered card-transition h-100" href="#" target="_blank">
-					            <div class="card-body">
-					              <div class="row align-items-center">
-					                <div class="col">
-					                  <h5 class="card-title text-inherit">Aplikacje Android</h5>
-					                  <p class="card-text text-body small">Lista aplikacji dla Ciebie i Twojego zespołu</p>
-					                </div>
-					                <!-- End Col -->
-					                
-					                <div class="col-auto">
-					                  <span class="text-muted">
-					                    <i class="bi-chevron-right small"></i>
-					                  </span>
-					                </div>
-					                <!-- End Col -->
-					              </div>
-					              <!-- End Row -->
-					            </div>
-					          </a>
+                <div class="row mb-4">
+                	<div class="col-12 col-md-6">
+
+					             <!-- Card -->
+                      <a class="card card-transition align-items-end flex-wrap flex-row bg-img-start h-100" href="#" style="background-image: url(../assets/svg/components/card-4.svg); min-height: 20rem;" data-aos="fade-up">
+                        <div class="card-body">
+                          <h2 class="card-title text-white">Udostępniaj grafik w aplikacji mobilnej</h2>
+                          <p class="card-text text-white">Z pomogą aplikacj Magico Pracownik każdy zobaczy swój własny rozkład pracy.</p>
+                          <span class="card-link link-light">Szczegóły <i class="bi-chevron-right small ms-1"></i></span>
+                        </div>
+                      </a>
+                      <!-- End Card -->
+
                   </div>
-                  <div class="col-6">
-                    <a class="card card-sm card-bordered card-transition h-100" href="#" target="_blank">
-					            <div class="card-body">
-					              <div class="row align-items-center">
-					                <div class="col">
-					                  <h5 class="card-title text-inherit">Aplikacje Android</h5>
-					                  <p class="card-text text-body small">Lista aplikacji dla Ciebie i Twojego zespołu</p>
-					                </div>
-					                <!-- End Col -->
-					                
-					                <div class="col-auto">
-					                  <span class="text-muted">
-					                    <i class="bi-chevron-right small"></i>
-					                  </span>
-					                </div>
-					                <!-- End Col -->
-					              </div>
-					              <!-- End Row -->
-					            </div>
-					          </a>
+                  <div class="col-12 col-md-6">
+
+
+
+                    
                   </div>
                 </div>
 
+                <!-- Card -->
+                    <div class="card h-100 overflow-hidden" style="max-height: 200px">
+                      <div class="row align-items-center">
+                        <div class="col-7">
+                          <div class="card-body">
+                            <h3 class="card-title">Aplikacje mobilne dla androida</h3>
+                            <p class="card-text">Zarządzaj zespołem za pomocą aplikacji mobilnych dla Ciebie i pracowników.</p>
+                            <a class="card-link" href="#">Zobacz listę <i class="bi-chevron-right small ms-1"></i></a>
+                          </div>
+                        </div>
+                        <!-- End Col -->
+
+                        <div class="col-5 bg-img-start h-100 px-0" style="background-image: url(../assets/svg/illustrations/oc-looking-for-answers.svg);"></div>
+                      </div>
+                      <!-- End Row -->
+                    </div>
+                    <!-- End Card -->
+
               </div>
               <!-- End Body -->
 
diff --git a/src/magico_partials/magico-topbar.html b/src/magico_partials/magico-topbar.html
index 5049d32..6a63eb9 100644
--- a/src/magico_partials/magico-topbar.html
+++ b/src/magico_partials/magico-topbar.html
@@ -46,6 +46,33 @@
 
           <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="@@autopath/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="@@autopath/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="@@autopath/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>