diff --git a/index.html b/index.html
index 906f65eba..a8f79dfa9 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -26,11 +26,7 @@
               <label for="toggle-box-checkbox" class="toggle-box-label-left"></label>
               <label for="toggle-box-checkbox" class="toggle-box-label"></label>
             </div>
-            <script
-              src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"
-              integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ=="
-              crossorigin="anonymous"
-            ></script>
+            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" integrity="sha512-STof4xm1wgkfm7heWqFJVn58Hm3EtS31XFaagaa8VMReCXAkQnJZ+jEy8PCC/iT18dFy95WcExNHFTqLyp72eQ==" crossorigin="anonymous"></script>
           </div>
           <!-- / Night Mode Creation -->
         </div>
@@ -40,16 +36,8 @@
           <div class="column-left">
             <h1>CONTRIBUTE TO THIS PROJECT</h1>
             <h2>A project for first-time contributions</h2>
-            <p>
-              This is a tutorial to help first-time contributors participate in a simple and easy project. Get more
-              comfortable using GitHub and make your first open source contribution. It's quick and easy.
-            </p>
-            <a
-              class="button"
-              href="https://github.com/Syknapse/Contribute-To-This-Project/blob/master/README.md"
-              target="_blank"
-              title="Go to project README - A step by step tutorial"
-            >
+            <p>This is a tutorial to help first-time contributors participate in a simple and easy project. Get more comfortable using GitHub and make your first open source contribution. It's quick and easy.</p>
+            <a class="button" href="https://github.com/Syknapse/Contribute-To-This-Project/blob/master/README.md" target="_blank" title="Go to project README - A step by step tutorial">
               Learn how to contribute
               <i class="fas fa-long-arrow-alt-right"></i>
             </a>
@@ -123,6 +111,33 @@ <h2>A project for first-time contributions</h2>
         <!-- Keep one line of space above and below your card -->
         <!-- ========= Paste YOUR CARD directly BELOW this line ========= -->
 
+        <!-- ________*Tech-frank* Contributor card Start_________-->
+        <div class="card">
+          <p class="name">Tech-frank</p>
+          <p class="contact">
+            <i class="fab fa-x-twitter"></i>
+            <a href="https://www.twitter.com/EtuFrankly57851" target="_blank">@EtuFrankly57851</a>
+            <i class="fab fa-github"></i>
+            <a href="https://www.github.com/Tech-frank" target="_blank">@Tech-frank</a>
+          </p>
+          <p class="about">A Self-taught developer, now Software Engineering student, hoping to be the best there is</p>
+          <div class="resources">
+            <p>3 Useful Dev Resources</p>
+            <ul>
+              <li>
+                <a href="https://www.dev.to/" target="_blank" title="Dev.to">Dev.to</a>
+              </li>
+              <li>
+                <a href="https://www.stackoverflow.com/" target="_blank" title="stackoverflow">stackoverflow</a>
+              </li>
+              <li>
+                <a href="https://www.roadmap.sh" target="_blank" title="Roadmap">Roadmap</a>
+              </li>
+            </ul>
+          </div>
+        </div>
+        <!-- ________*Tech-frank* Contributor card End_________-->
+
         <!-- ________ *de_soot* Contributor card START ________  -->
         <div class="card">
           <p class="name">de_soot</p>
@@ -135,14 +150,10 @@ <h2>A project for first-time contributions</h2>
             <p>3 Useful CS Learning Resources</p>
             <ul>
               <li>
-                <a href="https://teachyourselfcs.com" target="_blank" title="First Resource">
-                  Teach Yourself Computer Science
-                </a>
+                <a href="https://teachyourselfcs.com" target="_blank" title="First Resource">Teach Yourself Computer Science</a>
               </li>
               <li>
-                <a href="https://tutorial.math.lamar.edu" target="_blank" title="Second Resource">
-                  Paul's Online Notes
-                </a>
+                <a href="https://tutorial.math.lamar.edu" target="_blank" title="Second Resource">Paul's Online Notes</a>
               </li>
               <li>
                 <a href="https://freecomputerbooks.com" target="_blank" title="Third Resource">Free Computer Books</a>
