|
|
@@ -5,66 +5,48 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Mietubl Marketing System</title>
|
|
|
<style>
|
|
|
+ :root {
|
|
|
+ --primary: #2c3e50;
|
|
|
+ --accent: #3498db;
|
|
|
+ }
|
|
|
body {
|
|
|
- font-family: 'Segoe UI', sans-serif;
|
|
|
margin: 0;
|
|
|
- padding: 0;
|
|
|
+ font-family: system-ui, -apple-system, sans-serif;
|
|
|
background: #f8f9fa;
|
|
|
- color: #2c3e50;
|
|
|
}
|
|
|
-
|
|
|
nav {
|
|
|
- background: #ffffff;
|
|
|
- padding: 1rem 2rem;
|
|
|
- box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
|
|
+ padding: 1rem 5vw;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
+ background: #fff;
|
|
|
+ box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
|
|
}
|
|
|
-
|
|
|
- .container {
|
|
|
- max-width: 1200px;
|
|
|
- margin: 2rem auto;
|
|
|
- padding: 0 1rem;
|
|
|
+ main {
|
|
|
+ padding: 2rem 5vw;
|
|
|
}
|
|
|
-
|
|
|
- .hero {
|
|
|
- margin-top: 3rem;
|
|
|
- text-align: center;
|
|
|
- padding: 4rem 0;
|
|
|
- }
|
|
|
-
|
|
|
- .features {
|
|
|
+ .grid {
|
|
|
display: grid;
|
|
|
- grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
|
- gap: 2rem;
|
|
|
+ gap: 1.5rem;
|
|
|
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
|
|
margin-top: 3rem;
|
|
|
}
|
|
|
-
|
|
|
- .feature-card {
|
|
|
- background: white;
|
|
|
- padding: 2rem;
|
|
|
- border-radius: 10px;
|
|
|
- box-shadow: 0 2px 10px rgba(0,0,0,0.08);
|
|
|
+ .card {
|
|
|
+ background: #fff;
|
|
|
+ padding: 1.5rem;
|
|
|
+ border-radius: 8px;
|
|
|
+ box-shadow: 0 2px 6px rgba(0,0,0,0.06);
|
|
|
}
|
|
|
-
|
|
|
+ h2, h3 { color: var(--primary); }
|
|
|
.nav-links a {
|
|
|
- color: #3498db;
|
|
|
+ color: var(--accent);
|
|
|
text-decoration: none;
|
|
|
- margin-left: 2rem;
|
|
|
+ margin-left: 1.5rem;
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
-
|
|
|
- h1 {
|
|
|
- color: #2c3e50;
|
|
|
- font-size: 2.5rem;
|
|
|
- margin-bottom: 1rem;
|
|
|
- }
|
|
|
-
|
|
|
.icon {
|
|
|
- font-size: 2rem;
|
|
|
- color: #3498db;
|
|
|
- margin-bottom: 1rem;
|
|
|
+ font-size: 1.8rem;
|
|
|
+ margin-bottom: 0.5rem;
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
@@ -73,37 +55,30 @@
|
|
|
<h2>Mietubl Marketing System</h2>
|
|
|
<div class="nav-links">
|
|
|
<a href="/dist">Login</a>
|
|
|
- <a href="privacy_policy.html" target="_blank">Privacy Policy</a>
|
|
|
+ <a href="privacy_policy.html" target="_blank">Privacy</a>
|
|
|
</div>
|
|
|
</nav>
|
|
|
|
|
|
-<div class="container">
|
|
|
- <section class="hero">
|
|
|
- <h1>Transform Your Digital Marketing</h1>
|
|
|
- <p class="subtitle">Advanced analytics and campaign management for modern businesses</p>
|
|
|
- </section>
|
|
|
-
|
|
|
- <!--
|
|
|
- <div class="features">
|
|
|
- <div class="feature-card">
|
|
|
+<main>
|
|
|
+ <div class="grid">
|
|
|
+ <div class="card">
|
|
|
<div class="icon">📈</div>
|
|
|
- <h3>Real-Time Analytics</h3>
|
|
|
- <p>Monitor campaign performance with detailed metrics and interactive dashboards.</p>
|
|
|
+ <h3>Analytics</h3>
|
|
|
+ <p>Real-time in-depth data analysis.</p>
|
|
|
</div>
|
|
|
|
|
|
- <div class="feature-card">
|
|
|
+ <div class="card">
|
|
|
<div class="icon">🎯</div>
|
|
|
- <h3>AI-Powered Content Creation</h3>
|
|
|
- <p>Discover how our AI can craft compelling articles and marketing materials to elevate your product promotion efforts. Efficiently reach your target audience and boost your campaigns with AI-generated content tailored to your needs.</p>
|
|
|
+ <h3>AI Content</h3>
|
|
|
+ <p>Generate marketing materials with AI.</p>
|
|
|
</div>
|
|
|
|
|
|
- <div class="feature-card">
|
|
|
+ <div class="card">
|
|
|
<div class="icon">🛠️</div>
|
|
|
- <h3>Unified Platform</h3>
|
|
|
- <p>Manage all your marketing channels from one integrated interface.</p>
|
|
|
+ <h3>Platform</h3>
|
|
|
+ <p>Unified advertising across all channels and social media platforms.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- -->
|
|
|
-</div>
|
|
|
+</main>
|
|
|
</body>
|
|
|
</html>
|
