fix: links and font for seo

techanvconsulting · Apr 19, 2024 · 492dab6 · 492dab6
1 parent 5dcec79
commit 492dab6
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 25 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -1,5 +1,5 @@
 /*=============== GOOGLE FONTS ===============*/
-@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
 
 /*=============== VARIABLES CSS ===============*/
 :root {
@@ -11,10 +11,11 @@
   --text-color: hsl(38, 8%, 8%);
   /*========== Font and typography ==========*/
   /*.5rem = 8px | 1rem = 16px ...*/
-  --body-font: "Space Grotesk", sans-serif;
+  --body-font: "Nunito", sans-serif;
   --biggest-font-size: 2.375rem;
   --normal-font-size: 0.938rem;
   --smaller-font-size: 0.75rem;
+  --font-optical-sizing: auto;
 }
 
 /* Responsive typography */
@@ -119,14 +120,19 @@ img {
 
 .nav__link {
   color: var(--text-color);
-}
-
-.nav__item {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
+.nav__item {
+}
+
+.nav__link:hover {
+  border-bottom: 2px solid var(--text-color);
+  position: relative;
+}
+
 .nav__close {
   position: absolute;
   top: 1rem;
@@ -176,6 +182,7 @@ img {
 
 .home__button:hover {
   box-shadow: 0 4px 12px hsla(38, 69%, 8%, 0.2);
+  transform: scale(0.9);
 }
 
 .home__img img {

diff --git a/index.html b/index.html
@@ -58,26 +58,30 @@ <h2>Expert Technology Solutions for Businesses of All Sizes</h2> -->
         <div class="nav__menu" id="nav-menu">
           <ul class="nav__list">
             <li class="nav__item">
-              <a href="https://www.supradevelopers.in" class="nav__link"></a>
-              <img
-              src="assets/img/ghost-img.gif"
-              style="width: 50px; height: 50px; margin-right: -6px;"
-              alt="TechAnv IT Consulting Services Logo"
-            />
-            <span
-            style="font-weight: bold; fontSize: 3.2em; margin-right: 5px;">X</span>
+              <a href="https://www.supradevelopers.in" class="nav__link">
+                <img
+                  src="assets/img/ghost-img.gif"
+                  style="width: 50px; height: 50px; margin-right: -6px"
+                  alt="TechAnv IT Consulting Services Logo"
+                />
+                <span
+                  style="font-weight: bold; fontsize: 3.2em; margin-right: 5px"
+                  >X</span
+                >
                 SD</a
               >
             </li>
             <li class="nav__item">
-              <a href="https://www.supradevelopers.in" class="nav__link"></a>
-              <img
-              src="assets/img/ghost-img.gif"
-              style="width: 50px; height: 50px; margin-right: -6px;"
-              alt="TechAnv IT Consulting Services Logo"
-            />
-            <span
-            style="font-weight: bold; fontSize: 3.2em; margin-right: 5px;">X</span>
+              <a href="https://theopenarmor.org" class="nav__link">
+                <img
+                  src="assets/img/ghost-img.gif"
+                  style="width: 50px; height: 50px; margin-right: -6px"
+                  alt="TechAnv IT Consulting Services Logo"
+                />
+                <span
+                  style="font-weight: bold; fontsize: 3.2em; margin-right: 5px"
+                  >X</span
+                >
                 OpenArmor</a
               >
             </li>
@@ -110,12 +114,14 @@ <h1 class="home__title">Welcome!</h1>
               trust in all our dealings with our clients.
             </p>
 
-            <a href="https://web.techanv.com" class="home__button">Web Engineering</a>
-            <a href="https://cyber.techanv.com" class="home__button"> Cyber Security </a>
-
+            <a href="https://web.techanv.com" class="home__button"
+              >Web Engineering</a
+            >
+            <a href="https://cyber.techanv.com" class="home__button">
+              Cyber Security
+            </a>
           </div>
 
-
           <div class="home__img">
             <img
               src="assets/img/techanv-security.gif"