پرش به محتوا

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

از فراغیب
صفحه‌ای تازه حاوی « <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>
     <!-- متن در سمت چپ قرار گرفت -->
    <meta charset="UTF-8">
     <div class="nemati-text">
    <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: 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 class="promo-content">
         <h2>آیا فایل طرح شما برای چاپ مناسب است؟</h2>
         <h2>آیا فایل طرح شما برای چاپ مناسب است؟</h2>
         <p>
         <p>
             برای داشتن یک چاپ باکیفیت و حرفه‌ای، داشتن فایل استاندارد الزامی است. در مجموعه <strong>خدمات چاپ و تبلیغات نعمتی</strong>، تمامی فایل‌های ارسالی شما توسط کارشناسان ما به صورت تخصصی بررسی می‌شوند. اگر فایل آماده ندارید، نگران نباشید! شما می‌توانید از ابزار طراحی آنلاین ما استفاده کنید و یا طراحی اختصاصی خود را به تیم خلاق <strong>خدمات چاپ و تبلیغات نعمتی</strong> بسپارید تا بهترین نتیجه را دریافت کنید.
             برای داشتن یک چاپ باکیفیت و حرفه‌ای، فایل ارسالی باید دارای استانداردهای گرافیکی باشد. در مجموعه <b>خدمات چاپ و تبلیغات نعمتی</b>، تمامی پروژه‌های شما توسط کارشناسان خبره به صورت تخصصی بررسی می‌شوند. اگر فایل آماده ندارید، می‌توانید از ابزار طراحی آنلاین استفاده کنید یا طراحی اختصاصی خود را به تیم <b>خدمات چاپ و تبلیغات نعمتی</b> بسپارید.
         </p>
         </p>
        <!-- دکمه‌ها به سمت راست منتقل شدند -->
        <div class="nemati-btns">
            <a href="/wiki/راهنمای-آماده-سازی-فایل" class="nemati-btn">فایل مناسب چاپ چگونه است</a>
            <a href="/wiki/ثبت-سفارش-طراحی" class="nemati-btn">نیاز به طراحی دارم</a>
        </div>
    </div>


        <div class="promo-actions">
    <!-- عکس در سمت راست قرار گرفت -->
            <!-- دکمه سمت راست با متن درخواستی شما -->
    <div class="nemati-image">
            <a href="#" class="btn">
        <!-- آدرس تصویر خود را اینجا قرار دهید -->
                <span>فایل مناسب چاپ چگونه است</span>
        <img src="https://dl.faraghaib.ir/m/107/m107chap5.png" alt="بررسی کیفیت فایل - خدمات چاپ و تبلیغات نعمتی">
                <span class="btn-icon">✓</span>
            </a>
            <!-- دکمه سمت چپ -->
            <a href="#" class="btn">
                <span>نیاز به طراحی دارم</span>
                <span class="btn-icon">✎</span>
            </a>
        </div>
     </div>
     </div>
</section>
</div>


</body>
</html>
</html>
https://dl.faraghaib.ir/m/107/m107chap5.png

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

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

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

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

https://dl.faraghaib.ir/m/107/m107chap5.png