|
|
| (یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <html> | | <html> |
| | | <div class="nikan-box"> |
| <!-- باکس خدمات چاپ و تبلیغات نعمتی -->
| | <!-- متن خود را اینجا وارد کنید --> |
| <div class="service-box"> | | <p>هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...</p> |
| <h2 class="service-title">خدمات چاپ و تبلیغات نعمتی</h2>
| |
| <div class="service-content">
| |
| <p> | |
| هنگامی که شما از <strong>خدمات چاپ و تبلیغات نعمتی</strong> بازدید میکنید، لازم نیست نگران کیفیت بنر و یا <strong>چاپ سررسید اختصاصی</strong> خود باشید. اگر قبلاً فایل خود را طراحی کردهاید، به سادگی فایلهای آماده خود را بر روی سایت ما آپلود کنید. بعد از اینکه سفارش خود را ارسال کردید، فایلهای شما را بررسی میکنیم تا اطمینان حاصل شود که فایلها دارای شرایط درست و دقیق هستند و ما در نهایت برای شما تأیید <strong>چاپ روی بنر</strong> را ارسال خواهیم کرد.
| |
| </p>
| |
| </div>
| |
| </div> | | </div> |
|
| |
| <style>
| |
| .service-box {
| |
| position: relative;
| |
| direction: rtl;
| |
| background: #ffffff;
| |
| max-width: 950px;
| |
| margin: 50px auto;
| |
| padding: 30px 40px;
| |
| border-top: 4px solid #8b1e1e;
| |
| border-left: 1px solid #e5e7eb;
| |
| border-right: 1px solid #e5e7eb;
| |
| border-bottom: none;
| |
| border-radius: 12px;
| |
| z-index: 2;
| |
| }
| |
|
| |
| .service-box::before,
| |
| .service-box::after {
| |
| content: "";
| |
| position: absolute;
| |
| bottom: -5px;
| |
| width: 45%;
| |
| height: 25px;
| |
| z-index: -1;
| |
| filter: blur(14px);
| |
| pointer-events: none;
| |
| clip-path: inset(0px -50px -50px -50px);
| |
| }
| |
|
| |
| /* سایه با Opacity 75 درصد */
| |
| .service-box::before {
| |
| right: 15px;
| |
| background: linear-gradient(
| |
| to left,
| |
| rgba(0, 0, 0, 0.75) 0%,
| |
| rgba(0, 0, 0, 0.35) 40%,
| |
| rgba(0, 0, 0, 0) 100%
| |
| );
| |
| }
| |
|
| |
| .service-box::after {
| |
| left: 15px;
| |
| background: linear-gradient(
| |
| to right,
| |
| rgba(0, 0, 0, 0.75) 0%,
| |
| rgba(0, 0, 0, 0.35) 40%,
| |
| rgba(0, 0, 0, 0) 100%
| |
| );
| |
| }
| |
|
| |
| .service-title {
| |
| margin: 0 0 22px 0;
| |
| text-align: center;
| |
| font-size: 1.5rem;
| |
| font-weight: 700;
| |
| color: #333;
| |
| }
| |
|
| |
| .service-content p {
| |
| margin: 0;
| |
| text-align: justify;
| |
| font-size: 1.05rem;
| |
| line-height: 2;
| |
| color: #374151;
| |
| }
| |
|
| |
| .service-content strong {
| |
| color: #8b1e1e;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| @media (max-width: 600px) {
| |
| .service-box {
| |
| margin: 20px 15px;
| |
| padding: 20px;
| |
| border-radius: 10px;
| |
| }
| |
| }
| |
| </style>
| |
|
| |
|
| </html> | | </html> |
هنگامی که شما از چاپ متین بازدید میکنید، لازم نیست نگران از کیفیت بنر و یا چاپ سررسید اختصاصی خود باشید...