Özgür Çerkes

<div class="ozel-karikatür-alani">
    
    <!-- Sol Taraf: Karikatür Alanı -->
    <div class="karikatür-kutu">
        <div class="kutu-baslik">
            <span class="baslik-ikon"></span> Çizgi
        </div>
        <div class="kutu-icerik">
            <!-- HER HAFTA SADECE AŞAĞIDAKİ LİNKİ DEĞİŞTİRİN -->
            <img src="https://ozgurcerkes.com/wp-content/uploads/2026/09/karikatur-1.tif">
        </div>
    </div>

    <!-- Sağ Taraf: Nükte/Söz Alanı -->
    <div class="soz-kutu">
        <div class="kutu-baslik">
            <span class="baslik-ikon"></span> Söz
        </div>
        <div class="kutu-icerik soz-icerik">
            <div class="soz-ikon">❝</div>
            <!-- HER HAFTA SADECE AŞAĞIDAKİ METNİ DEĞİŞTİRİN -->
            <p class="soz-metni">
                "Bazı sorunlar çözüme kavuşmaz, çünkü çözülürse kimlerin koltUĞU sallanır."
            </p>
            <div class="soz-altbilgi">
                <span>Kafkasya'da söylenir,</span><br>
                <span>her yerde geçerlidir.</span>
            </div>
        </div>
    </div>

</div>

<style>
.ozel-karikatür-alani { display: flex; gap: 20px; margin-bottom: 30px; width: 100%; box-sizing: border-box; }
.karikatür-kutu, .soz-kutu { height: 380px; border: 1px solid #ddd; background: #fff; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 4px; overflow: hidden; }
.kutu-baslik { background-color: #d32f2f; color: #fff; font-weight: bold; font-size: 16px; padding: 10px 15px; display: flex; align-items: center; gap: 8px; text-transform: uppercase; font-family: Arial, sans-serif; }
.baslik-ikon { font-size: 14px; }
.kutu-icerik { flex-grow: 1; overflow: hidden; position: relative; }
.karikatür-kutu { width: 610px; flex-shrink: 0; }
.karikatür-kutu .kutu-icerik img { width: 100%; height: 100%; object-fit: cover; display: block; }
.soz-kutu { width: 224px; background-color: #f7f7f7; }
.soz-icerik { padding: 15px; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.soz-ikon { font-size: 30px; color: #d32f2f; line-height: 1; margin-bottom: 5px; font-family: Georgia, serif; }
.soz-metni { font-size: 14px; font-style: italic; color: #333; line-height: 1.4; margin: 0 0 15px 0; font-family: Georgia, serif; }
.soz-altbilgi { font-size: 11px; color: #666; font-style: italic; border-top: 1px solid #ddd; padding-top: 10px; font-family: Arial, sans-serif; }
@media (max-width: 860px) { .ozel-karikatür-alani { flex-direction: column; align-items: center; } .karikatür-kutu, .soz-kutu { width: 100%; max-width: 610px; } .soz-kutu { height: auto; min-height: 250px; } }
</style>