@@ -166,31 +177,13 @@ <h2>A project for first-time contributions</h2>
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a
-                  href="https://www.freecodecamp.org/"
-                  target="_blank"
-                  title="Freecodecamp mission is to help people learn to code for free. We accomplish this by creating thousands of videos, articles, and interactive coding lessons"
-                >
-                  Freecodecamp
-                </a>
+                <a href="https://www.freecodecamp.org/" target="_blank" title="Freecodecamp mission is to help people learn to code for free. We accomplish this by creating thousands of videos, articles, and interactive coding lessons">Freecodecamp</a>
               </li>
               <li>
-                <a
-                  href="https://www.theodinproject.com"
-                  target="_blank"
-                  title="The Odin Project empowers aspiring web developers to learn together for free."
-                >
-                  The Odin Project
-                </a>
+                <a href="https://www.theodinproject.com" target="_blank" title="The Odin Project empowers aspiring web developers to learn together for free.">The Odin Project</a>
               </li>
               <li>
-                <a
-                  href="https://www.appacademy.io/"
-                  target="_blank"
-                  title="Our software engineering bootcamps are designed to help people with little to no coding experience become high-earning software engineers. "
-                >
-                  Appacademy
-                </a>
+                <a href="https://www.appacademy.io/" target="_blank" title="Our software engineering bootcamps are designed to help people with little to no coding experience become high-earning software engineers. ">Appacademy</a>
               </li>
             </ul>
           </div>
@@ -262,31 +255,18 @@ <h2>A project for first-time contributions</h2>
             <i class="fab fa-github"></i>
             <a href="https://github.com/speedywarp" target="_blank">speedywarp</a>
           </p>
-          <p class="about">
-            Heyyy Peeps! speedywarp here... I love to explore various sides of technologies i woke up today and decided
-            to make a stupid contribution byee byee... take care!
-          </p>
+          <p class="about">Heyyy Peeps! speedywarp here... I love to explore various sides of technologies i woke up today and decided to make a stupid contribution byee byee... take care!</p>
           <div class="resources">
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a
-                  href="https://www.geeksforgeeks.org/learn-javascript-js-roadmap-for-beginners/?ref=ghm"
-                  target="_blank"
-                  title="First Resource"
-                >
-                  A nice and subtle article to learn JavaScript
-                </a>
+                <a href="https://www.geeksforgeeks.org/learn-javascript-js-roadmap-for-beginners/?ref=ghm" target="_blank" title="First Resource"> A nice and subtle article to learn JavaScript</a>
               </li>
               <li>
-                <a href="https://leetcode.com/studyplan/30-days-of-javascript/" target="_blank" title="Second Resource">
-                  Practice Javascript here...
-                </a>
+                <a href="https://leetcode.com/studyplan/30-days-of-javascript/" target="_blank" title="Second Resource"> Practice Javascript here... </a>
               </li>
               <li>
-                <a href="https://www.instagram.com/abhaykumarr_/" target="_blank" title="Third resource">
-                  Hit me up on the 'Gram
-                </a>
+                <a href="https://www.instagram.com/abhaykumarr_/" target="_blank" title="Third resource"> Hit me up on the 'Gram </a>
               </li>
             </ul>
           </div>
@@ -339,31 +319,13 @@ <h2>A project for first-time contributions</h2>
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a
-                  href="https://openui.fly.dev"
-                  target="_blank"
-                  title="OpenUI let's you describe UI using your imagination, then see it rendered live. "
-                >
-                  OpenUI
-                </a>
+                <a href="https://openui.fly.dev" target="_blank" title="OpenUI let's you describe UI using your imagination, then see it rendered live. "> OpenUI </a>
               </li>
               <li>
-                <a
-                  href="https://readme.so/"
-                  target="_blank"
-                  title="Use readme.so's markdown editor and templates to easily create a ReadMe for your projects."
-                >
-                  readme.so
-                </a>
+                <a href="https://readme.so/" target="_blank" title="Use readme.so's markdown editor and templates to easily create a ReadMe for your projects."> readme.so </a>
               </li>
               <li>
