diff --git a/apps/blog/src/assets/HOA_logo_blue.png b/apps/blog/src/assets/HOA_logo_blue.png
new file mode 100644
index 000000000..d1df0947f
Binary files /dev/null and b/apps/blog/src/assets/HOA_logo_blue.png differ
diff --git a/apps/blog/src/assets/HOA_logo_white.png b/apps/blog/src/assets/HOA_logo_white.png
new file mode 100644
index 000000000..7b55747c3
Binary files /dev/null and b/apps/blog/src/assets/HOA_logo_white.png differ
diff --git a/apps/blog/src/assets/i18n/en.json b/apps/blog/src/assets/i18n/en.json
index bf0e7d579..0ddd5d4eb 100644
--- a/apps/blog/src/assets/i18n/en.json
+++ b/apps/blog/src/assets/i18n/en.json
@@ -9,8 +9,6 @@
     "recommended": "Recommended Articles",
     "angularNews": "Angular News",
     "guides": "Guides",
-    "partners": "Community partners",
-    "mainPartner": "Main partner",
     "angularInDepth": "Angular In Depth",
     "categories": {
       "all": "Latest",
@@ -24,6 +22,10 @@
     "home": "Home Page",
     "about": "About us",
     "meetups": "Angular Meetups",
+    "guides": "Angular Guides",
+    "news": "Angular News",
+    "in_depth": "In-Depth articles",
+    "partnership": "Let's discuss partnership",
     "become_author": "Become an author",
     "newsletter": "Angular.letter",
     "navLinks": "Navigation links",
@@ -34,6 +36,10 @@
       "en": "English"
     }
   },
+  "footer": {
+    "mainPartner": "Main partner",
+    "partners": "Community partners"
+  },
   "authorPage": {
     "posted_by": "Posted by {{name}}"
   },
diff --git a/apps/blog/src/assets/i18n/pl.json b/apps/blog/src/assets/i18n/pl.json
index 0e7fac24d..a35f98e99 100644
--- a/apps/blog/src/assets/i18n/pl.json
+++ b/apps/blog/src/assets/i18n/pl.json
@@ -9,8 +9,6 @@
     "recommended": "Polecane Artykuły",
     "angularNews": "Wiadomości ze świata Angulara",
     "guides": "Poradniki",
-    "partners": "Community partnerzy",
-    "mainPartner": "Główny partner",
     "angularInDepth": "Angular In Depth",
     "categories": {
       "all": "Najnowsze",
@@ -24,6 +22,10 @@
     "home": "Strona Główna",
     "about": "O nas",
     "meetups": "Angular Meetups",
+    "guides": "Angular Guides",
+    "news": "Angular News",
+    "in_depth": "Artykuły In-Depth",
+    "partnership": "Porozmawiajmy o partnerstwie",
     "become_author": "Zostań autorem",
     "newsletter": "Angular.letter",
     "navLinks": "Menu",
@@ -34,6 +36,10 @@
       "en": "Angielski"
     }
   },
+  "footer": {
+    "partners": "Community partnerzy",
+    "mainPartner": "Główny partner"
+  },
   "home": {
     "latest": "Latest articles"
   },
diff --git a/libs/blog/home/feature-home/src/lib/home-page/home-page.component.html b/libs/blog/home/feature-home/src/lib/home-page/home-page.component.html
index bb0348671..b6d095d66 100644
--- a/libs/blog/home/feature-home/src/lib/home-page/home-page.component.html
+++ b/libs/blog/home/feature-home/src/lib/home-page/home-page.component.html
@@ -2,7 +2,4 @@
 
 <al-latest-articles />
 
-<al-articles-list />
-
-<al-partners [partnerList]="[hoaHireUs]" heading="homePage.mainPartner" />
-<al-partners [partnerList]="partnersList" heading="homePage.partners" />
+<al-articles-list class="mb-4 block" />
diff --git a/libs/blog/home/feature-home/src/lib/home-page/home-page.component.ts b/libs/blog/home/feature-home/src/lib/home-page/home-page.component.ts
index f5034a4da..92c75bc9b 100644
--- a/libs/blog/home/feature-home/src/lib/home-page/home-page.component.ts
+++ b/libs/blog/home/feature-home/src/lib/home-page/home-page.component.ts
@@ -2,17 +2,14 @@ import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 
 import { ArticlesListContainerComponent } from '@angular-love/blog/articles/feature-list';
