صفحهٔ اصلی: تفاوت میان نسخه‌ها

@@ خط ۸۸: / خط ۸۸: @@
      </div>
 </div>
+----------
+<div class="books-container">
+  <div class="book">
+    <a href="#">
+      <img src="https://download.zooha.ir/Book/Ghbook/00003108.jpg" alt="کتاب 1">
+    </a>
+  </div>
+  <div class="book">
+    <a href="#">
+      <img src="https://download.zooha.ir/Book/Ghbook/00003108.jpg" alt="کتاب 2">
+    </a>
+  </div>
+  <!-- 18 کتاب دیگر با همین ساختار -->
+</div>
+<style>
+.books-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 15px;
+  padding: 20px;
+}
+.book {
+  width: 150px;
+  height: 200px;
+  transition: transform 0.3s;
+}
+.book:hover {
+  transform: scale(1.05);
+}
+.book img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 5px;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+}
+@media (max-width: 768px) {
+  .book {
+    width: 120px;
+    height: 160px;
+  }
+}
+@media (max-width: 480px) {
+  .book {
+    width: 100px;
+    height: 140px;
+  }
+}
+</style>