added action for form & removed extra line & changed the block names

src/index.html

@@ -31,11 +31,7 @@
               <div class="header__list">
                 <a href="#" class="menu__item menu__item--specs">SPECS</a>
 
-                <a href="#" class="menu__item menu__item--en">EN</a>
-
-                <span class="lang__hyphen">/</span>
-
-                <a href="#" class="menu__item menu__item--ua">UA</a>
+                <a href="#" class="menu__item"><span class="item__active">EN/</span>UA</a>
 
                 <a href="#" class="menu__btn">Buy</a>
               </div>
@@ -89,7 +85,7 @@
 
               <li class="nav__item">
                 <a
-                  href="#contact-us"
+                  href="#question"
                   class="nav__link"
                 >
                   GET IN TOUCH
@@ -100,7 +96,7 @@
             <div class="menu__list">
               <a href="#" class="menu__item menu__item--specs">SPECS</a>
 
-              <a href="#" class="menu__item menu__item--en">EN</a>
+              <a href="#" class="menu__item menu__item--en">EN </a>
 
               <span class="lang__hyphen">/</span>
 
@@ -325,21 +321,21 @@ <h2 class="about-us__title">
             </div>
           </section>
 
-          <section class="comments">
-            <div class="comments__content">
-              <p class="comments__to-describe">
+          <section class="testimonilas">
+            <div class="testimonilas__content">
+              <p class="testimonilas__to-describe">
                 It really took me by surprise honestly to have such full beautiful sound that coming out of this small compact device. And with the brush aluminum surface, it feels so familiar. Like my iPhone.
               </p>
 
               <img
                 src="./images/user-photo.png"
                 alt="user-photo"
-                class="comments__user-photo"
+                class="testimonilas__user-photo"
               >
 
-              <p class="comments__user-name">Garrett Martin</p>
+              <p class="testimonilas__user-name">Garrett Martin</p>
 
-              <p class="comments__user-position">Creative Director</p>
+              <p class="testimonilas__user-position">Creative Director</p>
             </div>
           </section>
 
@@ -378,17 +374,16 @@ <h3 class="features__second-title">Sound & Music</h3>
 
                 <div class="features__img">
                   <img
-                  src="./images/features-vector-photo.svg"
-                  alt="features vector photo"
-                  class="features__vector-photo"
-                >
+                    src="./images/features-vector-photo.svg"
+                    alt="features vector photo"
+                    class="features headphone img"
+                  >
                 </div>
 
                 <h3 class="features__second-title features__second-title--hidden">
                   Connectivity
                 </h3>
 
-
                 <ul class="features__info-list features__info-list--hidden">
                   <li class="features__item">
                     Hands Free Wireless Audio
@@ -440,33 +435,37 @@ <h3 class="features__second-title features__second-title--hidden-right">
                 <div class="features__bottom">
                   <img
                     src="./images/features-background.png"
-                    alt="features__background-img"
+                    alt="features headphone"
                     class="features__background-img"
                   >
                 </div>
-
               </div>
             </div>
           </section>
 
-          <section class="contact-us" id="contact-us">
-            <div class="contact-us__content">
-              <h2 class="contact-us__title">
+          <section class="questions" id="question">
+            <div class="questions__content">
+              <h2 class="questions__title">
                 DO YOU HAVE ANY QUESTIONS?
               </h2>
 
-              <form action="post" class="contact-us__forms">
+              <form
+                class="questions__forms"
+                action="http://localhost:3000/api"
+                name="questions-forms"
+                method="post"
+              >
                 <input
                   type="email"
                   name="email"
-                  class="contact-us__form"
+                  class="questions__form"
                   placeholder="Your email"
                   required
                 >
 
                 <textarea
                   placeholder="Your message..."
-                  class="contact-us__form"
+                  class="questions__form"
                   name="message"
                   cols="30"
                   rows="5"
@@ -475,7 +474,7 @@ <h2 class="contact-us__title">
 
                 <button
                   type="submit"
-                  class="contact-us__btn"
+                  class="questions__btn"
                   onsubmit="this.reset(); return false;"
                 >
                   Send

src/styles/blocks/about-us.scss

@@ -92,7 +92,6 @@
     @include onDeskTop {
       @include hover(transform, scale(105%));
     }
-
   }
 
   &__post-top {

src/styles/blocks/features.scss

@@ -75,11 +75,11 @@
   &__info-list {
     padding-inline: 30px;
     margin: 0 0 50px 14px;
+
     @include onTablet {
       grid-column: 1/ 5;
       margin: 0 0 0 14px;
       padding: 0;
-
     }
 
     @include onDeskTop {
@@ -136,11 +136,9 @@
     height: 173px;
     width: 300px;
     margin: 0 auto;
-
     grid-column: span 4;
+
     background-color: $contarast-c;
-
-
     background-size: cover;
 
     @include onTablet {

src/styles/blocks/footer.scss

@@ -25,7 +25,6 @@
   &--instagram {
     background-image: url("/images/icons/instagram.svg");
   }
-
 }
 
 .footer {

src/styles/blocks/hero.scss

@@ -49,7 +49,6 @@
       padding-inline: 0;
       grid-column: 1 / 4;
     }
-
   }
 
   &__title {

src/styles/blocks/menu.scss

@@ -26,16 +26,15 @@
   }
 
   &__item {
+    display: flex;
+
     font-family: "Roboto", sans-serif;
     font-weight: 300;
     font-size: 14px;
     line-height: 17px;
 
     &--specs {
       padding-right: 20px;
-    }
-
-    &--en {
       font-weight: 400;
     }
   }

src/styles/blocks/contact-us.scss → src/styles/blocks/questions.scss

@@ -1,4 +1,4 @@
-.contact-us {
+.questions {
   display: grid;
   grid-column: span 4;
 
@@ -54,7 +54,6 @@
 
     @include mainText;
     resize: none;
-
     border: 1px solid $form-border-c;
 
     &:focus {

src/styles/blocks/comments.scss → src/styles/blocks/testimonilas.scss

@@ -1,4 +1,4 @@
-.comments {
+.testimonilas {
   @include pageGrid;
   grid-column: span 4;
 
@@ -10,8 +10,6 @@
     grid-column: span 12;
   }
 
-  // column-gap: 30px;
-
   &__content {
     display: grid;
     justify-items: center;

src/styles/main.scss

@@ -11,9 +11,9 @@
 @import "./blocks/benefits";
 @import "./blocks/presentation";
 @import "./blocks/about-us";
-@import "./blocks/comments";
+@import "./blocks/testimonilas";
 @import "./blocks/features";
-@import "./blocks/contact-us";
+@import "./blocks/questions";
 @import "./blocks/footer";
 @import "./blocks/desk-top";
 

src/styles/utils/_vars.scss

@@ -13,4 +13,3 @@ $form-border-c:#828282;
 $placeholder-c: #bdbdbd;
 $disabled-btn-c: #d0d0d0;
 $submit-btn-c: #39bebf;
-

src/styles/utils/normalize.scss

@@ -54,3 +54,7 @@ body:has(.burger__menu:target) {
 img {
   cursor: pointer;
 }
+
+.item__active {
+  font-weight: 400;
+}