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

تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۱: / خط ۱: @@
+<html>
 <div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 10px; width: 100%;">
      <!-- آیتم ۱ -->
      <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
-<img src="https://dl.faraghaib.ir/نصب دوربین.png"" alt="توضیح سئو شده عکس اول" style="width: 100%; height: auto; border-radius: 8px;">
+<img src="https://dl.faraghaib.ir/نصب دوربین.png" alt="توضیح سئو شده عکس اول" style="width: 100%; height: auto; border-radius: 8px;">
 <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس اول</p>
      </div>
@@ خط ۹: / خط ۱۰: @@
      <!-- آیتم ۲ -->
      <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
-<img src="آدرس_عکس_2" alt="توضیح سئو شده عکس دوم" style="width: 100%; height: auto; border-radius: 8px;">
+<img src="https://dl.faraghaib.ir/فروش.png" alt="توضیح سئو شده عکس دوم" style="width: 100%; height: auto; border-radius: 8px;">
 <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس دوم</p>
      </div>
@@ خط ۱۵: / خط ۱۶: @@
      <!-- آیتم ۳ -->
      <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
-<img src="آدرس_عکس_3" alt="توضیح سئو شده عکس سوم" style="width: 100%; height: auto; border-radius: 8px;">
+<img src="https://dl.faraghaib.ir/مشاوره.png" alt="توضیح سئو شده عکس سوم" style="width: 100%; height: auto; border-radius: 8px;">
 <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس سوم</p>
      </div>
@@ خط ۲۱: / خط ۲۲: @@
      <!-- آیتم ۴ -->
      <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
-<img src="آدرس_عکس_4" alt="توضیح سئو شده عکس چهارم" style="width: 100%; height: auto; border-radius: 8px;">
+<img src="https://dl.faraghaib.ir/امنیت.png" alt="توضیح سئو شده عکس چهارم" style="width: 100%; height: auto; border-radius: 8px;">
 <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس چهارم</p>
      </div>
@@ خط ۲۷: / خط ۲۸: @@
      <!-- آیتم ۵ -->
      <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;">
-<img src="آدرس_عکس_5" alt="توضیح سئو شده عکس پنجم" style="width: 100%; height: auto; border-radius: 8px;">
+<img src="https://dl.faraghaib.ir/تعمیر.png" alt="توضیح سئو شده عکس پنجم" style="width: 100%; height: auto; border-radius: 8px;">
 <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس پنجم</p>
      </div>
 </div>
+</html>