فراغیب

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

→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۸ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۲۶: خط ۲۶:
         justify-content: flex-start;
         justify-content: flex-start;
         padding-top: 10px;
         padding-top: 10px;
         color: #d9d900;
         color: #BCAAA4;
         font-size: 0.9rem;
         font-size: 0.9rem;
     }
     }
خط ۳۹: خط ۳۹:
         margin-top: 15px;
         margin-top: 15px;
          
          
         font-size: 10px;
         font-size: 20px;
         font-family: iransans;
         font-family: iransans;
     }
     }
خط ۴۵: خط ۴۵:


<!-- ساختار HTML -->
<!-- ساختار HTML -->
<center><h2>منوی دسرهای<br> کافه پاتوق محمد</h2></center>
<div class="ad-container">
<div class="ad-container">
     <!-- آیتم ۱ -->
     <!-- آیتم ۱ -->
خط ۵۰: خط ۵۱:
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260012/26001214.jpg" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001214.jpg" alt="دسر و کیک کافه محمد">
             <p>طراحی بهینه نقشه جانمایی دوربین‌ها برای نقاط کور.</p>
             <p>کیک شکلاتی با دسر خامه‌ای</p>
         </div>
         </div>
         <h3 class="card-title">مشاوره و طراحی سیستم</h3>
         <h3 class="card-title">🍰 مشاهده منوی دسر</h3>
     </article>
     </article>
      
      
خط ۵۹: خط ۶۰:
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260012/26001215.png" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001215.png" alt="دسر و کیک کافه محمد">
             <p> IP، وایرلس و دستگاه‌های ضبط تصویر با گارانتی.</p>
             <p>دسر شکلاتی کاراملی </p>
         </div>
         </div>
         <h3 class="card-title">فروش تجهیزات نظارتی</h3>
         <h3 class="card-title">☕ انتخاب دسر محبوب</h3>
     </article>
     </article>


خط ۶۸: خط ۶۹:
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260012/26001216.png" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001216.png" alt="دسر و کیک کافه محمد">
             <p>عیب‌یابی، رفع اختلالات تصویر</p>
             <p>چیزکیک با سس شکلات</p>
         </div>
         </div>
         <h3 class="card-title">تعمیر و نگهداری</h3>
         <h3 class="card-title">😋 همین حالا امتحان کن</h3>
     </article>
     </article>


خط ۷۷: خط ۷۸:
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260012/26001218.jpg" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001218.jpg" alt="دسر و کیک کافه محمد">
             <p>جایگزینی سیستم‌های قدیمی با دوربین‌های مدرن </p>
             <p>دسر لیوانی شکلاتی و خامه</p>
         </div>
         </div>
         <h3 class="card-title">انتقال تصویر روی موبایل</h3>
         <h3 class="card-title">🍮 مشاهده دسرها</h3>
     </article>
     </article>


خط ۸۶: خط ۸۷:
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260012/26001219.jpg" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001219.jpg" alt="دسر و کیک کافه محمد">
             <p>حل مشکلات هارد دیسک و ضبط تصاویر .</p>
             <p>کیک شکلاتی با سس شکلات</p>
         </div>
         </div>
         <h3 class="card-title">عیب‌یابی شبکه و ذخیره‌سازی</h3>
         <h3 class="card-title">🎂 سفارش کیک و دسر</h3>
     </article>
     </article>


خط ۹۴: خط ۹۵:
     <article class="ad-card">
     <article class="ad-card">
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260012/26001210.jpg" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001210.png" alt="دسر و کیک کافه محمد">
             <p>جهیز اتاق‌های مانیتورینگ کارخانه‌ها و برج‌ها.</p>
             <p>دسر گنبدی شکلاتی</p>
         </div>
         </div>
         <h3 class="card-title">مشاوره و اجرای پروژه اتاق کنترل</h3>
         <h3 class="card-title">❤️ پرفروش‌ها را ببین</h3>
     </article>
     </article>


خط ۱۰۴: خط ۱۰۵:
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260012/26001214.jpg" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001214.jpg" alt="دسر و کیک کافه محمد">
             <p>بسترسازی شبکه با کابل فیبر نوری</p>
             <p>چیزکیک و دسر شکلاتی</p>
         </div>
         </div>
         <h3 class="card-title">پیاده‌سازی فیبر نوری در پروژه‌های بزرگ</h3>
         <h3 class="card-title">🍫 انتخاب دسر موردعلاقه</h3>
     </article>
     </article>


خط ۱۱۲: خط ۱۱۳:
     <article class="ad-card">
     <article class="ad-card">
         <div class="orange-box">
         <div class="orange-box">
             <img src="https://dl.faraghaib.ir/m/260012/26001215.jpg" alt="دسر و کیک کافه محمد">
             <img src="https://dl.faraghaib.ir/m/260012/26001215.png" alt="دسر و کیک کافه محمد">
             <p>نظارت مداوم بر سلامت تجهیزات</p>
             <p>کیک شکلاتی کنار قهوه</p>
         </div>
         </div>
         <h3 class="card-title">پشتیبانی و مانیتورینگ ۲۴ ساعته</h3>
         <h3 class="card-title">☕ پیشنهادهای کافه را ببین</h3>
     </article>
     </article>


برگرفته از «https://fa.faraghaib.ir/wiki/الگو:کانتینر_کله_قندی/کافه_محمد»