diff --git a/assets/css/style.css b/assets/css/style.css
index 4dcaeaa2b0..cb822d9bfb 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -314,6 +314,7 @@ main {
   #SIDEBAR
 \*-----------------------------------*/
 
+
 .sidebar {
   margin-bottom: 15px;
   max-height: 112px;
@@ -446,7 +447,28 @@ main {
 
 .social-item .social-link:hover { color: var(--light-gray); }
 
-
+@media (min-width: 1250px) {
+    .active-status {
+        height: 14px;
+        width: 14px;
+        border-radius: 50%;
+        background-color: #39ff14;
+        animation: 1.5s pulse infinite ease-in-out;
+        position: absolute;
+        bottom: 116px;
+        right: 30px;
+    }
+}
+
+
+@keyframes pulse {
+  0% {
+    box-shadow: 0 0 0 0 #39ff14;
+  }
+  100% {
+    box-shadow: 0 0 0 14px #69ffa800;
+  }
+}
 
 
 
diff --git a/index.html b/index.html
index efac5f0167..9f2e0934e6 100644
--- a/index.html
+++ b/index.html
@@ -43,6 +43,7 @@
 
         <figure class="avatar-box">
           <img src="./assets/images/my-avatar.png" alt="Richard hanrick" width="80">
+            <span class="active-status" title="Available for work!"></span>
         </figure>
 
         <div class="info-content">