الگو:کانتینر کله قندی/کافه محمد: تفاوت میان نسخه‌ها

صفحه‌ای تازه حاوی «<html> <style> .ad-container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 20px; } .ad-card { flex: 1 1 180px; تنظیم برای ریسپانسیو شدن: text-align: center; max-width: 250px; } .orange-box { background-color: #0F172A; height: 250px; /* این خط جادوی اصلی ب...» ایجاد کرد
 
بدون خلاصۀ ویرایش
خط ۱۰۳: خط ۱۰۳:
     <article class="ad-card">
     <article class="ad-card">
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260018/26001804.jpg" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001214.jpg" alt="دسر و کیک کافه محمد">
             <p>بسترسازی شبکه با کابل فیبر نوری</p>
             <p>بسترسازی شبکه با کابل فیبر نوری</p>
         </div>
         </div>
خط ۱۱۲: خط ۱۱۲:
     <article class="ad-card">
     <article class="ad-card">
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260018/26001803.jpg" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001215.jpg" alt="دسر و کیک کافه محمد">
             <p>نظارت مداوم بر سلامت تجهیزات</p>
             <p>نظارت مداوم بر سلامت تجهیزات</p>
         </div>
         </div>