mate-academy · RSydorenko322 · May 30, 2026 · May 31, 2026 · Jun 4, 2026 · Jun 4, 2026
diff --git a/src/fonts/Roboto-Regular-webfont.woff b/src/fonts/Roboto-Regular-webfont.woff
diff --git a/src/images/background/dia-header-image.png b/src/images/background/dia-header-image.png
diff --git a/src/images/expertise/expertise-branding.png b/src/images/expertise/expertise-branding.png
diff --git a/src/images/expertise/expertise-communication.png b/src/images/expertise/expertise-communication.png
diff --git a/src/images/expertise/expertise-strategy.png b/src/images/expertise/expertise-strategy.png
diff --git a/src/images/features/features-bg.jpg b/src/images/features/features-bg.jpg
diff --git a/src/images/features/features-item-icon-1.svg b/src/images/features/features-item-icon-1.svg
diff --git a/src/images/features/features-item-icon-2.svg b/src/images/features/features-item-icon-2.svg
diff --git a/src/images/features/features-item-icon-3.svg b/src/images/features/features-item-icon-3.svg
diff --git a/src/images/icons/dia-icon-close.png b/src/images/icons/dia-icon-close.png
diff --git a/src/images/icons/dia-menu.png b/src/images/icons/dia-menu.png
diff --git a/src/images/logo/logo-air.png b/src/images/logo/logo-air.png
diff --git a/src/images/slider/arrow-left.svg b/src/images/slider/arrow-left.svg
diff --git a/src/images/slider/arrow-right.svg b/src/images/slider/arrow-right.svg
diff --git a/src/images/slider/slide-img-1.jpg b/src/images/slider/slide-img-1.jpg
diff --git a/src/images/socials-icons/facebook.svg b/src/images/socials-icons/facebook.svg
diff --git a/src/images/socials-icons/instagram.svg b/src/images/socials-icons/instagram.svg
diff --git a/src/images/socials-icons/twitter.svg b/src/images/socials-icons/twitter.svg
diff --git a/src/images/sub-title/sub-title-icon-dark.svg b/src/images/sub-title/sub-title-icon-dark.svg
diff --git a/src/images/sub-title/sub-title-icon-light.svg b/src/images/sub-title/sub-title-icon-light.svg
diff --git a/src/images/testimonials/quotation-marks.svg b/src/images/testimonials/quotation-marks.svg
diff --git a/src/images/what-we-do/what-we-do-1.jpg b/src/images/what-we-do/what-we-do-1.jpg
diff --git a/src/images/what-we-do/what-we-do-2.jpg b/src/images/what-we-do/what-we-do-2.jpg
diff --git a/src/images/what-we-do/what-we-do-3.jpg b/src/images/what-we-do/what-we-do-3.jpg
diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss
diff --git a/src/styles/_typography.scss b/src/styles/_typography.scss
diff --git a/src/styles/_utils.scss b/src/styles/_utils.scss
diff --git a/src/styles/blocks/about.scss b/src/styles/blocks/about.scss
@@ -0,0 +1,30 @@
+.about {
+  background-color: $background-color-light-blue;
+
+  &__wrapper {
+    max-width: 716px;
+    margin-inline: auto;
+  }
+
+  &__title {
+    margin-bottom: 24px;
+
+    font-size: 32px;
+    font-weight: $font-half-bold;
+    line-height: 150%;
+    color: $c-title;
+    text-align: center;
+
+    @include on-tablet {
+      margin-bottom: 16px;
+    }
+  }
+
+  &__text {
+    font-family: 'Open Sans', sans-serif;
+    font-size: 24px;
+    font-weight: $font-half-bold;
+    color: $c-text;
+    text-align: center;
+  }
+}
diff --git a/src/styles/blocks/apply.scss b/src/styles/blocks/apply.scss
@@ -0,0 +1,51 @@
+.apply {
+  padding-block: 72px;
+
+  background-color: $c-white;
+
+  @include on-tablet {
+    padding-block: 200px;
+  }
+
+  background-image: url(../images/Shapes.png);
+  background-position: top;
+  background-size: bottom;
+
+  &__wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+
+    @include on-small-desk {
+      max-width: 754px;
+      margin-inline: auto;
+    }
+  }
+
+  &__title {
+    text-align: center;
+  }
+
+  &__text-motivation {
+    margin-bottom: 56px;
+
+    font-family: 'Open Sans', sans-serif;
+    font-size: 22px;
+    font-weight: $font-half-bold;
+    line-height: 150%;
+    color: $c-text;
+    text-align: center;
+
+    @include on-tablet {
+      margin-bottom: 64px;
+    }
+  }
+
+  &__button {
+    @include button-style;
+
+    width: 280px;
+    font-weight: $font-half-bold;
+  }
+}