الگو:کانتینر 4 کادر/امامی: تفاوت میان نسخهها
صفحهای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>دوره های روانشناسی و خودشناسی</title> <style> :root { --primary-green: #2d5a4c; ←سبز تیره برای متون و دکمه: --light-green: #0369A1; ←سبز بسیار ملایم برای پسزمینه کارت: ...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| خط ۱۳۹: | خط ۱۳۹: | ||
</article> | </article> | ||
</div> | </div> | ||
<!-- ردیف دوم --> | |||
<h2>کولر گازی یک تکه یا پنجرهای</h2> | |||
<div class="card-grid"> | |||
<!-- کارت اول --> | |||
<article class="card"> | |||
<div class="card-image-wrapper"> | |||
<!-- آدرس تصویر خود را در قسمت src قرار دهید --> | |||
<img src="https://dl.faraghaib.ir/m/260022/26002210.jpg" alt="کولرگازی امامی"> | |||
</div> | |||
<h3 class="card-title">کولر گازی کممصرف؛ خنکی بیشتر، هزینه برق کمتر</h3> | |||
</article> | |||
<!-- کارت دوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper"> | |||
<img src="https://dl.faraghaib.ir/m/260022/26002211.jpg" alt="کولرگازی امامی"> | |||
</div> | |||
<h3 class="card-title">قیمت کولر گازی را مقایسه کنید و هوشمندانه بخرید</h3> | |||
</article> | |||
<!-- کارت سوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper"> | |||
<img src="https://dl.faraghaib.ir/m/260022/26002213.jpg" alt="کولرگازی امامی"> | |||
</div> | |||
<h3 class="card-title">کولر گازی مناسب متراژ خانهتان را پیدا کنید</h3> | |||
</article> | |||
<!-- کارت چهارم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper"> | |||
<img src="https://dl.faraghaib.ir/m/260022/26002214.jpg" alt="کولرگازی امامی"> | |||
</div> | |||
<h3 class="card-title">عملکرد قدرتمند با مصرف انرژی کمتر</h3> | |||
</article> | |||
</div> | |||
<!-- ردیف سوم --> | |||
<h2>کولر گازی داکت یا کانالی</h2> | |||
<div class="card-grid"> | |||
<!-- کارت اول --> | |||
<article class="card"> | |||
<div class="card-image-wrapper"> | |||
<!-- آدرس تصویر خود را در قسمت src قرار دهید --> | |||
<img src="https://dl.faraghaib.ir/m/260022/26002217.jpg" alt="کولرگازی امامی"> | |||
</div> | |||
<h3 class="card-title">انتخاب مطمئن برای روزهای گرم سال</h3> | |||
</article> | |||
<!-- کارت دوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper"> | |||
<img src="https://dl.faraghaib.ir/m/260022/26002216.jpg" alt="کولرگازی امامی"> | |||
</div> | |||
<h3 class="card-title">بررسی مدلها، ظرفیتها و امکانات کاربردی</h3> | |||
</article> | |||
<!-- کارت سوم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper"> | |||
<img src="https://dl.faraghaib.ir/m/260022/26002218.jpg" alt="کولرگازی امامی"> | |||
</div> | |||
<h3 class="card-title">مدلهای جدید با قیمت رقابتی</h3> | |||
</article> | |||
<!-- کارت چهارم --> | |||
<article class="card"> | |||
<div class="card-image-wrapper"> | |||
<img src="https://dl.faraghaib.ir/m/260022/26002219.jpg" alt="کولرگازی امامی"> | |||
</div> | |||
<h3 class="card-title">همین حالا مدل مناسب خود را انتخاب کنید</h3> | |||
</article> | |||
</div> | |||
</body> | </body> | ||
</html> | </html> | ||