diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5038bea
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+tags
+tags.lock
+tags.temp
diff --git a/css/style.css b/css/style.css
index 985ee33..486b87f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -14,12 +14,12 @@ img.rounded-circle{
   max-width: 700px;
 }
 h1.title {
-	font-size: 23px;
+	font-size: 32px;
 	font-family:  'IBM Plex Mono', monospace;
 	color: #fff;
 }
 p.title2 {
-	font-size: 11px;
+	font-size: 16px;
 	font-family:  'IBM Plex Mono', monospace;
 	color: #fff;
 }
@@ -64,7 +64,7 @@ h2.title {
   font-weight: bold;
   line-height: 12px;
   letter-spacing: 1px;
-  margin: 0 0 30px;
+  margin: 0 0 1rem;
   padding: 10px 15px 8px;
   text-transform: uppercase;
 }
@@ -103,3 +103,8 @@ a.btn {
   padding: 10px 15px 8px;
   text-transform: uppercase;
 }
+
+.lang-icon-large {
+  font-size: 64pt;
+  color: #fff;
+}
diff --git a/img/icon.png b/img/icon.png
index 89e8e68..8ff513f 100644
Binary files a/img/icon.png and b/img/icon.png differ
diff --git a/img/icon192.png b/img/icon192.png
new file mode 100644
index 0000000..68f46b6
Binary files /dev/null and b/img/icon192.png differ
diff --git a/img/icon32.png b/img/icon32.png
new file mode 100644
index 0000000..8d162d6
Binary files /dev/null and b/img/icon32.png differ
diff --git a/img/iconapple.png b/img/iconapple.png
new file mode 100644
index 0000000..3e60a6a
Binary files /dev/null and b/img/iconapple.png differ
diff --git a/index.html b/index.html
index 4254666..bac7edb 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <!-- Primary Meta Tags -->
     <title>Tyrel Souza's Website</title>
+    <link rel="icon" href="img/icon32.png" sizes="32x32">
+    <link rel="icon" href="img/icon32.png" sizes="192x192">
+    <link rel="apple-touch-icon" href="img/iconapple.png">
     <meta name="title" content="Tyrel Souza's Website" />
     <meta name="description" content="Personal website and blog of Tyrel Souza - A Software Engineer, Notary Public, Pilot, and Ham Radio Operator." />
     
@@ -27,6 +30,7 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" type="text/css" href="css/style.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
+       <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css">
   </head>
   <body class="d-flex flex-column min-vh-100">
     <div class="container mt-4">
@@ -37,10 +41,7 @@
            <img class="rounded-circle" alt="100x100" src="img/profile.jpg"
           data-holder-rendered="true" width="150" height="150">
 
-          <h1 class="title mt-1">
-          <span class="myBadge">
-              <i class="bi bi-patch-check-fill"></i>
-            </span>Tyrel Souza</h1>
+          <h1 class="title mt-1">Tyrel Souza</h1>
           <p class="title2">Software Engineer</p>
         </div>
         <div class="card-bio">
@@ -69,47 +70,53 @@
       <!-- Skils -->
       <div class="card mt-1">
         <div class="card-body">
-          <h2 class="title">My Skills</h2>
-          <p class="bio-body mt-1">Python</p>
-          <div class="progress" style="height: 8px;">
-            <div class="progress-bar" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
+          <h2 class="title mt-3">Technologies</h2>
+          <div class="text-center mt-1">
+             <i title="Programming Language: python" class="lang-icon-large devicon-python-plain"></i>
+             <i title="Programming Language: javascript" class="lang-icon-large devicon-javascript-plain"></i>
+             <i title="Programming Language: go" class="lang-icon-large devicon-go-plain"></i>
+             <i title="Programming Language: rust" class="lang-icon-large devicon-rust-plain"></i>
+             <i title="Programming Framework: django" class="lang-icon-large devicon-django-plain"></i>
+             <i title="Programming Framework: vuejs" class="lang-icon-large devicon-vuejs-plain"></i>
+             <i title="Programming Framework: rails" class="lang-icon-large devicon-rails-plain"></i>
           </div>
-          <p class="bio-body mt-4">Django</p>
-          <div class="progress" style="height: 8px;">
-            <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
-          </div>
-          <p class="bio-body mt-4">JavaScript</p>
-          <div class="progress" style="height: 8px;">
-            <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
-          </div>
-          <p class="bio-body mt-4">Go</p>
-          <div class="progress" style="height: 8px;">
-            <div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-          </div>
-          <p class="bio-body mt-4">Ruby on Rails</p>
-          <div class="progress mb-5" style="height: 8px;">
-            <div class="progress-bar" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
-          </div>
-        </div>
-      </div>
-      <!-- Project -->
-      <div class="card mt-1">
-        <div class="card-body">
-          <h2 class="title">Current Projects</h1>
-            <p class="bio-body mt-1"><a href="https://gitea.tyrel.dev/tyrel/benchtopdevices">Benchtop Devices - PDF Sheet Generator</a></p>
+
+          <h2 class="title mt-3">Current Projects</h1>
+            <p class="bio-body mt-1">
+              <a href="https://gitea.tyrel.dev/tyrel/benchtopdevices">
+              Benchtop Devices - PDF Sheet Generator
+              <i class="lang-icon devicon-python-plain"></i>
+              <i class="lang-icon devicon-csharp-plain"></i>
+              <i class="lang-icon devicon-javascript-plain"></i>
+             </a>
+           </p>
           <div class="progress" style="height: 8px;">
             <div class="progress-bar" role="progressbar" style="width: 66%;" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
-            <p class="bio-body mt-4"><a href="https://gitea.tyrel.dev/tyrel/rustylinks">RustyLinks - Linktree Clone</a></p>
+            <p class="bio-body mt-4">
+              <a href="https://gitea.tyrel.dev/tyrel/rustylinks">
+                RustyLinks - Linktree Clone
+              <i class="lang-icon devicon-rust-plain"></i></a>
+            </p>
           <div class="progress" style="height: 8px;">
             <div class="progress-bar" role="progressbar" style="width: 95%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
-            <p class="bio-body mt-4"><a href="https://gitea.tyrel.dev/tyrel/frank_tank">Waterheater Servo Remote</a></p>
+            <p class="bio-body mt-4">
+              <a href="https://gitea.tyrel.dev/tyrel/frank_tank">
+              Waterheater Servo Remote
+              <i class="lang-icon devicon-arduino-plain"></i>
+              <i class="lang-icon devicon-javascript-plain"></i>
+            </a>
+          </p>
           <div class="progress" style="height: 8px;">
             <div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
         </div>
-      </div>
+
+
+        </div>
+
+      
     </div>
     <footer class="mt-auto]">
       <div class="text-center">