-                <a
-                  href="https://v0.dev/"
-                  target="_blank"
-                  title="Vercel v0 is a powerful tool for rapidly prototyping and building various web application elements."
-                >
-                  v0 by Vercel
-                </a>
+                <a href="https://v0.dev/" target="_blank" title="Vercel v0 is a powerful tool for rapidly prototyping and building various web application elements."> v0 by Vercel </a>
               </li>
             </ul>
           </div>
@@ -378,27 +340,18 @@ <h2>A project for first-time contributions</h2>
             <i class="fab fa-github"></i>
             <a href="https://github.com/bunny4502" target="_blank">bunny4502</a>
           </p>
-          <p class="about">
-            I am a self-taught beginner, currently coding as a hobby but hoping to one day become a web developer. I
-            hope to inspire more women to learn and try coding.
-          </p>
+          <p class="about">I am a self-taught beginner, currently coding as a hobby but hoping to one day become a web developer. I hope to inspire more women to learn and try coding.</p>
           <div class="resources">
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a href="https://www.codecademy.com/learn" target="_blank" title="First Resource">
-                  codecademy: can't recommend their lessons enough
-                </a>
+                <a href="https://www.codecademy.com/learn" target="_blank" title="First Resource"> codecademy: can't recommend their lessons enough </a>
               </li>
               <li>
-                <a href="https://stackoverflow.com/" target="_blank" title="Second Resource">
-                  Stack Overflow: the reddit of web development help
-                </a>
+                <a href="https://stackoverflow.com/" target="_blank" title="Second Resource"> Stack Overflow: the reddit of web development help </a>
               </li>
               <li>
-                <a href="https://www.color-hex.com/color-palettes/" target="_blank" title="Third resource">
-                  color-hex.com: great place to find different hex colors to use for your projects
-                </a>
+                <a href="https://www.color-hex.com/color-palettes/" target="_blank" title="Third resource"> color-hex.com: great place to find different hex colors to use for your projects </a>
               </li>
             </ul>
           </div>
@@ -413,17 +366,12 @@ <h2>A project for first-time contributions</h2>
             <i class="fab fa-github"></i>
             <a href="https://www.github.com/mutsamusa" target="_blank">mutsamusa</a>
           </p>
-          <p class="about">
-            My life is a hilarious blend of saving lives, coding sites, raising kids, missing golf balls, all whilst
-            snapping candid shots.
-          </p>
+          <p class="about">My life is a hilarious blend of saving lives, coding sites, raising kids, missing golf balls, all whilst snapping candid shots.</p>
           <div class="resources">
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a href="https://www.theodinproject.com/dashboard" target="_blank" title="First Resource">
-                  The Odin Project
-                </a>
+                <a href="https://www.theodinproject.com/dashboard" target="_blank" title="First Resource"> The Odin Project </a>
               </li>
               <li>
                 <a href="https://www.freecodecamp.org" target="_blank" title="Second Resource">freeCodeCamp</a>
@@ -445,10 +393,7 @@ <h2>A project for first-time contributions</h2>
             <i class="fab fa-github"></i>
             <a href="https://github.com/MohamadSalman11" target="_blank">Your handle</a>
           </p>
-          <p class="about">
-            Hello, guys! 👋 I am Mohamad from Syria 🌍, and I am a web developer 💻. I'm very excited to start my first
-            GitHub contribution 🚀.
-          </p>
+          <p class="about">Hello, guys! 👋 I am Mohamad from Syria 🌍, and I am a web developer 💻. I'm very excited to start my first GitHub contribution 🚀.</p>
           <div class="resources">
             <p>3 Useful Dev Resources</p>
             <ul>
@@ -482,19 +427,13 @@ <h2>A project for first-time contributions</h2>
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a href="https://www.boot.dev/tracks/backend" target="_blank" title="First Resource">
-                  boot.dev usefull course for backend Programmers
-                </a>
+                <a href="https://www.boot.dev/tracks/backend" target="_blank" title="First Resource"> boot.dev usefull course for backend Programmers </a>
               </li>
               <li>
-                <a href="https://ui.dev" target="_blank" title="Second Resource">
-                  ui.dev great course for front end stuff
-                </a>
+                <a href="https://ui.dev" target="_blank" title="Second Resource"> ui.dev great course for front end stuff </a>
               </li>
               <li>
