Spaces:
Running
Running
| <html lang="tr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Testler - Yetkinlik Haritası Ustası</title> | |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#10B981', | |
| dark: '#1F2937', | |
| light: '#F3F4F6' | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body class="bg-gray-100"> | |
| <header class="bg-white shadow-sm"> | |
| <div class="container mx-auto px-4 py-6 flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <i data-feather="compass" class="text-primary"></i> | |
| <h1 class="text-xl font-bold text-dark">Yetkinlik Haritası Ustası</h1> | |
| </div> | |
| <nav> | |
| <ul class="flex space-x-6"> | |
| <li><a href="index.html" class="text-dark hover:text-primary font-medium">Ana Sayfa</a></li> | |
| <li><a href="bireysel-giris.html" class="text-dark hover:text-primary font-medium">Bireysel</a></li> | |
| <li><a href="kurumsal-giris.html" class="text-dark hover:text-primary font-medium">Kurumsal</a></li> | |
| <li><a href="packages.html" class="text-dark hover:text-primary font-medium">Paketler</a></li> | |
| <li><a href="workflow.html" class="text-dark hover:text-primary font-medium">İş Akışı</a></li> | |
| <li><a href="tests.html" class="text-primary font-medium">Testler</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <main class="container mx-auto px-4 py-12"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-dark mb-4">Yetkinlik Testleri</h2> | |
| <p class="text-gray-600 max-w-2xl mx-auto">Seçtiğiniz kriterlere göre uygun yetkinlik testlerini keşfedin</p> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow-md mb-8"> | |
| <h3 class="text-xl font-bold text-dark mb-4">Test Filtreleme</h3> | |
| <div class="grid md:grid-cols-4 gap-4"> | |
| <div> | |
| <label class="block text-gray-700 mb-2">Sektör</label> | |
| <select class="w-full px-4 py-2 border rounded-lg"> | |
| <option value="">Tüm Sektörler</option> | |
| <optgroup label="Ambalaj Sektörü"> | |
| <option value="kagit_karton">Kağıt ve Karton Ambalaj</option> | |
| <option value="plastik">Plastik Ambalaj</option> | |
| <option value="cam">Cam Ambalaj</option> | |
| <option value="metal">Metal Ambalaj</option> | |
| </optgroup> | |
| <optgroup label="Bankacılık ve Finans"> | |
| <option value="mevduat">Mevduat Bankacılığı</option> | |
| <option value="katilim">Katılım Bankacılığı</option> | |
| <option value="yatirim">Yatırım Bankacılığı</option> | |
| <option value="portfoy">Portföy ve Varlık Yönetimi</option> | |
| </optgroup> | |
| <optgroup label="Bilişim ve Teknoloji"> | |
| <option value="donanim">Donanım Üretimi</option> | |
| <option value="yazilim">Yazılım ve Uygulama Geliştirme</option> | |
| <option value="verimerkezi">Veri Merkezi ve Bulut Hizmetleri</option> | |
| <option value="siber">Siber Güvenlik</option> | |
| </optgroup> | |
| <optgroup label="Çağrı Merkezi / Müşteri Hizmetleri"> | |
| <option value="inbound">Inbound Hizmetler</option> | |
| <option value="outbound">Outbound Hizmetler</option> | |
| <option value="teknikdestek">Teknik Destek</option> | |
| </optgroup> | |
| </div> | |
| <div> | |
| <label class="block text-gray-700 mb-2">Departman</label> | |
| <select class="w-full px-4 py-2 border rounded-lg"> | |
| <option value="">Tüm Departmanlar</option> | |
| <option value="depo">Depo Yönetimi</option> | |
| <option value="finans">Finans & Muhasebe</option> | |
| <option value="ik">İnsan Kaynakları & Organizasyon</option> | |
| <option value="idari">İdari İşler & Tesis</option> | |
| <option value="bt">Bilgi Teknolojileri & Veri</option> | |
| <option value="hukuk">Hukuk</option> | |
| <option value="satin_alma">Satın Alma</option> | |
| <option value="yardimci">Yardımcı Tesisler ve Teknik</option> | |
| <option value="urun">Ürün, Proje & İnovasyon</option> | |
| <option value="operasyon">Operasyonlar (Genel)</option> | |
| <option value="uretim">Üretim & Mühendislik</option> | |
| <option value="tedarik">Tedarik Zinciri & Lojistik</option> | |
| <option value="isg">ISG</option> | |
| <option value="surdurulebilirlik">Sürdürülebilirlik</option> | |
| <option value="enerji">Enerji</option> | |
| <option value="cevre">Çevre</option> | |
| <option value="planlama">Planlama</option> | |
| <option value="arge">AR-GE</option> | |
| <option value="urge">ÜR-GE</option> | |
| <option value="kalite">Kalite</option> | |
| <option value="destek">Destek Hizmetleri</option> | |
| <option value="cagri">Çağrı Merkezi</option> | |
| <option value="bayilik">Bayilik ve Çözüm Ortaklığı</option> | |
| <option value="satis">Satış</option> | |
| <option value="pazarlama">Pazarlama</option> | |
| <option value="servis">Servis</option> | |
| <option value="yedek_parca">Yedek Parça</option> | |
| <option value="satis_sonrasi">Satış Sonrası Hizmetler</option> | |
| </select> | |
| </div> | |
| ======= | |
| <div> | |
| <label class="block text-gray-700 mb-2">Pozisyon</label> | |
| <select class="w-full px-4 py-2 border rounded-lg"> | |
| <option value="">Tüm Pozisyonlar</option> | |
| <option value="uzman">Uzman</option> | |
| <option value="yonetici">Yönetici</option> | |
| <option value="mudur">Müdür</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label class="block text-gray-700 mb-2">Yetkinlik Türü</label> | |
| <select class="w-full px-4 py-2 border rounded-lg"> | |
| <option value="">Tüm Türler</option> | |
| <option value="ty">Temel Yetkinlikler</option> | |
| <option value="fy">Fonksiyonel Yetkinlikler</option> | |
| <option value="yy">Yönetsel Yetkinlikler</option> | |
| </select> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> | |
| <!-- Test Card 1 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4"> | |
| <i data-feather="award" class="text-primary"></i> | |
| </div> | |
| <h3 class="text-lg font-bold text-dark">Temel Yetkinlikler Değerlendirmesi</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Tüm çalışanlar için temel davranış ve değerleri ölçen test</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-sm text-gray-500">20 soru • 30 dakika</span> | |
| <a href="#" class="text-primary hover:underline font-medium">Başla</a> | |
| </div> | |
| </div> | |
| <!-- Test Card 2 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4"> | |
| <i data-feather="tool" class="text-primary"></i> | |
| </div> | |
| <h3 class="text-lg font-bold text-dark">Teknik Uzmanlık Testi</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Mühendis ve teknisyenler için teknik beceri değerlendirmesi</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-sm text-gray-500">25 soru • 45 dakika</span> | |
| <a href="#" class="text-primary hover:underline font-medium">Başla</a> | |
| </div> | |
| </div> | |
| <!-- Test Card 3 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4"> | |
| <i data-feather="users" class="text-primary"></i> | |
| </div> | |
| <h3 class="text-lg font-bold text-dark">Liderlik Değerlendirmesi</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Yönetici adayları için liderlik yetkinliklerini ölçen test</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-sm text-gray-500">30 soru • 60 dakika</span> | |
| <a href="#" class="text-primary hover:underline font-medium">Başla</a> | |
| </div> | |
| </div> | |
| <!-- Test Card 4 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4"> | |
| <i data-feather="trending-up" class="text-primary"></i> | |
| </div> | |
| <h3 class="text-lg font-bold text-dark">Satış Becerileri Testi</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Satış ekibinin müşteri odaklılık ve iletişim becerileri</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-sm text-gray-500">20 soru • 30 dakika</span> | |
| <a href="#" class="text-primary hover:underline font-medium">Başla</a> | |
| </div> | |
| </div> | |
| <!-- Test Card 5 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4"> | |
| <i data-feather="bar-chart-2" class="text-primary"></i> | |
| </div> | |
| <h3 class="text-lg font-bold text-dark">Analitik Düşünme Testi</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Veri analizi ve problem çözme yetkinliklerini ölçer</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-sm text-gray-500">25 soru • 45 dakika</span> | |
| <a href="#" class="text-primary hover:underline font-medium">Başla</a> | |
| </div> | |
| </div> | |
| <!-- Test Card 6 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center mr-4"> | |
| <i data-feather="check-circle" class="text-primary"></i> | |
| </div> | |
| <h3 class="text-lg font-bold text-dark">Kalite Yönetimi Testi</h3> | |
| </div> | |
| <p class="text-gray-600 mb-4">Kalite kontrol ve süreç iyileştirme becerileri</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-sm text-gray-500">20 soru • 30 dakika</span> | |
| <a href="#" class="text-primary hover:underline font-medium">Başla</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-12 bg-white p-8 rounded-lg shadow-md"> | |
| <h3 class="text-2xl font-bold text-dark mb-4">Yetkinlik Türleri</h3> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <!-- Temel Yetkinlikler --> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-3"> | |
| <i data-feather="user" class="text-primary"></i> | |
| </div> | |
| <h4 class="font-bold text-dark">Temel Yetkinlikler</h4> | |
| </div> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>İş Disiplini</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Öğrenmeye Açıklık</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Takım Çalışması</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>İletişim</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Fonksiyonel Yetkinlikler --> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-3"> | |
| <i data-feather="tool" class="text-primary"></i> | |
| </div> | |
| <h4 class="font-bold text-dark">Fonksiyonel Yetkinlikler</h4> | |
| </div> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Teknik Uzmanlık</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Problem Çözme</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Kalite Odaklılık</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Veri Analizi</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <!-- Yönetsel Yetkinlikler --> | |
| <div class="border border-gray-200 p-4 rounded-lg"> | |
| <div class="flex items-center mb-4"> | |
| <div class="w-10 h-10 bg-primary/10 rounded-full flex items-center justify-center mr-3"> | |
| <i data-feather="users" class="text-primary"></i> | |
| </div> | |
| <h4 class="font-bold text-dark">Yönetsel Yetkinlikler</h4> | |
| </div> | |
| <ul class="space-y-2 text-gray-600"> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Liderlik</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Karar Verme</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Stratejik Bakış</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check" class="text-primary mr-2 mt-1"></i> | |
| <span>Delegasyon</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <footer class="bg-dark text-white py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row justify-between items-center"> | |
| <div class="mb-4 md:mb-0"> | |
| <p class="text-light">© 2023 Yetkinlik Haritası Ustası. Tüm hakları saklıdır.</p> | |
| </div> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-light hover:text-primary"><i data-feather="facebook"></i></a> | |
| <a href="#" class="text-light hover:text-primary"><i data-feather="twitter"></i></a> | |
| <a href="#" class="text-light hover:text-primary"><i data-feather="linkedin"></i></a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |