Merge pull request #216 from activebridge/fix/contacts_public_404_titles

Fix/contacts public 404 titles
activebridge · Apr 26, 2024 · 79e395a · 79e395a
2 parents dabbed9 + fe12f7b
commit 79e395a
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 68 deletions.
diff --git a/404.html b/404.html
@@ -7,10 +7,10 @@
 
 <div class="public public-404">
   <div class="wrapper">
-    <h2 class="header-3">ooops.<br class="mobile-size">responce code<strong> 404</strong></h2>
-    <p class="public__description">We're sorry, it looks like the page you're looking for has taken a day off.</p>
+    <h2 class="block-cera-title">ooops.<br class="mobile-size">responce code<strong> 404</strong></h2>
+    <p class="message inria-bold">We're sorry, it looks like the page you're looking for has taken a day off.</p>
     <img src="/assets/images/errors/404.webp" alt="" class="public__image">
-    <p class="public__bottom-description">
+    <p class="description">
       Perhaps you can return back to <a href="/">Home page</a> and see other staff we have. Or you can <a href="/contacts">contact us</a> if you're looking for something specific.
     </p>
   </div>

diff --git a/_sass/contacts.scss b/_sass/contacts.scss
@@ -6,8 +6,6 @@
   box-shadow: 0px 2px 10px 10px rgba(23, 19, 43, 0.10);
   padding: 191px 0;
 
-  .header-2 { margin: 5vh 0; }
-
   &__field {
     border: none;
     border-radius: 30px;
@@ -24,7 +22,6 @@
     padding: 0 30px;
     text-align: justify;
     width: 540px;
-
     &::placeholder { border-bottom: 1px solid rgba($black_sea, .15); }
 
     &--select {
@@ -92,17 +89,12 @@
     text-align: center;
   }
 
-  &__description { margin-bottom: 23px; }
-
-  .header-2 { margin: 40px 0; }
-
   textarea {
     max-width: 600px;
     min-width: 320px;
     width: 100%;
     box-sizing: border-box;
     padding-top: 17px;
-
     &::-webkit-resizer { display: none; }
   }
 }
@@ -112,32 +104,21 @@
     margin: 0 auto 35px auto;
     max-width: 750px;
     padding-left: 60px;
-
-    .description { text-align: justify; }
   }
 }
 
 @media (max-width: 767px) {
   .contacts {
     padding: 73px 0 250px 0;
-
     &__form-group { max-width: 300px; }
-
     &__form-label { font-size: 12px; }
-
     &__form-select::before { top: 45px; }
 
     &__field {
       width: 260px;
-
-      &--select {
-        width: 300px;
-      }
+      &--select { width: 300px; }
     }
-
-    &__submit-btn {
-      width: 300px;
-     }
+    &__submit-btn { width: 300px; }
 
     &__to-faq {
       padding: 0;

diff --git a/_sass/public_404.scss b/_sass/public_404.scss
@@ -8,24 +8,6 @@
     mix-blend-mode: luminosity;
     margin-bottom: 47px;
   }
-
-  &__description {
-    font-family: "Inria Bold";
-    font-size: 22px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 33px;
-    margin: 40px 0 47px 0;
-  }
-
-  &__bottom-description {
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 27px;
-    margin-bottom: 20px;
-    text-align: center;
-  }
 }
 
 .public-404 {
@@ -41,28 +23,10 @@
 @media (max-width: 930px) {
   .public {
     padding: 122px 0 82px 0;
-
     &__image { max-width: 230px; }
-
-    &__bottom-description { margin: 0; }
-
-    &__description {
-      font-size: 12px;
-      line-height: 18px;
-      margin: 25px 0 47px 0;
-    }
   }
 }
 
 @media (max-width: 700px) {
   .mobile-size { display: inline-block; }
-
-  .public {
-    &__bottom-description {
-    font-size: 10px;
-    line-height: 15px;
-    margin: 0;
-    text-align: justify;
-    }
-  }
 }
diff --git a/contacts.html b/contacts.html
@@ -14,11 +14,9 @@
 <div class="contacts">
   <div class="wrapper">
     <div style="view-transition-name: contacts;">
-      <p class="header-3">{{ site.data.contacts.title }}</p>
-      <h1 class="header-2">{{ site.data.contacts.sub_title }}</h1>
-      <p class="description contacts__description">
-        {{ site.data.contacts.description }}
-      </p>
+      <p class="page-title">{{ site.data.contacts.title }}</p>
+      <h1 class="block-inria-title">{{ site.data.contacts.sub_title }}</h1>
+      <p class="message inria-regular">{{ site.data.contacts.description }}</p>
     </div>
 
     <form class="contacts__form" id="contactsForm">
@@ -43,12 +41,12 @@ <h1 class="header-2">{{ site.data.contacts.sub_title }}</h1>
       </div>
 
       <button class="button contacts__submit-btn" type="submit" id="send" type="submit">Send</button>
-      <a class="contacts__field contacts__to-faq" href="/privacy_policy" data-link="transition">{{site.data.contacts.link_to_faq}}</a>
+      <a class="contacts__field contacts__to-faq mb-4" href="/privacy_policy" data-link="transition">{{site.data.contacts.link_to_faq}}</a>
       <div class="contacts__after-send after-send">
-        <h3 class="header-2">{{site.data.contacts.form.description.title}}</h3>
+        <h2 class="message inria-bold">{{site.data.contacts.form.description.title}}</h2>
         <ul class="after-send__list">
           {% for line in site.data.contacts.form.description.lines %}
-            <li class="description"> {{ line.description }}</li>
+            <li class="description text-justify"> {{ line.description }}</li>
           {% endfor %}
         </ul>
       </div>