|
|
| خط ۱: |
خط ۱: |
| <div style="display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; justify-content: center; align-items: flex-start; width: 100%; margin: 15px 0; box-sizing: border-box;"> | | <div style="display:flex; flex-direction:row; flex-wrap:wrap; gap:10px; justify-content:center; align-items:flex-start; width:100%; margin:5px 0;"> |
|
| |
| <!-- آیتم ۱ -->
| |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| |
| <div class="wiki-3d-circle" >
| |
| <!-- قاب سفید داخلی -->
| |
| <div class="wiki-3d-inner-frame-circle" >
| |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:نصب دوربین.png|150px|center|alt=توضیح سئو شده عکس اول درباره دوربین امنیتی یا دزدگیر]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس اول</p>
| |
|
| |
|
| | <div style="border: 1px solid #89CFF0;display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;"> |
| | {{کانتینرعکس دایره |
| | |تصویر = نصب دوربین.png |
| | |کپشن= نصب دوربین |
| | }} |
| | </div> |
|
| |
|
| <!-- آیتم ۲ -->
| | <div style="display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;"> |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| | {{کانتینرعکس دایره |
| <div class="wiki-3d-circle" > | | |تصویر = نصب دوربین.png |
| <!-- قاب سفید داخلی -->
| | |کپشن= نصب دوربین |
| <div class="wiki-3d-inner-frame-circle" >
| | }} |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| | </div> |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:فروش.png|150px|center|alt=توضیح سئو شده عکس دوم]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس دوم</p>
| |
|
| |
|
| | <div style="display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;"> |
| | {{کانتینرعکس دایره |
| | |تصویر = نصب دوربین.png |
| | |کپشن= نصب دوربین |
| | }} |
| | </div> |
|
| |
|
| <!-- آیتم ۳ -->
| | <div style="display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;"> |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| | {{کانتینرعکس دایره |
| <div class="wiki-3d-circle" > | | |تصویر = نصب دوربین.png |
| <!-- قاب سفید داخلی -->
| | |کپشن= نصب دوربین |
| <div class="wiki-3d-inner-frame-circle" >
| | }} |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| | </div> |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:مشاوره.png|150px|center|alt=توضیح سئو شده عکس سوم]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس سوم</p>
| |
|
| |
|
| | | <div style="display:flex; flex-direction:row; align-items:center; gap:8px; flex:1 1 16%; max-width:250px;"> |
| <!-- آیتم ۴ -->
| | {{کانتینرعکس دایره |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| | |تصویر = نصب دوربین.png |
| <div class="wiki-3d-circle" > | | |کپشن= نصب دوربین |
| <!-- قاب سفید داخلی -->
| | }} |
| <div class="wiki-3d-inner-frame-circle" >
| | </div> |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:امنیت.png|150px|center|alt=توضیح سئو شده عکس چهارم]]
| |
| </div>
| |
| </div>
| |
| </div>
| |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس چهارم</p>
| |
|
| |
| | |
| <!-- آیتم ۵ -->
| |
| <!-- دایره سهبعدی بیرونی با کلاس انیمیشن هاور -->
| |
| <div class="wiki-3d-circle" >
| |
| <!-- قاب سفید داخلی -->
| |
| <div class="wiki-3d-inner-frame-circle" >
| |
| <!-- نگهدارنده تصویر با قابلیت فیت شدن خودکار -->
| |
| <div class="wiki-3d-image-wrapper">
| |
| [[پرونده:تعمیر.png|150px|center|alt=توضیح سئو شده عکس پنجم]]
| |
| </div>
| |
| </div>
| |
| </div> | |
| <p style="font-size: 14px; margin-top: 8px; color: #333; line-height: 1.6;">کپشن و توضیح عکس پنجم</p>
| |
|
| |
|
| </div> | | </div> |