<?php $pageTitle = 'Blog'; ?>
@include("layouts.header")

  <script src="https://cdn.tailwindcss.com"></script>
  <div class="max-w-7xl mx-auto px-4 py-10">
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
      <a href="https://sspanel.serversistemleri.com/blog/details/plesk-panel-nedir">
      <div class="bg-white dark:bg-gray-800 rounded-xl overflow-hidden shadow transition duration-300">
        <img src="https://blog.serversistemleri.com/wp-content/uploads/no-photo.webp" alt="Image" class="w-full h-64 object-cover">
        <div class="p-5">
          <h2 class="text-xl font-bold mb-2">Mx Kayıdı Nedir?</h2>
          <p class="text-gray-600 dark:text-gray-300 text-sm mb-4">E-posta trafiğini yönlendiren en önemli DNS kayıtlarından biri olan MX (Mail Exchanger) kaydı, bir alan adına gelen e-postaların hangi sunucuya yönlendirileceğini belirler.</p>
          <div class="flex items-center justify-between text-sm text-gray-500 dark:text-gray-400">
            <span class="bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300 px-3 py-1 rounded-full text-xs font-medium">Web Hosting</span>
          </div>
        </div>
      </div>
      </a>
      <a href="https://sspanel.serversistemleri.com/blog/details/plesk-panel-nedir">
      <div class="bg-white dark:bg-gray-800 rounded-xl overflow-hidden shadow transition duration-300">
        <img src="https://blog.serversistemleri.com/wp-content/uploads/Plesk-panel-nedir.png" alt="Image" class="w-full h-64 object-cover">
        <div class="p-5">
          <h2 class="text-xl font-bold mb-2">Plesk Panel Nedir?</h2>
          <p class="text-gray-600 dark:text-gray-300 text-sm mb-4">Web sitelerini ve sunucuları kolayca yönetmek için geliştirilen Plesk, kullanıcı dostu bir kontrol paneli sunarak hosting yönetimini basitleştiren en popüler web yönetim araçlarından biridir.</p>
          <div class="flex items-center justify-between text-sm text-gray-500 dark:text-gray-400">
            <span class="bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300 px-3 py-1 rounded-full text-xs font-medium">Panel</span>
          </div>
        </div>
      </div>
    </a>
      <a href="https://sspanel.serversistemleri.com/blog/details/cpanel-ve-plesk-panel-karsilastirmasi">
      <div class="bg-white dark:bg-gray-800 rounded-xl overflow-hidden shadow transition duration-300">
        <img src="https://blog.serversistemleri.com/wp-content/uploads/no-photo.webp" alt="Image" class="w-full h-64 object-cover">
        <div class="p-5">
          <h2 class="text-xl font-bold mb-2">cPanel ve Plesk Panel Karşılaştırması</h2>
          <p class="text-gray-600 dark:text-gray-300 text-sm mb-4">Server yönetim panelleri arasında en popüler iki seçenek olan cPanel ve Plesk, web hosting çözümlerinde işletmelere önemli avantajlar sağlar.</p>
          <div class="flex items-center justify-between text-sm text-gray-500 dark:text-gray-400">
            <span class="bg-blue-100 text-blue-700 dark:bg-blue-900 dark:text-blue-300 px-3 py-1 rounded-full text-xs font-medium">Paneller</span>
          </div>
        </div>
      </div>
      </a>
    </div>
  </div>

@include("layouts.footer")
