From 7a5fe2b11cfd9ee5847b0570813e58874ee2a9f1 Mon Sep 17 00:00:00 2001
From: Chris Veleris <chrisveleris@gmail.com>
Date: Fri, 13 Jun 2025 23:56:58 +0300
Subject: [PATCH] Add other projects section

---
 README.md  |  6 ++++++
 index.html | 35 +++++++++++++++++++++++++++++++++++
 2 files changed, 41 insertions(+)

diff --git a/README.md b/README.md
index c6fe3aa..6252060 100644
--- a/README.md
+++ b/README.md
@@ -192,6 +192,12 @@ This project is licensed for free personal use, with consent required for commer
 
 For questions or comments, please [open an issue](https://github.com/chrisvel/tududi/issues) or contact the developer directly.
 
+## 🌟 Please check my other projects!
+
+- **[Reconya AI](https://reconya-ai.com)** - Network reconnaissance and asset discovery tool
+- **[BreachHarbor](https://breachharbor.com)** - Cybersecurity suite for digital asset protection  
+- **[Hevetra](https://hevetra.com)** - Digital tracking for child health milestones
+
 ---
 
 README created by [Chris Veleris](https://github.com/chrisvel) for `tududi`.
diff --git a/index.html b/index.html
index b7d5ff4..7ca97e7 100644
--- a/index.html
+++ b/index.html
@@ -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">