Add other projects section

This commit is contained in:
Chris Veleris 2025-06-13 23:56:58 +03:00
parent f9b21dff0a
commit 7a5fe2b11c
2 changed files with 41 additions and 0 deletions

View file

@ -665,6 +665,7 @@
</div>
</section>
<section class="installation" id="installation">
<div class="container">
<div class="section-header">
@ -725,6 +726,40 @@
</div>
</section>
<section class="installation" style="padding: 50px 0; background-color: var(--bg-color);">
<div class="container">
<div class="installation-steps" style="text-align: center;">
<h3 style="color: var(--text-color); margin-bottom: 30px;">Check my other projects</h3>
<div style="display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; max-width: 900px; margin: 0 auto;">
<a href="https://reconya-ai.com" style="display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--text-color); text-decoration: none; padding: 20px; border: 1px solid var(--border-color); border-radius: 12px; transition: all 0.3s ease; background-color: var(--card-bg); text-align: center; min-width: 200px;" onmouseover="this.style.borderColor='var(--primary-color)'; this.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var(--border-color)'; this.style.transform='translateY(0)'">
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
<i class="fas fa-network-wired" style="font-size: 1.2rem; color: var(--primary-color);"></i>
<span style="font-weight: 600; font-size: 1.1rem;">Reconya AI</span>
<i class="fas fa-external-link-alt" style="font-size: 0.8rem; opacity: 0.7;"></i>
</div>
<p style="font-size: 0.9rem; color: var(--secondary-color); margin: 0; line-height: 1.4;">Network reconnaissance and asset discovery tool</p>
</a>
<a href="https://breachharbor.com" style="display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--text-color); text-decoration: none; padding: 20px; border: 1px solid var(--border-color); border-radius: 12px; transition: all 0.3s ease; background-color: var(--card-bg); text-align: center; min-width: 200px;" onmouseover="this.style.borderColor='var(--primary-color)'; this.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var(--border-color)'; this.style.transform='translateY(0)'">
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
<i class="fas fa-shield-alt" style="font-size: 1.2rem; color: var(--primary-color);"></i>
<span style="font-weight: 600; font-size: 1.1rem;">BreachHarbor</span>
<i class="fas fa-external-link-alt" style="font-size: 0.8rem; opacity: 0.7;"></i>
</div>
<p style="font-size: 0.9rem; color: var(--secondary-color); margin: 0; line-height: 1.4;">Cybersecurity suite for digital asset protection</p>
</a>
<a href="https://hevetra.com" style="display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--text-color); text-decoration: none; padding: 20px; border: 1px solid var(--border-color); border-radius: 12px; transition: all 0.3s ease; background-color: var(--card-bg); text-align: center; min-width: 200px;" onmouseover="this.style.borderColor='var(--primary-color)'; this.style.transform='translateY(-2px)'" onmouseout="this.style.borderColor='var(--border-color)'; this.style.transform='translateY(0)'">
<div style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
<i class="fas fa-baby" style="font-size: 1.2rem; color: var(--primary-color);"></i>
<span style="font-weight: 600; font-size: 1.1rem;">Hevetra</span>
<i class="fas fa-external-link-alt" style="font-size: 0.8rem; opacity: 0.7;"></i>
</div>
<p style="font-size: 0.9rem; color: var(--secondary-color); margin: 0; line-height: 1.4;">Digital tracking for child health milestones</p>
</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">