پرش به محتوا

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

از فراغیب
دیداریویکی‌متن
صفحه‌ای تازه حاوی « <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 {...» ایجاد کرد
 
بدون خلاصۀ ویرایش
 
(۳ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
     <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 {
    /*====================================================
            --primary-green: #e6f7ef;
    Customer Comments
            --text-green: #1aaa72;
    Mobile First
            --star-color: #f9bc05;
====================================================*/
            --border-color: #f0f0f0;
 
            --yellow-active: #f9bc05;
:root{
        }
 
    --primary:#ff7900;
    --primary-light:#fff4ea;
 
    --success-bg:#edf9f2;
    --success:#198754;
 
    --card-bg:#fff;
 
    --border:#ececec;
 
    --shadow:
    0 10px 30px rgba(0,0,0,.04);
 
    --text:#333;
    --gray:#777;
 
    --star:#FDBA12;
 
    --vote:#cfcfcf;
    --vote-active:#FDBA12;
 
    --radius:16px;
 
}
 
body{
 
    margin:0;
    padding:12px;
 
    font-family:'IRANSans',Tahoma,sans-serif;
 
    background:#fafafa;
 
    color:var(--text);
 
}
 
.comments-section{
 
    width:100%;
    max-width:1000px;
 
    margin:auto;
 
    background:#fff;
 
    padding:clamp(18px,4vw,30px);
 
    border-radius:20px;
 
    box-shadow:var(--shadow);
 
    box-sizing:border-box;
 
}
 
.header-title{
 
    margin:0 0 28px;
 
    font-size:clamp(1.15rem,4vw,1.45rem);
 
    font-weight:700;
 
    padding-bottom:14px;
 
    border-bottom:2px solid var(--border);
 
}
 
.comment-card{
 
    position:relative;
 
    padding:22px 0;
 
    border-bottom:1px solid var(--border);
 
}
 
.comment-card:last-child{
 
    border-bottom:none;
 
}
 
.comment-card::before{
 
    content:"";
 
    position:absolute;
 
    right:-30px;


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


        .comments-container {
    width:5px;
            max-width: 900px;
            margin: 0 auto;
            background: #fff;
            border-radius: 12px;
            padding: 25px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }


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


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


        .comment-item:last-child {
    background:linear-gradient(
            border-bottom: none;
        to bottom,
         }
        #ff7900,
         #ffb26b
    );


        .comment-meta {
}
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
        }


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


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


        .stars {
    flex-direction:column;
            color: var(--star-color);
            letter-spacing: 2px;
        }


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


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


        .admin-reply {
}
            background-color: #fafafa;
            border-right: 4px solid #ff7900;
            padding: 15px;
            margin-top: 15px;
            font-size: 0.9rem;
            border-radius: 4px;
        }


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


        .actions {
    display:flex;
            display: flex;
            gap: 20px;
            margin-top: 15px;
        }


        .action-btn {
    align-items:center;
            display: flex;
            align-items: center;
            gap: 5px;
            cursor: pointer;
            color: #aaa;
            transition: all 0.3s ease;
            user-select: none;
            border: 1px solid #eee;
            padding: 4px 12px;
            border-radius: 8px;
        }


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


        .action-btn i {
    gap:10px;
            font-size: 1.1rem;
 
         }
    color:var(--gray);
     </style>
 
    font-size:.86rem;
 
}
 
.user-avatar{
 
    width:42px;
 
    height:42px;
 
    border-radius:50%;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    background:#fff7f1;
 
    color:var(--primary);
 
    border:1px solid #ffe1c5;
 
    flex-shrink:0;
 
}
 
.user-avatar i{
 
    font-size:15px;
 
}
 
.user-name{
 
    font-weight:700;
 
    color:#444;
 
}
 
.rating-side{
 
    display:flex;
 
    justify-content:space-between;
 
    align-items:center;
 
    gap:12px;
 
    flex-wrap:wrap;
 
}
 
.suggest-badge{
 
    background:var(--success-bg);
 
    color:var(--success);
 
    padding:7px 14px;
 
    border-radius:30px;
 
    font-size:.74rem;
 
    font-weight:700;
 
}
 
