کانتینر دایره های کنار هم - فراغیب
Esfandiari (بحث | مشارکتها) صفحهای تازه حاوی «<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;"> <p style="font-size: 14px; ma...» ایجاد کرد |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html> | |||
<div style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 10px; width: 100%;"> | <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;"> | <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | ||
<img src="https://dl.faraghaib.ir/نصب دوربین.png | <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> | <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس اول</p> | ||
</div> | </div> | ||
| خط ۹: | خط ۱۰: | ||
<!-- آیتم ۲ --> | <!-- آیتم ۲ --> | ||
<div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | ||
<img src=" | <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> | <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس دوم</p> | ||
</div> | </div> | ||
| خط ۱۵: | خط ۱۶: | ||
<!-- آیتم ۳ --> | <!-- آیتم ۳ --> | ||
<div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | ||
<img src=" | <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> | <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس سوم</p> | ||
</div> | </div> | ||
| خط ۲۱: | خط ۲۲: | ||
<!-- آیتم ۴ --> | <!-- آیتم ۴ --> | ||
<div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | ||
<img src=" | <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> | <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس چهارم</p> | ||
</div> | </div> | ||
| خط ۲۷: | خط ۲۸: | ||
<!-- آیتم ۵ --> | <!-- آیتم ۵ --> | ||
<div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | <div style="flex: 1 1 18%; min-width: 150px; text-align: center; margin-bottom: 15px;"> | ||
<img src=" | <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> | <p style="font-size: 14px; margin-top: 8px; color: #333;">کپشن عکس پنجم</p> | ||
</div> | </div> | ||
</div> | </div> | ||
</html> | |||
نسخهٔ ۱۳ ژوئیهٔ ۲۰۲۶، ساعت ۰۷:۱۷
کپشن عکس اول
کپشن عکس دوم
کپشن عکس سوم
کپشن عکس چهارم
کپشن عکس پنجم