1

sebsto93 · Mar 5, 2024 · 5ec1a57 · 5ec1a57
1 parent 6d49f4c
commit 5ec1a57
Show file tree

Hide file tree

Showing 10 changed files with 24 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -23,6 +23,7 @@ body {
   color: #4d5ae5;
   display: flex;
   margin-right: 76px;
+  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .logo_style > span {
@@ -38,6 +39,23 @@ body {
   display: flex;
   gap: 40px;
   padding: 24px 0;
+  position: relative;
+  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.current {
+  color: #404bbf;
+}
+
+.current:after {
+  content: '';
+  width: 100%;
+  position: absolute;
+  left: 0;
+  bottom: -1px;
+  height: 4px;
+  background-color: #404bbf;
+  border-radius: 2px;
 }
 
 .studio_style:hover,
@@ -47,6 +65,7 @@ body {
 .address_style {
   font-style: normal;
   display: block;
+  transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 
 .kontakt_style {
@@ -215,6 +234,8 @@ body {
 
 .header_style {
   border-bottom: 1px solid #e7e9fc;
+  box-shadow: 0px 2px 1px rgba(46, 47, 66, 0.08),
+    0px 1px 1px rgba(46, 47, 66, 0.16), 0px 1px 6px rgba(46, 47, 66, 0.08);
 }
 
 .container {

diff --git a/images/icons.svg/antenna-1.svg → images/SVG-ikony.svg/antenna-1.svg b/images/icons.svg/antenna-1.svg → images/SVG-ikony.svg/antenna-1.svg
diff --git a/images/icons.svg/astronaut-1.svg → images/SVG-ikony.svg/astronaut-1.svg b/images/icons.svg/astronaut-1.svg → images/SVG-ikony.svg/astronaut-1.svg
diff --git a/images/icons.svg/clock-1.svg → images/SVG-ikony.svg/clock-1.svg b/images/icons.svg/clock-1.svg → images/SVG-ikony.svg/clock-1.svg
diff --git a/images/icons.svg/diagram-1.svg → images/SVG-ikony.svg/diagram-1.svg b/images/icons.svg/diagram-1.svg → images/SVG-ikony.svg/diagram-1.svg
diff --git a/images/icons.svg/facebook-1.svg → images/SVG-ikony.svg/facebook-1.svg b/images/icons.svg/facebook-1.svg → images/SVG-ikony.svg/facebook-1.svg
diff --git a/images/icons.svg/instagram-2.svg → images/SVG-ikony.svg/instagram-2.svg b/images/icons.svg/instagram-2.svg → images/SVG-ikony.svg/instagram-2.svg
diff --git a/images/icons.svg/linkedin-1.svg → images/SVG-ikony.svg/linkedin-1.svg b/images/icons.svg/linkedin-1.svg → images/SVG-ikony.svg/linkedin-1.svg
diff --git a/images/icons.svg/twitter-1.svg → images/SVG-ikony.svg/twitter-1.svg b/images/icons.svg/twitter-1.svg → images/SVG-ikony.svg/twitter-1.svg
diff --git a/index.html b/index.html
@@ -22,7 +22,9 @@
         <nav class="navigation">
           <a class="logo_style" href="./index.html">Web<span>Studio</span></a>
           <ul class="left-navi-list">
-            <li><a class="studio_style" href="./index.html">Studio</a></li>
+            <li>
+              <a class="studio_style current" href="./index.html">Studio</a>
+            </li>
             <li><a class="studio_style" href="">Portfolio</a></li>
             <li><a class="studio_style" href="">Contacts</a></li>
           </ul>