.stars-box{
 
    display:flex;
 
    align-items:center;
 
    gap:8px;
 
    padding:8px 12px;
 
    border:1px solid #f4f4f4;
 
    border-radius:12px;
 
    background:#fcfcfc;
 
    font-size:.85rem;
 
    font-weight:700;
 
}
 
.stars-gold{
 
    color:var(--star);
 
    letter-spacing:1px;
 
}
 
.comment-content h4{
 
    margin:0 0 12px;
 
    font-size:1.05rem;
 
    color:#222;
 
}
 
.comment-content p{
 
    margin:0;
 
    line-height:2;
 
    font-size:.93rem;
 
    color:#666;
 
}
 
.admin-reply{
 
    margin-top:18px;
 
    background:#fffaf6;
 
    border:1px solid #ffe2c2;
 
    border-right:4px solid var(--primary);
 
    border-radius:12px;
 
    padding:14px 16px;
 
    font-size:.86rem;
 
    line-height:1.9;
 
}
 
.reply-label{
 
    display:block;
 
    margin-bottom:6px;
 
    color:var(--primary);
 
    font-weight:700;
 
}
 
.action-area{
 
    margin-top:18px;
 
}
 
.vote-btns{
 
    display:flex;
 
    gap:10px;
 
}
 
.btn-vote{
 
    width:45px;
 
    height:45px;
 
    border-radius:12px;
 
    background:#fff;
 
    border:1px solid var(--border);
 
    cursor:pointer;
 
    color:var(--vote);
 
    font-size:18px;
 
    display:flex;
 
    justify-content:center;
 
    align-items:center;
 
}
 
.btn-vote.active{
 
    border-color:var(--vote-active);
 
    color:var(--vote-active);
 
}
 
/*============================
Tablet
============================*/
 
@media(min-width:768px){
 
    .meta-container{
 
        flex-direction:row;
 
         justify-content:space-between;
 
        align-items:center;
 
    }
 
}
 
/*============================
Desktop
============================*/
 
@media(min-width:992px){
 
     .comment-content p{
 
        font-size:.96rem;
 
    }
 
}    </style>
</head>
</head>
<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-avatar" aria-hidden="true">
                <span style="margin: 0 10px; color: #ccc;">|</span>
        <i class="fa-solid fa-user"></i>
                 <span class="rating-info">۵ <span class="stars">★★★★★</span></span>
    </span>
 
    <span class="user-name">کاربر مهمان</span>
    <span>|</span>
    <time datetime="2025-03-21">۰۱ فروردین ۱۴۰۴</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>
 
    <!-- نظر ۲ -->
    <article class="comment-card">
        <div class="meta-container">
            <div class="user-info">
    <span class="user-avatar" aria-hidden="true">
        <i class="fa-solid fa-user"></i>
    </span>


     <!-- نظر دوم -->
     <span class="user-name">کاربر مهمان</span>
     <div class="comment-item">
    <span>|</span>
        <div class="comment-meta">
     <time datetime="2025-03-21">۰۱ فروردین ۱۴۰۴</time>
            <div>
</div>
                 <span class="suggest-tag">این محصول را پیشنهاد می‌کنم</span>
            <div class="rating-side">
                 <span style="margin: 0 10px; color: #ccc;">|</span>
                 <span class="suggest-badge">این خدمات را پیشنهاد می‌کنم</span>
                <span class="rating-info">۴.۵ <span class="stars">★★★★☆</span></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>
         </div>
     </div>
     </article>
 
    <!-- نظر ۳ -->
    <article class="comment-card">
        <div class="meta-container">
            <div class="user-info">
    <span class="user-avatar" aria-hidden="true">
        <i class="fa-solid fa-user"></i>
    </span>


    <span class="user-name">کاربر مهمان</span>
    <span>|</span>
    <time datetime="2025-03-21">۰۱ فروردین ۱۴۰۴</time>
</div>
</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>
    </article>


<script>
    <!-- نظر ۴ -->
     // تابع برای تغییر رنگ دکمه‌ها به زرد هنگام کلیک
     <article class="comment-card">
    function toggleActive(element) {
        <div class="meta-container">
        element.classList.toggle('active');
            <div class="user-info">
     }
                <span class="user-name">مریم حسینی</span>
</script>
                <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>
 
</section>


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

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

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

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

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

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

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

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

بنر نمایشگاه

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

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

چاپ رنگ هاش

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

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

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

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

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