new task solution

mate-academy · Sep 27, 2023 · daa59b7 · daa59b7
1 parent 31fa4f9
commit daa59b7
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 6 deletions.
diff --git a/src/index.html b/src/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="page">
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -14,6 +14,11 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com">
     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+    <link
+      rel="icon"
+      type="image/x-icon"
+      href="./images/sub-title/sub-title-icon-dark.svg"
+    >
   </head>
   <body>
     <header class="header">
@@ -314,16 +319,21 @@ <h1 class="unique__section__title">Vision, Passion, Results</h1>
           >
         </div>
         <div class="footer__href">
-          <button class="footer__button">
+          <button
+            type="submit"
+            form="nameform"
+            value="Submit"
+            class="footer__button"
+          >
             <span class="footer__button-text">Send</span>
           </button>
         </div>
         <div class="footer__bottom">
           <span class="footer__side-title">Contact us</span>
           <span class="footer__grey-text">Call us</span>
-          <span class="footer__number-address">654 321 987</span>
+          <a href="tel: 654 321 987" class="footer__number-address">654 321 987</a>
           <span class="footer__grey-text">Visit us</span>
-          <span class="footer__number-address">2905 West Drive, Buffalo Grove</span>
+          <a href="https://www.google.com.ua/maps/search/2905+West+Drive,+Buffalo+Grove/@42.1804757,-88.073085,11z?entry=ttu" class="footer__number-address">2905 West Drive, Buffalo Grove</a>
           <span class="footer__grey-text text__before-social">our socials</span>
           <div class="footer__social">
             <a

diff --git a/src/styles/blocks/footer.scss b/src/styles/blocks/footer.scss
@@ -91,6 +91,13 @@
   height: 54px;
   border: 1px solid rgba(32, 96, 246, 1);
   margin-bottom: 80px;
+  cursor: pointer;
+  transition: all 0.3s linear;
+}
+
+.footer__button:hover {
+  background-color: blueviolet;
+  border: 1px solid blueviolet;
 }
 
 .footer__button-text {
@@ -145,6 +152,7 @@
   line-height: 26px;
   font-family: "Open Sans", sans-serif;
   color: rgba(255, 255, 255, 1);
+  text-decoration: none;
 
   @include onTablet {
     margin-bottom: 48px;
@@ -251,3 +259,7 @@
   letter-spacing: 3px;
   text-transform: uppercase;
 }
+
+.footer__nav__item {
+  @include hover(transform, scale(1.2));
+}
diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss
@@ -104,6 +104,8 @@
   background-color: rgba(32, 96, 246, 1);
   border: 1px solid rgba(32, 96, 246, 1);
   margin-bottom: 47px;
+  cursor: pointer;
+  transition: all 0.5s;
 
   grid-column: 1 / -1;
 
@@ -118,6 +120,11 @@
   }
 }
 
+.header__button:hover {
+  background-color: blueviolet;
+  border: 1px solid blueviolet;
+}
+
 .header__button-text {
   color: rgba(255, 255, 255, 1);
   font-size: 15px;

diff --git a/src/styles/blocks/menu.scss b/src/styles/blocks/menu.scss
@@ -3,8 +3,9 @@
   top: 0;
   left: 0;
   right: 0;
+  bottom: 0;
 
-  height: 100vh;
+  height: 100%;
   background-color: rgba(32, 96, 246, 1);
 
   opacity: 0;

diff --git a/src/styles/blocks/nav.scss b/src/styles/blocks/nav.scss
@@ -10,6 +10,10 @@
   }
 }
 
+.nav__item {
+  @include hover(transform, scale(1.2));
+}
+
 .nav {
   @include pageGrid;
 }

diff --git a/src/styles/blocks/normalize.scss b/src/styles/blocks/normalize.scss
@@ -1,5 +1,9 @@
-html {
+.page {
   font-family: "Poppins", sans-serif;
+
+  &:has(.menu:target) {
+    overflow: hidden;
+  }
 }
 
 body {

diff --git a/src/styles/blocks/unique-section.scss b/src/styles/blocks/unique-section.scss
@@ -93,6 +93,8 @@
   width: 278px;
   height: 54px;
   border: 1px solid rgba(32, 96, 246, 1);
+  cursor: pointer;
+  transition: all 0.3s linear;
 
   margin-top: 56px;
 
@@ -101,6 +103,11 @@
   }
 }
 
+.unique__section__button:hover {
+  background-color: blueviolet;
+  border: 1px solid blueviolet;
+}
+
 .unique__section__button-text {
   color: rgba(255, 255, 255, 1);
   font-size: 15px;
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,6 +10,10 @@ @@
       }
     }
+    .nav__item {
+      @include hover(transform, scale(1.2));
+    }
     .nav {
       @include pageGrid;
     }
@@ Expand Down @@