-                <a href="https://app.codecrafters.io/catalog" target="_blank" title="Third resource">
-                  codeCrafters exelent course for advanced Programmers
-                </a>
+                <a href="https://app.codecrafters.io/catalog" target="_blank" title="Third resource"> codeCrafters exelent course for advanced Programmers </a>
               </li>
             </ul>
           </div>
@@ -618,26 +557,15 @@ <h2>A project for first-time contributions</h2>
             <i class="fab fa-github"></i>
             <a href="https://github.com/zhengshihan" target="_blank">zhengshihan</a>
           </p>
-          <p class="about">
-            I am an information systems management postgraduate graduated from NUIG, keen to become a fullstack
-            developer in IT industry
-          </p>
+          <p class="about">I am an information systems management postgraduate graduated from NUIG, keen to become a fullstack developer in IT industry</p>
           <div class="resources">
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a href="https://roadmap.sh/frontend" target="_blank" title="First Resource">
-                  Frontend Developer Roadmap
-                </a>
+                <a href="https://roadmap.sh/frontend" target="_blank" title="First Resource"> Frontend Developer Roadmap </a>
               </li>
               <li>
-                <a
-                  href="https://www.techinterviewhandbook.org/software-engineering-interview-guide/"
-                  target="_blank"
-                  title="Second Resource"
-                >
-                  Tech Interview Handbook
-                </a>
+                <a href="https://www.techinterviewhandbook.org/software-engineering-interview-guide/" target="_blank" title="Second Resource"> Tech Interview Handbook </a>
               </li>
               <li>
                 <a href="https://developer.mozilla.org/en-US/" target="_blank" title="Third resource">MDN Web Docs</a>
@@ -664,9 +592,7 @@ <h2>A project for first-time contributions</h2>
                 <a href="https://v2.scrimba.com/learn-react-c0e" target="_blank" title="First Resource">Learn React</a>
               </li>
               <li>
-                <a href="https://jsonplaceholder.typicode.com/" target="_blank" title="Second Resource">
-                  Free and fake Api for you
-                </a>
+                <a href="https://jsonplaceholder.typicode.com/" target="_blank" title="Second Resource"> Free and fake Api for you </a>
               </li>
               <li>
                 <a href="https://www.fontshare.com/" target="_blank" title="Third resource">Some Quality fonts</a>
@@ -688,23 +614,13 @@ <h2>A project for first-time contributions</h2>
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a href="https://github.com/codecrafters-io/build-your-own-x" target="_blank" title="First Resource">
-                  Great Github Repo
-                </a>
+                <a href="https://github.com/codecrafters-io/build-your-own-x" target="_blank" title="First Resource"> Great Github Repo </a>
               </li>
               <li>
-                <a
-                  href="https://www.keysight.com/us/en/learn/course.high-speed-oscilloscope-basics.html"
-                  target="_blank"
-                  title="Second Resource"
-                >
-                  Keysight high-speed oscilloscope basics
-                </a>
+                <a href="https://www.keysight.com/us/en/learn/course.high-speed-oscilloscope-basics.html" target="_blank" title="Second Resource"> Keysight high-speed oscilloscope basics </a>
               </li>
               <li>
-                <a href="https://www.circuitlab.com/" target="_blank" title="Third resource">
-                  Great online circuit simulator
-                </a>
+                <a href="https://www.circuitlab.com/" target="_blank" title="Third resource"> Great online circuit simulator </a>
               </li>
             </ul>
           </div>
@@ -725,19 +641,13 @@ <h2>A project for first-time contributions</h2>
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a href="https://youtu.be/EerdGm-ehJQ?si=eF_cjMWIowB42k1U" target="_blank" title="First Resource">
-                  Great resource to learn Javascript
-                </a>
+                <a href="https://youtu.be/EerdGm-ehJQ?si=eF_cjMWIowB42k1U" target="_blank" title="First Resource"> Great resource to learn Javascript </a>
               </li>
               <li>
