fix buttons way

mate-academy · Nov 1, 2024 · 9383768 · 9383768
1 parent 4147b3e
commit 9383768
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 12 deletions.
diff --git a/src/index.html b/src/index.html
@@ -50,7 +50,7 @@
       defer
     ></script>
 
-    <title>Dia</title>
+    <title>Air</title>
   </head>
   <body>
     <!-- #region header + slider -->
@@ -123,7 +123,7 @@
           </nav>
         </div>
         <a
-          href="#"
+          href="#footer-form"
           class="top-bar__hire-us"
         >
           hire us
@@ -138,7 +138,7 @@ <h1 class="header__title__parent">Strategic Agency</h1>
             challenges.
           </p>
           <a
-            href="#"
+            href="#section-welcome"
             type="button"
             class="header__title__button"
           >
@@ -201,7 +201,10 @@ <h2 class="image-slider__image--parent">Intro</h2>
     <!-- #endregion -->
 
     <main class="main">
-      <section class="main__section section__welocome">
+      <section
+        class="main__section section__welocome"
+        id="section-welcome"
+      >
         <h2 class="section__welocome__parent">Who we are</h2>
         <p class="section__welocome__child">
           We embrace a strategic approach to creative ideas. We are interested
@@ -283,7 +286,7 @@ <h3 class="services__card__number">001</h3>
               Packaging
             </p>
             <a
-              href="#"
+              href="#section-testimonials"
               class="services__card__button"
             >
               <div class="services__card__img">
@@ -309,7 +312,7 @@ <h3 class="services__card__number">002</h3>
               Post Production
             </p>
             <a
-              href="#"
+              href="#section-testimonials"
               class="services__card__button"
             >
               <div class="services__card__img">
@@ -337,7 +340,7 @@ <h3 class="services__card__number">003</h3>
               Blog Content & SEO
             </p>
             <a
-              href="#"
+              href="#section-testimonials"
               class="services__card__button"
             >
               <div class="services__card__img">
@@ -363,7 +366,7 @@ <h3 class="services__card__number">004</h3>
               Strategic Partnerships
             </p>
             <a
-              href="#"
+              href="#section-testimonials"
               class="services__card__button"
             >
               <div class="services__card__img">
@@ -379,7 +382,10 @@ <h3 class="services__card__number">004</h3>
         </div>
       </section>
 
-      <section class="main__section section__testimonials">
+      <section
+        class="main__section section__testimonials"
+        id="section-testimonials"
+      >
         <div class="section__testimonials__tittle">
           <h3 class="section__testimonials__tittle__parent">Testimonials</h3>
           <h2 class="section__testimonials__tittle__child">What peopele say</h2>
@@ -464,7 +470,7 @@ <h2 class="cta_block__title">Vision, Passion, Results</h2>
             components are united.
           </p>
           <a
-            href="#"
+            href="#footer-form"
             class="cta_block__button"
           >
             Apply
@@ -474,7 +480,10 @@ <h2 class="cta_block__title">Vision, Passion, Results</h2>
     </main>
 
     <footer class="footer">
-      <div class="footer__form">
+      <div
+        class="footer__form"
+        id="footer-form"
+      >
         <h2 class="footer__form__title">Send us a message</h2>
         <form
           action="#"
@@ -539,7 +548,7 @@ <h3 class="footer__contacts__container__parent">call us</h3>
         <div class="footer__contacts__container">
           <h3 class="footer__contacts__container__parent">visit us</h3>
           <a
-            href="mailto: hello@miami.com"
+            href="https://www.google.com/maps/place/Lviv+Regional+Military+Commissariat/@49.8118543,23.9849843,13z/data=!4m10!1m2!2m1!1z0LvRjNCy0ZbQsiDRgtGG0Lo!3m6!1s0x473add685f29cdc5:0xe5eed9ef1e155bf2!8m2!3d49.8351274!4d24.0351421!15sChHQu9GM0LLRltCyINGC0YbQupIBGm1pbGl0YXJ5X3JlY3J1aXRpbmdfb2ZmaWNl4AEA!16s%2Fg%2F1q2w4pw7n?entry=ttu&g_ep=EgoyMDI0MTAyMC4wIKXMDSoASAFQAw%3D%3D"
             class="footer__contacts__container__child"
           >
             2905 West Drive, Buffalo Grove

diff --git a/src/styles/blocks/main/welcome.scss b/src/styles/blocks/main/welcome.scss
@@ -3,6 +3,7 @@
 
   text-align: center;
   margin: 0 auto;
+  padding-top: 120px;
   width: 280px;
 
   @include on-tablet {

diff --git a/src/styles/style.scss b/src/styles/style.scss
@@ -19,6 +19,10 @@
 @import 'blocks/footer/footer__contacts';
 @import 'blocks/footer/footer__bottom';
 
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   margin: 0;
   background-color: $light-gray-bg-color;