صفحهٔ اصلی: تفاوت میان نسخهها
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
جزبدون خلاصۀ ویرایش برچسب: ویرایش مبدأ ۲۰۱۷ |
||
| خط ۸۸: | خط ۸۸: | ||
</div> | </div> | ||
</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> | |||
نسخهٔ ۱۲ نوامبر ۲۰۲۵، ساعت ۱۴:۴۴
«ویکی ضحی یا ویکی امام رضا علیه السلام» یک پروژه آموزشی تحت نظر حوزه مجازی امام رضا علیه السلام است که با هدف ارائه آسان و منسجم معارف دینی فعالیت میکند.
نام «ضحی» به معنای «آفتاب پگاه» 🌄، به صورت نمادین به حضرت امام رضا علیه السلام — که همچون خورشیدی در عالم اسلام میدرخشند — اشاره دارد و همچنین یادآور سوره ضحی در قرآن است که بر روشنایی، برکت و آموزش تدریجی دلالت میکند.
هدف این مجموعه، استفاده از فضای مجازی برای آموزش ساده، عمیق و فراگیر علوم دینی است تا علاقهمندان در هر نقطهای از جهان بتوانند از نور معرفت رضوی بهرهمند شوند.
<a href="#">
<img src="
" alt="کتاب 1">
</a>
<a href="#">
<img src="" alt="کتاب 2">
</a>
<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>