پرش به محتوا

نظرات مشتری - فراغیب

از فراغیب
تفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>نظرات مشتریان - چاپ نعمتی</title> <style> :root { --primary-green: #e6f7ef; --text-green: #1aaa72; --star-color: #f9bc05; --border-color: #f0f0f0; --yellow-active: #f9bc05; } body {...» ایجاد کرد
 
بدون خلاصۀ ویرایش
خط ۴: خط ۴:
     <meta charset="UTF-8">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>نظرات مشتریان - چاپ نعمتی</title>
     <title>نظرات مشتریان - چاپ و تبلیغات نعمتی</title>
     <style>
     <style>
         :root {
         :root {
خط ۱۲: خط ۱۲:
             --border-color: #f0f0f0;
             --border-color: #f0f0f0;
             --yellow-active: #f9bc05;
             --yellow-active: #f9bc05;
            --gray-text: #888;
         }
         }


         body {
         body {
             font-family: 'IRANSans', Tahoma, sans-serif;
             font-family: 'IRANSans', Tahoma, sans-serif;
             background-color: #f5f5f5;
             background-color: #fcfcfc;
             padding: 20px;
             padding: 20px;
             color: #444;
             color: #333;
         }
         }


         .comments-container {
         .comments-section {
             max-width: 900px;
             max-width: 900px;
             margin: 0 auto;
             margin: 0 auto;
خط ۲۷: خط ۲۸:
             border-radius: 12px;
             border-radius: 12px;
             padding: 25px;
             padding: 25px;
             box-shadow: 0 4px 15px rgba(0,0,0,0.05);
             box-shadow: 0 2px 15px rgba(0,0,0,0.04);
         }
         }


         .header-title {
         .header-title {
             font-size: 1.2rem;
             font-size: 1.3rem;
             font-weight: bold;
             font-weight: bold;
             margin-bottom: 20px;
             margin-bottom: 20px;
             border-bottom: 2px solid var(--border-color);
             border-bottom: 2px solid var(--border-color);
             padding-bottom: 10px;
             padding-bottom: 12px;
         }
         }


         .comment-item {
         .comment-card {
             padding: 20px 0;
             padding: 20px 0;
             border-bottom: 1px solid var(--border-color);
             border-bottom: 1px solid var(--border-color);
         }
         }


         .comment-item:last-child {
         .comment-card:last-child {
             border-bottom: none;
             border-bottom: none;
         }
         }


         .comment-meta {
        /* چیدمان نام و تاریخ در راست، پیشنهاد و ستاره در چپ */
         .meta-container {
             display: flex;
             display: flex;
             justify-content: space-between;
             justify-content: space-between;
             align-items: center;
             align-items: center;
            flex-wrap: wrap;
             margin-bottom: 15px;
             margin-bottom: 15px;
            gap: 10px;
        }
        .user-info {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 0.85rem;
            color: var(--gray-text);
        }
        .user-name {
            font-weight: bold;
            color: #555;
        }
        .rating-side {
            display: flex;
            align-items: center;
            gap: 12px;
         }
         }


         .suggest-tag {
         .suggest-badge {
             background-color: var(--primary-green);
             background-color: var(--primary-green);
             color: var(--text-green);
             color: var(--text-green);
             padding: 5px 15px;
             padding: 4px 12px;
             border-radius: 20px;
             border-radius: 20px;
             font-size: 0.85rem;
             font-size: 0.75rem;
            display: inline-flex;
            align-items: center;
         }
         }


         .rating-info {
         .stars-box {
            font-size: 0.9rem;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 10px;
             gap: 4px;
            font-size: 0.9rem;
            color: #888;
         }
         }


         .stars {
         .stars-gold {
             color: var(--star-color);
             color: var(--star-color);
             letter-spacing: 2px;
             letter-spacing: 1px;
         }
         }


         .comment-content h4 {
         .comment-content h4 {
             margin: 10px 0;
             margin: 0 0 10px 0;
             font-size: 1rem;
             font-size: 1.05rem;
            color: #333;
         }
         }


         .comment-content p {
         .comment-content p {
             font-size: 0.95rem;
             font-size: 0.9rem;
            color: #666;
             line-height: 1.8;
             line-height: 1.8;
            color: #666;
             margin-bottom: 15px;
             margin-bottom: 15px;
         }
         }


        /* پاسخ مدیریت */
         .admin-reply {
         .admin-reply {
             background-color: #fafafa;
             background-color: #fafafa;
             border-right: 4px solid #ff7900;
             border-right: 4px solid #ff7900;
             padding: 15px;
             padding: 12px 15px;
             margin-top: 15px;
             margin-top: 10px;
             font-size: 0.9rem;
             font-size: 0.85rem;
             border-radius: 4px;
             border-radius: 4px;
         }
         }


         .admin-reply span {
         .reply-label {
             color: #ff7900;
             color: #ff7900;
             font-weight: bold;
             font-weight: bold;
             display: block;
             display: block;
             margin-bottom: 5px;
             margin-bottom: 3px;
         }
         }


         .actions {
        /* دکمه‌های لایک و دیس لایک در سمت چپ بدون عدد */
         .action-area {
             display: flex;
             display: flex;
             gap: 20px;
             justify-content: flex-start; /* لایک‌ها در سمت چپ قرار می‌گیرند */
             margin-top: 15px;
             margin-top: 15px;
         }
         }


         .action-btn {
         .vote-btns {
             display: flex;
             display: flex;
            align-items: center;
             gap: 10px;
             gap: 5px;
        }
            cursor: pointer;
 
            color: #aaa;
        .btn-vote {
            transition: all 0.3s ease;
             background: none;
             user-select: none;
             border: 1px solid #eee;
             border: 1px solid #eee;
             padding: 4px 12px;
             padding: 5px 15px;
             border-radius: 8px;
             border-radius: 8px;
            cursor: pointer;
            color: #ccc;
            transition: 0.3s;
            font-size: 1.1rem;
         }
         }


        /* کلاس فعال برای تغییر رنگ به زرد */
         .btn-vote.active {
         .action-btn.active {
             color: var(--yellow-active);
             color: var(--yellow-active);
             border-color: var(--yellow-active);
             border-color: var(--yellow-active);
         }
         }


         .action-btn i {
         /* ریسپانسیو برای موبایل */
             font-size: 1.1rem;
        @media (max-width: 600px) {
            .meta-container {
                flex-direction: column-reverse;
                align-items: flex-start;
             }
            .rating-side {
                width: 100%;
                justify-content: space-between;
                margin-bottom: 5px;
            }
         }
         }
     </style>
     </style>
خط ۱۳۸: خط ۱۷۰:
<body>
<body>


<div class="comments-container">
<section class="comments-section">
     <div class="header-title">نظرات مشتریان چاپ نعمتی</div>
     <h2 class="header-title">نظرات مشتریان چاپ نعمتی</h2>


     <!-- نظر اول -->
     <!-- نظر ۱ -->
     <div class="comment-item">
     <article class="comment-card">
         <div class="comment-meta">
         <div class="meta-container">
             <div>
             <div class="user-info">
                 <span class="suggest-tag">این محصول را پیشنهاد می‌کنم</span>
                 <span class="user-name">کاربر مهمان</span>
                 <span style="margin: 0 10px; color: #ccc;">|</span>
                 <span>|</span>
                 <span class="rating-info">۵ <span class="stars">★★★★★</span></span>
                <time>۰۱ فروردین ۱۴۰۴</time>
            </div>
            <div class="rating-side">
                <span class="suggest-badge">این خدمات را پیشنهاد می‌کنم</span>
                 <div class="stars-box">۵ <span class="stars-gold">★★★★★</span></div>
             </div>
             </div>
            <div style="font-size: 0.85rem; color: #999;">۱۴ فروردین ۱۴۰۴ | کاربر مهمان</div>
         </div>
         </div>
         <div class="comment-content">
         <div class="comment-content">
             <h4>کیفیت چاپ عالی و قیمت منصفانه</h4>
             <h4>کیفیت چاپ عالی و قیمت منصفانه</h4>
             <p>دقت چاپ و وضوح رنگ‌ها واقعاً راضی‌کننده بود. پانج‌ها هم دقیق و تمیز انجام شده بود. از نظر قیمت هم نسبت به کیفیت کاملاً منطقی بود.</p>
             <p>دقت چاپ و وضوح رنگ‌ها واقعاً راضی‌کننده بود. پانج‌ها هم دقیق و تمیز انجام شده بود. از نظر قیمت هم نسبت به کیفیت کاملاً منطقی بود.</p>
           
             <div class="admin-reply">
             <div class="admin-reply">
                 <span>پاسخ چاپ نعمتی:</span>
                 <span class="reply-label">پاسخ چاپ نعمتی:</span>
                 سلام جناب آقای نعمتی عزیز، ممنون از حسن انتخاب و اعتماد شما به مجموعه ما.
                 سلام کاربر مهمان عزیز، ممنون از حسن انتخاب شما و اشتراک‌گذاری تجربه‌تان.
             </div>
             </div>
         </div>
         </div>
         <div class="actions">
         <div class="action-area">
             <div class="action-btn" onclick="toggleActive(this)"> <span>۰</span> 👍 </div>
             <div class="vote-btns">
            <div class="action-btn" onclick="toggleActive(this)"> <span>۰</span> 👎 </div>
                <button class="btn-vote" onclick="this.classList.toggle('active')">👍</button>
                <button class="btn-vote" onclick="this.classList.toggle('active')">👎</button>
            </div>
         </div>
         </div>
     </div>
     </article>


     <!-- نظر دوم -->
     <!-- نظر ۲ -->
     <div class="comment-item">
     <article class="comment-card">
         <div class="comment-meta">
         <div class="meta-container">
             <div>
             <div class="user-info">
                 <span class="suggest-tag">این محصول را پیشنهاد می‌کنم</span>
                 <span class="user-name">امیر امیری</span>
                 <span style="margin: 0 10px; color: #ccc;">|</span>
                 <span>|</span>
                 <span class="rating-info">۴.۵ <span class="stars">★★★★☆</span></span>
                <time>۲۱ بهمن ۱۴۰۴</time>
            </div>
            <div class="rating-side">
                <span class="suggest-badge">این خدمات را پیشنهاد می‌کنم</span>
                 <div class="stars-box">۴.۵ <span class="stars-gold">★★★★☆</span></div>
             </div>
             </div>
            <div style="font-size: 0.85rem; color: #999;">۲۰ اردیبهشت ۱۴۰۵ | امیر امیری</div>
         </div>
         </div>
         <div class="comment-content">
         <div class="comment-content">
خط ۱۸۰: خط ۲۱۹:
             <p>بنر نمایشگاه ما رو کار کردن، ما چون توی این ۴ سال مشتری ثابت چاپ نعمتی هستیم، بنر رو هم از خودشون گرفتیم و مثل همیشه عالی بود.</p>
             <p>بنر نمایشگاه ما رو کار کردن، ما چون توی این ۴ سال مشتری ثابت چاپ نعمتی هستیم، بنر رو هم از خودشون گرفتیم و مثل همیشه عالی بود.</p>
         </div>
         </div>
         <div class="actions">
         <div class="action-area">
             <div class="action-btn" onclick="toggleActive(this)"> <span>۲</span> 👍 </div>
             <div class="vote-btns">
             <div class="action-btn" onclick="toggleActive(this)"> <span>۰</span> 👎 </div>
                <button class="btn-vote" onclick="this.classList.toggle('active')">👍</button>
                <button class="btn-vote" onclick="this.classList.toggle('active')">👎</button>
            </div>
        </div>
    </article>
 
    <!-- نظر ۳ -->
    <article class="comment-card">
        <div class="meta-container">
            <div class="user-info">
                <span class="user-name">سجاد رضایی</span>
                <span>|</span>
                <time>۱۵ تیر ۱۴۰۵</time>
            </div>
            <div class="rating-side">
                <span class="suggest-badge">این خدمات را پیشنهاد می‌کنم</span>
                <div class="stars-box">۴ <span class="stars-gold">★★★★☆</span></div>
             </div>
        </div>
        <div class="comment-content">
            <h4>چاپ رنگ هاش</h4>
            <p>چاپ رنگ هاش خوب بود ولی یه مقدار با تاخیر ارسال کردن در کل خوبه و کیفیت کاغذ بسیار بالا بود.</p>
            <div class="admin-reply">
                <span class="reply-label">پاسخ چاپ نعمتی:</span>
                سلام سجاد رضایی عزیز، بابت تاخیر پوزش می‌طلبیم؛ تلاش می‌کنیم در سفارشات بعدی سریع‌تر در خدمت شما باشیم.
            </div>
        </div>
        <div class="action-area">
            <div class="vote-btns">
                <button class="btn-vote" onclick="this.classList.toggle('active')">👍</button>
                <button class="btn-vote" onclick="this.classList.toggle('active')">👎</button>
            </div>
         </div>
         </div>
     </div>
     </article>


</div>
    <!-- نظر ۴ -->
    <article class="comment-card">
        <div class="meta-container">
            <div class="user-info">
                <span class="user-name">مریم حسینی</span>
                <span>|</span>
                <time>۰۵ آذر ۱۴۰۵</time>
            </div>
            <div class="rating-side">
                <span class="suggest-badge">این خدمات را پیشنهاد می‌کنم</span>
                <div class="stars-box">۵ <span class="stars-gold">★★★★★</span></div>
            </div>
        </div>
        <div class="comment-content">
            <h4>طراحی کارت ویزیت و تراکت</h4>
            <p>واقعا از طراحی حرفه‌ای و سرعت عمل تیم نعمتی ممنونم. رنگ‌ها دقیقا همونی بود که توی مانیتور می‌دیدم.</p>
        </div>
        <div class="action-area">
            <div class="vote-btns">
                <button class="btn-vote" onclick="this.classList.toggle('active')">👍</button>
                <button class="btn-vote" onclick="this.classList.toggle('active')">👎</button>
            </div>
        </div>
    </article>


<script>
</section>
    // تابع برای تغییر رنگ دکمه‌ها به زرد هنگام کلیک
    function toggleActive(element) {
        element.classList.toggle('active');
    }
</script>


</body>
</body>
</html>
</html>

نسخهٔ ‏۲۰ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۴۷

نظرات مشتریان - چاپ و تبلیغات نعمتی

نظرات مشتریان چاپ نعمتی

این خدمات را پیشنهاد می‌کنم
۵ ★★★★★

کیفیت چاپ عالی و قیمت منصفانه

دقت چاپ و وضوح رنگ‌ها واقعاً راضی‌کننده بود. پانج‌ها هم دقیق و تمیز انجام شده بود. از نظر قیمت هم نسبت به کیفیت کاملاً منطقی بود.

پاسخ چاپ نعمتی: سلام کاربر مهمان عزیز، ممنون از حسن انتخاب شما و اشتراک‌گذاری تجربه‌تان.
این خدمات را پیشنهاد می‌کنم
۴.۵ ★★★★☆

بنر نمایشگاه

بنر نمایشگاه ما رو کار کردن، ما چون توی این ۴ سال مشتری ثابت چاپ نعمتی هستیم، بنر رو هم از خودشون گرفتیم و مثل همیشه عالی بود.

این خدمات را پیشنهاد می‌کنم
۴ ★★★★☆

چاپ رنگ هاش

چاپ رنگ هاش خوب بود ولی یه مقدار با تاخیر ارسال کردن در کل خوبه و کیفیت کاغذ بسیار بالا بود.

پاسخ چاپ نعمتی: سلام سجاد رضایی عزیز، بابت تاخیر پوزش می‌طلبیم؛ تلاش می‌کنیم در سفارشات بعدی سریع‌تر در خدمت شما باشیم.
این خدمات را پیشنهاد می‌کنم
۵ ★★★★★

طراحی کارت ویزیت و تراکت

واقعا از طراحی حرفه‌ای و سرعت عمل تیم نعمتی ممنونم. رنگ‌ها دقیقا همونی بود که توی مانیتور می‌دیدم.

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=الگو:نظرات_مشتری&oldid=3444»