mate-academy · trety-ai · Apr 17, 2026 · May 12, 2026 · May 12, 2026 · May 13, 2026
diff --git a/src/images/air-black/Azadeh.png b/src/images/air-black/Azadeh.png
diff --git a/src/images/air-black/BG.png b/src/images/air-black/BG.png
diff --git a/src/images/air-black/GwVmBgpP-PQ.png b/src/images/air-black/GwVmBgpP-PQ.png
diff --git a/src/images/air-black/Menu.svg b/src/images/air-black/Menu.svg
diff --git a/src/images/air-black/Michel.png b/src/images/air-black/Michel.png
diff --git a/src/images/air-black/Photo@2x.png b/src/images/air-black/Photo@2x.png
diff --git a/src/images/air-black/Tal.png b/src/images/air-black/Tal.png
diff --git a/src/images/air-black/branding.png b/src/images/air-black/branding.png
diff --git a/src/images/air-black/communication.png b/src/images/air-black/communication.png
diff --git a/src/images/air-black/cursor-mouse-mice.svg b/src/images/air-black/cursor-mouse-mice.svg
diff --git a/src/images/air-black/facebook.svg b/src/images/air-black/facebook.svg
diff --git a/src/images/air-black/instagram.svg b/src/images/air-black/instagram.svg
diff --git a/src/images/air-black/mdi-arrow-forward.svg b/src/images/air-black/mdi-arrow-forward.svg
diff --git a/src/images/air-black/mdi-chevron-left.svg b/src/images/air-black/mdi-chevron-left.svg
diff --git a/src/images/air-black/mdi-chevron-right.svg b/src/images/air-black/mdi-chevron-right.svg
diff --git a/src/images/air-black/qPojqUji_y4.png b/src/images/air-black/qPojqUji_y4.png
diff --git a/src/images/air-black/strategy.png b/src/images/air-black/strategy.png
diff --git a/src/images/air-black/twitter.svg b/src/images/air-black/twitter.svg
diff --git a/src/images/air-black/“-blue.svg b/src/images/air-black/“-blue.svg
diff --git a/src/images/air-blue/Azadeh-biue.png b/src/images/air-blue/Azadeh-biue.png
diff --git a/src/images/air-blue/Michel-blue.png b/src/images/air-blue/Michel-blue.png
diff --git a/src/images/air-blue/Photo.png b/src/images/air-blue/Photo.png
diff --git a/src/images/air-blue/Shapes.png b/src/images/air-blue/Shapes.png
diff --git a/src/images/air-blue/Tal-blue.png b/src/images/air-blue/Tal-blue.png
diff --git a/src/images/air-blue/“-light-blue.svg b/src/images/air-blue/“-light-blue.svg
diff --git a/src/images/air-blue/“-pink.png b/src/images/air-blue/“-pink.png
diff --git a/src/images/air-blue/“-yellow.svg b/src/images/air-blue/“-yellow.svg
diff --git a/src/images/logo/air-logo.svg b/src/images/logo/air-logo.svg
diff --git a/src/images/mateacademy-logo.jpg b/src/images/mateacademy-logo.jpg
diff --git a/src/scripts/main.js b/src/scripts/main.js
@@ -1 +1,10 @@
 'use strict';
