Damla Okul — Tasarım Sistemi ve UI Mimarisi
Dokümantasyon: Bu projenin belgeleri dört dosyada toplanmıştır; ilgili değişiklikte o dosyayı güncelleyin:
- README.md — Genel bakış, kurulum ve hızlı başlangıç
- project.md — Teknik mimari ve geliştirme kuralları
- design.md — Stil, tasarım sistemi ve UI bileşenleri (bu dosya)
- getdata.md — Dış veri çekimi (TurkiyeAPI, MEB okullar / okul detay)
Bu belge damlaokul.com sitesinin görsel kimliğini, CSS mimarisini, bileşen kütüphanesini ve tasarım tercihlerini tanımlar. Teknik build/deploy için project.md; kurulum için README.md; dış veri JSON’ları için getdata.md.
Tasarım İlkeleri
| İlke | Uygulama |
|---|---|
| Bootstrap tabanlı, marka üstü | Grid ve utility class’ları Bootstrap 5.3’ten; görsel kimlik özel CSS katmanlarıyla |
| Token öncelikli | Renk, font, spacing değerleri :root CSS değişkenlerinde; hard-coded tekrar yok |
| Katman ayrımı | Yeni bileşen → theme.css; Bootstrap override → app.css; framework dosyasına dokunulmaz |
| Mobil öncelikli | Breakpoint’ler Bootstrap ile uyumlu; navbar, grade-nav ve kart grid’i mobilde önce tasarlanır |
| Performans bilinçli | Lazy görseller, koşullu CSS/JS yükleme, content-visibility, yerel fontlar |
| Erişilebilirlik | Semantik HTML, aria-* etiketleri, klavye kısayolları (Ctrl+K, ESC), yeterli kontrast |
| Tutarlı modal dili | Spotlight arama ve kitap popup’ları aynı cam efekti + blur + yuvarlatılmış köşe stilini paylaşır |
CSS Mimari Diyagramı
┌─────────────────────────────────────────────────────────────┐
│ bootstrap.min.css Bootstrap 5.3 (düzenlenmez) │
├─────────────────────────────────────────────────────────────┤
│ fontawesome-all.min.css İkonlar (yerel webfont) │
├─────────────────────────────────────────────────────────────┤
│ theme.css Tasarım sistemi: token, bileşen │
├─────────────────────────────────────────────────────────────┤
│ app.css Bootstrap override, body, navbar │
├─────────────────────────────────────────────────────────────┤
│ spotlight.css Arama modal (async, tüm sayfalar) │
├─────────────────────────────────────────────────────────────┤
│ tiny-slider.css Anasayfa slider (yalnızca /) │
├─────────────────────────────────────────────────────────────┤
│ ogretmen-wizard.css Öğretmen talep formu (/ogretmen) │
├─────────────────────────────────────────────────────────────┤
│ oku360.css Oku360 tanıtım sayfası (/oku360) │
└─────────────────────────────────────────────────────────────┘
Yükleme sırası (default.html head)
fontawesome-all.min.cssbootstrap.min.csstheme.cssapp.css- Anasayfada ek:
tiny-slider.css(preload + link) spotlight.css—search-lunr.htmliçinde async (media="print" onload)
Sorumluluk tablosu
| Dosya | Ne yazılır | Ne yazılmaz |
|---|---|---|
assets/css/theme.css |
:root token’lar, bileşen class’ları (.book-card, .grade-nav, .site-footer…) |
Bootstrap class override, gereksiz !important |
assets/css/app.css |
--bs-primary, .btn-primary, body arka plan, navbar ince ayar |
Yeni bileşen tanımı |
assets/css/bootstrap.min.css |
— | Hiçbir değişiklik yapılmaz |
assets/css/spotlight.css |
Arama modal ve tetikleyici stilleri | Genel site bileşenleri |
assets/css/tiny-slider.css |
Slider kütüphanesi | — |
Kural: Yeni kalıcı bileşen → theme.css. Bootstrap’ı markaya uydurmak → app.css.
Tasarım Token’ları
Tüm token’lar theme.css → :root bloğunda tanımlıdır. Bileşenlerde mümkün olduğunca bu değişkenler kullanılır; app.css ve spotlight.css fallback değerleriyle (var(--color-primary, #03a87c)) uyumludur.
Renkler
| Token | Değer | Kullanım |
|---|---|---|
--color-primary |
#03a87c |
Marka yeşili — linkler, vurgular, footer başlıkları, aktif durumlar |
--color-primary-dark |
#028a66 |
Hover, gradient bitiş, buton active |
--color-danger |
#ea2f65 |
Tehlike / uyarı vurguları |
--color-text |
#212529 |
Ana metin (Bootstrap body rengiyle uyumlu) |
--color-muted |
#6c757d |
İkincil metin, placeholder |
--color-border |
#dee2e6 |
Kart kenarlıkları, navbar alt çizgi |
--color-surface |
#fafafa |
Sayfa arka planı (body) |
--color-footer-bg |
#25272a |
Footer koyu zemin |
--color-accent-concept |
#9a6500 |
Kavram pill metni, tagline border (WCAG AA) |
--color-accent-concept-muted |
#fdf6e8 |
Kavram pill arka planı |
Bootstrap eşlemesi (app.css):
--bs-primary: #03a87c;
--bs-primary-rgb: 3, 168, 124;
--bs-link-color: #03a87c;
--bs-link-hover-color: #028a66;
--bs-body-bg: #fafafa;
--bs-border-color: #dee2e6;
Semantik renkler (bileşen özel):
| Bağlam | Renk | Class / seçici |
|---|---|---|
| Konu etiketleri | --color-primary |
.book-curriculum__chip--unite, .book-card__theme |
| Etiket pill | --color-accent-concept |
.book-detail__tags .tag |
| Kavram özeti (alıntı) | --color-accent-concept sol border |
.book-detail__tagline |
| Grade nav ikonları | Sınıfa göre (aşağıda) | .grade-nav-item[data-grade="N"] .grade-nav-icons |
| Spotlight metin | #1d1d1f / #86868b |
Apple-inspired nötr gri tonları |
| Satın Al butonu | Bootstrap text-success |
.js-book-action + fa-shopping-cart |
Tipografi
| Token | Font ailesi | Kullanım |
|---|---|---|
--font-nav |
KoHo | Navbar menü linkleri |
--font-display |
Punta (Light, 300) | Sınıf filtresi, tür başlıkları, footer başlıkları, bölüm başlıkları |
--font-sans |
KoHo | Genel site metni, body, kitap açıklamaları |
--font-serif |
var(--font-sans) |
Kitap kartı başlıkları (şu an sans ile aynı) |
Boşluk ve boyut
| Token | Değer | Kullanım |
|---|---|---|
--space-4 |
1rem |
Kart içi dikey boşluk |
--space-6 |
1.5rem |
Kart padding |
--radius |
0.5rem |
Kart, buton, Instagram carousel |
--shadow-sm |
0 1px 3px rgba(0,0,0,0.08) |
Kart hover gölgesi |
--nav-height |
4rem (dinamik) |
Fixed navbar yüksekliği; nav.js ile güncellenir |
--container-max |
1280px |
Geniş ekran container sınırı |
--book-card-media-height |
220px (mobil: 160px) |
Kitap kartı kapak alanı |
--book-card-info-height |
7rem (mobil: 6.25rem) |
Kitap kartı başlık + yazar + tema alanı |
Geçişler
- Linkler ve butonlar:
transition: all 0.2sveya0.15s ease - Kart hover:
box-shadow 0.2s ease, kapaktransform: scale(1.02) 0.2s - Navbar scroll gölgesi:
box-shadow 0.2s ease-in-out - Modal açılış:
opacity 0.2s,transform scale/translateY 0.25s
Tipografi Sistemi
Font dosyaları
| Font | Kaynak | Servis edilen | CSS @font-face |
|---|---|---|---|
| KoHo | assets/fonts/Koho/KoHo-{Regular,Medium,Bold,Italic}.ttf |
WOFF2 subset (~14–15 KB / ağırlık) | theme.css başı |
| Punta Light | assets/fonts/punta/Punta-Light.woff2 |
WOFF2 | theme.css başı |
| Font Awesome 5.15.4 | assets/fonts/fontawesome/*.woff2 |
Yerel tam paket | fontawesome-all.min.css |
Tüm @font-face tanımlarında font-display: swap kullanılır. KoHo Regular default.html head’de preload edilir.
Font atama haritası
| Alan | Font | Boyut / ağırlık |
|---|---|---|
body |
KoHo | Regular (400), varsayılan |
Navbar .nav-link (ana menü) |
KoHo | 0.93rem, Bold (700) |
.grade-nav-label |
Punta | clamp(0.95rem, 1.4vw, 1.15rem), 600 |
.book-genre-heading |
Punta | 1.1rem, 700 |
.site-footer__heading |
Punta | 0.85rem, 700, uppercase, letter-spacing: 0.04em |
.book-card__title |
KoHo (serif token) | 1rem, 2 satır clamp |
.article-headline (kitap detay) |
KoHo | 3.2rem (.display-4 ile), mobilde ortalı |
.book-detail__tagline (kavram özeti) |
KoHo Italic | İtalik alıntı, turuncu sol border |
.prose--display (ürün açıklaması) |
KoHo | 0.95rem, line-height: 1.15, #5c636a |
article (blog) |
KoHo | 1.1rem, line-height: 1.86 |
Prose stilleri
İki prose varyantı vardır:
| Class | Kullanım | Özellik |
|---|---|---|
.prose |
Blog / genel makale | Geniş satır aralığı, 2rem paragraf margin |
.prose--display |
Kitap detay markdown gövdesi | Sıkı satır aralığı, sentetik bold (font-synthesis: weight), gri ton metin |
Kitap detayda **kalın** metin aynı font ailesinde font-weight: 700 ile render edilir; ayrı bold font dosyası yüklenmez.
Responsive Breakpoint’ler
Bootstrap 5 breakpoint’leri ile uyumlu:
| Breakpoint | Genişlik | Tasarım kararları |
|---|---|---|
| xs / sm | < 576px |
Grade nav 2 sütun grid; kitap grid 2 sütun |
| md | ≥ 768px |
Popup masaüstü modu; slider desktop görseli; grade submenu hover |
| lg | ≥ 992px |
Navbar yatay düzen (display: contents); kitap grid 4 sütun; masaüstü arama kutusu |
| xl | ≥ 1200px |
Container max 1280px |
| 1920px+ | ≥ 1920px |
html { font-size: 17px }, article büyütülmüş |
Mobil navbar yapısı
.container
├── .site-nav__bar ← logo + arama + hamburger (tek satır)
│ ├── .navbar-brand
│ ├── .site-nav__search-bar (d-lg-none)
│ └── .navbar-toggler
└── .navbar-collapse ← menü linkleri (mobilde alt satır, tam genişlik)
Masaüstünde (≥992px) .site-nav__bar { display: contents } ile Bootstrap’ın yatay navbar düzeni korunur.
Sayfa İskeleti (Shell)
Layout hiyerarşisi
default.html
├── <nav id="MagicMenu" class="site-nav ... fixed-top">
├── <main class="site-content"> ← <div class="container">
<h1 class="fw-bold spanborder"><span>Yazarlar</span></h1>
<div class="page-content">
<div class="container py-4">
<header class="mb-4">
<h1 class="display-5">Yazarlar</h1>
<p class="lead text-muted">Damla Okul kataloğundaki yazarlar ve eserleri.</p>
</header>
<nav class="yazar-nav mb-4" aria-label="Yazar listesi">
<div class="d-flex flex-wrap gap-2" id="yazar-nav-list">
<a class="btn btn-sm btn-outline-secondary" href="#yazar-amit-sharma">Amit Sharma</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-emin-osman-uygur">Emin Osman Uygur</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-esra-avgören">Esra Avgören</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-fatma-çağdaş">Fatma Çağdaş</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-franz-kafka">Franz Kafka</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-jules-verne">Jules Verne</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-kemalettin-tuğcu">Kemalettin Tuğcu</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-komisyon">Komisyon</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-l-n-tolstoy">L. N. Tolstoy</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-mesut-turan">Mesut Turan</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-natasha-farrant">Natasha Farrant</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-necati-akbaba">Necati Akbaba</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-nehir-aydın-gökduman">Nehir Aydın Gökduman</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-nehi-r-aydın-gökduman">Nehi̇r Aydın Gökduman</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-nur-dombaycı">Nur Dombaycı</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-onur-ömer-düzgün">Onur Ömer Düzgün</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-peyami-safa">Peyami Safa</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-resul-dede">Resul Dede</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-samipaşazade-sezai">Samipaşazade Sezai</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-sara-gürbüz-özeren">Sara Gürbüz Özeren</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-seda-bilgin">Seda Bilgin</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-sevda-dıraga-canbaz">Sevda Dıraga Canbaz</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-sir-arthur-conan-doyle">Sir Arthur Conan Doyle</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-stefan-zweig">Stefan Zweig</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-talip-arışahin">Talip Arışahin</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-tolstoy">Tolstoy</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-tuba-bozcan">Tuba Bozcan</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-yavuz-ali-bilge">Yavuz Ali Bilge</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-yunus-emre">Yunus Emre</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-ömer-seyfettin">Ömer Seyfettin</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-i̇smail-bilgin">İsmail Bilgin</a>
</div>
</nav>
<section class="yazar-section mb-5" id="yazar-amit-sharma">
<h2 class="h3 mb-3">Amit Sharma</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sosyal-becerilerim">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839736.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839736.webp"
alt="Sosyal Becerilerim Serisi (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sosyal Becerilerim Serisi (10 Kitap)</h3>
<p class="book-card__author">
Amit Sharma
</p>
<span class="book-card__theme">Değerler, İletişim, Özgüven</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-emin-osman-uygur">
<h2 class="h3 mb-3">Emin Osman Uygur</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/safahattan-hikyeler">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053830023.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053830023.webp"
alt="Safahat’tan Hikâyeler — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Safahat’tan Hikâyeler</h3>
<p class="book-card__author">
Emin Osman Uygur
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-esra-avgören">
<h2 class="h3 mb-3">Esra Avgören</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dedektif-kuruntusu-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051743523.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051743523.webp"
alt="Dedektif Kuruntusu-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dedektif Kuruntusu-1</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Merak ve Keşif, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dedektif-kuruntusu-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051746029.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051746029.webp"
alt="Dedektif Kuruntusu-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dedektif Kuruntusu-2</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Gizem, Macera, Spor ve Hareket</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dedektif-kuruntusu-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051740317.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051740317.webp"
alt="Dedektif Kuruntusu-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dedektif Kuruntusu-3</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Okul ve Eğitim, Okuma ve Öğrenme, Yolculuk ve Gezi</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizli-dedektiflik-burosu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223080.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223080.webp"
alt="Gizli Dedektiflik Bürosu (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizli Dedektiflik Bürosu (10 Kitap)</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Arkadaşlık, Cesaret ve Korkular, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ruya-kolonisi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051741291.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051741291.webp"
alt="Rüya Kolonisi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Rüya Kolonisi</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Fantastik, Dayanışma, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/tolya-bekcisi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839606.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839606.webp"
alt="Tolya Bekçisi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Tolya Bekçisi</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Fantastik, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/uzman-dedektiflik-burosu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116414.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116414.webp"
alt="Uzman Dedektiflik Bürosu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Uzman Dedektiflik Bürosu</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Dayanışma, Çevre Bilinci, Macera</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-fatma-çağdaş">
<h2 class="h3 mb-3">Fatma Çağdaş</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/atasozu-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053832768.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053832768.webp"
alt="Atasözü Öyküleri (5 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Atasözü Öyküleri (5 Kitap)</h3>
<p class="book-card__author">
Fatma Çağdaş
</p>
<span class="book-card__theme">Dayanışma, Macera, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/deyim-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053832874.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053832874.webp"
alt="Deyim Öyküleri (5 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Deyim Öyküleri (5 Kitap)</h3>
<p class="book-card__author">
Fatma Çağdaş
</p>
<span class="book-card__theme">Macera, Gizem, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-franz-kafka">
<h2 class="h3 mb-3">Franz Kafka</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/donusum">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490483.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490483.webp"
alt="Dönüşüm — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dönüşüm</h3>
<p class="book-card__author">
Franz Kafka
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-jules-verne">
<h2 class="h3 mb-3">Jules Verne</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/aya-seyahat">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288745.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288745.webp"
alt="Ay’a Seyahat — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ay’a Seyahat</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Dayanışma, Doğa, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/balonla-bes-hafta">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288752.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288752.webp"
alt="Balonla Beş Hafta — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Balonla Beş Hafta</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Doğa, Dayanışma, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/denizler-altinda-20000-fersah">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288776.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288776.webp"
alt="Denizler Altında 20.000 Fersah — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Denizler Altında 20.000 Fersah</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Bilim ve Teknoloji</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dunyanin-merkezine-yolculuk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288769.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288769.webp"
alt="Dünya’nın Merkezine Yolculuk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dünya’nın Merkezine Yolculuk</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Doğa, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/esrarli-ada">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895246.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895246.webp"
alt="Jules Verne Esrarlı Ada — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Jules Verne Esrarlı Ada</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/iki-yil-okul-tatili">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895253.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895253.webp"
alt="İki Yıl Okul Tatili — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İki Yıl Okul Tatili</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Dayanışma, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/on-bes-yasinda">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895291.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895291.webp"
alt="On Beş Yaşında Bir Kaptan — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">On Beş Yaşında Bir Kaptan</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Cesaret ve Korkular, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/orinoko-nehri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895260.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895260.webp"
alt="Orinoko Nehri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Orinoko Nehri</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yuzen-sehir">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895284.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895284.webp"
alt="Yüzen Şehir — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yüzen Şehir</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Kültür ve Tarih, Yolculuk ve Gezi, Gizem</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-kemalettin-tuğcu">
<h2 class="h3 mb-3">Kemalettin Tuğcu</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/annemin-hikayesi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749600.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749600.webp"
alt="Annemin Hikayesi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Annemin Hikayesi</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/baba-evi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113260.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113260.webp"
alt="Baba Evi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Baba Evi</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Doğa, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cambazin-kizi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749617.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749617.webp"
alt="Cambazın Kızı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Cambazın Kızı</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Merak ve Keşif, Kültür ve Tarih, Toplum ve Birlikte Yaşam</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dagdaki-yabanci">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113277.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113277.webp"
alt="Dağdaki Yabancı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dağdaki Yabancı</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Doğa, Dayanışma, Paylaşma ve Yardımlaşma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/devlet-kusu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113338.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113338.webp"
alt="Devlet Kuşu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Devlet Kuşu</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Dayanışma, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gullu-bahce">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113321.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113321.webp"
alt="Güllü Bahçe — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Güllü Bahçe</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Doğa, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kartalin-yuvasi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113314.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113314.webp"
alt="Kartalın Yuvası — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kartalın Yuvası</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Azim ve Başarı, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kucuk-bey">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115127.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115127.webp"
alt="Küçük Bey — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Küçük Bey</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kuklaci">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053834144.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053834144.webp"
alt="Kuklacı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kuklacı</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Empati, Kültürel Miras, Paylaşma ve Yardımlaşma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kuyulu-bahce">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113307.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113307.webp"
alt="Kuyulu Bahçe — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kuyulu Bahçe</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Okul ve Eğitim</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sokak-kopegi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115158.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115158.webp"
alt="Sokak Köpeği — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sokak Köpeği</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Arkadaşlık, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sokaktan-gelen-cocuk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113291.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113291.webp"
alt="Sokaktan Gelen Çocuk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sokaktan Gelen Çocuk</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Paylaşma ve Yardımlaşma, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/tanri-misafiri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113284.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113284.webp"
alt="Tanrı Misafiri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Tanrı Misafiri</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-komisyon">
<h2 class="h3 mb-3">Komisyon</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/degerler-okyanusu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839446.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839446.webp"
alt="Değerler Okyanusu (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Değerler Okyanusu (10 Kitap)</h3>
<p class="book-card__author">
Komisyon
</p>
<span class="book-card__theme">Değerler, Arkadaşlık, Hayvanlar</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dinozor-cagi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742847.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742847.webp"
alt="Dinozor Çağı (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dinozor Çağı (10 Kitap)</h3>
<p class="book-card__author">
Komisyon
</p>
<span class="book-card__theme">Değerler, Doğa, Paylaşma ve Yardımlaşma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/duygular%C4%B1m%C4%B1-kesfediyorum">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223752.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223752.webp"
alt="DUYGULARIMI KEŞFEDİYORUM (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">DUYGULARIMI KEŞFEDİYORUM (10 KİTAP)</h3>
<p class="book-card__author">
Komisyon
</p>
<span class="book-card__theme">Duygular, Empati, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/guclu-karakter">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748047.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748047.webp"
alt="Güçlü Karakter Serisi (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Güçlü Karakter Serisi (10 Kitap)</h3>
<p class="book-card__author">
Komisyon
</p>
<span class="book-card__theme">Arkadaşlık, Değerler, Empati</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-l-n-tolstoy">
<h2 class="h3 mb-3">L. N. Tolstoy</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/insan-neyle-yasar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490490.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490490.webp"
alt="İnsan Neyle Yaşar — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İnsan Neyle Yaşar</h3>
<p class="book-card__author">
L. N. Tolstoy
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-mesut-turan">
<h2 class="h3 mb-3">Mesut Turan</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/tablodaki-sir">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051740935.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051740935.webp"
alt="Tablodaki Sır — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Tablodaki Sır</h3>
<p class="book-card__author">
Mesut Turan
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-natasha-farrant">
<h2 class="h3 mb-3">Natasha Farrant</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/umuda-dogru-sparrowhawk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116155.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116155.webp"
alt="Umuda Doğru Sparrowhawk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Umuda Doğru Sparrowhawk</h3>
<p class="book-card__author">
Natasha Farrant
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-necati-akbaba">
<h2 class="h3 mb-3">Necati Akbaba</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ayin-karanlik-yuzu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116001.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116001.webp"
alt="Ay’ın Karanlık Yüzü — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ay’ın Karanlık Yüzü</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Gizem, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dehlizdeki-sir">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115998.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115998.webp"
alt="Dehlizdeki Sır — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dehlizdeki Sır</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Macera, Kültürel Miras</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/denizler-kasifi-kraken">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051744179.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051744179.webp"
alt="Denizler Kâşifi Kraken — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Denizler Kâşifi Kraken</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Gizem, Merak ve Keşif, Bilim ve Teknoloji</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748139.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748139.webp"
alt="Dron Savaşçıları-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-1</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Bilim ve Teknoloji, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051743011.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051743011.webp"
alt="Dron Savaşçıları-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-2</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Merak ve Keşif, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749358.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749358.webp"
alt="Dron Savaşçıları-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-3</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Gizem, Macera, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-4">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254110498.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254110498.webp"
alt="Dron Savaşçıları-4 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-4</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Gizem, Cesaret ve Korkular, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-5">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254112867.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254112867.webp"
alt="Dron Savaşçıları-5 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-5</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Cesaret ve Korkular, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/fen-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223042.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223042.webp"
alt="Fen Öyküleri (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Fen Öyküleri (10 KİTAP)</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Merak ve Keşif, Macera, Doğa</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/galaktika-uzay-imparatorlugu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745855.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745855.webp"
alt="Galaktika Uzay İmparatorluğu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Galaktika Uzay İmparatorluğu</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hayalet-adasinin-lanetli-hazinesi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254110566.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254110566.webp"
alt="Hayalet Adasının Lanetli Hazinesi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hayalet Adasının Lanetli Hazinesi</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Macera, Bilim ve Teknoloji</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/incinin-anahtari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113000.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113000.webp"
alt="İnci’nin Anahtarı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İnci’nin Anahtarı</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Doğa, Cesaret ve Korkular, Paylaşma ve Yardımlaşma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/korku-labirenti">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116407.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116407.webp"
alt="Korku Labirenti — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Korku Labirenti</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Gizem, Problem Çözme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/matematik-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254112775.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254112775.webp"
alt="Matematik Öyküleri (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Matematik Öyküleri (10 KİTAP)</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Macera, Problem Çözme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/robot-avcilari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223547.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223547.webp"
alt="ROBOT AVCILARI (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">ROBOT AVCILARI (10 KİTAP)</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Bilim Kurgu, Bilim ve Teknoloji, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/robotlar-gezegeni">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745138.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745138.webp"
alt="Robotlar Gezegeni — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Robotlar Gezegeni</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Merak ve Keşif, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/robotlar-istilasi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116025.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116025.webp"
alt="Robotlar İstilası — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Robotlar İstilası</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Arkadaşlık, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yeraltindaki-gizem">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116056.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116056.webp"
alt="Yeraltındaki Gizem — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yeraltındaki Gizem</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Gizem, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-nehir-aydın-gökduman">
<h2 class="h3 mb-3">Nehir Aydın Gökduman</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizemli-gizem-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748818.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748818.webp"
alt="Gizemli Gizem-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizemli Gizem-1</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Empati, Hayal Gücü, İletişim</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizemli-gizem-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745886.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745886.webp"
alt="Gizemli Gizem-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizemli Gizem-2</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Dayanışma, Gizem, Sanat ve Yaratıcılık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizemli-gizem-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115059.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115059.webp"
alt="Gizemli Gizem-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizemli Gizem-3</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Dayanışma, Arkadaşlık, Gizem</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/iyilik-heryerde-serisi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/869791122418.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/869791122418.webp"
alt="İyilik Heryerde Serisi (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İyilik Heryerde Serisi (10 Kitap)</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Empati, Arkadaşlık, Doğa</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sevimli-canavarlar-satosu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116148.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116148.webp"
alt="Sevimli Canavarlar Şatosu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sevimli Canavarlar Şatosu</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Arkadaşlık, Fantastik, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ucan-kitap">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115813.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115813.webp"
alt="Uçan Kitap — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Uçan Kitap</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Empati, Merak ve Keşif, Hayal Gücü</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/uzaydaki-muz-agaci">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115004.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115004.webp"
alt="Uzaydaki Muz Ağacı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Uzaydaki Muz Ağacı</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Empati, İletişim, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-nehi-r-aydın-gökduman">
<h2 class="h3 mb-3">Nehi̇r Aydın Gökduman</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/alicanin-gunlugu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223028.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223028.webp"
alt="Alican'ın Günlüğü (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Alican'ın Günlüğü (10 Kitap)</h3>
<p class="book-card__author">
Nehi̇r Aydın Gökduman
</p>
<span class="book-card__theme">Macera, Empati, Dayanışma</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-nur-dombaycı">
<h2 class="h3 mb-3">Nur Dombaycı</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/asik-suratli-cocuk-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742663.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742663.webp"
alt="Asık Suratlı Çocuk-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Asık Suratlı Çocuk-1</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Dayanışma, Çevre Bilinci, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/asik-suratli-cocuk-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748207.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748207.webp"
alt="Asık Suratlı Çocuk-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Asık Suratlı Çocuk-2</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Toplum ve Birlikte Yaşam, Merak ve Keşif, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hacker-nine-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113017.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113017.webp"
alt="Hacker Nine - 1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hacker Nine - 1</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Empati, Dayanışma, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hacker-nine-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115172.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115172.webp"
alt="Hacker Nine - 2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hacker Nine - 2</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Cesaret ve Korkular, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ilham-piresi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113673.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113673.webp"
alt="İlham Piresi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İlham Piresi</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Özgüven, Hayvanlar, Farklılıklar ve Hoşgörü</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kitabus">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115103.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115103.webp"
alt="Kitabüs — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kitabüs</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Empati, Macera, İletişim</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/mucit-dede">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116469.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116469.webp"
alt="Mucit Dede — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Mucit Dede</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Hayal Gücü, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sacakli-kizin-pasakli-gunlugu-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745176.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745176.webp"
alt="Saçaklı Kız’ın Pasaklı Günlüğü-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Saçaklı Kız’ın Pasaklı Günlüğü-1</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Empati, Kişisel Gelişim, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sacakli-kizin-pasakli-gunlugu-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051746968.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051746968.webp"
alt="Saçaklı Kız’ın Pasaklı Günlüğü-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Saçaklı Kız’ın Pasaklı Günlüğü-2</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Doğa, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sacakli-kizin-pasakli-gunlugu-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115042.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115042.webp"
alt="Saçaklı Kız’ın Pasaklı Günlüğü-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Saçaklı Kız’ın Pasaklı Günlüğü-3</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Dayanışma, Yolculuk ve Gezi, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-onur-ömer-düzgün">
<h2 class="h3 mb-3">Onur Ömer Düzgün</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizemli-sisin-pesinde">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115806.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115806.webp"
alt="Gizemli Sisin Peşinde — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizemli Sisin Peşinde</h3>
<p class="book-card__author">
Onur Ömer Düzgün
</p>
<span class="book-card__theme">Gizem, Empati, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/penceredeki-mutluluk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116131.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116131.webp"
alt="Penceredeki Mutluluk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Penceredeki Mutluluk</h3>
<p class="book-card__author">
Onur Ömer Düzgün
</p>
<span class="book-card__theme">Dayanışma, Arkadaşlık, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-peyami-safa">
<h2 class="h3 mb-3">Peyami Safa</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/arsen-lupen-istanbulda">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051740928.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051740928.webp"
alt="Arsen Lüpen İstanbul'da — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Arsen Lüpen İstanbul'da</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Macera, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cingoz-kafeste">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837183.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837183.webp"
alt="Cingöz Kafeste — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Cingöz Kafeste</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Özgüven, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cingozun-esrari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838746.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838746.webp"
alt="Cingöz’ün Esrarı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Cingöz’ün Esrarı</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/elmaslar-icinde">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836360.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836360.webp"
alt="Elmaslar İçinde — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Elmaslar İçinde</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Macera, Polisiye, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/esrarli-kosk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836407.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836407.webp"
alt="Esrarlı Köşk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Esrarlı Köşk</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Polisiye, Merak ve Keşif, Gizem</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/havaya-ucan-at">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9789753812375.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9789753812375.webp"
alt="Havaya Uçan At — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Havaya Uçan At</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Dayanışma, Cesaret ve Korkular, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kral-farukun-elmaslari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837787.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837787.webp"
alt="Kral Faruk’un Elmasları — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kral Faruk’un Elmasları</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Kültür ve Tarih, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/misonun-definesi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836377.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836377.webp"
alt="Mişon’un Definesi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Mişon’un Definesi</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Cesaret ve Korkular, Mizah ve Eğlence</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/seytani-tuzak">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837206.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837206.webp"
alt="Şeytanî Tuzak — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Şeytanî Tuzak</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Özgüven, Mizah ve Eğlence, Polisiye</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sherlock-holmes-istanbulda">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836391.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836391.webp"
alt="Sherlock Holmes İstanbul’da — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sherlock Holmes İstanbul’da</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Özgüven, Gizem, Polisiye</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sultan-azizin-mucevherleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838418.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838418.webp"
alt="Sultan Aziz’in Mücevherleri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sultan Aziz’in Mücevherleri</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Polisiye, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/tiyatro-baskini">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836384.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836384.webp"
alt="Tiyatro Baskını — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Tiyatro Baskını</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Polisiye, Okuma ve Öğrenme, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/zeyrek-cinayeti">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838722.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838722.webp"
alt="Zeyrek Cinayeti — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Zeyrek Cinayeti</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-resul-dede">
<h2 class="h3 mb-3">Resul Dede</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/uzaydan-gelenler-kulubu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254114281.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254114281.webp"
alt="Uzaydan Gelenler Kulübü — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Uzaydan Gelenler Kulübü</h3>
<p class="book-card__author">
Resul Dede
</p>
<span class="book-card__theme">Gizem, Dayanışma, Bilim ve Teknoloji</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-samipaşazade-sezai">
<h2 class="h3 mb-3">Samipaşazade Sezai</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/serguzest">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490414.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490414.webp"
alt="Sergüzeşt — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sergüzeşt</h3>
<p class="book-card__author">
Samipaşazade Sezai
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-sara-gürbüz-özeren">
<h2 class="h3 mb-3">Sara Gürbüz Özeren</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/bir-mikrobun-gunlugunden">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116032.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116032.webp"
alt="Bir Mikrobun Günlüğünden — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Bir Mikrobun Günlüğünden</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Gizem, Macera, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/bir-yudum-sevgi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839712.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839712.webp"
alt="Bir Yudum Sevgi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Bir Yudum Sevgi</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cevreci-karincalar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053830498.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053830498.webp"
alt="Çevreci Karıncalar — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çevreci Karıncalar</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Çevre Bilinci, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cilgin-dede-icatlar-kesifler">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053831952.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053831952.webp"
alt="Çılgın Dedemin Zaman Makinesi-İcatlar ve Keşifler (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çılgın Dedemin Zaman Makinesi-İcatlar ve Keşifler (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Macera, Merak ve Keşif, Bilim Kurgu</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cilgin-dede-masal-makinesi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838340.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838340.webp"
alt="Çılgın Dedemin Masal Makinesi (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çılgın Dedemin Masal Makinesi (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Gizem, Macera, Değerler</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cilgin-dede-turkiye-turu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254114540.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254114540.webp"
alt="Çılgın Dedemin Türkiye Turu (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çılgın Dedemin Türkiye Turu (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültürel Miras, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cilgin-dede-uygarl%C4%B1klar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053834458.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053834458.webp"
alt="Çılgın Dedemin Zaman Makinesi-Geçmişten Geleceğe Uygarlıklar (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çılgın Dedemin Zaman Makinesi-Geçmişten Geleceğe Uygarlıklar (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Merak ve Keşif, Bilim ve Teknoloji, Gelecek ve Yenilik</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dagdaki-hayalet">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051743035.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051743035.webp"
alt="Dağdaki Hayalet — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dağdaki Hayalet</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Gizem, Dayanışma, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748610.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748610.webp"
alt="Demir Pençe Suziko-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-1</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Gizem, Macera, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748832.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748832.webp"
alt="Demir Pençe Suziko-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-2</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Çevre Bilinci, Cesaret ve Korkular, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254110481.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254110481.webp"
alt="Demir Pençe Suziko-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-3</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Macera, Gizem</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-4">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749624.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749624.webp"
alt="Demir Pençe Suziko-4 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-4</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültürel Miras, Bilim ve Teknoloji, Dayanışma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-5">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749907.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749907.webp"
alt="Demir Pençe Suziko-5 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-5</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/donmus-umutlar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837824.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837824.webp"
alt="Donmuş Umutlar Sarıkamış — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Donmuş Umutlar Sarıkamış</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/efsane-futbol-takimlari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113062.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113062.webp"
alt="Efsane Futbol Takımları — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Efsane Futbol Takımları</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/engel-tanimayanlar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745374.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745374.webp"
alt="Engel Tanımayanlar (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Engel Tanımayanlar (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, Sürdürülebilir Yaşam, Güvenli Yaşam</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/erdemlerimizi-kesfedelim">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053831181.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053831181.webp"
alt="Erdemlerimizi Keşfedelim (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Erdemlerimizi Keşfedelim (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Karar Verme, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/etkinliklerle-hacivat">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113215.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113215.webp"
alt="Etkinliklerle Hacivat Karagöz (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Etkinliklerle Hacivat Karagöz (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Değerler, Arkadaşlık, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/geri-donusum-holdingi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113826.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113826.webp"
alt="Geri Dönüşüm Holdingi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Geri Dönüşüm Holdingi</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültürel Miras, Çevre Bilinci, Okul ve Eğitim</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/istanbul-semt-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838135.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838135.webp"
alt="İstanbul Semt Öyküleri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İstanbul Semt Öyküleri</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/istiklal-marsi-yazdiran-kahramanlar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254112560.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254112560.webp"
alt="İstiklal Marşı Yazdıran Kahramanlar (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İstiklal Marşı Yazdıran Kahramanlar (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültür ve Tarih, Cesaret ve Korkular, Kültürel Miras</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kahraman-kangal-alabas">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116018.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116018.webp"
alt="Kahraman Kangal Alabaş — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kahraman Kangal Alabaş</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Yolculuk ve Gezi, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/karanlik-kanyonun-sifresi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836414.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836414.webp"
alt="Karanlık Kanyon’un Şifresi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Karanlık Kanyon’un Şifresi</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kaybolan-meslekleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748825.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748825.webp"
alt="Kaybolan Meslekleri Keşfedelim — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kaybolan Meslekleri Keşfedelim</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültür ve Tarih, Sanat ve Yaratıcılık, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kikirik-kazim">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748788.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748788.webp"
alt="Kikirik Kazım — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kikirik Kazım</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, İletişim, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kitap-korsanlarinin-pesinde">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748122.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748122.webp"
alt="Kitap Korsanlarının Peşinde — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kitap Korsanlarının Peşinde</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Arkadaşlık, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kucuk-cesur-mico-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742694.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742694.webp"
alt="Küçük Cesur Miço-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Küçük Cesur Miço-1</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Cesaret ve Korkular, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kucuk-cesur-mico-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742700.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742700.webp"
alt="Küçük Cesur Miço-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Küçük Cesur Miço-2</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Doğa, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kucuk-su-damlasinin-dunya-turu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116049.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116049.webp"
alt="Küçük Su Damlasının Dünya Turu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Küçük Su Damlasının Dünya Turu</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Çevre Bilinci, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/lavanta-kokusu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837190.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837190.webp"
alt="Lavanta Kokusu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Lavanta Kokusu</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/madalyonun-oteki-yuzu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837176.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837176.webp"
alt="Madalyonun Öteki Yüzü — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Madalyonun Öteki Yüzü</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Merak ve Keşif, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/meslek-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254110139.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254110139.webp"
alt="MESLEK ÖYKÜLERİ (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">MESLEK ÖYKÜLERİ (10 KİTAP)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Merak ve Keşif, Değerler</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/o-canavari-yakala">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839620.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839620.webp"
alt="O Canavarı Yakala — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">O Canavarı Yakala</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, Okuma ve Öğrenme, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ozanlarin-dilinden">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742687.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742687.webp"
alt="Ozanların Dilinden Anadolu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ozanların Dilinden Anadolu</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Yolculuk ve Gezi, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ozgurlugun-bedeli">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839729.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839729.webp"
alt="Özgürlüğün Bedeli — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Özgürlüğün Bedeli</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, Arkadaşlık, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/turkiye-sehir-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116063.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116063.webp"
alt="Türkiye Şehir Öyküleri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Türkiye Şehir Öyküleri</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ufolar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745121.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745121.webp"
alt="Ufolar — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ufolar</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Bilim ve Teknoloji, Çevre Bilinci, Toplum ve Birlikte Yaşam</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/vatanin-kilidi-canakkale">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053833154.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053833154.webp"
alt="Vatanın Kilidi Çanakkale — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Vatanın Kilidi Çanakkale</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yeditepede-bir-gezgin">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051740911.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051740911.webp"
alt="Yeditepede Bir Gezgin — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yeditepede Bir Gezgin</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yesili-ozleyen-kiz">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053830726.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053830726.webp"
alt="Yeşili Özleyen Kız — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yeşili Özleyen Kız</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Merak ve Keşif, Azim ve Başarı</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/zoyadan-kacirilis">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836421.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836421.webp"
alt="Zoya’dan Kaçırılış — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Zoya’dan Kaçırılış</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültür ve Tarih, Yolculuk ve Gezi, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-seda-bilgin">
<h2 class="h3 mb-3">Seda Bilgin</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hayat-bilgisi-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254112676.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254112676.webp"
alt="Hayat Bilgisi Öyküleri (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hayat Bilgisi Öyküleri (10 Kitap)</h3>
<p class="book-card__author">
Seda Bilgin
</p>
<span class="book-card__theme">İletişim, Okuma ve Öğrenme, Güvenli Yaşam</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/o-bir-dahi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223516.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223516.webp"
alt="O BİR DAHİ (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">O BİR DAHİ (10 KİTAP)</h3>
<p class="book-card__author">
Seda Bilgin
</p>
<span class="book-card__theme">Bilim ve Teknoloji, Merak ve Keşif, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/turkce-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113345.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113345.webp"
alt="Türkçe Öyküleri (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Türkçe Öyküleri (10 Kitap)</h3>
<p class="book-card__author">
Seda Bilgin
</p>
<span class="book-card__theme">Dayanışma, Paylaşma ve Yardımlaşma, Azim ve Başarı</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-sevda-dıraga-canbaz">
<h2 class="h3 mb-3">Sevda Dıraga Canbaz</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hikyelerle-deyimlerimiz">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053833789.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053833789.webp"
alt="Hikâyelerle Deyimlerimiz — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hikâyelerle Deyimlerimiz</h3>
<p class="book-card__author">
Sevda Dıraga Canbaz
</p>
<span class="book-card__theme">Merak ve Keşif, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-sir-arthur-conan-doyle">
<h2 class="h3 mb-3">Sir Arthur Conan Doyle</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/bakir-renkli-kayin-agaclari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288721.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288721.webp"
alt="Bakır Renkli Kayın Ağaçları — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Bakır Renkli Kayın Ağaçları</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Cesaret ve Korkular, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/baskervillelerin-kopegi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288738.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288738.webp"
alt="Baskerville'lerin Köpeği — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Baskerville'lerin Köpeği</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Doğa, Okuma ve Öğrenme, Polisiye</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/bohemyada-bir-skandal">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274465.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274465.webp"
alt="Bohemya'da Bir Skandal — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Bohemya'da Bir Skandal</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Macera, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dans-eden-adamlar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274458.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274458.webp"
alt="Dans Eden Adamlar — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dans Eden Adamlar</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dortlerin-esrari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288714.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288714.webp"
alt="Dörtlerin Esrarı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dörtlerin Esrarı</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kizil-sorusturma">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288707.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288707.webp"
alt="Kızıl Soruşturma — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kızıl Soruşturma</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Arkadaşlık, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/korku-vadisi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274472.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274472.webp"
alt="Korku Vadisi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Korku Vadisi</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Gizem, Okuma ve Öğrenme, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sussex-vampiri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274489.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274489.webp"
alt="Sussex Vampiri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sussex Vampiri</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Empati, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-stefan-zweig">
<h2 class="h3 mb-3">Stefan Zweig</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/satranc">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490476.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490476.webp"
alt="Satranç — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Satranç</h3>
<p class="book-card__author">
Stefan Zweig
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-talip-arışahin">
<h2 class="h3 mb-3">Talip Arışahin</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ertugrulun-ruyasi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745619.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745619.webp"
alt="Ertuğrul’un Rüyası — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ertuğrul’un Rüyası</h3>
<p class="book-card__author">
Talip Arışahin
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/fatihin-istanbul-ruyasi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839842.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839842.webp"
alt="Fatih’in İstanbul Rüyası — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Fatih’in İstanbul Rüyası</h3>
<p class="book-card__author">
Talip Arışahin
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-tolstoy">
<h2 class="h3 mb-3">Tolstoy</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/savas-ve-baris">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490438.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490438.webp"
alt="Savaş Ve Barış — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Savaş Ve Barış</h3>
<p class="book-card__author">
Tolstoy
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-tuba-bozcan">
<h2 class="h3 mb-3">Tuba Bozcan</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/etik-degerler-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836483.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836483.webp"
alt="ETİK DEĞERLER EĞİTİM SETİ-1. SINIF (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">ETİK DEĞERLER EĞİTİM SETİ-1. SINIF (10 KİTAP)</h3>
<p class="book-card__author">
Tuba Bozcan
</p>
<span class="book-card__theme">Değerler, Okul ve Eğitim, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/etik-degerler-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837480.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837480.webp"
alt="ETİK DEĞERLER EĞİTİM SETİ-2. SINIF (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">ETİK DEĞERLER EĞİTİM SETİ-2. SINIF (10 KİTAP)</h3>
<p class="book-card__author">
Tuba Bozcan
</p>
<span class="book-card__theme">Değerler, Duygular, Doğa</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-yavuz-ali-bilge">
<h2 class="h3 mb-3">Yavuz Ali Bilge</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/afacan-polisler-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115493.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115493.webp"
alt="Afacan Polisler-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Afacan Polisler-1</h3>
<p class="book-card__author">
Yavuz Ali Bilge
</p>
<span class="book-card__theme">Empati, Arkadaşlık, Problem Çözme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/afacan-polisler-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115974.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115974.webp"
alt="Afacan Polisler-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Afacan Polisler-2</h3>
<p class="book-card__author">
Yavuz Ali Bilge
</p>
<span class="book-card__theme">Dayanışma, İletişim, Çevre Bilinci</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-yunus-emre">
<h2 class="h3 mb-3">Yunus Emre</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yunus-emre-divani">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490452.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490452.webp"
alt="Yunus Emre Divanı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yunus Emre Divanı</h3>
<p class="book-card__author">
Yunus Emre
</p>
<span class="book-card__theme">Farklılıklar ve Hoşgörü, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-ömer-seyfettin">
<h2 class="h3 mb-3">Ömer Seyfettin</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kasagi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895222.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895222.webp"
alt="Kaşağı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kaşağı</h3>
<p class="book-card__author">
Ömer Seyfettin
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/pembe-incili-kaftan">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895208.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895208.webp"
alt="Pembe İncili Kaftan — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Pembe İncili Kaftan</h3>
<p class="book-card__author">
Ömer Seyfettin
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yaln%C4%B1z-efe">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274496.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274496.webp"
alt="Yalnız Efe — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yalnız Efe</h3>
<p class="book-card__author">
Ömer Seyfettin
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-i̇smail-bilgin">
<h2 class="h3 mb-3">İsmail Bilgin</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/evliya-celebi-nin-maceralari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748146.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748146.webp"
alt="Evliya Çelebi’nin Maceraları (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Evliya Çelebi’nin Maceraları (10 Kitap)</h3>
<p class="book-card__author">
İsmail Bilgin
</p>
<span class="book-card__theme">Merak ve Keşif, Macera, Gizem</span>
</div>
</a>
</article>
</div>
</div>
</section>
</div>
<script>
(function() {
if (!window.location.hash) return;
var target = document.querySelector(window.location.hash);
if (target) {
target.classList.add('yazar-section--highlight');
setTimeout(function() { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 100);
}
})();
</script>
<!-- Comments -->
</div>
</div>
├── ai-seo-crawler (gizli)
├── scripts (defer)
└── footer-menu.html
bodypadding-top:var(--nav-height)— içerik navbar altında kalmaz.site-content:min-height: 400px; anasayfa slider için.remove-site-content-margin(margin-top: -30px)body.homefirstpage: anasayfa body class’ı
Genel sayfa layout’u (page.html)
<div class="container">
<h3 class="fw-bold spanborder"><span>Damla Okul — Tasarım Sistemi ve UI Mimarisi</span></h3> {# show_title != false #}
<div class="page-content"><div class="container">
<h1 class="fw-bold spanborder"><span>Yazarlar</span></h1>
<div class="page-content">
<div class="container py-4">
<header class="mb-4">
<h1 class="display-5">Yazarlar</h1>
<p class="lead text-muted">Damla Okul kataloğundaki yazarlar ve eserleri.</p>
</header>
<nav class="yazar-nav mb-4" aria-label="Yazar listesi">
<div class="d-flex flex-wrap gap-2" id="yazar-nav-list">
<a class="btn btn-sm btn-outline-secondary" href="#yazar-amit-sharma">Amit Sharma</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-emin-osman-uygur">Emin Osman Uygur</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-esra-avgören">Esra Avgören</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-fatma-çağdaş">Fatma Çağdaş</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-franz-kafka">Franz Kafka</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-jules-verne">Jules Verne</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-kemalettin-tuğcu">Kemalettin Tuğcu</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-komisyon">Komisyon</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-l-n-tolstoy">L. N. Tolstoy</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-mesut-turan">Mesut Turan</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-natasha-farrant">Natasha Farrant</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-necati-akbaba">Necati Akbaba</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-nehir-aydın-gökduman">Nehir Aydın Gökduman</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-nehi-r-aydın-gökduman">Nehi̇r Aydın Gökduman</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-nur-dombaycı">Nur Dombaycı</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-onur-ömer-düzgün">Onur Ömer Düzgün</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-peyami-safa">Peyami Safa</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-resul-dede">Resul Dede</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-samipaşazade-sezai">Samipaşazade Sezai</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-sara-gürbüz-özeren">Sara Gürbüz Özeren</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-seda-bilgin">Seda Bilgin</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-sevda-dıraga-canbaz">Sevda Dıraga Canbaz</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-sir-arthur-conan-doyle">Sir Arthur Conan Doyle</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-stefan-zweig">Stefan Zweig</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-talip-arışahin">Talip Arışahin</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-tolstoy">Tolstoy</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-tuba-bozcan">Tuba Bozcan</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-yavuz-ali-bilge">Yavuz Ali Bilge</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-yunus-emre">Yunus Emre</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-ömer-seyfettin">Ömer Seyfettin</a>
<a class="btn btn-sm btn-outline-secondary" href="#yazar-i̇smail-bilgin">İsmail Bilgin</a>
</div>
</nav>
<section class="yazar-section mb-5" id="yazar-amit-sharma">
<h2 class="h3 mb-3">Amit Sharma</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sosyal-becerilerim">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839736.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839736.webp"
alt="Sosyal Becerilerim Serisi (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sosyal Becerilerim Serisi (10 Kitap)</h3>
<p class="book-card__author">
Amit Sharma
</p>
<span class="book-card__theme">Değerler, İletişim, Özgüven</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-emin-osman-uygur">
<h2 class="h3 mb-3">Emin Osman Uygur</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/safahattan-hikyeler">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053830023.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053830023.webp"
alt="Safahat’tan Hikâyeler — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Safahat’tan Hikâyeler</h3>
<p class="book-card__author">
Emin Osman Uygur
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-esra-avgören">
<h2 class="h3 mb-3">Esra Avgören</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dedektif-kuruntusu-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051743523.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051743523.webp"
alt="Dedektif Kuruntusu-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dedektif Kuruntusu-1</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Merak ve Keşif, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dedektif-kuruntusu-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051746029.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051746029.webp"
alt="Dedektif Kuruntusu-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dedektif Kuruntusu-2</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Gizem, Macera, Spor ve Hareket</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dedektif-kuruntusu-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051740317.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051740317.webp"
alt="Dedektif Kuruntusu-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dedektif Kuruntusu-3</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Okul ve Eğitim, Okuma ve Öğrenme, Yolculuk ve Gezi</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizli-dedektiflik-burosu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223080.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223080.webp"
alt="Gizli Dedektiflik Bürosu (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizli Dedektiflik Bürosu (10 Kitap)</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Arkadaşlık, Cesaret ve Korkular, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ruya-kolonisi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051741291.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051741291.webp"
alt="Rüya Kolonisi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Rüya Kolonisi</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Fantastik, Dayanışma, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/tolya-bekcisi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839606.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839606.webp"
alt="Tolya Bekçisi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Tolya Bekçisi</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Fantastik, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/uzman-dedektiflik-burosu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116414.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116414.webp"
alt="Uzman Dedektiflik Bürosu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Uzman Dedektiflik Bürosu</h3>
<p class="book-card__author">
Esra Avgören
</p>
<span class="book-card__theme">Dayanışma, Çevre Bilinci, Macera</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-fatma-çağdaş">
<h2 class="h3 mb-3">Fatma Çağdaş</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/atasozu-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053832768.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053832768.webp"
alt="Atasözü Öyküleri (5 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Atasözü Öyküleri (5 Kitap)</h3>
<p class="book-card__author">
Fatma Çağdaş
</p>
<span class="book-card__theme">Dayanışma, Macera, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/deyim-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053832874.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053832874.webp"
alt="Deyim Öyküleri (5 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Deyim Öyküleri (5 Kitap)</h3>
<p class="book-card__author">
Fatma Çağdaş
</p>
<span class="book-card__theme">Macera, Gizem, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-franz-kafka">
<h2 class="h3 mb-3">Franz Kafka</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/donusum">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490483.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490483.webp"
alt="Dönüşüm — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dönüşüm</h3>
<p class="book-card__author">
Franz Kafka
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-jules-verne">
<h2 class="h3 mb-3">Jules Verne</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/aya-seyahat">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288745.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288745.webp"
alt="Ay’a Seyahat — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ay’a Seyahat</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Dayanışma, Doğa, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/balonla-bes-hafta">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288752.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288752.webp"
alt="Balonla Beş Hafta — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Balonla Beş Hafta</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Doğa, Dayanışma, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/denizler-altinda-20000-fersah">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288776.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288776.webp"
alt="Denizler Altında 20.000 Fersah — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Denizler Altında 20.000 Fersah</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Bilim ve Teknoloji</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dunyanin-merkezine-yolculuk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288769.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288769.webp"
alt="Dünya’nın Merkezine Yolculuk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dünya’nın Merkezine Yolculuk</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Doğa, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/esrarli-ada">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895246.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895246.webp"
alt="Jules Verne Esrarlı Ada — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Jules Verne Esrarlı Ada</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/iki-yil-okul-tatili">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895253.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895253.webp"
alt="İki Yıl Okul Tatili — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İki Yıl Okul Tatili</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Dayanışma, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/on-bes-yasinda">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895291.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895291.webp"
alt="On Beş Yaşında Bir Kaptan — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">On Beş Yaşında Bir Kaptan</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Cesaret ve Korkular, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/orinoko-nehri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895260.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895260.webp"
alt="Orinoko Nehri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Orinoko Nehri</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yuzen-sehir">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895284.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895284.webp"
alt="Yüzen Şehir — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yüzen Şehir</h3>
<p class="book-card__author">
Jules Verne
</p>
<span class="book-card__theme">Kültür ve Tarih, Yolculuk ve Gezi, Gizem</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-kemalettin-tuğcu">
<h2 class="h3 mb-3">Kemalettin Tuğcu</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/annemin-hikayesi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749600.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749600.webp"
alt="Annemin Hikayesi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Annemin Hikayesi</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/baba-evi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113260.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113260.webp"
alt="Baba Evi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Baba Evi</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Doğa, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cambazin-kizi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749617.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749617.webp"
alt="Cambazın Kızı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Cambazın Kızı</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Merak ve Keşif, Kültür ve Tarih, Toplum ve Birlikte Yaşam</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dagdaki-yabanci">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113277.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113277.webp"
alt="Dağdaki Yabancı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dağdaki Yabancı</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Doğa, Dayanışma, Paylaşma ve Yardımlaşma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/devlet-kusu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113338.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113338.webp"
alt="Devlet Kuşu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Devlet Kuşu</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Dayanışma, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gullu-bahce">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113321.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113321.webp"
alt="Güllü Bahçe — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Güllü Bahçe</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Doğa, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kartalin-yuvasi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113314.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113314.webp"
alt="Kartalın Yuvası — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kartalın Yuvası</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Azim ve Başarı, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kucuk-bey">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115127.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115127.webp"
alt="Küçük Bey — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Küçük Bey</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kuklaci">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053834144.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053834144.webp"
alt="Kuklacı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kuklacı</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Empati, Kültürel Miras, Paylaşma ve Yardımlaşma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kuyulu-bahce">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113307.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113307.webp"
alt="Kuyulu Bahçe — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kuyulu Bahçe</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Okul ve Eğitim</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sokak-kopegi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115158.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115158.webp"
alt="Sokak Köpeği — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sokak Köpeği</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Arkadaşlık, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sokaktan-gelen-cocuk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113291.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113291.webp"
alt="Sokaktan Gelen Çocuk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sokaktan Gelen Çocuk</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Paylaşma ve Yardımlaşma, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/tanri-misafiri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113284.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113284.webp"
alt="Tanrı Misafiri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Tanrı Misafiri</h3>
<p class="book-card__author">
Kemalettin Tuğcu
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-komisyon">
<h2 class="h3 mb-3">Komisyon</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/degerler-okyanusu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839446.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839446.webp"
alt="Değerler Okyanusu (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Değerler Okyanusu (10 Kitap)</h3>
<p class="book-card__author">
Komisyon
</p>
<span class="book-card__theme">Değerler, Arkadaşlık, Hayvanlar</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dinozor-cagi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742847.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742847.webp"
alt="Dinozor Çağı (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dinozor Çağı (10 Kitap)</h3>
<p class="book-card__author">
Komisyon
</p>
<span class="book-card__theme">Değerler, Doğa, Paylaşma ve Yardımlaşma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/duygular%C4%B1m%C4%B1-kesfediyorum">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223752.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223752.webp"
alt="DUYGULARIMI KEŞFEDİYORUM (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">DUYGULARIMI KEŞFEDİYORUM (10 KİTAP)</h3>
<p class="book-card__author">
Komisyon
</p>
<span class="book-card__theme">Duygular, Empati, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/guclu-karakter">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748047.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748047.webp"
alt="Güçlü Karakter Serisi (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Güçlü Karakter Serisi (10 Kitap)</h3>
<p class="book-card__author">
Komisyon
</p>
<span class="book-card__theme">Arkadaşlık, Değerler, Empati</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-l-n-tolstoy">
<h2 class="h3 mb-3">L. N. Tolstoy</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/insan-neyle-yasar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490490.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490490.webp"
alt="İnsan Neyle Yaşar — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İnsan Neyle Yaşar</h3>
<p class="book-card__author">
L. N. Tolstoy
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-mesut-turan">
<h2 class="h3 mb-3">Mesut Turan</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/tablodaki-sir">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051740935.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051740935.webp"
alt="Tablodaki Sır — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Tablodaki Sır</h3>
<p class="book-card__author">
Mesut Turan
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-natasha-farrant">
<h2 class="h3 mb-3">Natasha Farrant</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/umuda-dogru-sparrowhawk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116155.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116155.webp"
alt="Umuda Doğru Sparrowhawk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Umuda Doğru Sparrowhawk</h3>
<p class="book-card__author">
Natasha Farrant
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-necati-akbaba">
<h2 class="h3 mb-3">Necati Akbaba</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ayin-karanlik-yuzu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116001.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116001.webp"
alt="Ay’ın Karanlık Yüzü — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ay’ın Karanlık Yüzü</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Gizem, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dehlizdeki-sir">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115998.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115998.webp"
alt="Dehlizdeki Sır — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dehlizdeki Sır</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Macera, Kültürel Miras</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/denizler-kasifi-kraken">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051744179.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051744179.webp"
alt="Denizler Kâşifi Kraken — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Denizler Kâşifi Kraken</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Gizem, Merak ve Keşif, Bilim ve Teknoloji</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748139.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748139.webp"
alt="Dron Savaşçıları-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-1</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Bilim ve Teknoloji, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051743011.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051743011.webp"
alt="Dron Savaşçıları-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-2</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Merak ve Keşif, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749358.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749358.webp"
alt="Dron Savaşçıları-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-3</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Gizem, Macera, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-4">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254110498.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254110498.webp"
alt="Dron Savaşçıları-4 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-4</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Gizem, Cesaret ve Korkular, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dron-savascilari-5">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254112867.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254112867.webp"
alt="Dron Savaşçıları-5 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dron Savaşçıları-5</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Cesaret ve Korkular, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/fen-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223042.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223042.webp"
alt="Fen Öyküleri (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Fen Öyküleri (10 KİTAP)</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Merak ve Keşif, Macera, Doğa</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/galaktika-uzay-imparatorlugu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745855.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745855.webp"
alt="Galaktika Uzay İmparatorluğu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Galaktika Uzay İmparatorluğu</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hayalet-adasinin-lanetli-hazinesi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254110566.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254110566.webp"
alt="Hayalet Adasının Lanetli Hazinesi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hayalet Adasının Lanetli Hazinesi</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Macera, Bilim ve Teknoloji</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/incinin-anahtari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113000.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113000.webp"
alt="İnci’nin Anahtarı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İnci’nin Anahtarı</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Doğa, Cesaret ve Korkular, Paylaşma ve Yardımlaşma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/korku-labirenti">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116407.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116407.webp"
alt="Korku Labirenti — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Korku Labirenti</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Gizem, Problem Çözme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/matematik-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254112775.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254112775.webp"
alt="Matematik Öyküleri (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Matematik Öyküleri (10 KİTAP)</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Macera, Problem Çözme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/robot-avcilari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223547.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223547.webp"
alt="ROBOT AVCILARI (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">ROBOT AVCILARI (10 KİTAP)</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Bilim Kurgu, Bilim ve Teknoloji, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/robotlar-gezegeni">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745138.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745138.webp"
alt="Robotlar Gezegeni — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Robotlar Gezegeni</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Merak ve Keşif, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/robotlar-istilasi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116025.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116025.webp"
alt="Robotlar İstilası — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Robotlar İstilası</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Arkadaşlık, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yeraltindaki-gizem">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116056.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116056.webp"
alt="Yeraltındaki Gizem — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yeraltındaki Gizem</h3>
<p class="book-card__author">
Necati Akbaba
</p>
<span class="book-card__theme">Dayanışma, Gizem, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-nehir-aydın-gökduman">
<h2 class="h3 mb-3">Nehir Aydın Gökduman</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizemli-gizem-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748818.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748818.webp"
alt="Gizemli Gizem-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizemli Gizem-1</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Empati, Hayal Gücü, İletişim</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizemli-gizem-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745886.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745886.webp"
alt="Gizemli Gizem-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizemli Gizem-2</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Dayanışma, Gizem, Sanat ve Yaratıcılık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizemli-gizem-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115059.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115059.webp"
alt="Gizemli Gizem-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizemli Gizem-3</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Dayanışma, Arkadaşlık, Gizem</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/iyilik-heryerde-serisi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/869791122418.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/869791122418.webp"
alt="İyilik Heryerde Serisi (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İyilik Heryerde Serisi (10 Kitap)</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Empati, Arkadaşlık, Doğa</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sevimli-canavarlar-satosu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116148.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116148.webp"
alt="Sevimli Canavarlar Şatosu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sevimli Canavarlar Şatosu</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Arkadaşlık, Fantastik, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ucan-kitap">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115813.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115813.webp"
alt="Uçan Kitap — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Uçan Kitap</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Empati, Merak ve Keşif, Hayal Gücü</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/uzaydaki-muz-agaci">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115004.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115004.webp"
alt="Uzaydaki Muz Ağacı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Uzaydaki Muz Ağacı</h3>
<p class="book-card__author">
Nehir Aydın Gökduman
</p>
<span class="book-card__theme">Empati, İletişim, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-nehi-r-aydın-gökduman">
<h2 class="h3 mb-3">Nehi̇r Aydın Gökduman</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/alicanin-gunlugu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223028.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223028.webp"
alt="Alican'ın Günlüğü (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Alican'ın Günlüğü (10 Kitap)</h3>
<p class="book-card__author">
Nehi̇r Aydın Gökduman
</p>
<span class="book-card__theme">Macera, Empati, Dayanışma</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-nur-dombaycı">
<h2 class="h3 mb-3">Nur Dombaycı</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/asik-suratli-cocuk-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742663.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742663.webp"
alt="Asık Suratlı Çocuk-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Asık Suratlı Çocuk-1</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Dayanışma, Çevre Bilinci, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/asik-suratli-cocuk-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748207.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748207.webp"
alt="Asık Suratlı Çocuk-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Asık Suratlı Çocuk-2</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Toplum ve Birlikte Yaşam, Merak ve Keşif, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hacker-nine-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113017.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113017.webp"
alt="Hacker Nine - 1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hacker Nine - 1</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Empati, Dayanışma, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hacker-nine-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115172.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115172.webp"
alt="Hacker Nine - 2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hacker Nine - 2</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Cesaret ve Korkular, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ilham-piresi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113673.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113673.webp"
alt="İlham Piresi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İlham Piresi</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Özgüven, Hayvanlar, Farklılıklar ve Hoşgörü</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kitabus">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115103.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115103.webp"
alt="Kitabüs — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kitabüs</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Empati, Macera, İletişim</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/mucit-dede">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116469.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116469.webp"
alt="Mucit Dede — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Mucit Dede</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Hayal Gücü, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sacakli-kizin-pasakli-gunlugu-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745176.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745176.webp"
alt="Saçaklı Kız’ın Pasaklı Günlüğü-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Saçaklı Kız’ın Pasaklı Günlüğü-1</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Empati, Kişisel Gelişim, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sacakli-kizin-pasakli-gunlugu-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051746968.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051746968.webp"
alt="Saçaklı Kız’ın Pasaklı Günlüğü-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Saçaklı Kız’ın Pasaklı Günlüğü-2</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Doğa, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sacakli-kizin-pasakli-gunlugu-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115042.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115042.webp"
alt="Saçaklı Kız’ın Pasaklı Günlüğü-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Saçaklı Kız’ın Pasaklı Günlüğü-3</h3>
<p class="book-card__author">
Nur Dombaycı
</p>
<span class="book-card__theme">Dayanışma, Yolculuk ve Gezi, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-onur-ömer-düzgün">
<h2 class="h3 mb-3">Onur Ömer Düzgün</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/gizemli-sisin-pesinde">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115806.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115806.webp"
alt="Gizemli Sisin Peşinde — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Gizemli Sisin Peşinde</h3>
<p class="book-card__author">
Onur Ömer Düzgün
</p>
<span class="book-card__theme">Gizem, Empati, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/penceredeki-mutluluk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116131.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116131.webp"
alt="Penceredeki Mutluluk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Penceredeki Mutluluk</h3>
<p class="book-card__author">
Onur Ömer Düzgün
</p>
<span class="book-card__theme">Dayanışma, Arkadaşlık, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-peyami-safa">
<h2 class="h3 mb-3">Peyami Safa</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/arsen-lupen-istanbulda">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051740928.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051740928.webp"
alt="Arsen Lüpen İstanbul'da — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Arsen Lüpen İstanbul'da</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Macera, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cingoz-kafeste">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837183.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837183.webp"
alt="Cingöz Kafeste — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Cingöz Kafeste</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Özgüven, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cingozun-esrari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838746.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838746.webp"
alt="Cingöz’ün Esrarı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Cingöz’ün Esrarı</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/elmaslar-icinde">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836360.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836360.webp"
alt="Elmaslar İçinde — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Elmaslar İçinde</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Macera, Polisiye, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/esrarli-kosk">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836407.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836407.webp"
alt="Esrarlı Köşk — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Esrarlı Köşk</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Polisiye, Merak ve Keşif, Gizem</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/havaya-ucan-at">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9789753812375.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9789753812375.webp"
alt="Havaya Uçan At — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Havaya Uçan At</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Dayanışma, Cesaret ve Korkular, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kral-farukun-elmaslari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837787.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837787.webp"
alt="Kral Faruk’un Elmasları — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kral Faruk’un Elmasları</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Kültür ve Tarih, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/misonun-definesi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836377.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836377.webp"
alt="Mişon’un Definesi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Mişon’un Definesi</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Cesaret ve Korkular, Mizah ve Eğlence</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/seytani-tuzak">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837206.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837206.webp"
alt="Şeytanî Tuzak — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Şeytanî Tuzak</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Özgüven, Mizah ve Eğlence, Polisiye</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sherlock-holmes-istanbulda">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836391.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836391.webp"
alt="Sherlock Holmes İstanbul’da — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sherlock Holmes İstanbul’da</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Özgüven, Gizem, Polisiye</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sultan-azizin-mucevherleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838418.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838418.webp"
alt="Sultan Aziz’in Mücevherleri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sultan Aziz’in Mücevherleri</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Polisiye, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/tiyatro-baskini">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836384.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836384.webp"
alt="Tiyatro Baskını — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Tiyatro Baskını</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Polisiye, Okuma ve Öğrenme, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/zeyrek-cinayeti">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838722.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838722.webp"
alt="Zeyrek Cinayeti — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Zeyrek Cinayeti</h3>
<p class="book-card__author">
Peyami Safa
</p>
<span class="book-card__theme">Gizem, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-resul-dede">
<h2 class="h3 mb-3">Resul Dede</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/uzaydan-gelenler-kulubu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254114281.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254114281.webp"
alt="Uzaydan Gelenler Kulübü — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Uzaydan Gelenler Kulübü</h3>
<p class="book-card__author">
Resul Dede
</p>
<span class="book-card__theme">Gizem, Dayanışma, Bilim ve Teknoloji</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-samipaşazade-sezai">
<h2 class="h3 mb-3">Samipaşazade Sezai</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/serguzest">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490414.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490414.webp"
alt="Sergüzeşt — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sergüzeşt</h3>
<p class="book-card__author">
Samipaşazade Sezai
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-sara-gürbüz-özeren">
<h2 class="h3 mb-3">Sara Gürbüz Özeren</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/bir-mikrobun-gunlugunden">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116032.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116032.webp"
alt="Bir Mikrobun Günlüğünden — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Bir Mikrobun Günlüğünden</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Gizem, Macera, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/bir-yudum-sevgi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839712.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839712.webp"
alt="Bir Yudum Sevgi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Bir Yudum Sevgi</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cevreci-karincalar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053830498.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053830498.webp"
alt="Çevreci Karıncalar — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çevreci Karıncalar</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Çevre Bilinci, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cilgin-dede-icatlar-kesifler">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053831952.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053831952.webp"
alt="Çılgın Dedemin Zaman Makinesi-İcatlar ve Keşifler (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çılgın Dedemin Zaman Makinesi-İcatlar ve Keşifler (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Macera, Merak ve Keşif, Bilim Kurgu</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cilgin-dede-masal-makinesi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838340.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838340.webp"
alt="Çılgın Dedemin Masal Makinesi (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çılgın Dedemin Masal Makinesi (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Gizem, Macera, Değerler</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cilgin-dede-turkiye-turu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254114540.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254114540.webp"
alt="Çılgın Dedemin Türkiye Turu (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çılgın Dedemin Türkiye Turu (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültürel Miras, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/cilgin-dede-uygarl%C4%B1klar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053834458.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053834458.webp"
alt="Çılgın Dedemin Zaman Makinesi-Geçmişten Geleceğe Uygarlıklar (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Çılgın Dedemin Zaman Makinesi-Geçmişten Geleceğe Uygarlıklar (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Merak ve Keşif, Bilim ve Teknoloji, Gelecek ve Yenilik</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dagdaki-hayalet">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051743035.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051743035.webp"
alt="Dağdaki Hayalet — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dağdaki Hayalet</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Gizem, Dayanışma, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748610.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748610.webp"
alt="Demir Pençe Suziko-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-1</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Gizem, Macera, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748832.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748832.webp"
alt="Demir Pençe Suziko-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-2</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Çevre Bilinci, Cesaret ve Korkular, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-3">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254110481.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254110481.webp"
alt="Demir Pençe Suziko-3 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-3</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Macera, Gizem</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-4">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749624.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749624.webp"
alt="Demir Pençe Suziko-4 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-4</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültürel Miras, Bilim ve Teknoloji, Dayanışma</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/demir-pence-suziko-5">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051749907.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051749907.webp"
alt="Demir Pençe Suziko-5 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Demir Pençe Suziko-5</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/donmus-umutlar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837824.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837824.webp"
alt="Donmuş Umutlar Sarıkamış — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Donmuş Umutlar Sarıkamış</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/efsane-futbol-takimlari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113062.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113062.webp"
alt="Efsane Futbol Takımları — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Efsane Futbol Takımları</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/engel-tanimayanlar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745374.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745374.webp"
alt="Engel Tanımayanlar (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Engel Tanımayanlar (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, Sürdürülebilir Yaşam, Güvenli Yaşam</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/erdemlerimizi-kesfedelim">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053831181.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053831181.webp"
alt="Erdemlerimizi Keşfedelim (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Erdemlerimizi Keşfedelim (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Karar Verme, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/etkinliklerle-hacivat">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113215.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113215.webp"
alt="Etkinliklerle Hacivat Karagöz (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Etkinliklerle Hacivat Karagöz (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Değerler, Arkadaşlık, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/geri-donusum-holdingi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113826.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113826.webp"
alt="Geri Dönüşüm Holdingi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Geri Dönüşüm Holdingi</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültürel Miras, Çevre Bilinci, Okul ve Eğitim</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/istanbul-semt-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053838135.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053838135.webp"
alt="İstanbul Semt Öyküleri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İstanbul Semt Öyküleri</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/istiklal-marsi-yazdiran-kahramanlar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254112560.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254112560.webp"
alt="İstiklal Marşı Yazdıran Kahramanlar (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">İstiklal Marşı Yazdıran Kahramanlar (10 Kitap)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültür ve Tarih, Cesaret ve Korkular, Kültürel Miras</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kahraman-kangal-alabas">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116018.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116018.webp"
alt="Kahraman Kangal Alabaş — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kahraman Kangal Alabaş</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Yolculuk ve Gezi, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/karanlik-kanyonun-sifresi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836414.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836414.webp"
alt="Karanlık Kanyon’un Şifresi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Karanlık Kanyon’un Şifresi</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kaybolan-meslekleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748825.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748825.webp"
alt="Kaybolan Meslekleri Keşfedelim — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kaybolan Meslekleri Keşfedelim</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültür ve Tarih, Sanat ve Yaratıcılık, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kikirik-kazim">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748788.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748788.webp"
alt="Kikirik Kazım — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kikirik Kazım</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, İletişim, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kitap-korsanlarinin-pesinde">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748122.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748122.webp"
alt="Kitap Korsanlarının Peşinde — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kitap Korsanlarının Peşinde</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Arkadaşlık, Cesaret ve Korkular</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kucuk-cesur-mico-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742694.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742694.webp"
alt="Küçük Cesur Miço-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Küçük Cesur Miço-1</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Cesaret ve Korkular, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kucuk-cesur-mico-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742700.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742700.webp"
alt="Küçük Cesur Miço-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Küçük Cesur Miço-2</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Doğa, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kucuk-su-damlasinin-dunya-turu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116049.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116049.webp"
alt="Küçük Su Damlasının Dünya Turu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Küçük Su Damlasının Dünya Turu</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Çevre Bilinci, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/lavanta-kokusu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837190.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837190.webp"
alt="Lavanta Kokusu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Lavanta Kokusu</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/madalyonun-oteki-yuzu">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837176.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837176.webp"
alt="Madalyonun Öteki Yüzü — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Madalyonun Öteki Yüzü</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Merak ve Keşif, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/meslek-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254110139.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254110139.webp"
alt="MESLEK ÖYKÜLERİ (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">MESLEK ÖYKÜLERİ (10 KİTAP)</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Dayanışma, Merak ve Keşif, Değerler</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/o-canavari-yakala">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839620.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839620.webp"
alt="O Canavarı Yakala — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">O Canavarı Yakala</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, Okuma ve Öğrenme, Arkadaşlık</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ozanlarin-dilinden">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051742687.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051742687.webp"
alt="Ozanların Dilinden Anadolu — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ozanların Dilinden Anadolu</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Yolculuk ve Gezi, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ozgurlugun-bedeli">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839729.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839729.webp"
alt="Özgürlüğün Bedeli — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Özgürlüğün Bedeli</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, Arkadaşlık, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/turkiye-sehir-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254116063.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254116063.webp"
alt="Türkiye Şehir Öyküleri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Türkiye Şehir Öyküleri</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Merak ve Keşif, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ufolar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745121.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745121.webp"
alt="Ufolar — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ufolar</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Bilim ve Teknoloji, Çevre Bilinci, Toplum ve Birlikte Yaşam</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/vatanin-kilidi-canakkale">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053833154.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053833154.webp"
alt="Vatanın Kilidi Çanakkale — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Vatanın Kilidi Çanakkale</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Empati, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yeditepede-bir-gezgin">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051740911.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051740911.webp"
alt="Yeditepede Bir Gezgin — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yeditepede Bir Gezgin</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yesili-ozleyen-kiz">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053830726.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053830726.webp"
alt="Yeşili Özleyen Kız — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yeşili Özleyen Kız</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Doğa, Merak ve Keşif, Azim ve Başarı</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/zoyadan-kacirilis">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836421.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836421.webp"
alt="Zoya’dan Kaçırılış — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Zoya’dan Kaçırılış</h3>
<p class="book-card__author">
Sara Gürbüz Özeren
</p>
<span class="book-card__theme">Kültür ve Tarih, Yolculuk ve Gezi, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-seda-bilgin">
<h2 class="h3 mb-3">Seda Bilgin</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hayat-bilgisi-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254112676.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254112676.webp"
alt="Hayat Bilgisi Öyküleri (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hayat Bilgisi Öyküleri (10 Kitap)</h3>
<p class="book-card__author">
Seda Bilgin
</p>
<span class="book-card__theme">İletişim, Okuma ve Öğrenme, Güvenli Yaşam</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/o-bir-dahi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/8697911223516.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/8697911223516.webp"
alt="O BİR DAHİ (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">O BİR DAHİ (10 KİTAP)</h3>
<p class="book-card__author">
Seda Bilgin
</p>
<span class="book-card__theme">Bilim ve Teknoloji, Merak ve Keşif, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/turkce-oykuleri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254113345.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254113345.webp"
alt="Türkçe Öyküleri (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Türkçe Öyküleri (10 Kitap)</h3>
<p class="book-card__author">
Seda Bilgin
</p>
<span class="book-card__theme">Dayanışma, Paylaşma ve Yardımlaşma, Azim ve Başarı</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-sevda-dıraga-canbaz">
<h2 class="h3 mb-3">Sevda Dıraga Canbaz</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/hikyelerle-deyimlerimiz">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053833789.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053833789.webp"
alt="Hikâyelerle Deyimlerimiz — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Hikâyelerle Deyimlerimiz</h3>
<p class="book-card__author">
Sevda Dıraga Canbaz
</p>
<span class="book-card__theme">Merak ve Keşif, Kültür ve Tarih, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-sir-arthur-conan-doyle">
<h2 class="h3 mb-3">Sir Arthur Conan Doyle</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/bakir-renkli-kayin-agaclari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288721.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288721.webp"
alt="Bakır Renkli Kayın Ağaçları — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Bakır Renkli Kayın Ağaçları</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Cesaret ve Korkular, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/baskervillelerin-kopegi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288738.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288738.webp"
alt="Baskerville'lerin Köpeği — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Baskerville'lerin Köpeği</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Doğa, Okuma ve Öğrenme, Polisiye</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/bohemyada-bir-skandal">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274465.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274465.webp"
alt="Bohemya'da Bir Skandal — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Bohemya'da Bir Skandal</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Macera, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dans-eden-adamlar">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274458.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274458.webp"
alt="Dans Eden Adamlar — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dans Eden Adamlar</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Kültür ve Tarih, Okuma ve Öğrenme, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/dortlerin-esrari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288714.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288714.webp"
alt="Dörtlerin Esrarı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Dörtlerin Esrarı</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kizil-sorusturma">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057288707.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057288707.webp"
alt="Kızıl Soruşturma — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kızıl Soruşturma</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Arkadaşlık, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/korku-vadisi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274472.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274472.webp"
alt="Korku Vadisi — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Korku Vadisi</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Gizem, Okuma ve Öğrenme, Macera</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/sussex-vampiri">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274489.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274489.webp"
alt="Sussex Vampiri — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Sussex Vampiri</h3>
<p class="book-card__author">
Sir Arthur Conan Doyle
</p>
<span class="book-card__theme">Empati, Okuma ve Öğrenme, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-stefan-zweig">
<h2 class="h3 mb-3">Stefan Zweig</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/satranc">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490476.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490476.webp"
alt="Satranç — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Satranç</h3>
<p class="book-card__author">
Stefan Zweig
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-talip-arışahin">
<h2 class="h3 mb-3">Talip Arışahin</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/ertugrulun-ruyasi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051745619.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051745619.webp"
alt="Ertuğrul’un Rüyası — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Ertuğrul’un Rüyası</h3>
<p class="book-card__author">
Talip Arışahin
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/fatihin-istanbul-ruyasi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053839842.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053839842.webp"
alt="Fatih’in İstanbul Rüyası — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Fatih’in İstanbul Rüyası</h3>
<p class="book-card__author">
Talip Arışahin
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-tolstoy">
<h2 class="h3 mb-3">Tolstoy</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/savas-ve-baris">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490438.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490438.webp"
alt="Savaş Ve Barış — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Savaş Ve Barış</h3>
<p class="book-card__author">
Tolstoy
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Kültür ve Tarih, Merak ve Keşif</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-tuba-bozcan">
<h2 class="h3 mb-3">Tuba Bozcan</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/etik-degerler-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053836483.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053836483.webp"
alt="ETİK DEĞERLER EĞİTİM SETİ-1. SINIF (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">ETİK DEĞERLER EĞİTİM SETİ-1. SINIF (10 KİTAP)</h3>
<p class="book-card__author">
Tuba Bozcan
</p>
<span class="book-card__theme">Değerler, Okul ve Eğitim, Empati</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/etik-degerler-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786053837480.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786053837480.webp"
alt="ETİK DEĞERLER EĞİTİM SETİ-2. SINIF (10 KİTAP) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">ETİK DEĞERLER EĞİTİM SETİ-2. SINIF (10 KİTAP)</h3>
<p class="book-card__author">
Tuba Bozcan
</p>
<span class="book-card__theme">Değerler, Duygular, Doğa</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-yavuz-ali-bilge">
<h2 class="h3 mb-3">Yavuz Ali Bilge</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/afacan-polisler-1">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115493.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115493.webp"
alt="Afacan Polisler-1 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Afacan Polisler-1</h3>
<p class="book-card__author">
Yavuz Ali Bilge
</p>
<span class="book-card__theme">Empati, Arkadaşlık, Problem Çözme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/afacan-polisler-2">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786254115974.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786254115974.webp"
alt="Afacan Polisler-2 — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Afacan Polisler-2</h3>
<p class="book-card__author">
Yavuz Ali Bilge
</p>
<span class="book-card__theme">Dayanışma, İletişim, Çevre Bilinci</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-yunus-emre">
<h2 class="h3 mb-3">Yunus Emre</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yunus-emre-divani">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057490452.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057490452.webp"
alt="Yunus Emre Divanı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yunus Emre Divanı</h3>
<p class="book-card__author">
Yunus Emre
</p>
<span class="book-card__theme">Farklılıklar ve Hoşgörü, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-ömer-seyfettin">
<h2 class="h3 mb-3">Ömer Seyfettin</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/kasagi">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895222.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895222.webp"
alt="Kaşağı — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Kaşağı</h3>
<p class="book-card__author">
Ömer Seyfettin
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/pembe-incili-kaftan">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786259895208.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786259895208.webp"
alt="Pembe İncili Kaftan — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Pembe İncili Kaftan</h3>
<p class="book-card__author">
Ömer Seyfettin
</p>
<span class="book-card__theme">Kültür ve Tarih, Merak ve Keşif, Okuma ve Öğrenme</span>
</div>
</a>
</article>
</div>
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/yaln%C4%B1z-efe">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786057274496.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786057274496.webp"
alt="Yalnız Efe — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Yalnız Efe</h3>
<p class="book-card__author">
Ömer Seyfettin
</p>
<span class="book-card__theme">Okuma ve Öğrenme, Merak ve Keşif, Kültür ve Tarih</span>
</div>
</a>
</article>
</div>
</div>
</section>
<section class="yazar-section mb-5" id="yazar-i̇smail-bilgin">
<h2 class="h3 mb-3">İsmail Bilgin</h2>
<div class="row row-cols-2 row-cols-md-3 row-cols-lg-4 g-3">
<div class="col">
<article class="book-card">
<a class="book-card__link baslik-link" href="/urunler/evliya-celebi-nin-maceralari">
<div class="book-card__media">
<picture class="d-block w-100">
<source srcset="/assets/images/ean/9786051748146.webp" type="image/webp">
<img class="book-card__cover cover-images w-100"
src="/assets/images/ean/9786051748146.webp"
alt="Evliya Çelebi’nin Maceraları (10 Kitap) — Damla Okul"
>
</picture>
</div>
<div class="book-card__info">
<h3 class="book-card__title">Evliya Çelebi’nin Maceraları (10 Kitap)</h3>
<p class="book-card__author">
İsmail Bilgin
</p>
<span class="book-card__theme">Merak ve Keşif, Macera, Gizem</span>
</div>
</a>
</article>
</div>
</div>
</section>
</div>
<script>
(function() {
if (!window.location.hash) return;
var target = document.querySelector(window.location.hash);
if (target) {
target.classList.add('yazar-section--highlight');
setTimeout(function() { target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }, 100);
}
})();
</script>
<!-- Comments -->
</div>
</div></div>
</div>
.spanborder: alt çizgili bölüm başlığı stili — iç span altında kısa vurgu çizgisi.
Bileşen Kataloğu
1. Site Navbar (#MagicMenu)
| Özellik | Değer |
|---|---|
| Konum | position: fixed; top: 0; z-index: 1030 |
| Arka plan | Beyaz (bg-white), alt border #dee2e6 |
| Scroll | site-nav--scrolled → box-shadow: 0 2px 12px rgba(0,0,0,0.08) |
| Logo | .site-nav__logo — max-height: 2.5rem |
| Vurgulu link | .highlight .nav-link — yeşil border + hover fill |
Dosyalar: _layouts/default.html, assets/css/theme.css, assets/css/app.css, assets/js/nav.js
2. Site Footer (.site-footer)
3 sütunlu koyu footer:
| Sütun | Class | İçerik |
|---|---|---|
| Ürünler | .site-footer__col |
Eğitim/Hikaye/Katalog linkleri |
| Önemli Bilgiler | .site-footer__col |
footer_show: true sayfalar |
| İletişim | .site-footer__col |
contact-info--footer + sosyal ikonlar |
Stil özellikleri:
- Arka plan:
--color-footer-bg(#25272a) - Başlıklar: Punta, uppercase,
--color-primary - Linkler:
rgba(255,255,255,0.75)→ hover--color-primary - Alt bölüm:
.site-footer__bottom— logo (logo-bw.png) + copyright
Dosya: _includes/footer-menu.html, theme.css → .site-footer__*
3. Sınıf Filtresi (.grade-nav)
9 sütunlu grid (mobilde 2 sütun); okul öncesi + 1–8. sınıf.
Sınıf ikon renkleri:
data-grade |
Renk |
|---|---|
0 (Okul öncesi) |
--color-primary |
1, 5 |
#e67e22 |
2, 6 |
#e84393 |
3, 7 |
#27ae60 |
4, 8 |
#8e44ad |
Durumlar:
.active— alt çizgi (box-shadow: inset 0 -2px 0).open— alt menü açık; caret 180° döner.has-genre— seçili tür etiketi::afterile gösterilir
Alt menü (.grade-submenu): absolute dropdown; masaüstünde hover ile de açılır.
Dosyalar: _includes/book-grade-nav.html, theme.css, book-filter.js
4. Kitap Kartı (.book-card)
BEM yapısı:
.book-card
├── .book-card__link
│ ├── .book-card__media
│ │ └── .book-card__cover (object-fit: contain)
│ └── .book-card__info
│ ├── .book-card__title (line-clamp: 2)
│ ├── .book-card__author (isteğe bağlı)
│ └── .book-card__theme (outline pill, ilk anatema)
- Sabit toplam yükseklik — grid hizası bozulmaz
- Tema pill: beyaz zemin, ince border, yeşil metin (
--color-primary); kart altınamargin-top: auto - Hover: hafif gölge + kapak
scale(1.02) - Grid:
.listbooks-home.row— mobil 2, masaüstü 4 sütun CSS Grid
Dosyalar: _includes/book-card.html, theme.css
5. Tür Grupları (.book-genre-group)
- Başlık:
.book-genre-heading— Punta, alt border - Performans:
content-visibility: auto; contain-intrinsic-size: auto 500px
6. Kitap Detay (.book-page)
| Bölüm | Class | Not |
|---|---|---|
| Kapak | .book img |
drop-shadow |
| Başlık | .article-headline.display-4 |
margin-bottom: var(--space-6); mobilde ortalı |
| Hero meta | .book-detail__hero-meta |
Yalnızca genre: story; boşsa render edilmez |
| Müfredat paneli | .book-curriculum |
İki bölüm: TYMM + Öykümatik; alt satırlarda label + yatay scroll şeridi |
| TYMM bölüm başlığı | .book-curriculum__heading |
«Türkiye Yüzyılı Maarif Modeli»; altında Erdemler / Değerler, Anateması, Becerileri |
| Öykümatik bölüm başlığı | .book-curriculum__heading |
«Türkiye’de İlk ve Tek Damla Hikaye Kazanım Sistemi»; altında Öykümatik Kazanım Kodu |
| TYMM değer | .book-curriculum__chip--degerler |
Outline yeşil chip; tek satır, overflow-x: auto |
| TYMM anatema | .book-curriculum__chip--anatema |
Outline yeşil chip; tek satır scroll |
| TYMM beceriler | .book-curriculum__chip--beceri |
Outline chip; düz liste, tek satır scroll |
| Kazanım kodları | .book-curriculum__chip--kazanim |
Monospace kod chip; title ile kazanım metni |
| Scroll ipucu | .book-curriculum__scroll::after |
Sağ kenar fade + chevron; mobilde label üstte, tam genişlik scroll |
| Etiketler | .book-detail__tags .tag |
Panel altında turuncu pill |
| Aksiyonlar | .book-detail__actions .js-book-action |
Outline btn-sm, fa-sm ikon, min-height: 2.25rem |
| Metadata | .book-meta__item |
Flex: ikon + metin |
| Açıklama | .prose--display |
Markdown gövdesi |
Hero sırası: başlık → müfredat paneli (.book-curriculum) → etiketler → aksiyonlar. Panel iki bölümden oluşur: Türkiye Yüzyılı Maarif Modeli (Erdemler / Değerler, Anateması, Becerileri) ve Türkiye’de İlk ve Tek Damla Hikaye Kazanım Sistemi (Öykümatik Kazanım Kodu). Mobilde satırlar dikey; chip şeritleri sağ fade ve chevron ile kaydırılabilir olduğunu gösterir.
Dosyalar: _layouts/book.html, _includes/book-hero-meta.html
7. Hero Slider (.slider)
- Tiny Slider kütüphanesi
- Aspect ratio: desktop
1250/504, mobil1181/950 - İlk slide:
fetchpriority="high", preload (webp öncelikli) - Diğer slide’lar: lazy (
tns-lazy-img,loading="lazy") - Container:
.remove-site-content-marginile navbar boşluğu telafi
Dosyalar: _includes/slider.html, theme.css → .slider, tiny-slider.css
8. Instagram Carousel (.ig-carousel)
Tek dosyada inline <style> + <script> — istisna bileşen.
- Site token’larıyla uyumlu:
--font-display,--color-primary,--radius,--shadow-sm - Yatay scroll-snap carousel; skeleton yükleme durumu
- Kart:
aspect-ratio: 1, hover caption gradient overlay - Responsive item genişliği: 50% → 33% → 25%
Dosya: _includes/instagram-carousel.html
9. Spotlight Arama
macOS Spotlight ilhamlı tam ekran modal:
| Eleman | Class | Stil |
|---|---|---|
| Overlay | .spotlight-backdrop |
backdrop-filter: blur(8px), koyu yarı saydam |
| Kutu | .spotlight-container |
border-radius: 16px, cam efekti |
| Tetikleyici (masaüstü) | .search-trigger-wrapper |
min-width: 200px, gri arka plan |
| Tetikleyici (mobil) | .search-trigger-mobile |
Logo–hamburger arası tam genişlik |
| Sonuç | .spotlight-item |
Kapak thumbnail + başlık + meta |
| Hover | — | rgba(3, 168, 124, 0.1) arka plan |
Kısayol göstergesi: Ctrl+K badge. prefers-color-scheme: dark desteği var.
URL senkronu (?q=): Site genelinde geçerli. Sayfa ?q=terim ile yüklenince modal otomatik açılır. Modal’da yazarken history.replaceState ile bulunulan sayfanın URL’sine ?q= eklenir (paylaşılabilir arama linki). ESC / kapatınca ?q= silinir; sayfa hash’i (/urunler#2-sinif/egitim) korunur. Boş Ctrl+K açılışında URL değişmez. SearchAction schema kanonik giriş: /?q={search_term_string}.
Lunr indeks alanları: title (yüksek boost), ean (barkod), authors, categories, grades, genre, anatemalar, tags, body. İndeks kapakları assets/images/ean/{ean}.webp|jpg kullanır. 4+ haneli sayısal sorguda ean doğrudan eşleştirilir.
Dosyalar: _includes/search-lunr.html, _pages/search-index.json, assets/css/spotlight.css, assets/js/lunr.js
10. Kitap Popup’ları (#popup-overlay)
Spotlight ile aynı görsel dil:
| Varyant | Class | Boyut |
|---|---|---|
| Tedarik bilgisi | .popup-container |
520px max |
| Medya (iframe/YouTube) | .popup-container--media |
min(960px, 92vw) |
z-index: 10000(spotlight: 9999)- Masaüstünde iframe/youtube popup; mobilde yeni sekme
infopopup:prefers-color-scheme: darkmetin renkleri ayarlı
Dosya: _includes/popup.html (inline style + script)
11. Satın Al / Bilgi (damlaurl)
Eski .buyout satıcı barı ve buyout.css kaldırıldı. Satın alma akışı kitap front matter’ındaki damlaurl alanı ve book.html aksiyon butonlarıyla yönetilir:
damlaurl |
Buton | İkon | Popup |
|---|---|---|---|
| Dolu | Satın Al | fa-shopping-cart (text-success) |
data-popup-type="iframe" → Damla Yayınevi ürün sayfası |
| Boş | Bilgi | fa-info-circle (text-info) |
data-popup-type="info" → tedarik bilgisi |
Dosyalar: _layouts/book.html, _includes/popup.html
12. İletişim Bilgisi (.contact-info)
| Mod | Class | Bağlam |
|---|---|---|
| Footer | .contact-info--footer |
Beyaz yarı saydam metin |
| Sayfa | .contact-info--page |
Normal sayfa metni |
Dosya: _includes/contact-info.html
13. Ürün İnceleme Linkleri (.review-links)
Tek sayfa bileşeni; inline CSS + JS (_pages/linkler.html — include yok).
| Eleman | Class | Not |
|---|---|---|
| Kapsayıcı | .review-links |
max-width: 44rem, ortalanmış liste |
| Kart | .review-links__card |
Yatay düzen; hover border/gölge |
| Kapak | .review-links__media + eanimage.html |
Solda ~5.5rem; review-links__cover |
| Rozet | .review-links__badge |
Sınıf etiketi (Okul Öncesi / N.Sınıf) |
| Başlık | .review-links__title |
Ürün detay sayfasına link |
| Aksiyonlar | .review-links__actions |
2×2 grid: Kitabı incele, Kitaba git, Whatsappda paylaş, Linki kopyala |
| Arama | .review-links__search-input |
Başlık + sınıf rozeti client-side filtre |
Token kullanımı: --font-sans, --font-display, --color-primary, --radius, --shadow-sm, --color-border. show_title: false ile sayfa başlığı özel header bloğunda.
Dosya: _pages/linkler.html
İkonografi
- Kütüphane: Font Awesome 5.15.4 (yerel, CDN yok)
- Stiller:
fas(solid),fab(brand) - Grade nav: Her sınıf için 2 ikon (Font Awesome education set)
- Book meta: Renkli ikonlar (
text-primary,text-danger,text-dark) - Sosyal medya:
menu-socialmedia.html—fab fa-* - X (Twitter):
.site-social__icon--xözel SVG/block
Görsel İşleme
Kitap kapakları
- Yol:
assets/images/ean/{ean}.jpg - Render:
<picture>+ koşullu WebP (webp_manifest.yml) - Kart:
object-fit: contain,loading="lazy",fetchpriority="low" - Gölge:
.cover-shadowveya.book img { filter: drop-shadow(...) }
Slider görselleri
- Yol:
assets/images/slides/ - Mobil/desktop ayrı dosya (
mobile-img/img) - Hedef: mobil
*m.jpg≤ 120 KB (Photoshop ile optimize)
WebP politikası
Şablonlar yalnızca manifest’te kayıtlı webp için <source type="image/webp"> ekler — 404 oluşmaz.
İsimlendirme Kuralları
| Desen | Örnek | Kullanım |
|---|---|---|
| BEM blok | .book-card |
Yeni bileşenler |
| BEM element | .book-card__title |
Alt parçalar |
| BEM modifier | .contact-info--footer |
Varyantlar |
| Site prefix | .site-nav__*, .site-footer__* |
Global shell bileşenleri |
| Bootstrap utility | .d-flex, .col-md-4 |
Layout — HTML’de doğrudan |
| Legacy | .kitap-kutu, .kitap-kutu-home |
Geçiş dönemi; yeni kodda kullanılmaz |
| JS hook | .js-book-action |
Davranış bağlantısı, stil değil |
Tercih: Yeni bileşenlerde BEM + site prefix; Bootstrap class’ları yalnızca grid/spacing için.
Sayfa Özel Stiller (İstisnalar)
Bazı sayfalar kendi <style> bloğunu taşır. Bu istisnadır; kalıcı bileşenler theme.css‘e taşınmalıdır.
| Sayfa / partial | Pattern | Not |
|---|---|---|
_pages/linkler.html |
.review-links__* |
Ürün inceleme linkleri; token + inline arama/kopyala; bkz. §13 Ürün İnceleme Linkleri |
_includes/instagram-carousel.html |
.ig-carousel__* |
Tek modül; inline CSS kabul edilir |
_includes/popup.html |
.popup-* |
Modal; kitap detayda include |
_includes/ai-seo-crawler*.html |
.ai-seo-crawler |
Görsel olarak gizli; inline style |
Yeni sayfa özel stil eklerken mevcut token’ları referans alın; hard-coded renk yerine var(--color-*) kullanın.
Koyu Tema Desteği
Site genelinde dark mode yok; body her zaman açık tema. Aşağıdaki bileşenler prefers-color-scheme: dark ile OS koyu temasına uyum sağlar:
.spotlight-containerve alt elemanları.popup-containerve.popup-bodymetin renkleri
Navbar, footer ve ana içerik koyu tema desteklemez.
Erişilebilirlik Desenleri
| Özellik | Uygulama |
|---|---|
| Skip / landmark | <main role="main">, <nav aria-label="..."> |
| Modal | role="dialog", aria-modal="true", aria-label |
| Klavye | Ctrl+K arama, ESC modal kapat, Enter ilk sonuç |
| Görsel | alt metinleri, width/height ipuçları (CLS önleme) |
| Gizli SEO | aria-hidden="true", data-nosnippet (ai-seo-crawler) |
| Touch | Grade nav caret: touch-action: manipulation, min 2.75rem hedef |
14. Öğretmen talep formu (wizard)
URL: /ogretmen — Teknik kurulum: project.md — Öğretmen talep formu
Sayfa özel CSS yükler (ogretmen-wizard.css); Bootstrap grid + marka token’ları ile uyumludur.
Bileşenler
| Sınıf / öğe | Görev |
|---|---|
.ogretmen-wizard |
Kök sarmalayıcı |
.ogretmen-wizard__progress |
6 noktalı adım göstergesi |
.ogretmen-wizard__step-dot.is-active |
Aktif adım |
.ogretmen-wizard__panel |
Adım içeriği (hidden ile geçiş) |
.ogretmen-wizard__catalog |
Kitap grid (max 4 sütun mobil uyumlu) |
.ogretmen-wizard__list-row |
Seçilen kitap satırı (thumbnail + başlık) |
.ogretmen-wizard__status.is-error / .is-success |
Gönderim durumu |
.ogretmen-wizard__success |
Başarı ekranı |
UX notları
- Liste kutusu ekleme animasyonu; katalogdan eklenen kitap kaldırılır
- Adım 4: Okuma listesi ve eğitim listesi ayrı gruplar
- Mobil: filtreler ve katalog tek sütuna düşer; dokunma hedefleri yeterli padding
- Hata mesajları öğretmene genel; teknik ayrıntı yalnızca tarayıcı konsolunda
15. Oku360 Okuma Atölyesi
URL: /oku360 — _pages/oku360.html, layout: default (tam genişlik; page container’ı kullanılmaz).
Sayfa özel CSS/JS yükler (oku360.css, oku360.js). Token’lar --color-primary, --font-display, --font-sans. Mobilde sticky süreç kartları ve katmanlı hero; prefers-reduced-motion ile durağan yedek. Katalog bölümü site.catalogs içinden ortaokul kaydını iframe + poster olarak gömer.
Yeni Stil Ekleme Rehberi
Kalıcı bileşen
theme.css→ Components bölümüne BEM class’ları ekle- Gerekirse
:root‘a yeni token ekle - HTML partial →
_includes/veya layout - Bootstrap grid ile layout; özel görünüm theme’den
Bootstrap override
app.css‘e ekle- Mümkünse CSS değişkeni (
--bs-*) kullan !importantyalnızca Bootstrap specificity gerektirdiğinde
Tek sayfa / tek kullanım
- Sayfa front matter altında
<style>bloğu kabul edilir - Token referansı zorunlu; bileşen büyürse
theme.css‘e taşı
Yapılmaması gerekenler
bootstrap.min.cssdüzenlemek- Inline
style=""attribute (istisna: dinamik JS) - CDN font/icon (tüm fontlar yerel)
- jQuery tabanlı UI (
theme.jslegacy) - Global CSS’e AI crawler gizleme kuralları (include içi inline style)
Legacy ve Geçiş
| Öğe | Durum | Yönlendirme |
|---|---|---|
.kitap-kutu, .kitap-kutu-home |
Geçiş | .book-card kullan |
book-grade-filter.html |
Kullanılmıyor | .grade-nav |
assets/js/theme.js |
Legacy jQuery | Kullanma |
.text-humayun |
Özel sarı (#ffc107) |
Nadir kullanım |
| Eski watermark arka plan | Kaldırıldı | body { background-image: none } |
İlgili Dosya Referansı
| Konu | Dosya |
|---|---|
| Ana stil | assets/css/theme.css |
| Bootstrap override | assets/css/app.css |
| Arama UI | assets/css/spotlight.css |
| Öğretmen wizard | assets/css/ogretmen-wizard.css |
| Oku360 tanıtım | assets/css/oku360.css |
| Kök şablon | _layouts/default.html |
| Navbar JS | assets/js/nav.js |
| Font subset | scripts/subset_font.sh |
| Görsel optimizasyon | README.md — Performans |