|
|
| (۱۲ نسخهٔ میانی ویرایش شده توسط یک کاربر دیگر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| | |
| <div class = "por tal-column-3-3 por tal-container-3" style = "margin-bottom: 16px; grid-column: span 3; padding: 1px; text-align: center; background: #89CFF0; border-radius: 10px; box-shadow: 2px 4px 11px 0px #becbd5; align-items: left; overflow: hidden"> | | <div class = "por tal-column-3-3 por tal-container-3" style = "margin-bottom: 16px; grid-column: span 3; padding: 1px; text-align: center; background: #89CFF0; border-radius: 10px; box-shadow: 2px 4px 11px 0px #becbd5; align-items: left; overflow: hidden"> |
| <div class = "portal-column-2-3" style = ""> | | <div class = "portal-column-2-3" style = ""> |
| خط ۵۳: |
خط ۵۴: |
| </div> | | </div> |
|
| |
|
| | | <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 style=" margin: 0px auto; padding: 10px; direction: rtl; text-align: center; | |
| background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #f0f9ff 100%); /* ایجاد رنگ پسزمینه ابر و بادی */
| |
| border-radius: 16px; /* منحنی کردن گوشههای کل باکس گالری */
| |
| box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* ایجاد سایه ملایم دور کادر */
| |
| box-sizing: border-box;">
| |
| | |
| <!-- ردیف اول: دو عکس بزرگ (همواره کنار هم در موبایل و دسکتاپ بدون شکستن خط) -->
| |
| <div style="display: flex; gap: 10px; justify-content: center; margin-bottom: 10px; width: 100%;">
| |
|
| |
| <!-- عکس بزرگ اول -->
| |
| <div style="flex: 1 1 calc(50% - 5px); max-width: 485px; min-width: 0; display: flex; flex-direction: column; align-items: center; padding: 1px;
| |
| border-radius: 15px; /* منحنی کردن گوشههای کادر تصویر بزرگ اول */">
| |
| <!-- نگهدارنده تصویر بزرگ جهت برش و همترازی با نسبت ۴:۳ -->
| |
| <div style="width: 100%; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 9px;">
| |
| <p>آقای شیری با ۲۰ سال تجربه در ساخت جلومبلی و میز عسلی، فعالیت خود را بر اساس نیازهای واقعی دکوراسیون داخلی شروع کرده است. این مجموعه روی طراحی و تولید میزهایی کار میکند که کنار مبلمان خانه و محل کار استفاده میشوند و هم زیبا هستند و هم کاربردی. هدف برند جلومبلی شیری این است که محصولاتی با کیفیت، بادوام و مناسب برای فضای داخلی ارائه کند.</p>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- عکس بزرگ -->
| |
| <div style="flex: 1 1 calc(50% - 5px); max-width: 485px; min-width: 0; display: flex; flex-direction: column; align-items: center; border: 5px solid #7ED957; background-color: #2A9D8F; padding: 1px; box-sizing: border-box;
| |
| border-radius: 15px; /* منحنی کردن گوشههای کادر تصویر بزرگ دوم */">
| |
| <!-- نگهدارنده تصویر بزرگ جهت برش و همترازی با نسبت ۴:۳ -->
| |
| <div style="width: 100%; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 9px;">
| |
| [[File:7.jpg|thumb|link=|class=not-resized|center]]
| |
| </div>
| |
| <!-- کپشن تکخطی تصویر بزرگ دوم: وسطچین، بدون کادر، با فاصله کمتر -->
| |
|
| |
| </div>
| |
| | |
| </div>
| |
| | |
|
| |
| | |
| </div> | | </div> |
