diff --git a/src/images/header-photo-block/GwVmBgpP-PQ.png b/src/images/header-photo-block/GwVmBgpP-PQ.png
new file mode 100644
index 000000000..0cf95cfc6
Binary files /dev/null and b/src/images/header-photo-block/GwVmBgpP-PQ.png differ
diff --git a/src/images/header-photo-block/qPojqUji_y4.png b/src/images/header-photo-block/qPojqUji_y4.png
new file mode 100644
index 000000000..6b5ef3613
Binary files /dev/null and b/src/images/header-photo-block/qPojqUji_y4.png differ
diff --git a/src/index.html b/src/index.html
index 345effb71..266b36196 100644
--- a/src/index.html
+++ b/src/index.html
@@ -8,7 +8,7 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0"
     />
-    <title>Dia</title>
+    <title>Air</title>
     <link rel="icon" href="./images/logo/dia-logo.svg">
     <link
       rel="stylesheet"
@@ -40,9 +40,31 @@
           </div>
 
           <nav class="nav">
-            <a href="#menu" class="nav__burger-menu">
+            <a href="#burger-menu" class="nav__burger-menu">
               <img src="./images/burger-menu.png" alt="burger menu">
             </a>
+            <ul class="nav__burger-menu-list" id="burger-menu">
+              <li class="nav__burger-menu-item">
+                <a href="#" class="nav__burger-menu-link">
+                  About us
+                </a>
+              </li>
+              <li class="nav__burger-menu-item">
+                <a href="#" class="nav__burger-menu-link">
+                  Services
+                </a>
+              </li>
+              <li class="nav__burger-menu-item">
+                <a href="#" class="nav__burger-menu-link">
+                  Testimonials
+                </a>
+              </li>
+              <li class="nav__burger-menu-item">
+                <a href="#" class="nav__burger-menu-link">
+                  Contact Us
+                </a>
+              </li>
+            </ul>
             <ul class="nav__list">
               <li class="nav__item">
                 <a href="#about-us" class="nav__link">
@@ -86,6 +108,16 @@ <h2 class="header__information-text">We believe in the power of bold ideas that
         alt="hand watch"
         class="header__photo"
         >
+        <!-- <img
+        src="./images/header-photo-block/GwVmBgpP-PQ.png"
+        alt="photo"
+        class="header__photo"
+        >
+        <img
+        src="./images/header-photo-block/qPojqUji_y4.png"
+        alt="photo"
+        class="header__photo"
+        > -->
         <div class="header__photo-change">
           <div class="header__photo-change--wrapper">
             <a href="#"
@@ -344,7 +376,7 @@ <h2 class="service__title">
           <div class="components__information">
             We are sure that first-rate job is possible only if all three components are united.
           </div>
-          <button class="button">Apply</button>
+          <button class="button"><a href="#contact-us">Apply</a></button>
         </section>
       </div>
       <!-- #endregion -->
@@ -367,16 +399,19 @@ <h2 class="footer__message-title">
               type="email"
               class="footer__message-input"
               placeholder="Your email"
+              required
               ><br>
               <input
               type="text"
               class="footer__message-input"
               placeholder="Your name"
+              required
               ><br>
               <input
               type="text"
               class="footer__message-input"
               placeholder="Your message"
+              required
               ><br>
               <button type="submit">Send</button>
             </form>
@@ -453,7 +488,7 @@ <h3>our socials</h3>
             </div>
             <ul  class="footer__menu-list">
               <li class="footer__menu-item">
-                <a href="#" class="footer__menu-link">
+                <a href="#about-us" class="footer__menu-link">
                   About us
                 </a>
               </li>
@@ -463,17 +498,17 @@ <h3>our socials</h3>
                 </a>
               </li>
               <li class="footer__menu-item">
-                <a href="#" class="footer__menu-link">
+                <a href="#our-expertise" class="footer__menu-link">
                   Work
                 </a>
               </li>
               <li class="footer__menu-item">
-                <a href="#" class="footer__menu-link">
+                <a href="#service" class="footer__menu-link">
                   Services
                 </a>
               </li>
               <li class="footer__menu-item">
-                <a href="#" class="footer__menu-link">
+                <a href="#contact-us" class="footer__menu-link">
                   Contact Us
                 </a>
               </li>
diff --git a/src/styles/blocks/components.scss b/src/styles/blocks/components.scss
index 1a5f166d3..7a542db08 100644
--- a/src/styles/blocks/components.scss
+++ b/src/styles/blocks/components.scss
@@ -65,5 +65,14 @@
       grid-column: 3 / -3;
     }
 
+    & a{
+      color: #fff;
+      text-decoration: none;
+      display: flex;
+      height: 100%;
+      width: 100%;
+      align-items: center;
+      justify-content: center;
+    }
   }
 }
diff --git a/src/styles/blocks/footer.scss b/src/styles/blocks/footer.scss
index 673e6e0e8..e2e56279c 100644
--- a/src/styles/blocks/footer.scss
+++ b/src/styles/blocks/footer.scss
@@ -131,6 +131,7 @@
     margin-top: 80px;
     grid-column: span 2;
 
+
     @include on-tablet{
       margin-top: 139px;
       grid-column: 1 / -1;
@@ -156,6 +157,7 @@
       flex-direction: column;
       justify-content: start;
 
+
       @include on-tablet{
         flex-direction: row;
 
@@ -166,6 +168,7 @@
 
       @include on-small-desktop{
         justify-content: end;
+        margin: 0;
       }
 
     }
@@ -175,13 +178,10 @@
       text-decoration: none;
     }
 
