Add Freelancer and Upwork profile links with logos

Author: shahidghafoor00

assets/freelancer.svg

@@ -192,13 +192,17 @@ <h2 class="section-title">Trusted by clients worldwide</h2>
       </div>
       <div class="rs-divider"></div>
       <div class="rs-item">
-        <div class="rs-num">Freelancer</div>
-        <div class="rs-label">Platform</div>
+        <a href="https://www.freelancer.com/u/om26er" target="_blank" rel="noopener" class="rs-link">
+          <div class="rs-num"><img src="assets/freelancer.svg" alt="Freelancer" style="width:32px;height:32px;border-radius:6px;vertical-align:middle;margin-right:8px;" />Freelancer</div>
+          <div class="rs-label">View Profile ↗</div>
+        </a>
       </div>
       <div class="rs-divider"></div>
       <div class="rs-item">
-        <div class="rs-num">Upwork</div>
-        <div class="rs-label">Platform</div>
+        <a href="https://www.upwork.com/freelancers/om26er?viewMode=1" target="_blank" rel="noopener" class="rs-link">
+          <div class="rs-num"><img src="assets/upwork.svg" alt="Upwork" style="width:32px;height:32px;border-radius:6px;vertical-align:middle;margin-right:8px;" />Upwork</div>
+          <div class="rs-label">View Profile ↗</div>
+        </a>
       </div>
     </div>
 
@@ -384,6 +388,20 @@ <h2 class="section-title">Let's build something great together</h2>
               <div class="contact-item-value"><a href="https://github.com/codebasepk" target="_blank" rel="noopener">github.com/codebasepk</a></div>
             </div>
           </div>
+          <div class="contact-item">
+            <div class="contact-item-icon"><img src="assets/freelancer.svg" alt="Freelancer" style="width:28px;height:28px;border-radius:6px;" /></div>
+            <div class="contact-item-body">
+              <div class="contact-item-label">Freelancer</div>
+              <div class="contact-item-value"><a href="https://www.freelancer.com/u/om26er" target="_blank" rel="noopener">freelancer.com/u/om26er</a></div>
+            </div>
+          </div>
+          <div class="contact-item">
+            <div class="contact-item-icon"><img src="assets/upwork.svg" alt="Upwork" style="width:28px;height:28px;border-radius:6px;" /></div>
+            <div class="contact-item-body">
+              <div class="contact-item-label">Upwork</div>
+              <div class="contact-item-value"><a href="https://www.upwork.com/freelancers/om26er?viewMode=1" target="_blank" rel="noopener">upwork.com/freelancers/om26er</a></div>
+            </div>
+          </div>
         </div>
       </div>
       <div class="fade-up">

assets/upwork.svg

@@ -476,6 +476,8 @@ section { padding: 6rem 5%; }
   flex-wrap: wrap;
 }
 .rs-item { text-align: center; padding: 0 2.5rem; }
+.rs-link { text-decoration: none; transition: opacity 0.2s ease; }
+.rs-link:hover { opacity: 0.75; }
 .rs-num { font-size: 1.6rem; font-weight: 800; color: var(--white); letter-spacing: -0.03em; }
 .rs-label { font-size: 0.7rem; color: #666; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; margin-top: 0.2rem; }
 .rs-divider { width: 1px; height: 40px; background: #222; flex-shrink: 0; }