igamebox
/
mtb_dcatadmin_plus


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mietubl Marketing System - Multi-platform Content Sync Solution</title>
    <style>
        :root {
            --primary-color: #2A5CAA;
            --secondary-color: #F0F4F8;
        }

        body {
            font-family: 'Segoe UI', system-ui, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 0;
            background-color: var(--secondary-color);
        }

        header {
            background-color: var(--primary-color);
            color: white;
            padding: 2rem;
            text-align: center;
            position: relative;
        }

        .header-nav {
            position: absolute;
            top: 1rem;
            right: 1rem;
        }

        .header-nav a {
            color: white;
            text-decoration: none;
            margin-left: 1.5rem;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
        }

        .brand-section {
            display: flex;
            align-items: center;
            gap: 2rem;
            margin-bottom: 3rem;
        }

        .brand-logo {
            width: 120px;
            height: 120px;
            background-color: var(--primary-color);
            border-radius: 16px;
        }

        .feature-section {
            background-color: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            margin: 2rem 0;
        }

        .data-privacy {
            background-color: #fff3cd;
            padding: 1.5rem;
            border-radius: 8px;
            margin: 2rem 0;
        }

        .platform-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 1rem;
            margin: 2rem 0;
        }

        .cta-button {
            background-color: var(--primary-color);
            color: white;
            padding: 1rem 2rem;
            border: none;
            border-radius: 6px;
            font-size: 1.1rem;
            cursor: pointer;
            transition: opacity 0.3s;
        }

        .cta-button:hover {
            opacity: 0.9;
        }
    </style>
</head>
<body>
<header>
    <nav class="header-nav">
        <a href="/dist">Login</a>
        <a href="privacy_policy.html" target="_blank">Privacy</a>
    </nav>
    <h1>Mietubl Marketing System</h1>
    <p>Intelligent Content Distribution System</p>
</header>

<main class="container">
    <section class="brand-section">
        <div>
            <h2>About Mietubl</h2>
            <p>An intelligent solution for modern digital marketing, empowering customer service teams with efficient content management</p>
        </div>
    </section>

    <section class="feature-section">
        <h3>Core Features</h3>
        <ul>
            <li>📌 One-click publishing to major social platforms (Facebook, Twitter, Instagram, Yutube.)</li>
            <li>⏱️ Scheduled posting & automated queue management</li>
            <li>📊 Cross-platform analytics & performance tracking</li>
        </ul>

        <div class="platform-list">
            <div>📱 Facebook</div>
            <div>🐦 Twitter</div>
            <div>📸 Instagram</div>
            <div>💼 Yutube</div>
        </div>
    </section>

    <section class="data-privacy">
        <h3>Data Usage Declaration</h3>
        <p>To deliver core services, we require:</p>
        <ul>
            <li>🔑 Social media access: For content publishing and analytics</li>
            <li>📝 Basic user info: For personalized service configuration</li>
            <li>📈 Engagement data: To optimize recommendation algorithms</li>
        </ul>
        <p>All data is encrypted with AES-256 and stored in compliance with GDPR regulations. We never use your data for undisclosed purposes.</p>
    </section>
</main>

<footer style="background-color: var(--primary-color); color: white; text-align: center; padding: 1rem; margin-top: 3rem;">
    <p>© 2025 Mietubl Marketing System</p>
</footer>
</body>
</html>