<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sitemap · SG Multi Tools</title>
    <link rel="icon" href="favicon.png" type="image/png">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        .sitemap-container {
            max-width: 800px;
            margin: 2rem auto;
            padding: 2rem;
            background: var(--button-bg-alt);
            border-radius: 24px;
            border: 1px solid var(--dark-border);
        }
        .sitemap-container h1 {
            color: var(--primary-accent);
            font-size: 2rem;
            margin-bottom: 1.5rem;
        }
        .sitemap-container h2 {
            color: var(--text-primary);
            font-size: 1.3rem;
            margin: 1.5rem 0 1rem;
        }
        .sitemap-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 1rem;
        }
        .sitemap-item {
            background: var(--main-bg);
            border: 1px solid var(--dark-border);
            border-radius: 12px;
            padding: 1rem;
            transition: var(--transition);
        }
        .sitemap-item:hover {
            border-color: var(--primary-accent);
            transform: translateY(-2px);
        }
        .sitemap-item a {
            color: var(--text-primary);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .sitemap-item i {
            color: var(--primary-accent);
            width: 20px;
        }
        .sitemap-item a:hover {
            color: var(--primary-accent);
        }
    </style>
</head>
<body>
    <header class="main-header">
        <div class="container header-content">
            <div class="logo-section">
                <div class="logo-square">SG</div>
                <div class="logo-text">
                    <span class="logo-title">SG Multi Tools</span>
                    <span class="logo-subtitle">Essential utilities</span>
                </div>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
                    <li><a href="tools.html"><i class="fas fa-tools"></i> Tools</a></li>
                    <li><a href="about.html"><i class="fas fa-info-circle"></i> About</a></li>
                    <li><a href="contact.html"><i class="fas fa-envelope"></i> Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="main-content">
        <div class="container">
            <div class="sitemap-container">
                <h1>Sitemap</h1>
                
                <h2>Main Pages</h2>
                <div class="sitemap-grid">
                    <div class="sitemap-item"><a href="index.html"><i class="fas fa-home"></i> Home</a></div>
                    <div class="sitemap-item"><a href="tools.html"><i class="fas fa-tools"></i> Tools</a></div>
                    <div class="sitemap-item"><a href="about.html"><i class="fas fa-info-circle"></i> About</a></div>
                    <div class="sitemap-item"><a href="contact.html"><i class="fas fa-envelope"></i> Contact</a></div>
                    <div class="sitemap-item"><a href="privacy-policy.html"><i class="fas fa-shield"></i> Privacy Policy</a></div>
                    <div class="sitemap-item"><a href="terms-and-conditions.html"><i class="fas fa-file-alt"></i> Terms</a></div>
                    <div class="sitemap-item"><a href="disclaimer.html"><i class="fas fa-exclamation-triangle"></i> Disclaimer</a></div>
                    <div class="sitemap-item"><a href="sitemap.html"><i class="fas fa-sitemap"></i> Sitemap</a></div>
                </div>

                <h2>Calculator Tools</h2>
                <div class="sitemap-grid">
                    <div class="sitemap-item"><a href="advanced-calculator.html"><i class="fas fa-calculator"></i> Advanced Calculator</a></div>
                    <div class="sitemap-item"><a href="age-calculator.html"><i class="fas fa-birthday-cake"></i> Age Calculator</a></div>
                    <div class="sitemap-item"><a href="emi-calculator.html"><i class="fas fa-home"></i> EMI Calculator</a></div>
                    <div class="sitemap-item"><a href="percentage-calculator.html"><i class="fas fa-percent"></i> Percentage Calculator</a></div>
                    <div class="sitemap-item"><a href="sip-calculator.html"><i class="fas fa-chart-line"></i> SIP Calculator</a></div>
                </div>

                <h2>Text Tools</h2>
                <div class="sitemap-grid">
                    <div class="sitemap-item"><a href="case-changer.html"><i class="fas fa-text-height"></i> Case Changer</a></div>
                    <div class="sitemap-item"><a href="note-saver.html"><i class="fas fa-sticky-note"></i> Note Saver</a></div>
                    <div class="sitemap-item"><a href="word-counter.html"><i class="fas fa-file-alt"></i> Word Counter</a></div>
                    <div class="sitemap-item"><a href="speech-to-text.html"><i class="fas fa-microphone"></i> Speech to Text</a></div>
                    <div class="sitemap-item"><a href="text-to-speech.html"><i class="fas fa-volume-up"></i> Text to Speech</a></div>
                </div>

                <h2>Conversion Tools</h2>
                <div class="sitemap-grid">
                    <div class="sitemap-item"><a href="currency-converter.html"><i class="fas fa-coins"></i> Currency Converter</a></div>
                    <div class="sitemap-item"><a href="unit-converter.html"><i class="fas fa-weight-hanging"></i> Unit Converter</a></div>
                    <div class="sitemap-item"><a href="file-size-converter.html"><i class="fas fa-file"></i> File Size Converter</a></div>
                    <div class="sitemap-item"><a href="image-converter.html"><i class="fas fa-image"></i> Image Converter</a></div>
                    <div class="sitemap-item"><a href="url-encoder-decoder.html"><i class="fas fa-link"></i> URL Encoder/Decoder</a></div>
                </div>

                <h2>Other Tools</h2>
                <div class="sitemap-grid">
                    <div class="sitemap-item"><a href="color-picker.html"><i class="fas fa-eye-dropper"></i> Color Picker</a></div>
                    <div class="sitemap-item"><a href="date-difference.html"><i class="fas fa-calendar-alt"></i> Date Difference</a></div>
                    <div class="sitemap-item"><a href="qr-generator.html"><i class="fas fa-qrcode"></i> QR Code Generator</a></div>
                    <div class="sitemap-item"><a href="timer-stopwatch.html"><i class="fas fa-stopwatch"></i> Timer & Stopwatch</a></div>
                    <div class="sitemap-item"><a href="password-generator.html"><i class="fas fa-lock"></i> Password Generator</a></div>
                </div>
            </div>
        </div>
    </main>

    <footer class="main-footer">
        <div class="container">
            <div class="footer-links-row">
                <a href="privacy-policy.html">Privacy Policy</a>
                <a href="disclaimer.html">Disclaimer</a>
                <a href="terms-and-conditions.html">Terms and Conditions</a>
                <a href="sitemap.html">Sitemap</a>
                <a href="about.html">About</a>
                <a href="contact.html">Contact</a>
            </div>
            <div class="footer-email">
                <i class="fas fa-envelope"></i>
                <a href="mailto:contact@sgtools.in">contact@sgtools.in</a>
            </div>
            <div class="footer-bottom">
                <div>© 2026 SG Multi Tools. All client‑side, no tracking.</div>
            </div>
        </div>
    </footer>
</body>
</html>
