appwizard-pro-max / about.html
Yilmaz1905's picture
KOD İÇİNDE api gireceğim bir alan ver ve admob içinde, birde sayfalar yarat uyguluma hakkında, bildirimleri otomatik kaydet, uygulamayı değerlendir, uygulamayı paylaş, destek, gizlilik politikası, tüm verileri sil, kaydedilen başlıklar gibi
34f8671 verified
Raw
History Blame Contribute Delete
8.1 kB
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Uygulama Hakkında - AppWizard Pro Max+</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<style>
.feature-card:hover .feature-icon {
transform: rotate(10deg) scale(1.1);
}
.feature-icon {
transition: all 0.3s ease;
}
</style>
</head>
<body class="bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200">
<div class="container mx-auto px-4 py-8 max-w-4xl">
<!-- Header -->
<header class="mb-12">
<div class="flex items-center justify-between">
<a href="index.html" class="flex items-center">
<i data-feather="arrow-left" class="mr-2"></i>
<span class="font-medium">Geri</span>
</a>
<h1 class="text-3xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-blue-500">Uygulama Hakkında</h1>
</div>
</header>
<!-- About Content -->
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-8 mb-8">
<div class="flex flex-col md:flex-row items-center mb-8">
<div class="md:w-1/3 mb-6 md:mb-0">
<img src="http://static.photos/technology/640x360/42" alt="App Icon" class="rounded-lg shadow-md w-full">
</div>
<div class="md:w-2/3 md:pl-8">
<h2 class="text-2xl font-bold mb-4 text-gray-800 dark:text-white">AppWizard Pro Max+</h2>
<p class="text-gray-600 dark:text-gray-300 mb-4">
AppWizard Pro Max+, geliştiriciler ve kullanıcılar için tasarlanmış güçlü bir uygulama yönetim aracıdır. API entegrasyonları, bildirim yönetimi ve kişiselleştirilebilir özellikleriyle kullanıcı deneyiminizi en üst seviyeye çıkarır.
</p>
<div class="flex items-center">
<div class="flex items-center mr-4">
<i data-feather="download" class="text-purple-600 mr-2"></i>
<span class="text-gray-700 dark:text-gray-300">10.000+ indirme</span>
</div>
<div class="flex items-center">
<i data-feather="star" class="text-yellow-500 mr-2"></i>
<span class="text-gray-700 dark:text-gray-300">4.8/5 (1.200 oy)</span>
</div>
</div>
</div>
</div>
<div class="border-t border-gray-200 dark:border-gray-700 pt-8">
<h3 class="text-xl font-semibold mb-6 text-gray-800 dark:text-white">Öne Çıkan Özellikler</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="feature-card p-6 bg-gray-50 dark:bg-gray-700 rounded-lg">
<div class="feature-icon bg-purple-100 dark:bg-purple-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
<i data-feather="zap" class="text-purple-600 dark:text-purple-300"></i>
</div>
<h4 class="font-bold text-lg mb-2 text-gray-800 dark:text-white">Hızlı API Entegrasyonu</h4>
<p class="text-gray-600 dark:text-gray-400">Kolayca API endpoint'lerinizi ekleyin ve verilerinizi yönetin.</p>
</div>
<div class="feature-card p-6 bg-gray-50 dark:bg-gray-700 rounded-lg">
<div class="feature-icon bg-blue-100 dark:bg-blue-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
<i data-feather="bell" class="text-blue-600 dark:text-blue-300"></i>
</div>
<h4 class="font-bold text-lg mb-2 text-gray-800 dark:text-white">Akıllı Bildirimler</h4>
<p class="text-gray-600 dark:text-gray-400">Bildirimlerinizi otomatik kaydedin ve kolayca yönetin.</p>
</div>
<div class="feature-card p-6 bg-gray-50 dark:bg-gray-700 rounded-lg">
<div class="feature-icon bg-green-100 dark:bg-green-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
<i data-feather="shield" class="text-green-600 dark:text-green-300"></i>
</div>
<h4 class="font-bold text-lg mb-2 text-gray-800 dark:text-white">Güvenlik</h4>
<p class="text-gray-600 dark:text-gray-400">Verileriniz güvende - şifreleme ve gizlilik ön planda.</p>
</div>
<div class="feature-card p-6 bg-gray-50 dark:bg-gray-700 rounded-lg">
<div class="feature-icon bg-yellow-100 dark:bg-yellow-900 w-12 h-12 rounded-full flex items-center justify-center mb-4">
<i data-feather="layers" class="text-yellow-600 dark:text-yellow-300"></i>
</div>
<h4 class="font-bold text-lg mb-2 text-gray-800 dark:text-white">Çoklu Platform</h4>
<p class="text-gray-600 dark:text-gray-400">Tüm cihazlarınızda sorunsuz çalışır.</p>
</div>
</div>
</div>
</div>
<!-- Version History -->
<div class="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-8">
<h3 class="text-xl font-semibold mb-6 text-gray-800 dark:text-white">Sürüm Geçmişi</h3>
<div class="space-y-6">
<div class="border-l-4 border-purple-500 pl-6 py-1">
<div class="flex justify-between items-start">
<h4 class="font-bold text-lg text-gray-800 dark:text-white">v2.1.0</h4>
<span class="text-sm bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200 px-2 py-1 rounded-full">Yeni</span>
</div>
<p class="text-gray-500 dark:text-gray-400 text-sm mb-1">15 Haziran 2023</p>
<ul class="list-disc pl-5 text-gray-600 dark:text-gray-300 space-y-1">
<li>Yeni arayüz tasarımı</li>
<li>Karanlık mod desteği</li>
<li>API yönetiminde iyileştirmeler</li>
</ul>
</div>
<div class="border-l-4 border-gray-300 dark:border-gray-600 pl-6 py-1">
<h4 class="font-bold text-lg text-gray-800 dark:text-white">v2.0.0</h4>
<p class="text-gray-500 dark:text-gray-400 text-sm mb-1">1 Mayıs 2023</p>
<ul class="list-disc pl-5 text-gray-600 dark:text-gray-300 space-y-1">
<li>Büyük güncelleme: Yeni özellikler eklendi</li>
<li>Performans iyileştirmeleri</li>
<li>Hata düzeltmeleri</li>
</ul>
</div>
<div class="border-l-4 border-gray-300 dark:border-gray-600 pl-6 py-1">
<h4 class="font-bold text-lg text-gray-800 dark:text-white">v1.5.0</h4>
<p class="text-gray-500 dark:text-gray-400 text-sm mb-1">10 Mart 2023</p>
<ul class="list-disc pl-5 text-gray-600 dark:text-gray-300 space-y-1">
<li>Bildirim yönetimi eklendi</li>
<li>Kullanıcı arayüzü iyileştirmeleri</li>
</ul>
</div>
</div>
</div>
</div>
<script>
feather.replace();
</script>
</body>
</html>