-                <a href="https://youtu.be/G3e-cpL7ofc?si=lkgWBnxPCYeGjwr7" target="_blank" title="Second Resource">
-                  Great start to Html &amp; CSS language
-                </a>
+                <a href="https://youtu.be/G3e-cpL7ofc?si=lkgWBnxPCYeGjwr7" target="_blank" title="Second Resource"> Great start to Html &amp; CSS language </a>
               </li>
               <li>
-                <a href="https://www.youtube.com/@chaiaurcode" target="_blank" title="Third resource">
-                  A Great coding youtube Channel Suggestion
-                </a>
+                <a href="https://www.youtube.com/@chaiaurcode" target="_blank" title="Third resource"> A Great coding youtube Channel Suggestion </a>
               </li>
             </ul>
           </div>
@@ -753,29 +663,18 @@ <h2>A project for first-time contributions</h2>
             <i class="fab fa-github"></i>
             <a href="https://github.com/EmersonCR719" target="_blank">EmersonCR719</a>
           </p>
-          <p class="about">
-            Hello, I'm a student from Colombia and I'm very exicted about programing and I learn Java, Python and Spring
-            Boot. Bye :p
-          </p>
+          <p class="about">Hello, I'm a student from Colombia and I'm very exicted about programing and I learn Java, Python and Spring Boot. Bye :p</p>
           <div class="resources">
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a
-                  href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#reserved_words"
-                  target="_blank"
-                  title="First Resource"
-                >
-                  Resources for Developers, by Developers
-                </a>
+                <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar#reserved_words" target="_blank" title="First Resource"> Resources for Developers, by Developers </a>
               </li>
               <li>
                 <a href="https://blog.cleancoder.com/" target="_blank" title="Second Resource">The Clean Code Blog</a>
               </li>
               <li>
-                <a href="https://andybrewer.github.io/mvp/" target="_blank" title="Third resource">
-                  A minimalist stylesheet for HTML elements
-                </a>
+                <a href="https://andybrewer.github.io/mvp/" target="_blank" title="Third resource"> A minimalist stylesheet for HTML elements </a>
               </li>
             </ul>
           </div>
@@ -794,9 +693,7 @@ <h2>A project for first-time contributions</h2>
             <p>3 Useful Dev Resources</p>
             <ul>
               <li>
-                <a href="https://roadmap.sh/frontend" target="_blank" title="First Resource">
-                  Frontend Developer Roadmap
-                </a>
+                <a href="https://roadmap.sh/frontend" target="_blank" title="First Resource"> Frontend Developer Roadmap </a>
               </li>
 
               <li>
@@ -817,18 +714,9 @@ <h2>A project for first-time contributions</h2>
       </div>
       <hr />
       <button id="topButton" title="Go to top">
-        <svg
-          fill="currentColor"
-          preserveAspectRatio="xMidYMid meet"
-          height="1em"
-          width="1em"
-          viewBox="0 0 40 40"
-          style="vertical-align: middle; font-size: 2.25em"
-        >
+        <svg fill="currentColor" preserveAspectRatio="xMidYMid meet" height="1em" width="1em" viewBox="0 0 40 40" style="vertical-align: middle; font-size: 2.25em">
           <g>
-            <path
-              d="m21.7 9.3l-7.9 7.9c-0.6 0.6-0.6 1.7 0 2.3s1.7 0.7 2.4 0l3.8-3.8v12.6c0 1 0.7 1.7 1.7 1.7s1.6-0.7 1.6-1.7v-12.6l3.9 3.8c0.3 0.3 0.7 0.5 1.1 0.5s0.9-0.2 1.2-0.5c0.7-0.6 0.7-1.7 0-2.3l-7.8-7.9z"
-            ></path>
+            <path d="m21.7 9.3l-7.9 7.9c-0.6 0.6-0.6 1.7 0 2.3s1.7 0.7 2.4 0l3.8-3.8v12.6c0 1 0.7 1.7 1.7 1.7s1.6-0.7 1.6-1.7v-12.6l3.9 3.8c0.3 0.3 0.7 0.5 1.1 0.5s0.9-0.2 1.2-0.5c0.7-0.6 0.7-1.7 0-2.3l-7.8-7.9z"></path>
           </g>
         </svg>
       </button>
