add discernible names to the links.

alaynali · May 9, 2020 · 9281cf2 · 9281cf2
1 parent 9c64595
commit 9281cf2
Showing 1 changed file with 25 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -93,7 +93,7 @@ <h3>Portfolio Template</h3>
                 <a href="#" class="link__text">
                   Visit Site <span>&rarr;</span>
                 </a>
-                <a href="https://github.com/nisarhassan12/portfolio" target="_blank">
+                <a href="https://github.com/nisarhassan12/portfolio" title="View Source Code" target="_blank">
                   <img src="./images/github.svg" class="work__code" alt="GitHub">
                 </a>
               </div>
@@ -122,7 +122,7 @@ <h3>Calculator</h3>
                   Visit Site <span>&rarr;</span>
                 </a>
                 <a href="#">
-                  <img src="./images/github.svg" class="work__code" alt="GitHub">
+                  <img src="./images/github.svg" class="work__code" title="View Source Code" alt="GitHub">
                 </a>
               </div>
             </div>
@@ -150,7 +150,7 @@ <h3>Notificator</h3>
                   Visit Site <span>&rarr;</span>
                 </a>
                 <a href="#">
-                  <img src="./images/github.svg" class="work__code" alt="GitHub">
+                  <img src="./images/github.svg" class="work__code" title="View Source Code" alt="GitHub">
                 </a>
               </div>
             </div>
@@ -235,14 +235,26 @@ <h2>Get in Touch</h2>
     <div class="row">
       <!-- Update the links to point to your accounts -->
       <ul class="footer__social-links">
-        <li class="footer__social-link-item"><a href="https://twitter.com/nisarhassan12/"><img
-              src="./images/twitter.svg" class="footer__social-image" alt="Twitter"></a></li>
-        <li class="footer__social-link-item"><a href="https://github.com/nisarhassan12/"><img src="./images/github.svg"
-              class="footer__social-image" alt="Github"></a></li>
-        <li class="footer__social-link-item"><a href="https://codepen.io/nisar_hassan"><img src="./images/codepen.svg"
-              class="footer__social-image" alt="Codepen"></a></li>
-        <li class="footer__social-link-item"><a href=https://www.linkedin.com/in/nisar-hassan-naqvi-413466199/"><img
-              src="./images/linkedin.svg" class="footer__social-image" alt="Linkedin"></a></li>
+        <li class="footer__social-link-item">
+          <a href="https://twitter.com/nisarhassan12/" title="Link to Twitter Profile">
+            <img src="./images/twitter.svg" class="footer__social-image" alt="Twitter">
+          </a>
+        </li>
+        <li class="footer__social-link-item">
+          <a href="https://github.com/nisarhassan12/" title="Link to Github Profile">
+            <img src="./images/github.svg" class="footer__social-image" alt="Github">
+          </a>
+        </li>
+        <li class="footer__social-link-item">
+          <a href="https://codepen.io/nisar_hassan" title="Link to Codepen Profile">
+            <img src="./images/codepen.svg" class="footer__social-image" alt="Codepen">
+          </a>
+        </li>
+        <li class="footer__social-link-item">
+          <a href=https://www.linkedin.com/in/nisar-hassan-naqvi-413466199/">
+            <img src="./images/linkedin.svg" title="Link to Linkedin Profile" class="footer__social-image" alt="Linkedin">
+          </a>
+        </li>
       </ul>
 
       <!-- If you give me some credit by keeping the below paragraph, will be huge for me 😊 Thanks. -->
@@ -258,8 +270,8 @@ <h2>Get in Touch</h2>
     </div>
   </footer>
 
-  <a href="#top" class="back-to-top">
-    <img src="./images/arrow-up.svg" alt="Back to Top" class="back-to-top__image" />
+  <a href="#top" class="back-to-top" title="Back to Top">
+    <img src="./images/arrow-up.svg" alt="Back to Top" class="back-to-top__image"/>
   </a>
   <script src="./index.js"></script>
 </body>