-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathbooks.html
203 lines (186 loc) · 12.7 KB
/
books.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="tr">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- Other CSS -->
<link rel="stylesheet" href="css/style.css">
<title>Ürünlerimiz - Kitap Kulübü</title>
</head>
<body>
<!-- Page header -->
<!-- <header>
<h1></h1>
</header> -->
<!-- Navigation bar -->
<nav class="navbar sticky-top bg-dark mt-1">
<ul class="nav">
<li class="nav-item"><a class="nav-link link-info" href="index.html">Anasayfa</a></li>
<li class="nav-item"><a class="nav-link link-info" href="books.html">Kitaplar</a></li>
<li class="nav-item"><a class="nav-link link-info" href="about-us.html">Hakkımızda</a></li>
<li class="nav-item"><a class="nav-link link-info" href="contact.html">İletişim</a></li>
</ul>
<h4 class="text-white m-2">ÇOK SEVİLENLER</h4>
</nav>
<!-- Products container - start -->
<div class="container mt-3 overflow-hidden">
<div class="row d-flex justify-content-center">
<div class="card h-100 col-md-4 col-lg-3 border border-primary p-3 m-2">
<!-- Card 1 -->
<img src="img/kirmizi-pazartesi.jpg"
class="img-fluid img-thumbnail card-img-top rounded-circle w-75 mx-auto d-block"
alt="Kırmızı Pazartesi">
<div class="card-body">
<h5 class="card-title fw-bold">Kırmızı Pazartesi</h5>
<p class="card-text line-clamp">Kolombiyalı büyük yazar Gabriel García Márquez’in 1981’de yayımlanan
yedinci
romanı Kırmızı Pazartesi, işleneceğini herkesin bildiği, engel olmak için kimsenin bir şey
yapmadığı bir namus cinayetinin öyküsü. Hem Kolombiya’da, hem de yayımlandığı dünyanın dört bir
yanındaki pek çok ülkede sarsıcı etkileri olmuş bir roman. Usta yazar, çocukluğunu geçirdiği
kasabada yıllar önce yaşanmış bir cinayet olayını aktarıyor. Romanın kahramanı Santiago Nasar’ın
öldürüleceği daha ilk satırlardan belli. Kırmızı Pazartesi, yalnızca bir cinayetin arka planını
değil, bir halkın ortak davranış biçimlerinin potresini de çiziyor. Böylece, sonuna dek ilgiyle
okuyacağınız bu kısa ve ölümsüz roman, bir toplumsal ruhçözümü niteliği de kazanmış oluyor.</p>
<a href="#" class="btn btn-primary">Devamını Oku</a>
</div>
<div class="card-footer">
<small class="text-muted">Gabriel Garcia Marquez | CAN YAYINLARI</small>
</div>
</div>
<div class="card h-100 col-md-4 col-lg-3 border border-secondary p-3 m-2">
<!-- Card 2 -->
<img src="img/olasiliksiz.jpg"
class="img-fluid img-thumbnail card-img-top rounded-circle w-75 mx-auto d-block" alt="Olasılıksız">
<div class="card-body">
<h5 class="card-title fw-bold">Olasılıksız</h5>
<p class="card-text line-clamp">Bir sabah, yıllardır görmediğiniz bir arkadaşınızı düşünerek
uyandınız. Bir
saat sonra, onunla sokakta karşılaştınız. Sizce bu sadece bir tesadüf mü, yoksa çok daha farklı
bir anlamı olabilir mi? Siz hiç Loto’da büyük ikramiyeyi kazanmadınız. Ama birileri kazanıyor.
Hem de sürekli! Onlar sizden daha mı şanslılar?Şans nedir gerçekten? İçinizde bütün parayı
kırmızıya yatırmanız gerektiğini söyleyen bir his var. Bu his bir öngörü müdür? Yoksa daha
fazlası mı? Yolda gidiyorsunuz. Kafanızı çevirip yandaki küçük parka baktınız ve bir anda bu anı
daha önce de yaşamış olduğunuzu hissettiniz. Evet, Deja Vu. Sizce nedir Deja Vu; Geçmiş mi, rüya
mı yoksa geleceği mi görüyorsunuz? Eğer siz de kontrolün kimde olduğunu merak ediyorsanız,
‘OlasılıkSız’ tam size göre bir roman..</p>
<a href="#" class="btn btn-secondary">Devamını Oku</a>
</div>
<div class="card-footer">
<small class="text-muted">Adam Fawer | APRIL YAYINCILIK</small>
</div>
</div>
<div class="card h-100 col-md-4 col-lg-3 border border-success p-3 m-2">
<!-- Card 3 -->
<img src="img/simyaci.jpg"
class="img-fluid img-thumbnail card-img-top rounded-circle w-75 mx-auto d-block" alt="Simyacı">
<div class="card-body">
<h5 class="card-title fw-bold">Simyacı</h5>
<p class="card-text line-clamp">Simyacı, Brezilyalı eski şarkı sözü yazarı Paulo Coelho'nun,
yayınlandığı 1988
yılından bu yana dünyayı birbirine katan, eleştirmenler tarafından bir `fenomen' olarak
değerlendirilen üçüncü romanı. Simyacı, altı yılda kırk iki ülkede yedi milyondan fazla sattı.
Bu, Gabriel Garcia Marquez'den bu yana görülmemiş bir olay. Yüreğinde, çocukluğunu yitirmemiş
olan okurlar için bir `klasik' kimliği kazanan Simyacı'yı Saint-Exupery'nin Küçük Prens'i ve
Richard Bach'ın Martı Jonathan Livingston'u ile karşılaştıranlar var (Publishers Weekly).
Simyacı, İspanya'dan kalkıp Mısır Piramitlerinin eteklerinde hazinesini aramaya giden Endülüslü
çoban Santiago'nun masalsı yaşamının felsefi öyküsü. Sanki bir `nasihatnâme': `Yazgına nasıl
egemen olacaksın, mutluluğunu nasıl kuracaksın?' sorularına yanıt arayan bir hayat ve ahlak
kılavuzu. Mistik bir peri masalına benzeyen romanın altı yılda, yedi milyondan fazla okur
bulmasının gizi, kuşkusuz, onun bu kılavuzluk niteliğinden kaynaklanıyor. Simyacı'yı okumak,
herkes daha uykudayken, güneşin doğuşunu seyretmek için şafak vakti uyanmaya benziyor.</p>
<a href="#" class="btn btn-success">Devamını Oku</a>
</div>
<div class="card-footer">
<small class="text-muted">Paulo Coelho | CAN YAYINLARI</small>
</div>
</div>
<div class="card h-100 col-md-4 col-lg-3 border border-danger p-3 m-2">
<!-- Card 4 -->
<img src="img/insan-ne-ile-yasar.jpg"
class="img-fluid img-thumbnail card-img-top rounded-circle w-75 mx-auto d-block"
alt="İnsan Ne İle Yaşar">
<div class="card-body">
<h5 class="card-title fw-bold">İnsan Ne İle Yaşar</h5>
<p class="card-text line-clamp">Kunduracı Simon, karısı ve çocuklarıyla birlikte bir köyde
oturuyordu. Birçok fakir
köylü gibi onun da ne evi vardı ne de tarlası. Kunduracılık yaparak geçimini sağlardı. Kazancı
az,
ekmekse pahalıydı. Kazandığı ancakaile üyelerinin karnını doyurmaya yetiyordu. Karı kocanın
ortaklaşa giyindikleri keçi derisinden yapılmış bir tek paltoları vardı. Fakat o da artık parça
parça olmuştu.</p>
<a href="#" class="btn btn-danger">Devamını Oku</a>
</div>
<div class="card-footer">
<small class="text-muted">Lev N. Tolstoy | İSKELE YAYINCILIK</small>
</div>
</div>
<div class="card h-100 col-md-4 col-lg-3 border border-warning p-3 m-2">
<!-- Card 5 -->
<img src="img/hz-hatice.jpg"
class="img-fluid img-thumbnail card-img-top rounded-circle w-75 mx-auto d-block"
alt="Hz. Hatice-i Kübra">
<div class="card-body">
<h5 class="card-title fw-bold">Hz. Hatice-i Kübra</h5>
<p class="card-text line-clamp">Gerçek şu ki, Sevgili Peygamberimiz (s.a.v.) Efendimizin
hanımlarının arasında en üstün dereceyi almak bahtiyarlığına erişen Hazret-i Hatice (r.a.)
validemizdir. Çünkü ilk zevceleridir. Zat-ı Nebevilerine altı çocuk hediye etmiştir. Nesl-i
Pak-i Nebi ve O'nun dünyaya getirdiği kızdan, Hazret-i Fatıma (r.a.) validemizden devam
etmiştir.<br>
Bu kitap, İslam'ın ilk annesinin hayatından inciler sunmaktadır. O anne ki, İslam kadınına en
büyük bir örnektir. Hem öyle bir devirde ve zamanda yetişmiştir ki, o gün, dünya ateşler içinde
yanıyordu. Çöl, susuz tencere, gözler kan sızan bir pencere idi. Dünyanın kara dereleri
müşriklerle dolmuştu, günah ve ahlaksızlık moda olmuştu. Kanlı ayaklar başlarda geziyor,
masumlar inim inim inliyordu.</p>
<a href="#" class="btn btn-warning">Devamını Oku</a>
</div>
<div class="card-footer">
<small class="text-muted">Mustafa Necati Bursalı | ÇELİK YAYINEVİ</small>
</div>
</div>
<div class="card h-100 col-md-4 col-lg-3 border border-info p-3 m-2">
<!-- Card 6 -->
<img src="img/sherlock-holmes.jpg"
class="img-fluid img-thumbnail card-img-top rounded-circle w-75 mx-auto d-block"
alt="Sherlock Holmes Set">
<div class="card-body">
<h5 class="card-title fw-bold">Sherlock Holmes</h5>
<p class="card-text line-clamp">Dünyaca ünlü dedektif Sherlock Holmes, kendine özgü karakteri ve
yaşadığı birbirinden farklı maceralarıyla uzun yıllardan beri siz okurları etkisi altında
tutmaya devam ediyor. Toplam 56 çarpıcı hikâyeden oluşan 5 kitaplık bu set, sizi insan zekâsını
zorlayan tuhaf suçlar ve cinayetler dünyasında gezdirirken, gerçeğe giden bir yolda yalnız
olmadığınızı da hissettiriyor.</p>
<a href="#" class="btn btn-info">Devamını Oku</a>
</div>
<div class="card-footer">
<small class="text-muted">Sir Arthur Conan Doyle | MARTI YAYINLARI</small>
</div>
</div>
</div><!-- row - end -->
</div>
<!-- Products container - end -->
<footer class="container mt-2">
<div class="mt-4 p-2 bg-dark text-white rounded" style="text-align: center;">
<p style="color:lightgray">
Copyright 2021-2022 by SMY Web Design. All Rights Reserved.
</p>
<p class="fst-italic" style="color:lightgray">
kitapkulubu is Powered by W3.CSS and <a class="link-secondary" href="https://getbootstrap.com/"
title="Bootstrap" target="_blank">Bootstrap</a>
</p>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
</body>
</html>