+
+const swiper = new Swiper('.content__swiper', {
+  loop: true,
+  navigation: {
+    nextEl: '.js-content-next',
+    prevEl: '.js-content-prev',
+  },
+}
+); 
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/apply.scss b/src/styles/blocks/apply.scss
@@ -0,0 +1,84 @@
+.apply {
+  background-color: $color-white;
+  position: relative;
+  width: 100vw;
+  left: 50%;
+  transform: translateX(-50%);
+
+  @include on-tablet {
+    background-image: url(../images/air-black/BG.png);
+    position: relative;
+    width: 100vw;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+
+  &__content {
+    @include content-padding-inline;
+
+    padding-top: 72px;
+    padding-bottom: 72px;
+
+    @include on-tablet {
+      padding-top: 200px;
+      padding-bottom: 200px;
+    }
+  }
+
+  &__title {
+    font-family: Poppins, sans-serif;
+    font-weight: 600;
+    font-size: 44px;
+    line-height: 120%;
+    letter-spacing: 0;
+    text-align: center;
+    vertical-align: middle;
+  }
+
+  &__description {
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 600;
+    font-size: 22px;
+    line-height: 150%;
+    letter-spacing: 0;
+    text-align: center;
+    margin-top: 24px;
+    color: $text-50;
+
+    @include on-tablet {
+      max-width: 560px;
+      margin-inline: auto;
+    }
+
+    @include on-small-desktop {
+      max-width: 760px;
+    }
+  }
+
+  &__btn {
+    display: block;
+    align-items: center;
+    box-sizing: border-box;
+    margin-inline: auto;
+    margin-top: 56px;
+    border: none;
+    width: 280px;
+    height: 56px;
+    border-radius: 8px;
+    font-family: Poppins, sans-serif;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 100%;
+    letter-spacing: 0;
+    text-align: center;
+    background-color: $color-but-blue;
+    color: $color-white;
+
+    &:hover {
+      cursor: $custom-cursor, pointer;
+      background-color: $color-but-blue-hover;
+
+      @include hover(transform, scale(1.2));
+    }
+  }
+}
diff --git a/src/styles/blocks/contact-us.scss b/src/styles/blocks/contact-us.scss
@@ -0,0 +1,114 @@
+.contact-us {
+  &__title {
+    font-family: Poppins, sans-serif;
+    font-weight: 600;
+    font-size: 32px;
+    line-height: 150%;
+    letter-spacing: 0;
+    vertical-align: middle;
+  }
+
+  &__group {
+    display: grid;
+    margin-top: 48px;
+    gap: 40px;
+
+    @include on-tablet {
+      margin-top: 56px;
+      gap: 48px;
+    }
+  }
+
+  &__description {
+    font-family: Poppins, sans-serif;
+    font-weight: 700;
+    font-size: 13px;
+    line-height: 100%;
+    letter-spacing: 3px;
+    text-transform: uppercase;
+    color: $text-50;
+    margin-bottom: 8px;
+  }
+
+  &__phone {
+    all: unset;
+    font-family: 'Open Sans', sans-serif;
+    font-weight: 600;
+    font-size: 24px;
+    line-height: 150%;
+    letter-spacing: 0;
+    cursor: $custom-cursor, pointer;
+  }
+
+  &__adr {
+    all: unset;
+
+    &--link {
+      text-decoration: none;
+      display: inline-block;
+      color: inherit;
+      font-family: 'Open Sans', sans-serif;
+      font-weight: 600;
+      font-size: 24px;
+      line-height: 150%;
+      letter-spacing: 0;
+      cursor: $custom-cursor, pointer;
+      transition: transform $effectDuration ease;
+    }
+  }
+
+  &__group-icons {
+    padding-top: 8px;
+    display: flex;
+    column-gap: 32px;
+  }
+
+  &__icon-f,
+  &__icon-t,
+  &__icon-i {
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+    cursor: $custom-cursor, pointer;
+    transition: filter $effectDuration ease;
+  }
+
+  &__icon-f {
+    background-image: url(../images/air-black/facebook.svg);
+  }
+
+  &__icon-t {
+    background-image: url(../images/air-black/twitter.svg);
+  }
+
+  &__icon-i {
+    background-image: url(../images/air-black/instagram.svg);
+  }
+
+  &__icon-f:hover {
+    filter: invert(53%) sepia(87%) saturate(2258%) hue-rotate(178deg)
+      brightness(101%) contrast(105%);
+    transition: filter $effectDuration ease;
+
+    @include hover(transform, scale(1.2));
+  }
+
+  &__icon-t:hover {
+    filter: invert(53%) sepia(87%) saturate(2258%) hue-rotate(178deg)
+      brightness(101%) contrast(105%);
+    transition: filter $effectDuration ease;
+
+    @include hover(transform, scale(1.2));
+  }
+
+  &__icon-i:hover {
+    filter: invert(53%) sepia(87%) saturate(2258%) hue-rotate(178deg)
+      brightness(101%) contrast(105%);
+    transition: filter $effectDuration ease;
+
+    @include hover(transform, scale(1.2));
+  }
+}