1

Tima12052 · Tima12052 · commit ffb5d8c42203 · 2024-05-04T11:35:42.000+03:00
1
diff --git a/index.html b/index.html
@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
         rel="stylesheet">
@@ -17,7 +20,7 @@
 
 <body>
     <header class="container flex1">
-        <a class="webstudio">Web <span class="studio">Studio</span></a>
+        <a  href="index.html" class="webstudio">Web <span class="studio">Studio</span></a>
         <ul class="header-list flex1">
             <li class="item1"><a class="active" href="index.html">Студія</a></li>
             <li class="item1"><a href="index1.html">Портфоліо</a></li>
@@ -79,10 +82,10 @@ <h4>м. Київ, пр-т Лесі Українки, 26</h4>
         </ul>
         <ul>
             <li>
-                <address><a class="activ" href="mailto:info@devstudio.com">info@devstudio.com</a></address>
+                <address><a class="activ roboto footer-mail" href="mailto:info@devstudio.com">info@devstudio.com</a></address>
             </li>
             <li>
-                <address><a class="activ" href="tel:+380961111111">+38 096 111 11 11</a></address>
+                <address><a class="activ roboto footer-mail" href="tel:+380961111111">+38 096 111 11 11</a></address>
             </li>
         </ul>
     </footer>
diff --git a/style.css b/style.css
@@ -39,10 +39,9 @@ a {
 }
 .webstudio {
   color: var(--accent-color);
+  text-decoration: none;
   font-family: "Raleway", sans-serif;
-  font-size: xx-large;
-  width: 145px;
-  height: 31px;
+  font-size: 26px;
   font-weight: 700;
 }
 .studio {
@@ -81,8 +80,14 @@ a {
   display: flex;
 }
 .item1{
-  flex-wrap: wrap;
+  /* flex-wrap: wrap; */
   justify-content: center;
   gap: 50px;
   word-wrap: normal;
+}
+.roboto{
+  font-family: "Roboto";
+}
+.footer-mail{
+  color: rgba(255, 255, 255, 0.6);
 }