+
     &-item{
-      list-style: none;
-      size: 13px;
-      line-height: 150%;
-      letter-spacing: 3px;
-      font-weight: 700;
-      margin:0 0 24px;
+      @extend %nav-decoration;
     }
+
   }
 }
diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss
index a721b5321..047eb5052 100644
--- a/src/styles/blocks/header.scss
+++ b/src/styles/blocks/header.scss
@@ -33,11 +33,8 @@
     }
 
     &-learn-more{
-      height: 50px;
-      width: 280px;
-      background-color: #2060F6;
-      border-radius: 8px;
-      color: white;
+      @extend %button;
+
     }
   }
 
@@ -46,9 +43,15 @@
     height: 390px;
     width: 100%;
     bottom: 0;
-    border-radius: 30px ;
     right: 0;
+    border-radius: 30px ;
     overflow: hidden;
+    display: flex;
+
+
+    @include on-tablet{
+      width: 100%;
+    }
 
     @include on-small-desktop{
       height: 680px;
@@ -61,9 +64,9 @@
     }
   }
 
-  &__photo{
+  &__photo {
     object-fit: cover;
-    height: 390px;
+    height: auto;
     width: 100%;
     position: relative;
 
@@ -79,7 +82,6 @@
       }
 
 
-
       &--text{
         color: #fff;
         margin-top: 16px;
@@ -130,13 +132,6 @@
         border-radius: 50%;
       }
 
-      // &--left{
-
-      // }
-
-      // &--right{
-
-      // }
     }
 
     @include on-small-desktop{
diff --git a/src/styles/blocks/nav.scss b/src/styles/blocks/nav.scss
index 5ca360b51..af0c45e09 100644
--- a/src/styles/blocks/nav.scss
+++ b/src/styles/blocks/nav.scss
@@ -6,10 +6,55 @@
     position: absolute;
     top: 50%;
 
+
     @include on-small-desktop{
-      display: none;
+      // display: none;
 
     }
+
+    &-list{
+      display: flex;
+      flex-direction: column;
+      justify-content: left;
+      padding: 0;
+      position: absolute;
+      left: 125px;
+      top: 0;
+      margin: 0;
+      background-color: $bg-header;
+      border: 1px solid silver;
+      border-radius: 10px;
+      z-index: 2;
+
+
+      transition: all 0.9s;
+      visibility: hidden;
+      opacity: .1;
+
+      &:target{
+        transform: translateX(20px);
+        opacity: 1;
+        visibility: visible;
+      }
+
+
+    }
+
+    &-item{
+      list-style: none;
+
+    }
+
+    &-link{
+      text-decoration: none;
+      color: #fff;
+      line-height: 25px;
+      display: inline-block;
+      padding: 0 10px;
+      width: 100%;
+    }
+
+
   }
 
 
@@ -57,11 +102,7 @@
   }
 
   &__link {
-    text-decoration: none;
-    color: #FFF;
-    text-transform: uppercase;
-    font-size: 13px;
-    line-height: 150%;
+    @extend %nav-decoration;
   }
 
 }
diff --git a/src/styles/blocks/our-expertise.scss b/src/styles/blocks/our-expertise.scss
index 8b57032a1..220f39418 100644
--- a/src/styles/blocks/our-expertise.scss
+++ b/src/styles/blocks/our-expertise.scss
@@ -1,3 +1,4 @@
+
 .our-expertise{
 text-align: center;
 font-size: 44px;
@@ -18,7 +19,7 @@ grid-column: 1 / -1;
 
   &__category{
     @include page-grid;
-    
+
     justify-items: center;
 
     &--align-left{
@@ -35,6 +36,12 @@ grid-column: 1 / -1;
       align-items: center;
       flex-direction: column;
 
+
+
+      @include hover(transform, scale(1.1));
+
+
+
       @include on-tablet{
         grid-column: 2 / -2;
       }
diff --git a/src/styles/blocks/testimonials.scss b/src/styles/blocks/testimonials.scss
index 242b9175d..029d5988d 100644
--- a/src/styles/blocks/testimonials.scss
+++ b/src/styles/blocks/testimonials.scss
@@ -46,6 +46,8 @@
     grid-column: 1 / -1;
     margin: 24px 0;
 
+    @include hover(transform, scale(1.1));
+
     @include on-tablet{
       padding: 32px 98px;
       margin: 30px 0;
diff --git a/src/styles/utils/_extends.scss b/src/styles/utils/_extends.scss
index 89d754176..54a30f8e7 100644
--- a/src/styles/utils/_extends.scss
+++ b/src/styles/utils/_extends.scss
@@ -9,9 +9,22 @@
   border-radius: 8px;
   background-color: #2060F6;
   color: #fff;
-  border: 0;
+  border: none;
   font-size: 15px;
   line-height: 150%;
   font-weight: 600;
   font-family: poppins, Arial, Helvetica, sans-serif;
+
 }
+
+%nav-decoration{
+  list-style: none;
+  text-decoration: none;
+  color: #FFF;
+  text-transform: uppercase;
+  font-size: 13px;
+  line-height: 150%;
+  font-weight: 700;
+  letter-spacing: 3px;
+}
+