Update team visibility and refresh premium UI styling

This commit is contained in:
Krikorios
2026-02-24 00:51:23 +02:00
parent e3a74b2d50
commit 00fda3e045
14 changed files with 299 additions and 83 deletions
+2 -63
View File
@@ -218,7 +218,7 @@
</section>
<!-- Team Section -->
<section class="team-section section" id="team">
<section class="team-section section" id="team" hidden>
<div class="container">
<div class="section-header">
<span class="section-label">Our People</span>
@@ -226,68 +226,7 @@
<p class="section-description">Experts dedicated to building resilient, future-ready systems</p>
</div>
<div class="team-grid" id="team-grid" data-team-grid="true">
<div class="team-card">
<div class="team-image">
<!-- Replace with real photo -->
<img src="images/team/member-1.svg" alt="Founder & CEO" width="400" height="400">
<div class="team-social">
<a href="https://www.linkedin.com/company/mspe-pro" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>
<a href="mailto:info@mspe.pro" aria-label="Email"><i class="fas fa-envelope"></i></a>
</div>
</div>
<div class="team-info">
<h4>Kareem Mansour</h4>
<p>Founder & CEO</p>
<small style="font-size: 0.78rem; color: #64748b; line-height: 1.5; margin-top: 0.4rem; display: block;">Network &amp; infrastructure specialist · 12+ yrs across enterprise and SMB environments.</small>
</div>
</div>
<div class="team-card">
<div class="team-image">
<!-- Replace with real photo -->
<img src="images/team/member-2.svg" alt="CTO" width="400" height="400">
<div class="team-social">
<a href="https://www.linkedin.com/company/mspe-pro" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>
<a href="mailto:info@mspe.pro" aria-label="Email"><i class="fas fa-envelope"></i></a>
</div>
</div>
<div class="team-info">
<h4>Nour Haddad</h4>
<p>Chief Technology Officer</p>
<small style="font-size: 0.78rem; color: #64748b; line-height: 1.5; margin-top: 0.4rem; display: block;">Systems architect with deep expertise in cloud platforms and enterprise IT design.</small>
</div>
</div>
<div class="team-card">
<div class="team-image">
<!-- Replace with real photo -->
<img src="images/team/member-3.svg" alt="Security Lead" width="400" height="400">
<div class="team-social">
<a href="https://www.linkedin.com/company/mspe-pro" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>
<a href="mailto:info@mspe.pro" aria-label="Email"><i class="fas fa-envelope"></i></a>
</div>
</div>
<div class="team-info">
<h4>Ranya Aziz</h4>
<p>Head of Cybersecurity</p>
<small style="font-size: 0.78rem; color: #64748b; line-height: 1.5; margin-top: 0.4rem; display: block;">Penetration tester and SIEM specialist · CEH certified and ISO 27001 lead auditor.</small>
</div>
</div>
<div class="team-card">
<div class="team-image">
<!-- Replace with real photo -->
<img src="images/team/member-4.svg" alt="Cloud Architect" width="400" height="400">
<div class="team-social">
<a href="https://www.linkedin.com/company/mspe-pro" aria-label="LinkedIn" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>
<a href="mailto:info@mspe.pro" aria-label="Email"><i class="fas fa-envelope"></i></a>
</div>
</div>
<div class="team-info">
<h4>Elie Khoury</h4>
<p>Cloud Solutions Architect</p>
<small style="font-size: 0.78rem; color: #64748b; line-height: 1.5; margin-top: 0.4rem; display: block;">Azure &amp; AWS certified · specializes in cloud migration, hybrid infrastructure, and DevOps.</small>
</div>
</div>
</div>
<div class="team-grid" id="team-grid" data-team-grid="true"></div>
</div>
</section>