<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Phishing Link Checker</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <header>
            <h1 class="title">Phishing Link Checker</h1>
        </header>

        <main>
            <div class="input-section">
                <input type="text" id="url-input" placeholder="Paste a URL here...">
                <button id="check-btn">Check URL</button>
            </div>

            <div id="result" class="result-section hidden">
                <p class="result-text"></p>
            </div>
        </main>

        <div class="footer">
            <p>By <span class="glow">59Official</span></p>
        </div>


        <div id="feedback-container">
            <button id="feedback-button" class="feedback-button">📝 Feedback</button>
            <div id="feedback-modal" class="feedback-modal">
                <div class="modal-content">
                    <h2>Dein Feedback</h2>
                    <textarea id="feedback-text" placeholder="Schreib uns dein Feedback..."></textarea>
                    <button id="submit-feedback" class="submit-feedback">Absenden</button>
                    <button id="close-feedback" class="close-feedback">Schließen</button>
                </div>
            </div>
        </div>

    <script src="script.js"></script>
</body>
</html>
