Merge pull request #481 from Surabhi1220/new-branch-108

open link in new tab
Bookingjini-Tech · Aug 11, 2023 · 79ac709 · 79ac709
2 parents 6c1f952 + 2a2b9b0
commit 79ac709
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/website/index.html b/website/index.html
@@ -442,19 +442,19 @@ <h1>bookingjini Icons</h1>
       </div>
       <div class="socials">
         <a aria-label="Visit us on Facebook" title="Facebook (External Link)" rel="noopener noreferrer"
-          href="http://facebook.com/bookingjini" class="fa fa-facebook">
+          href="http://facebook.com/bookingjini" class="fa fa-facebook social-link">
         </a>
         <a aria-label="Visit us on Instagram" title="Instagram (External Link)" rel="noopener noreferrer"
-          href="https://instagram.com/bookingjini" class="fa fa-instagram">
+          href="https://instagram.com/bookingjini" class="fa fa-instagram social-link">
         </a>
         <a aria-label="Visit us on Linkedin" title="Linkedin (External Link)" rel="noopener noreferrer"
-          href="http://linkedin.com/company/bookingjini" class="fa fa-linkedin">
+          href="http://linkedin.com/company/bookingjini" class="fa fa-linkedin social-link">
         </a>
       </div>
       <div class="copyright">&copy; Copyright 2023 by Bookingjini Labs. All rights reserved.</div>
     </div>
   </footer>
-
+  <script src="socialicon.js"></script>
   <script src="searchIcons.js"></script>
   <!-- <script src="/index.js"></script> -->
   <script src="script.js"></script>

diff --git a/website/socialicon.js b/website/socialicon.js
@@ -0,0 +1,8 @@
+const socialLinks = document.querySelectorAll('.social-link');
+socialLinks.forEach(link => {
+  link.addEventListener('click', (event) => {
+    event.preventDefault();
+    window.open(link.href, '_blank');
+  });
+});
+