Website/PROFESSIONAL_TOOLBOX_CONTENT.md

Professional Toolbox - Backup Content

Beschreibung

Dieser Code enthält die vollständige Professional Toolbox Produktkarte, die temporär von der Website entfernt wurde.

Verwendung

Um die Professional Toolbox wieder auf der Website anzuzeigen, fügen Sie den folgenden HTML-Code in die index.html innerhalb des <div class="products-grid"> Elements ein:

<!-- Product: AegisSight Professional Toolbox -->
<div class="product-card">
    <div class="product-header">
        <div class="product-icon-wrapper">
            <div class="product-icon-bg"></div>
            <img class="product-icon" src="assets/images/icons/cube.svg" alt="Toolbox">
        </div>
        <div class="product-title-wrapper">
            <h3 class="product-title" data-translate="productToolboxTitle">Professional Toolbox</h3>
            <p class="product-tagline">Professional OSINT Suite</p>
        </div>
    </div>
    <div class="product-body">
        <p class="product-description" data-translate="productToolboxDesc">Eine leistungsstarke Desktop-Anwendung mit fünf essentiellen Tools für behördliche OSINT-Ermittler und Analysten. Modernes Design, intuitive Bedienung, professionelle Funktionen.</p>
        <button class="product-learn-more expand-button" data-expanded="false" onclick="toggleTools(this)">
            <span data-translate="expandDetails">Details anzeigen</span>
        </button>
        
        <!-- Tools Grid (Hidden by default, shown on expand) -->
        <div class="tools-grid collapsed" id="toolsGrid">
        <!-- Tool 1: Metadata Analyzer -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/document.svg" alt="Document" width="48" height="48">
            </div>
            <h4 data-translate="tool1Title">Metadata Analyzer</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool1Feature1">Extrahiert versteckte Informationen (EXIF, GPS, Erstellungsdaten)</li>
                    <li data-translate="tool1Feature2">Forensische Analyse von Dokumenten & Bildern</li>
                    <li data-translate="tool1Feature3">Export als JSON</li>
                </ul>
            </div>
        </div>
        
        <!-- Tool 2: Screen Recorder -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/video-camera.svg" alt="Video" width="48" height="48">
            </div>
            <h4 data-translate="tool2Title">Screen Recorder</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool2Feature1">Bildschirmaufnahme mit Audio (System & Mikrofon)</li>
                    <li data-translate="tool2Feature2">Bereichsauswahl oder Vollbild</li>
                    <li data-translate="tool2Feature3">Wählbare Qualitätsstufen</li>
                </ul>
            </div>
        </div>
        
        <!-- Tool 3: Video Crawler -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/shield-play.svg" alt="Security" width="48" height="48">
            </div>
            <h4 data-translate="tool3Title">Video Crawler</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool3Feature1">Download von Videos aus 1000+ Plattformen</li>
                    <li data-translate="tool3Feature2">Automatischer Untertitel-Download</li>
                    <li data-translate="tool3Feature3">Qualitätsauswahl</li>
                </ul>
            </div>
        </div>
        
        <!-- Tool 4: Website Crawler -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/globe.svg" alt="Global" width="48" height="48">
            </div>
            <h4 data-translate="tool4Title">Website Crawler</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool4Feature1">Archiviert Webseiten offline</li>
                    <li data-translate="tool4Feature2">Einstellbare Crawling-Tiefe</li>
                    <li data-translate="tool4Feature3">Erhält Originalstruktur inkl. CSS, JS & Medien</li>
                </ul>
            </div>
        </div>
        
        <!-- Tool 5: Multimedia Converter -->
        <div class="tool-card">
            <div class="tool-icon">
                <img src="assets/images/icons/cube.svg" alt="Architecture" width="48" height="48">
            </div>
            <h4 data-translate="tool5Title">Multimedia Converter</h4>
            <div class="tool-features">
                <ul>
                    <li data-translate="tool5Feature1">Konvertierung von Bildern, Videos, Audio</li>
                    <li data-translate="tool5Feature2">Batch-Verarbeitung</li>
                    <li data-translate="tool5Feature3">Drag & Drop Unterstützung</li>
                </ul>
            </div>
        </div>
    </div>
    </div>
</div>

Hinweise

• Die Professional Toolbox wurde temporär entfernt, um die AccountForger-Box korrekt zu zentrieren
• Der Code ist vollständig funktionsfähig und kann jederzeit wieder eingefügt werden
• Alle Übersetzungsschlüssel und Funktionen sind bereits in den entsprechenden JavaScript-Dateien vorhanden