-import { PartnersComponent } from '@angular-love/blog/partners/ui-partners';
 import { FeatureLatestArticlesComponent } from '@angular-love/feature-latest-articles';
 
-import { hoaHireUs, partnersList } from './partners';
 import { WelcomeMessageComponent } from './welcome-message/welcome-message.component';
 
 @Component({
   selector: 'al-home-page',
   imports: [
     ReactiveFormsModule,
-    PartnersComponent,
     FeatureLatestArticlesComponent,
     ArticlesListContainerComponent,
     WelcomeMessageComponent,
@@ -21,7 +18,4 @@ import { WelcomeMessageComponent } from './welcome-message/welcome-message.compo
   styleUrls: ['./home-page.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class HomePageComponent {
-  protected readonly hoaHireUs = hoaHireUs;
-  protected readonly partnersList = partnersList;
-}
+export class HomePageComponent {}
diff --git a/libs/blog/layouts/ui-layouts/src/lib/footer/components/footer-social-media-icons.component.ts b/libs/blog/layouts/ui-layouts/src/lib/footer/components/footer-social-media-icons.component.ts
index 970ccb62c..61b2b7d87 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/footer/components/footer-social-media-icons.component.ts
+++ b/libs/blog/layouts/ui-layouts/src/lib/footer/components/footer-social-media-icons.component.ts
@@ -7,12 +7,6 @@ import { SocialMediaIconsComponent } from '@angular-love/blog/shared/ui-social-m
   imports: [SocialMediaIconsComponent],
   template: `
     <div class="flex flex-col items-start">
-      <h3
-        id="social-media-title"
-        class="text-al-foreground mb-4 hidden text-sm font-bold lg:block"
-      >
-        Social media
-      </h3>
       <al-social-media-icons variant="default" />
     </div>
   `,
diff --git a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.html b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.html
index 36a73591b..073dc89cc 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.html
+++ b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.html
@@ -1,13 +1,32 @@
-<footer class="bg-al-footer-background w-full">
+<footer
+  *transloco="let t; read: 'footer'"
+  class="bg-al-footer-background w-full"
+>
   <div
     class="al-container mx-auto grid max-w-screen-xl gap-y-4 px-6 py-4 xl:px-0"
   >
-    <al-footer-logo class="self-center" />
-    <al-navigation [whiteFont]="true" />
-    <div
-      class="social-media-container flex items-center justify-self-end md:max-lg:justify-self-center"
-    >
-      <al-footer-social-media-icons />
+    <div class="logo-container">
+      <div>
+        <al-footer-logo class="mb-1 block" />
+        <div class="text-al-muted mb-4 inline-block max-w-48 text-xs">
+          This is the place where you can learn Angular, discover best
+          practices, and stay updated with the latest news and trends.
+        </div>
+      </div>
+      <al-footer-social-media-icons class="block lg:ml-2" />
+    </div>
+    <al-navigation
+      class="navigation-component"
+      [whiteFont]="true"
+      [cols]="isXlScreen() ? 2 : undefined"
+      [navItems]="navItems"
+    />
+    <div class="partners-container">
+      <div class="mb-5 flex gap-2">
+        <h2>{{ t('mainPartner') }}</h2>
+        <img class="ml-4" [ngSrc]="hoaLogoSrc()" width="100" height="30" />
+      </div>
+      <al-partners [partnerList]="partnersList" heading="footer.partners" />
     </div>
   </div>
   <small class="text-al-muted block pb-4 text-center text-xs">
diff --git a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.scss b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.scss
index cc4a1fa73..98482b702 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.scss
+++ b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.scss
@@ -1,23 +1,43 @@
-al-footer-logo {
+.logo-container {
   grid-area: logo;
+  display: flex;
+  flex-direction: column;
 }
 
-al-navigation {
+.navigation-component {
   grid-area: nav;
 }
 
-.social-media-container {
-  grid-area: social;
+.partners-container {
+  grid-area: partners;
 }
 
 .al-container {
+  justify-items: center;
+  row-gap: 1rem;
   grid-template-areas:
-    'logo social'
-    'nav nav';
+    'logo'
+    'partners'
+    'nav';
+
+  align-items: start;
+}
+
+@media (min-width: 640px) {
+  .al-container {
+    justify-items: stretch;
+    grid-template-areas:
+      'logo partners'
+      'nav nav';
+  }
+
+  .logo-container {
+    justify-self: center;
+  }
 }
 
-@screen lg {
+@screen xl {
   .al-container {
-    grid-template-areas: 'logo nav social';
+    grid-template-areas: 'logo nav partners';
   }
 }
diff --git a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.ts b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.ts
index a6cdc7729..6ecc9c8e7 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.ts
+++ b/libs/blog/layouts/ui-layouts/src/lib/footer/footer.component.ts
@@ -1,9 +1,25 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import { NgOptimizedImage } from '@angular/common';
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  inject,
+  input,
+} from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { TranslocoDirective } from '@jsverse/transloco';
+import { map } from 'rxjs';
 
-import { NavigationComponent } from '@angular-love/blog/layouts/ui-navigation';
+import {
+  NavigationComponent,
+  NavItem,
+} from '@angular-love/blog/layouts/ui-navigation';
+import { PartnersComponent } from '@angular-love/blog/partners/ui-partners';
 
 import { FooterLogoComponent } from './components/footer-logo.component';
 import { FooterSocialMediaIconsComponent } from './components/footer-social-media-icons.component';
+import { hoaHireUs, partnersList } from './partners';
 
 @Component({
   selector: 'al-footer',
@@ -11,11 +27,76 @@ import { FooterSocialMediaIconsComponent } from './components/footer-social-medi
     NavigationComponent,
     FooterLogoComponent,
     FooterSocialMediaIconsComponent,
+    PartnersComponent,
+    NgOptimizedImage,
+    TranslocoDirective,
   ],
   templateUrl: './footer.component.html',
   styleUrl: './footer.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class FooterComponent {
+  readonly theme = input.required<'light' | 'dark'>();
+  readonly hoaLogoSrc = computed(() =>
+    this.theme() === 'dark'
+      ? 'assets/HOA_logo_white.png'
+      : 'assets/HOA_logo_blue.png',
+  );
+
   currentYear = new Date().getFullYear();
+  readonly partnersList = partnersList;
+  readonly hoaHireUs = hoaHireUs;
+
+  private readonly _breakpointObserver = inject(BreakpointObserver);
+
+  readonly isXlScreen = toSignal(
+    this._breakpointObserver
+      .observe('(min-width: 1280px)')
+      .pipe(map(({ matches }) => matches)),
+  );
+
+  readonly navItems: NavItem[] = [
+    {
+      translationPath: 'nav.guides',
+      link: ['guides'],
+      dataTestId: 'navigation-guides',
+    },
+    {
+      translationPath: 'nav.about',
+      link: ['about'],
+      dataTestId: 'navigation-about',
+    },
+    {
+      translationPath: 'nav.news',
+      link: ['news'],
+      dataTestId: 'navigation-news',
+    },
+    {
+      translationPath: 'nav.become_author',
+      link: ['become-author'],
+      dataTestId: 'navigation-become-author',
+    },
+    {
+      translationPath: 'nav.meetups',
+      link: ['https://meetup.angular.love/'],
+      externalLink: true,
+      dataTestId: 'navigation-meetups',
+    },
+    {
+      translationPath: 'nav.newsletter',
+      link: ['newsletter'],
+      dataTestId: 'navigation-newsletter',
+    },
+    {
+      translationPath: 'nav.in_depth',
+      link: ['angular-in-depth'],
+      dataTestId: 'navigation-in-depth',
+    },
+    {
+      translationPath: 'nav.partnership',
+      link: ['mailto:angular@angular.love'],
+      externalLink: true,
+      dataTestId: 'navigation-partnership',
+    },
+  ];
 }
diff --git a/libs/blog/home/feature-home/src/lib/home-page/partners.ts b/libs/blog/layouts/ui-layouts/src/lib/footer/partners.ts
similarity index 100%
rename from libs/blog/home/feature-home/src/lib/home-page/partners.ts
rename to libs/blog/layouts/ui-layouts/src/lib/footer/partners.ts
diff --git a/libs/blog/layouts/ui-layouts/src/lib/header/components/header-mobile-menu.component.ts b/libs/blog/layouts/ui-layouts/src/lib/header/components/header-mobile-menu.component.ts
index 6c297e797..cfc31e3fa 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/header/components/header-mobile-menu.component.ts
+++ b/libs/blog/layouts/ui-layouts/src/lib/header/components/header-mobile-menu.component.ts
@@ -9,6 +9,7 @@ import {
 import {
   LanguagePickerComponent,
   NavigationComponent,
+  NavItem,
 } from '@angular-love/blog/layouts/ui-navigation';
 
 @Component({
@@ -20,7 +21,7 @@ import {
       [ngClass]="{ 'translate-y-[100%]': isOpened() }"
       [attr.aria-hidden]="isOpened()"
     >
-      <al-navigation (navigated)="closed.emit()" layout="vertical">
+      <al-navigation [navItems]="navItems" (navigated)="closed.emit()">
         <li class="flex justify-center">
           <al-language-picker
             [language]="language()"
@@ -34,6 +35,25 @@ import {
   imports: [NavigationComponent, NgClass, LanguagePickerComponent],
 })
 export class HeaderMobileMenuComponent {
+  readonly navItems: NavItem[] = [
+    {
+      translationPath: 'nav.guides',
+      link: ['guides'],
+      dataTestId: 'navigation-guides',
+    },
+    {
+      translationPath: 'nav.news',
+      link: ['news'],
+      dataTestId: 'navigation-news',
+    },
+    {
+      translationPath: 'nav.meetups',
+      link: ['https://meetup.angular.love/'],
+      externalLink: true,
+      dataTestId: 'navigation-meetups',
+    },
+  ];
+
   readonly isOpened = input.required<boolean>();
   readonly language = input.required<string>();
 
diff --git a/libs/blog/layouts/ui-layouts/src/lib/header/header.component.ts b/libs/blog/layouts/ui-layouts/src/lib/header/header.component.ts
index 4bac3c6b2..47cbd1f43 100644
--- a/libs/blog/layouts/ui-layouts/src/lib/header/header.component.ts
+++ b/libs/blog/layouts/ui-layouts/src/lib/header/header.component.ts
@@ -12,6 +12,7 @@ import { FastSvgComponent } from '@push-based/ngx-fast-svg';
 import {
   LanguagePickerComponent,
   NavigationComponent,
+  NavItem,
 } from '@angular-love/blog/layouts/ui-navigation';
 
 import {
@@ -33,7 +34,7 @@ import {
       >
         <al-header-logo />
 
-        <al-navigation class="hidden lg:block" [showNewsletter]="false" />
+        <al-navigation class="hidden lg:block" [navItems]="navItems" />
 
         <div class="flex flex-row items-center">
           <al-language-picker
@@ -84,6 +85,25 @@ import {
   ],
 })
 export class HeaderComponent {
+  readonly navItems: NavItem[] = [
+    {
+      translationPath: 'nav.guides',
+      link: ['guides'],
+      dataTestId: 'navigation-guides',
+    },
+    {
+      translationPath: 'nav.news',
+      link: ['news'],
+      dataTestId: 'navigation-news',
+    },
+    {
+      translationPath: 'nav.meetups',
+      link: ['https://meetup.angular.love/'],
+      externalLink: true,
+      dataTestId: 'navigation-meetups',
+    },
+  ];
+
   readonly language = input.required<string>();
   readonly theme = input.required<'light' | 'dark'>();
 
diff --git a/libs/blog/layouts/ui-navigation/src/lib/navigation/navigation.component.html b/libs/blog/layouts/ui-navigation/src/lib/navigation/navigation.component.html
index 5dd1b61e7..a99138ee1 100644
--- a/libs/blog/layouts/ui-navigation/src/lib/navigation/navigation.component.html
+++ b/libs/blog/layouts/ui-navigation/src/lib/navigation/navigation.component.html
@@ -1,13 +1,8 @@
-@let isVerticalLayout = layout() === 'vertical';
-<nav *transloco="let t" [class]="isVerticalLayout ? 'flex-col' : 'flex-row'">
-  <ul
-    class="flex flex-wrap justify-center"
-    [attr.aria-label]="t('nav.navLinks')"
-    [class]="isVerticalLayout ? 'flex-col justify-between' : ''"
-  >
-    @for (item of filteredNavItems(); track $index) {
+<nav *transloco="let t">
+  <ul [attr.aria-label]="t('nav.navLinks')" [class]="gridClasses()">
+    @for (item of navItems(); track $index) {
       @if (!item.externalLink) {
-        <li [class]="isVerticalLayout ? 'py-10 text-center' : ''">
+        <li>
           <a
             [attr.data-testid]="item.dataTestId"
             class="text-al-foreground p-2 font-medium md:p-6"
@@ -19,7 +14,7 @@
           </a>
         </li>
       } @else {
-        <li [class]="isVerticalLayout ? 'py-10 text-center' : ''">
+        <li>
           <a
             [attr.data-testid]="item.dataTestId"
             class="text-al-foreground p-2 font-medium md:p-6"
diff --git a/libs/blog/layouts/ui-navigation/src/lib/navigation/navigation.component.ts b/libs/blog/layouts/ui-navigation/src/lib/navigation/navigation.component.ts
index 81d11cac1..39da83b5e 100644
--- a/libs/blog/layouts/ui-navigation/src/lib/navigation/navigation.component.ts
+++ b/libs/blog/layouts/ui-navigation/src/lib/navigation/navigation.component.ts
@@ -26,44 +26,28 @@ export type NavItem = {
   imports: [RouterLink, RouterLinkActive, TranslocoDirective, AlLocalizePipe],
 })
 export class NavigationComponent {
-  readonly layout = input<'vertical' | 'horizontal'>('horizontal');
+  readonly navItems = input.required<NavItem[]>();
   readonly whiteFont = input<boolean>(false);
-  showNewsletter = input(true);
+  readonly cols = input<number>();
+  readonly rows = input<number>();
 
-  readonly filteredNavItems = computed(() => {
-    return this.navItems.filter(
-      (item) =>
-        item.translationPath !== 'nav.newsletter' || this.showNewsletter(),
-    );
+  protected readonly gridClasses = computed(() => {
+    if (!this.cols() && !this.rows()) {
+      return 'flex flex-wrap justify-center';
+    }
+
+    const classes: string[] = ['grid'];
+
+    if (this.cols()) {
+      classes.push(`grid-cols-${this.cols()}`);
+    }
+
+    if (this.rows()) {
+      classes.push(`grid-rows-${this.rows()}`);
+    }
+
+    return classes.join(' ');
   });
 
-  readonly navItems: NavItem[] = [
-    {
-      translationPath: 'nav.about',
-      link: ['about-us'],
-      dataTestId: 'navigation-about-us',
-    },
-    {
-      translationPath: 'nav.meetups',
-      link: ['https://meetup.angular.love/'],
-      externalLink: true,
-      dataTestId: 'navigation-meetups',
-    },
-    {
-      translationPath: 'nav.become_author',
-      link: ['become-author'],
-      dataTestId: 'navigation-become-author',
-    },
-    {
-      translationPath: 'nav.roadmap',
-      link: ['roadmap'],
-      dataTestId: 'navigation-roadmap',
-    },
-    {
-      translationPath: 'nav.newsletter',
-      link: ['newsletter'],
-      dataTestId: 'navigation-newsletter',
-    },
-  ];
   protected navigated = output();
 }
diff --git a/libs/blog/partners/ui-partners/src/lib/partners-list/partners-list.component.html b/libs/blog/partners/ui-partners/src/lib/partners-list/partners-list.component.html
index 8660e8d4a..001cdcafc 100644
--- a/libs/blog/partners/ui-partners/src/lib/partners-list/partners-list.component.html
+++ b/libs/blog/partners/ui-partners/src/lib/partners-list/partners-list.component.html
@@ -1,9 +1,7 @@
-<div
-  class="mb-8 flex flex-row flex-wrap justify-center gap-2 px-8 md:gap-6 xl:gap-x-[54px]"
->
+<div class="mb-8 flex flex-row gap-2 sm:gap-3">
   @for (partner of partnersList(); track partner.asset_URL) {
     <a
-      class="light:outline light:outline-1 light:outline-al-border light:rounded-lg aspect-[2/1] w-full max-w-[160px] rounded-lg bg-white md:max-w-[200px] lg:transition-transform lg:hover:scale-105 lg:hover:cursor-pointer lg:motion-reduce:transition-none lg:motion-reduce:hover:scale-100"
+      class="light:outline light:outline-1 light:outline-al-border aspect-[2/1] w-full max-w-[64px] rounded bg-white lg:transition-transform lg:hover:scale-105 lg:hover:cursor-pointer lg:motion-reduce:transition-none lg:motion-reduce:hover:scale-100"
       [href]="partner.link_URL"
       [title]="partner.title"
       target="_blank"
diff --git a/libs/blog/partners/ui-partners/src/lib/partners/partners.component.html b/libs/blog/partners/ui-partners/src/lib/partners/partners.component.html
index 5806259fa..c3c61655c 100644
--- a/libs/blog/partners/ui-partners/src/lib/partners/partners.component.html
+++ b/libs/blog/partners/ui-partners/src/lib/partners/partners.component.html
@@ -1,11 +1,9 @@
 <section
   aria-labelledby="partners-heading"
-  class="bg-al-card my-8 flex w-full flex-col justify-between rounded-lg lg:my-16"
+  class="flex w-full flex-col justify-between rounded-lg bg-transparent"
 >
-  <div class="py-8 pl-8">
-    <h2 id="partners-heading" *transloco="let t" class="text-2xl font-bold">
-      {{ t(heading()) }}
-    </h2>
-  </div>
+  <h2 id="partners-heading" *transloco="let t" class="mb-4">
+    {{ t(heading()) }}
+  </h2>
   <al-partners-list [partnersList]="partnerList()"></al-partners-list>
 </section>
diff --git a/libs/blog/shell/feature-shell-web/src/lib/root-shell.component.ts b/libs/blog/shell/feature-shell-web/src/lib/root-shell.component.ts
index 0a85db12c..f73a7a761 100644
--- a/libs/blog/shell/feature-shell-web/src/lib/root-shell.component.ts
+++ b/libs/blog/shell/feature-shell-web/src/lib/root-shell.component.ts
@@ -55,7 +55,7 @@ import { AppThemeStore } from '@angular-love/data-access-app-theme';
       }
       <router-outlet />
     </al-layout>
-    <al-footer class="mt-auto block" />
+    <al-footer class="mt-auto block" [theme]="theme()" />
   `,
   imports: [
     RouterOutlet,
diff --git a/libs/shared/assets/src/lib/styles/main.scss b/libs/shared/assets/src/lib/styles/main.scss
index 3a39567ac..b79804d17 100644
--- a/libs/shared/assets/src/lib/styles/main.scss
+++ b/libs/shared/assets/src/lib/styles/main.scss
@@ -40,7 +40,7 @@
     --roadmap-hover-secondary: 255 0 106;
     --roadmap-label-optional: 25 26 34;
     --roadmap-label-comingSoon: 25 26 34;
-    --footer-background: 254 254 254;
+    --footer-background: 245 245 244;
   }
 }