پرش به محتوا

کانتینر متن و عکس و دکمه - فراغیب

از فراغیب
تفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> ←تعریف فونت ایران سنس - فرض بر نصب بودن فونت در پروژه شماست: body { font-family: 'IRANSans', Tahoma, Arial, sans-serif; background-color: #f5f5f5; display: flex; justify-content...» ایجاد کرد
 
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
 
<html>
<html lang="fa" dir="rtl">
<div class="nemati-wrapper">
<head>
     <div class="nemati-image">
    <meta charset="UTF-8">
         <!-- آدرس تصویر خود را اینجا قرار دهید -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <img src="آدرس-تصویر-شما.png" alt="بررسی کیفیت فایل - خدمات چاپ و تبلیغات نعمتی">
    <style>
        /* تعریف فونت ایران سنس - فرض بر نصب بودن فونت در پروژه شماست */
        body {
            font-family: 'IRANSans', Tahoma, Arial, sans-serif;
            background-color: #f5f5f5;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
        }
 
        .promo-container {
            background: #fff;
            border-radius: 40px; /* گردی گوشه‌ها مطابق تصویر */
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            max-width: 1000px;
            width: 95%;
            display: flex;
            flex-direction: row;
            overflow: hidden;
            padding: 30px;
            align-items: center;
            gap: 20px;
            border: 1px solid #f0f0f0;
        }
 
        /* بخش تصویر */
        .promo-image {
            flex: 1;
            max-width: 350px;
            display: flex;
            justify-content: center;
        }
        .promo-image img {
            width: 100%;
            height: auto;
            border-radius: 25px;
        }
 
        /* بخش محتوا */
        .promo-content {
            flex: 2;
            padding: 10px 20px;
        }
 
        .promo-content h2 {
            font-size: 1.6rem;
            color: #333;
            margin-bottom: 15px;
            font-weight: bold;
        }
 
        .promo-content p {
            font-size: 1rem;
            line-height: 1.8;
            color: #555;
            text-align: justify;
            margin-bottom: 25px;
        }
 
        .brand-name {
            color: #e67e22; /* رنگ برند */
            font-weight: 800;
        }
 
        /* بخش دکمه‌ها */
        .promo-actions {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }
 
        .btn {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 12px 25px;
            border-radius: 15px;
            text-decoration: none;
            font-weight: bold;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            border: 2px solid #e0e0e0;
            color: #444;
            flex: 1;
            min-width: 180px;
        }
 
        .btn:hover {
            background-color: #f9f9f9;
            border-color: #ccc;
        }
 
        .btn-icon {
            margin-left: 10px;
            width: 24px;
            height: 24px;
            background: #eee;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 0.8rem;
        }
 
        /* ریسپانسیو برای موبایل */
        @media (max-width: 768px) {
            .promo-container {
                flex-direction: column;
                text-align: center;
                border-radius: 30px;
                padding: 20px;
            }
            .promo-content p {
                text-align: center;
            }
            .promo-actions {
                justify-content: center;
            }
            .promo-image {
                max-width: 250px;
            }
        }
    </style>
</head>
<body>
 
<section class="promo-container">
    <!-- تصویر برداری (SVG یا PNG) -->
     <div class="promo-image">
         <!-- جایگزین تصویر شما -->
         <img src="https://img.freepik.com/free-vector/flat-design-illustration-customer-support_23-2148887720.jpg" alt="بررسی کیفیت فایل چاپ نعمتی">
     </div>
     </div>
 
     <div class="nemati-text">
     <div class="promo-content">
         <h2>آیا فایل طرح شما برای چاپ مناسب است؟</h2>
         <h2>آیا فایل طرح شما برای چاپ مناسب است؟</h2>
         <p>
         <p>
             برای داشتن یک چاپ باکیفیت و حرفه‌ای، داشتن فایل استاندارد الزامی است. در مجموعه <strong>خدمات چاپ و تبلیغات نعمتی</strong>، تمامی فایل‌های ارسالی شما توسط کارشناسان ما به صورت تخصصی بررسی می‌شوند. اگر فایل آماده ندارید، نگران نباشید! شما می‌توانید از ابزار طراحی آنلاین ما استفاده کنید و یا طراحی اختصاصی خود را به تیم خلاق <strong>خدمات چاپ و تبلیغات نعمتی</strong> بسپارید تا بهترین نتیجه را دریافت کنید.
             برای داشتن یک چاپ باکیفیت و حرفه‌ای، فایل ارسالی باید دارای استانداردهای گرافیکی باشد. در مجموعه <b>خدمات چاپ و تبلیغات نعمتی</b>، تمامی پروژه‌های شما توسط کارشناسان خبره به صورت تخصصی بررسی می‌شوند. اگر فایل آماده ندارید، می‌توانید از ابزار طراحی آنلاین استفاده کنید یا طراحی اختصاصی خود را به تیم <b>خدمات چاپ و تبلیغات نعمتی</b> بسپارید.
         </p>
         </p>
 
         <div class="nemati-btns">
         <div class="promo-actions">
             <a href="/wiki/راهنمای-آماده-سازی-فایل" class="nemati-btn">فایل مناسب چاپ چگونه است</a>
            <!-- دکمه سمت راست با متن درخواستی شما -->
            <a href="/wiki/ثبت-سفارش-طراحی" class="nemati-btn">نیاز به طراحی دارم</a>
             <a href="#" class="btn">
                <span>فایل مناسب چاپ چگونه است</span>
                <span class="btn-icon">✓</span>
            </a>
            <!-- دکمه سمت چپ -->
            <a href="#" class="btn">
                <span>نیاز به طراحی دارم</span>
                <span class="btn-icon">✎</span>
            </a>
         </div>
         </div>
     </div>
     </div>
</section>
</div>
 
</body>
</html>
</html>

نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۹:۳۰

بررسی کیفیت فایل - خدمات چاپ و تبلیغات نعمتی

آیا فایل طرح شما برای چاپ مناسب است؟

برای داشتن یک چاپ باکیفیت و حرفه‌ای، فایل ارسالی باید دارای استانداردهای گرافیکی باشد. در مجموعه خدمات چاپ و تبلیغات نعمتی، تمامی پروژه‌های شما توسط کارشناسان خبره به صورت تخصصی بررسی می‌شوند. اگر فایل آماده ندارید، می‌توانید از ابزار طراحی آنلاین استفاده کنید یا طراحی اختصاصی خود را به تیم خدمات چاپ و تبلیغات نعمتی بسپارید.

فایل مناسب چاپ چگونه است نیاز به طراحی دارم

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=الگو:کانتینر_متن_و_عکس_و_دکمه&oldid=3454»