چاپ و تبلیغات برادران نعمتی: تفاوت میان نسخه‌ها

esfandiari>Javid
بدون خلاصۀ ویرایش
جز ۱۵ نسخه واردشده
 
(۷ نسخهٔ میانی ویرایش شده توسط یک کاربر دیگر نشان داده نشد)
خط ۱: خط ۱:
{{منوی اصلی/نعمتی}}


<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>خدمات چاپ و تبلیغات نعمتی</title>
<meta charset="UTF-8">
 
<meta name="viewport"
      content="width=device-width, initial-scale=1.0">
 
<title>
چاپ و تبلیغات | چاپ تراکت، پوستر، کارت ویزیت و خدمات تبلیغاتی
</title>
 
<meta name="description"
content="خدمات چاپ و تبلیغات شامل چاپ تراکت، پوستر، کارت ویزیت، بنر، فلکس، هولوگرام و طراحی لوگو با کیفیت بالا و قیمت مناسب. سفارش چاپ و تبلیغات حرفه‌ای.">
 
<meta name="keywords"
content="چاپ و تبلیغات, چاپ تراکت, چاپ پوستر, چاپ کارت ویزیت, چاپ هولوگرام, چاپ بنر, چاپ فلکس, طراحی لوگو, خدمات چاپ, تبلیغات">
 
<meta name="robots"
content="index, follow">
 
<meta name="author"
content="چاپ و تبلیغات">
 
<link rel="canonical"
      href="https://example.com/">
 
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
 
 
<style>
 
/* =====================================================
  RESET
===================================================== */
 
* {
    box-sizing:border-box;
    margin:0;
    padding:0;
}
 
html {
    scroll-behavior:smooth;
}
 
body {
 
    font-family:
        IRANSans,
        Tahoma,
        Arial,
        sans-serif;
 
    background:#fff;
 
    color:#202124;
 
    line-height:1.9;
 
    overflow-x:hidden;
 
}
 
img {
 
    display:block;
 
    max-width:100%;
 
    height:auto;
 
}
 
a {
 
    text-decoration:none;
 
    color:inherit;
 
}
 
 
/* =====================================================
  VARIABLES
===================================================== */
 
:root {
 
    /* =========================
      رنگ اصلی - سبز
    ========================= */
 
    --primary: #20b957;
 
    /* سبز تیره برای هاور و بخش‌های مهم */
    --primary-dark: #168a40;
 
 
    /* =========================
      رنگ مکمل سوم - سرمه‌ای
    ========================= */
 
    --secondary: #16324f;
 
 
    /* =========================
      طلایی - رنگ تأکیدی
    ========================= */
 
    --accent: #d4a72c;
 
    /* طلایی روشن برای جزئیات و آیکون‌ها */
    --gold-light: #f2c94c;
 
    /* طلایی تیره برای هاور */
    --gold-dark: #b88916;
 
 
    /* =========================
      رنگ‌های خنثی
    ========================= */
 
    --light: #f7f8fa;
 
    --white: #ffffff;
 
    --text: #202124;
 
    --muted: #6b7280;
 
    --border: #e5e7eb;
 
 
    /* =========================
      سایه
    ========================= */
 
    --shadow:
        0 8px 20px rgba(0,0,0,.08);
 
 
    /* =========================
      عرض اصلی
    ========================= */
 
    --max-width: 1200px;
}
 
 
 
/* =====================================================
  MAIN CONTAINER
===================================================== */
 
.container {
 
    width:92%;
 
    max-width:var(--max-width);
 
    margin-left:auto !important;
 
    margin-right:auto !important;
 
}
 
 
/* =====================================================
  HEADER
===================================================== */
 
.header {
 
    position:sticky;
 
    top:0;
 
    z-index:1000;
 
    background:rgba(255,255,255,.97);
 
    backdrop-filter:blur(12px);
 
    border-bottom:1px solid var(--border);
 
}
 
.header-inner {
 
    min-height:70px;
 
    display:flex;
 
    align-items:center;
 
    justify-content:space-between;
 
    gap:15px;
 
}
 
.logo {
 
    display:flex;
 
    align-items:center;
 
    gap:10px;
 
    font-size:18px;
 
    font-weight:900;
 
    white-space:nowrap;
 
}
 
.logo-icon {
 
    width:42px;
 
    height:42px;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    background:var(--primary);
 
    color:#fff;
 
    border-radius:12px;
 
    font-size:20px;
 
}
 
.desktop-menu {
 
    display:none;
 
}
 
.header-call {
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    width:44px;
 
    height:44px;
 
    border-radius:12px;
 
    background:#fff0f1;
 
    color:var(--primary);
 
    font-size:18px;
 
}
 
 
/* =====================================================
  TOP BANNER
===================================================== */
 
.top-banner {
 
    width:100%;
 
    text-align:center;
 
    margin:0 auto;
 
    padding: 0px 0px  20px  0px ;
 
}
 
.top-banner-inner {
 
    display:block;
 
    width:100%;
 
    max-width:1200px;
 
    margin:0 auto;
 
    overflow:hidden;
 
    border-radius:8px;
 
}
 
.top-banner img {
 
    width:100%;
 
    height:auto;
 
    margin:0 auto;
 
}
 
 
/* =====================================================
  HERO
===================================================== */
 
.hero {
 
    padding:20px 0 30px;
 
}
 
.hero-box {
 
    position:relative;
 
    min-height:480px;
 
    border-radius:24px;
 
    overflow:hidden;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    text-align:center;
 
    background:
    linear-gradient(
        135deg,
        rgba(17,24,39,.96),
        rgba(17,24,39,.72)
    );
 
}
 
.hero-bg {
 
    position:absolute;
 
    inset:0;
 
    background-image:
    url("https://images.unsplash.com/photo-1586953208448-b95a79798f07?auto=format&fit=crop&w=1600&q=80");
 
    background-size:cover;
 
    background-position:center;
 
    opacity:.38;
 
}
 
.hero-overlay {
 
    position:absolute;
 
    inset:0;
 
    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.9),
        rgba(0,0,0,.45)
    );
 
}
 
.hero-content {
 
    position:relative;
 
    z-index:2;
 
    color:#fff;
 
    width:100%;
 
    max-width:750px;
 
    margin-left:auto;
 
    margin-right:auto;
 
    padding:35px 25px;
 
    text-align:center;
 
}
 
.hero-badge {
 
    display:inline-flex;
 
    align-items:center;
 
    justify-content:center;
 
    padding:5px 13px;
 
    margin-bottom:14px;
 
    background:rgba(255,183,3,.15);
 
    border:1px solid rgba(255,183,3,.5);
 
    color:var(--accent);
 
    border-radius:50px;
 
    font-size:13px;
 
    font-weight:bold;
 
}
 
.hero h1 {
 
    font-size:clamp(28px,7vw,54px);
 
    line-height:1.35;
 
    margin-bottom:15px;
 
    font-weight:900;
 
    text-align:center;
 
}
 
.hero h1 span {
 
    color:var(--accent);
 
}
 
.hero p {
 
    color:#f1f1f1;
 
    font-size:15px;
 
    max-width:650px;
 
    margin:0 auto 25px;
 
    text-align:center;
 
}
 
.hero-buttons {
 
    display:flex;
 
    flex-direction:column;
 
    align-items:center;
 
    justify-content:center;
 
    gap:10px;
 
    width:100%;
 
    margin:0 auto;
 
}
 
.btn {
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    gap:9px;
 
    min-height:50px;
 
    padding:0 20px;
 
    border-radius:12px;
 
    font-weight:bold;
 
    transition:.25s;
 
}
 
.btn-primary {
 
    background:var(--primary);
 
    color:#fff;
 
}
 
.btn-primary:hover {
 
    background:var(--primary-dark);
 
    transform:translateY(-2px);
 
}
 
.btn-light {
 
    background:#fff;
 
    color:#111827;
 
}
 
.btn-light:hover {
 
    transform:translateY(-2px);
 
}
 
 
/* =====================================================
  FEATURES
===================================================== */
 
.features {
 
    padding:20px 0 40px;
 
}
 
.feature-grid {
 
    display:grid;
 
    grid-template-columns:repeat(2,1fr);
 
    gap:12px;
 
    justify-items:stretch;
 
}
 
.feature {
 
    width:100%;
 
    background:#fff;
 
    border:1px solid var(--border);
 
    border-radius:16px;
 
    padding:20px 12px;
 
    text-align:center;
 
    box-shadow:var(--shadow);
 
}
 
.feature-icon {
 
    width:48px;
 
    height:48px;
 
    margin:0 auto 10px;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    border-radius:14px;
 
    background:#fff1f2;
 
    color:var(--primary);
 
    font-size:20px;
 
}
 
.feature h2 {
 
    font-size:15px;
 
    margin-bottom:3px;
 
    text-align:center;
 
}
 
.feature p {
 
    font-size:12px;
 
    color:var(--muted);
 
    text-align:center;
 
}
 
 
/* =====================================================
  SECTION
===================================================== */
 
.section {
 
    padding:15px 0;
 
}
 
.section-header {
 
    width:100%;
 
    margin:0 auto 25px;
 
    text-align:center !important;
 
}
 
.section-title {
 
    width:100%;
 
    font-size:25px;
 
    font-weight:900;
 
    color:var(--secondary);
 
    margin:0 auto 7px;
 
    text-align:center !important;
 
}
 
.section-title span {
 
    color:var(--primary);
 
}
 
.section-description {
 
    max-width:650px;
 
    margin:0 auto;
 
    color:var(--muted);
 
    font-size:14px;
 
    text-align:center !important;
 
}
 
 
/* =====================================================
  SERVICES
===================================================== */
 
.services-grid {
 
    display:grid;
 
    grid-template-columns:repeat(2,1fr);
 
    gap:12px;
 
    justify-items:stretch;
 
}
 
.service-card {
 
    width:100%;
 
    background:#fff;
 
    border:1px solid var(--border);
 
    border-radius:18px;
 
    overflow:hidden;
 
    transition:.3s;
 
    box-shadow:
        0 5px 20px rgba(0,0,0,.05);
 
    text-align:center;
 
}
 
.service-card:hover {
 
    transform:translateY(-5px);
 
    box-shadow:
        0 12px 30px rgba(0,0,0,.12);
 
}
 
.service-image {
 
    width:100%;
 
    height:145px;
 
    overflow:hidden;
 
}
 
.service-image img {
 
    width:100%;
 
    height:100%;
 
    object-fit:cover;
 
    transition:.4s;
 
}
 
.service-card:hover
.service-image img {
 
    transform:scale(1.06);
 
}
 
.service-content {
 
    padding:15px;
 
    text-align:center;
 
}
 
.service-content h3 {
 
    font-size:16px;
 
    margin-bottom:5px;
 
    text-align:center;
 
}
 
.service-content p {
 
    color:var(--muted);
 
    font-size:12px;
 
    line-height:1.8;
 
    margin-bottom:10px;
 
    text-align:center;
 
}
 
.service-link {
 
    color:var(--primary);
 
    font-size:12px;
 
    font-weight:bold;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    gap:5px;
 
    text-align:center;
 
}
 
 
/* =====================================================
  CATEGORIES
===================================================== */
 
.category-section {
 
    background:var(--light);
 
}
 
.category-grid {
 
    display:grid;
 
    grid-template-columns:repeat(2,1fr);
 
    gap:12px;
 
    justify-items:stretch;
 
}
 
.category {
 
    width:100%;
 
    min-height:110px;
 
    border-radius:17px;
 
    padding:18px;
 
    background:#fff;
 
    display:flex;
 
    flex-direction:column;
 
    justify-content:center;
 
    align-items:center;
 
    text-align:center;
 
    border:1px solid var(--border);
 
    transition:.3s;
 
}
 
.category:hover {
 
    border-color:var(--primary);
 
    transform:translateY(-3px);
 
}
 
.category i {
 
    font-size:25px;
 
    color:var(--primary);
 
    margin-bottom:7px;
 
}
 
.category strong {
 
    font-size:14px;
 
    text-align:center;
 
}
 
.category span {
 
    color:var(--muted);
 
    font-size:11px;
 
    text-align:center;
 
}
 
 
/* =====================================================
  ABOUT
===================================================== */
 
.about {
 
    display:flex;
 
    flex-direction:column;
 
    gap:25px;
 
    align-items:center;
 
}
 
.about-image {
 
    width:100%;
 
    min-height:300px;
 
    border-radius:20px;
 
    overflow:hidden;
 
}
 
.about-image img {
 
    width:100%;
 
    height:100%;
 
    min-height:300px;
 
    object-fit:cover;
 
}
 
.about-content {
 
    width:100%;
 
    text-align:center;
 
}
 
.about-content h2 {
 
    font-size:25px;
 
    margin-bottom:12px;
 
    text-align:center;
 
}
 
.about-content h2 span {
 
    color:var(--primary);
 
}
 
.about-content p {
 
    color:var(--muted);
 
    font-size:14px;
 
    margin:0 auto 15px;
 
    text-align:center;
 
    max-width:700px;
 
}
 
.about-list {
 
    list-style:none;
 
    display:grid;
 
    gap:8px;
 
    width:fit-content;
 
    max-width:100%;
 
    margin:0 auto;
 
    padding:0;
 
}
 
.about-list li {
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    gap:8px;
 
    font-size:13px;
 
    text-align:center;
 
}
 
.about-list i {
 
    color:#16a34a;
 
}
 
 
/* =====================================================
  SPECIAL
===================================================== */
 
.special-box {
 
    background:
    linear-gradient(
        135deg,
        #111827,
        #252f3f
    );
 
    color:#fff;
 
    border-radius:22px;
 
    padding:30px 20px;
 
    text-align:center;
 
}
 
.special-grid {
 
    display:grid;
 
    gap:15px;
 
    justify-items:stretch;
 
}
 
.special-item {
 
    width:100%;
 
    display:flex;
 
    flex-direction:column;
 
    gap:10px;
 
    align-items:center;
 
    justify-content:center;
 
    padding:18px 15px;
 
    background:rgba(255,255,255,.06);
 
    border:1px solid rgba(255,255,255,.1);
 
    border-radius:15px;
 
    text-align:center;
 
}
 
.special-icon {
 
    width:44px;
 
    min-width:44px;
 
    height:44px;
 
    border-radius:12px;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    background:var(--primary);
 
}
 
.special-item h3 {
 
    color:#fff;
 
    font-size:15px;
 
    margin-bottom:3px;
 
    text-align:center;
 
}
 
.special-item p {
 
    color:#d1d5db;
 
    font-size:12px;
 
    text-align:center;
 
}
 
.white {
 
    color:#fff !important;
 
}
 
 
/* =====================================================
  BLOG
===================================================== */
 
.blog-grid {
 
    display:grid;
 
    grid-template-columns:1fr;
 
    gap:15px;
 
    justify-items:stretch;
 
}
 
.blog-card {
 
    width:100%;
 
    border:1px solid var(--border);
 
    border-radius:18px;
 
    overflow:hidden;
 
    background:#fff;
 
    transition:.3s;
 
    text-align:center;
 
}
 
.blog-card:hover {
 
    transform:translateY(-4px);
 
    box-shadow:var(--shadow);
 
}
 
.blog-image {
 
    height:180px;
 
    overflow:hidden;
 
}
 
.blog-image img {
 
    width:100%;
 
    height:100%;
 
    object-fit:cover;
 
}
 
.blog-content {
 
    padding:16px;
 
    text-align:center;
 
}
 
.blog-category {
 
    font-size:11px;
 
    color:var(--primary);
 
    font-weight:bold;
 
}
 
.blog-content h3 {
 
    font-size:16px;
 
    margin:5px 0 7px;
 
    text-align:center;
 
}
 
.blog-content p {
 
    font-size:12px;
 
    color:var(--muted);
 
    text-align:center;
 
}
 
 
/* =====================================================
  CTA
===================================================== */
 
.cta {
 
    width:100%;
 
    padding:20px 0 50px;
 
    display:flex;
 
    justify-content:center;
 
    align-items:center;
 
    text-align:center;
 
}
 
.cta .container {
 
    width:92%;
 
    max-width:var(--max-width);
 
    margin-left:auto !important;
 
    margin-right:auto !important;
 
}
 
.cta-box {
 
    width:100%;
 
    max-width:1000px;
 
    margin-left:auto !important;
 
    margin-right:auto !important;
 
    background:
    linear-gradient(
        135deg,
        var(--primary),
        #b91c2c
    );
 
    color:#fff;
 
    border-radius:22px;
 
    padding:35px 20px;
 
    display:flex;
 
    flex-direction:column;
 
    align-items:center;
 
    justify-content:center;
 
    text-align:center;
 
}
 
.cta-box h2 {
 
    width:100%;
 
    font-size:25px;
 
    margin-bottom:10px;
 
    text-align:center;
 
}
 
.cta-box p {
 
    max-width:650px;
 
    font-size:14px;
 
    margin:0 auto 20px;
 
    color:#ffe9eb;
 
    text-align:center;
 
}
 
.cta-box .btn {
 
    margin-left:auto;
 
    margin-right:auto;
 
}
 
 
/* =====================================================
  FOOTER
===================================================== */
 
.footer {
 
    background:#111827;
 
    color:#fff;
 
    padding:45px 0 20px;
 
    text-align:center;
 
}
 
.footer-grid {
 
    display:grid;
 
    gap:30px;
 
    justify-items:center;
 
}
 
.footer-grid > div {
 
    width:100%;
 
    text-align:center;
 
}
 
.footer h3 {
 
    font-size:17px;
 
    margin-bottom:12px;
 
    text-align:center;
 
}
 
.footer p {
 
    color:#cbd5e1;
 
    font-size:13px;
 
    text-align:center;
 
}
 
.footer-links {
 
    list-style:none;
 
    display:grid;
 
    gap:6px;
 
    padding:0;
 
    text-align:center;
 
}
 
.footer-links li {
 
    text-align:center;
 
}
 
.footer-links a {
 
    color:#cbd5e1;
 
    font-size:13px;


     <style>
     transition:.2s;
 
}
 
.footer-links a:hover {
 
    color:#fff;
 
}
 
.contact-item {
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    gap:10px;
 
    margin-bottom:10px;
 
    color:#cbd5e1;
 
    font-size:13px;
 
    text-align:center;
 
}
 
.contact-item i {
 
    color:var(--accent);
 
    width:20px;
 
}
 
.social {
 
    display:flex;
 
    justify-content:center;
 
    gap:8px;
 
    margin-top:15px;
 
}
 
.social a {
 
    width:40px;
 
    height:40px;
 
    border-radius:10px;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    background:rgba(255,255,255,.08);
 
    transition:.2s;
 
}
 
.social a:hover {
 
    background:var(--primary);
 
}
 
.footer-bottom {
 
    margin-top:30px;
 
    padding-top:15px;
 
    border-top:1px solid rgba(255,255,255,.1);
 
    text-align:center;
 
    color:#9ca3af;
 
    font-size:11px;
 
}
 
 
/* =====================================================
  MOBILE NAV
===================================================== */
 
.mobile-nav {
 
    position:fixed;
 
    bottom:10px;
 
    right:3%;
 
    left:3%;
 
    z-index:999;
 
    height:62px;
 
    background:#111827;
 
    border-radius:18px;
 
    display:flex;
 
    align-items:center;
 
    justify-content:space-around;
 
    box-shadow:
        0 10px 30px rgba(0,0,0,.25);
 
}
 
.mobile-nav a {
 
    color:#cbd5e1;
 
    display:flex;
 
    flex-direction:column;
 
    align-items:center;
 
    justify-content:center;
 
    gap:1px;
 
    font-size:10px;
 
}
 
.mobile-nav i {
 
    font-size:18px;
 
}
 
.mobile-nav .active {
 
    color:#fff;
 
}
 
.mobile-nav .call {
 
    width:48px;
 
    height:48px;
 
    margin-top:-25px;
 
    border-radius:50%;
 
    background:var(--primary);
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    border:5px solid #fff;
 
    color:#fff;
 
}
 
 
/* =====================================================
  TABLET
===================================================== */
 
@media (min-width:600px) {
 
    .container {
 
        width:92%;


    /* ==================================================
      RESET
    ================================================== */
    *,
    *::before,
    *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
     }
     }


     html {
     .hero-box {
         scroll-behavior: smooth;
 
        overflow-x: hidden;
         min-height:520px;
 
     }
     }


     body {
     .hero-content {
        font-family: Tahoma, Arial, sans-serif;
 
         line-height: 1.8;
         padding:50px;
        color: #333;
 
        background: #fff;
        overflow-x: hidden;
     }
     }


     img {
     .hero-buttons {
         max-width: 100%;
 
         height: auto;
        flex-direction:row;
         display: block;
 
         max-width:430px;
 
         margin-left:auto;
 
         margin-right:auto;
 
     }
     }


     h1,
     .btn {
    h2,
 
    h3,
         flex:1;
    p {
 
         overflow-wrap: break-word;
     }
     }


     /* ==================================================
     .services-grid {
      MEDIAWIKI FULL WIDTH
 
    ================================================== */
        grid-template-columns:repeat(3,1fr);
    #mw-panel,
 
    #column-one {
        display: none !important;
     }
     }


    #content,
     .category-grid {
     .mw-body {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }


    #bodyContent {
         grid-template-columns:repeat(3,1fr);
         width: 100% !important;
        max-width: none !important;
    }


    .mw-body-content {
        max-width: none !important;
        width: 100% !important;
     }
     }


    /* ==================================================
     .feature-grid {
      PARALLAX / HERO
    ================================================== */
     .parallax {
        width: 100%;
        min-height: clamp(280px, 38vw, 450px);


         background-position: center center;
         grid-template-columns:repeat(6,1fr);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;


        display: flex;
    }
        flex-direction: column;
        justify-content: center;
        align-items: center;


        color: #fff;
    .blog-grid {
        text-align: center;


         position: relative;
         grid-template-columns:repeat(3,1fr);
        overflow: hidden;


        padding: clamp(30px, 5vw, 70px) 20px;
     }
     }


     .parallax::before {
     .special-grid {
        content: "";
 
         position: absolute;
         grid-template-columns:repeat(2,1fr);
        inset: 0;
 
        background: rgba(0, 0, 0, 0.4);
        z-index: 1;
     }
     }


     .parallax > * {
     .about {
        position: relative;
        z-index: 2;
        max-width: 100%;
    }


    .parallax h1 {
         flex-direction:row;
         font-size: clamp(25px, 4vw, 44px) !important;
        line-height: 1.5;
        margin-bottom: clamp(8px, 2vw, 18px);
    }


    .parallax h2 {
         align-items:center;
         font-size: clamp(25px, 4vw, 36px) !important;
        line-height: 1.5;
        padding: 0 !important;
        margin-bottom: 12px;
    }


    .parallax p {
        font-size: clamp(15px, 2vw, 22px) !important;
        line-height: 1.9;
        max-width: 900px;
     }
     }


     /* ==================================================
     .about > * {
      GENERAL CONTAINER
    ================================================== */
    .container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;


         padding: clamp(40px, 6vw, 70px)
         flex:1;
                clamp(15px, 4vw, 30px);


        text-align: center;
     }
     }


    /* ==================================================
     .about-content {
      SECTION TITLE
    ================================================== */
     .section-title {
        position: relative;


         font-size: clamp(22px, 3vw, 32px);
         text-align:center;
        line-height: 1.5;


        margin-bottom: clamp(25px, 4vw, 40px);
        padding-bottom: clamp(22px, 3vw, 35px);
     }
     }


    .section-title::after {
}
        content: "";


        position: absolute;
        bottom: 0;
        left: 50%;


        width: clamp(40px, 5vw, 55px);
/* =====================================================
        height: 3px;
  DESKTOP
===================================================== */


         background: #c19a6b;
@media (min-width:900px) {
 
    .header-inner {
 
         min-height:78px;


        transform: translateX(-50%);
     }
     }


    /* ==================================================
     .desktop-menu {
      PRODUCT CIRCLE GRID
    ================================================== */
     .product-circle-grid {
        width: 100%;


         display: grid;
         display:flex;


         grid-template-columns:
         align-items:center;
            repeat(auto-fit, minmax(min(150px, 100%), 1fr));


         gap: clamp(20px, 3vw, 35px);
        justify-content:center;
 
         gap:25px;
 
        margin-right:auto;
 
        margin-left:30px;


        justify-items: center;
        align-items: start;
     }
     }


     .product-circle-item {
     .desktop-menu a {
        width: 100%;
        max-width: 180px;
        text-align: center;
    }


    .product-circle-item img {
        font-size:14px;
        width: clamp(110px, 13vw, 150px);
        height: clamp(110px, 13vw, 150px);


         margin: 0 auto;
         font-weight:bold;


         border-radius: 50%;
         color:#374151;
        object-fit: cover;


         border: 4px solid #f4f4f4;
         transition:.2s;


        box-shadow:
            0 4px 10px rgba(0,0,0,0.1);
     }
     }


     .product-circle-item p {
     .desktop-menu a:hover {
        margin-top: 12px;
 
         font-size: clamp(14px, 1.5vw, 17px);
         color:var(--primary);
        font-weight: bold;
 
        line-height: 1.7;
     }
     }


    /* ==================================================
     .header-call {
      BEST SELLERS GRID
    ================================================== */
     .best-sellers-grid {
        width: 100%;


         display: grid;
         width:auto;


         grid-template-columns:
         padding:0 17px;
            repeat(auto-fit, minmax(min(280px, 100%), 1fr));


         gap: clamp(18px, 2.5vw, 30px);
         gap:8px;
 
        font-size:13px;
 
        font-weight:bold;


        margin-top: 25px;
     }
     }


     /* ==================================================
      
      BEST SELLER CARD
    ================================================== */
    .best-seller-card {
        width: 100%;
        min-width: 0;


        border: 1px solid #eee;
    .mobile-nav {
        background: #fff;


         padding: clamp(10px, 2vw, 15px);
         display:none;


        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;
     }
     }


     .best-seller-card:hover {
     .hero {
         transform: translateY(-5px);
 
         padding:30px 0 50px;


        box-shadow:
            0 10px 20px rgba(0,0,0,0.1);
     }
     }


     .best-seller-card img {
     .hero-content {
        width: 100%;


         height: clamp(230px, 30vw, 350px);
         padding:70px;


        object-fit: cover;
        border-radius: 2px;
     }
     }


     .product-code {
     .hero p {
        color: #c19a6b;
 
         font-weight: bold;
         font-size:16px;
 
    }


        display: block;
    .services-grid {


         margin: 10px 0;
         grid-template-columns:repeat(4,1fr);


        font-size: clamp(13px, 1.5vw, 16px);
     }
     }


     .best-seller-card p {
     .category-grid {
         font-size: clamp(14px, 1.6vw, 17px);
 
        line-height: 1.8;
         grid-template-columns:repeat(6,1fr);
        min-height: 50px;
 
     }
     }


    /* ==================================================
     .special-grid {
      INFO ROW
    ================================================== */
     .info-row {
        width: 100%;


         display: flex;
         grid-template-columns:repeat(3,1fr);
        align-items: center;


        flex-wrap: wrap;
    }


         gap: clamp(25px, 5vw, 60px);
    .footer-grid {
 
         grid-template-columns:2fr 1fr 1fr 1.5fr;


        text-align: right;
     }
     }


    .info-text,
}
     .info-image {
 
        flex: 1 1 400px;
 
         min-width: 0;
/* =====================================================
  LARGE DESKTOP
===================================================== */
 
@media (min-width:1200px) {
 
     .hero-box {
 
         min-height:570px;
 
     }
     }


     .info-text p {
     .section {
         font-size: clamp(15px, 1.7vw, 18px);
 
        line-height: 2.1;
         padding:65px 0;
 
     }
     }


     .info-image {
     .service-image {
         display: flex;
 
        justify-content: center;
         height:180px;
 
     }
     }


    .info-image img {
}
        width: 100%;
        max-width: 550px;


        height: auto;


        border-radius: 10px;
/* =====================================================
  MOBILE FINAL ADJUSTMENTS
===================================================== */


        object-fit: cover;
@media (max-width:599px) {
    }


    /* ==================================================
     .container {
      FOOTER
    ================================================== */
     .footer-container {
        width: 100%;


         background: #222;
         width:94%;
        color: #fff;


        padding:
            clamp(35px, 5vw, 55px)
            20px;
     }
     }


     .footer-grid {
     .section-title {
         width: 100%;
 
         max-width: 1200px;
         font-size:23px;
 
         line-height:1.6;


        margin: 0 auto;
    }


        display: grid;
    .section-description {


         grid-template-columns:
         font-size:13px;
            repeat(auto-fit, minmax(min(250px, 100%), 1fr));


         gap: clamp(25px, 4vw, 45px);
         line-height:1.9;


        text-align: right;
     }
     }


     .footer-column h3 {
     .about-list {
         color: #c19a6b;
 
         width:100%;


         font-size: clamp(18px, 2vw, 22px);
         max-width:360px;


        margin-bottom: 12px;
     }
     }


     .footer-column p {
     .about-list li {
        color: #bbb;


         font-size: clamp(13px, 1.5vw, 15px);
         justify-content:center;


        line-height: 1.9;
     }
     }


    /* ==================================================
     .cta-box {
      MAP
 
    ================================================== */
         width:100%;
     .map-section {
         width: 100%;
        height: clamp(280px, 35vw, 400px);


         background: #eee;
         padding:30px 18px;


        border-top: 2px solid #c19a6b;
     }
     }


     .map-placeholder {
     .cta-box h2 {
        width: 100%;
        height: 100%;


         display: flex;
         font-size:22px;
        align-items: center;
        justify-content: center;


        background: #e0e0e0;
    }


        color: #666;
    .cta-box p {


         font-size: clamp(14px, 1.5vw, 17px);
         font-size:13px;


        text-align: center;
        padding: 20px;
     }
     }


    /* ==================================================
}
      WHATSAPP
    ================================================== */
    .whatsapp-btn {
        position: fixed;


        bottom: clamp(15px, 3vw, 30px);
</style>
        left: clamp(15px, 3vw, 30px);


        width: clamp(50px, 6vw, 60px);
</head>
        height: clamp(50px, 6vw, 60px);


        background: #25d366;


        border-radius: 50%;
<body>


        display: flex;
        align-items: center;
        justify-content: center;


        box-shadow:
<!-- =====================================================
            0 4px 15px rgba(0,0,0,0.3);
    HEADER
===================================================== -->


        z-index: 1000;


        transition: transform 0.3s ease;
<!-- =====================================================
    }
    TOP BANNER
===================================================== -->
 
<div class="top-banner">
 
<div class="top-banner-inner">


    .whatsapp-btn:hover {
<img
        transform: scale(1.08);
src="https://dl.faraghaib.ir/m/260005-01/baner-01.png"
    }
alt="چاپ و تبلیغات برادران نعمتی">


    .whatsapp-btn img {
</div>
        width: clamp(28px, 4vw, 35px);
        height: auto;
    }


    /* ==================================================
</div>
      TABLET
    ================================================== */
    @media (min-width: 769px) and (max-width: 1024px) {


        .parallax {
            min-height: 360px;
            background-attachment: scroll;
        }


        .best-sellers-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }


        .info-row {
<main id="home">
            gap: 30px;
        }


        .info-text,
        .info-image {
            flex: 1 1 45%;
        }
    }


    /* ==================================================
      MOBILE
    ================================================== */
    @media (max-width: 768px) {


        body {
<!-- =====================================================
            font-size: 14px;
    FEATURES
        }
===================================================== -->


        .parallax {
<section class="features section category-section">
            min-height: 280px;


            background-attachment: scroll;
<div class="container">
            background-size: cover;


            padding:
<div class="feature-grid">
                35px
                18px;
        }


        .parallax h1 {
            font-size: 26px !important;
        }


        .parallax h2 {
<div class="feature">
            font-size: 25px !important;
        }


        .parallax p {
<div class="feature-icon">
            font-size: 15px !important;
        }


        .container {
<i class="fa-solid fa-print"></i>
            padding:
                40px
                15px;
        }


        .section-title {
</div>
            font-size: 23px;
            margin-bottom: 30px;
            padding-bottom: 25px;
        }


        .product-circle-grid {
<h2>
            grid-template-columns:
چاپ با کیفیت
                repeat(2, minmax(0, 1fr));
</h2>


            gap: 25px 15px;
<p>
        }
استفاده از متریال مناسب
</p>


        .product-circle-item {
</div>
            max-width: 150px;
            justify-self: center;
        }


        .product-circle-item img {
            width: 115px;
            height: 115px;
        }


        .best-sellers-grid {
            grid-template-columns: 1fr;
            gap: 20px;
        }


        .best-seller-card img {
<div class="feature">
            height: auto;
            aspect-ratio: 1 / 1;
            object-fit: cover;
        }


        .best-seller-card p {
<div class="feature-icon">
            font-size: 14px;
            min-height: auto;
        }


        .info-row {
<i class="fa-solid fa-bolt"></i>
            flex-direction: column !important;


            gap: 25px;
</div>


            text-align: center;
<h2>
        }
تحویل سریع
</h2>


        .info-text,
<p>
        .info-image {
اجرای سریع سفارشات
            width: 100%;
</p>
            flex: 1 1 100%;
        }


        .info-text {
</div>
            text-align: center !important;
        }


        .info-text .section-title {
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }


        .info-text p {
            font-size: 15px;
            line-height: 2;
        }


        .info-image img {
<div class="feature">
            width: 100%;
            max-width: 100%;
        }


        .footer-grid {
<div class="feature-icon">
            grid-template-columns: 1fr;
        }


        .map-section {
<i class="fa-solid fa-tags"></i>
            height: 300px;
        }
    }


    /* ==================================================
</div>
      SMALL MOBILE
    ================================================== */
    @media (max-width: 480px) {


        .parallax {
<h2>
            min-height: 250px;
قیمت مناسب
            padding: 30px 15px;
</h2>
        }


        .parallax h1 {
<p>
            font-size: 23px !important;
قیمت‌گذاری منصفانه
        }
</p>


        .parallax h2 {
</div>
            font-size: 22px !important;
        }


        .parallax p {
            font-size: 14px !important;
        }


        .container {
            padding:
                35px
                12px;
        }


        .section-title {
<div class="feature">
            font-size: 21px;
        }


        .product-circle-grid {
<div class="feature-icon">
            gap: 22px 10px;
        }


        .product-circle-item img {
<i class="fa-solid fa-print"></i>
            width: 105px;
            height: 105px;
        }


        .product-circle-item p {
</div>
            font-size: 13px;
        }


        .best-seller-card {
<h2>
            padding: 10px;
کیفیت بالا
        }
</h2>


        .best-seller-card img {
<p>
            aspect-ratio: 1 / 1;
چاپ باکیفیت و ماندگار
        }
</p>


        .product-code {
</div>
            font-size: 12px;
        }


        .best-seller-card p {
<div class="feature">
            font-size: 13px;
        }


        .info-text p {
<div class="feature-icon">
            font-size: 14px;
        }


        .map-section {
<i class="fa-solid fa-file"></i>
            height: 260px;
        }
    }


    /* ==================================================
</div>
      VERY SMALL DEVICES
    ================================================== */
    @media (max-width: 360px) {


        .parallax {
<h2>
            min-height: 230px;
طراحی مدرن
        }
</h2>


        .parallax h1 {
<p>
            font-size: 21px !important;
طراحی بروز و مدرن
        }
</p>


        .parallax h2 {
</div>
            font-size: 20px !important;
        }


        .parallax p {
            font-size: 13px !important;
        }


        .product-circle-item img {
<div class="feature">
            width: 95px;
            height: 95px;
        }


        .container {
<div class="feature-icon">
            padding-left: 10px;
            padding-right: 10px;
        }
    }


    </style>
<i class="fa-solid fa-headset"></i>
</head>


<body>
</div>


    <!-- 1. Hero Section (Typing Image) -->
<h2>
    <div class="parallax"
مشاوره تخصصی
        style="background-image: url('https://dl.faraghaib.ir/m/260005/26000505.jpg');">
</h2>


        <h1 style="color: #fff;">
<p>
            چاپ و تبلیغات نعمتی
راهنمایی قبل از سفارش
        </h1>
</p>


        <p>
</div>
            کیفیت ماندگار، چاپ حرفه‌ای و تبلیغات مؤثر برای رشد کسب‌وکار شما
        </p>


    </div>


</div>


    <h2 class="section-title"
</div>
        style="text-align:center; padding-bottom:40px; margin-top:30px;">
        محصولات
    </h2>


</section>
</html>
</html>


{{کانتینر نامنظم/نعمتی}}
{{کانتینر خط و دایره/نعمتی}}
 
<html>
<!-- =====================================================
    SERVICES
===================================================== -->
 
<section class="section"
        id="services">
 
<div class="container">
 
<div class="section-header">
 
<h2 class="section-title">
 
خدمات
<span>
چاپ و تبلیغات
</span>
 
</h2>
 
<p class="section-description">
 
انواع خدمات چاپ و تبلیغات برای معرفی بهتر برند،
کسب‌وکار و محصولات شما با کیفیت حرفه‌ای.
 
</p>
 
</div>
 
 
<div class="services-grid">
 
 
 
<article class="service-card">
 
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-49.jpg"
alt="چاپ تراکت تبلیغاتی">


{{محصولات مربعی}}
</div>
 
<div class="service-content">
 
<h3>
چاپ تراکت
</h3>
 
<p>
چاپ تراکت تبلیغاتی در انواع سایز و کاغذ
برای معرفی خدمات و محصولات کسب‌وکار.
</p>
 
<a href="#"
  class="service-link">
 
مشاهده جزئیات
 
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>
 
 
 
<article class="service-card">
 
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-48.jpg"
alt="چاپ پوستر تبلیغاتی">
 
</div>
 
<div class="service-content">
 
<h3>
چاپ پوستر
</h3>
 
<p>
چاپ پوستر تبلیغاتی با کیفیت بالا برای
فروشگاه‌ها، شرکت‌ها و رویدادهای تبلیغاتی.
</p>
 
<a href="#"
  class="service-link">
 
مشاهده جزئیات
 
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>
 
 
 
<article class="service-card">
 
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-47.jpg"
alt="چاپ کارت ویزیت">
 
</div>
 
<div class="service-content">
 
<h3>
چاپ کارت ویزیت
</h3>
 
<p>
طراحی و چاپ کارت ویزیت حرفه‌ای برای
معرفی برند و ارتباط بهتر با مشتریان.
</p>
 
<a href="#"
  class="service-link">
 
مشاهده جزئیات
 
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>
 
 
 
<article class="service-card">
 
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-52.jpg"
alt="طراحی لوگو">
 
</div>
 
<div class="service-content">
 
<h3>
طراحی لوگو
</h3>
 
<p>
طراحی لوگوی اختصاصی و حرفه‌ای برای
ساخت هویت بصری ماندگار برند شما.
</p>
 
<a href="#"
  class="service-link">
 
مشاهده جزئیات
 
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>
 
 
 
<article class="service-card">
 
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-04.jpg"
alt="چاپ بنر و فلکس">
 
</div>
 
<div class="service-content">
 
<h3>
چاپ بنر و فلکس
</h3>
 
<p>
چاپ بنر و فلکس تبلیغاتی در ابعاد مختلف
برای فضای داخلی و محیطی.
</p>
 
<a href="#"
  class="service-link">
 
مشاهده جزئیات
 
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>
 
 
 
<article class="service-card">
 
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-51.jpg"
alt="چاپ هولوگرام">
 
</div>
 
<div class="service-content">
 
<h3>
چاپ هولوگرام
</h3>
 
<p>
چاپ هولوگرام تبلیغاتی و امنیتی برای
برندینگ و افزایش اعتبار محصولات.
</p>
 
<a href="#"
  class="service-link">
 
مشاهده جزئیات
 
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>
 
 
 
<article class="service-card">
 
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-39.jpg"
alt="چاپ کاتالوگ">
 
</div>
 
<div class="service-content">
 
<h3>
چاپ کاتالوگ
</h3>
 
<p>
طراحی و چاپ کاتالوگ حرفه‌ای برای
معرفی محصولات و خدمات شرکت‌ها.
</p>
 
<a href="#"
  class="service-link">
 
مشاهده جزئیات
 
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>
 
 
 
<article class="service-card">
 
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-42.jpg"
alt="خدمات تبلیغات">
 
</div>
 
<div class="service-content">
 
<h3>
خدمات تبلیغات
</h3>
 
<p>
طراحی و اجرای انواع تبلیغات چاپی برای
افزایش دیده‌شدن کسب‌وکار شما.
</p>
 
<a href="#"
  class="service-link">
 
مشاهده جزئیات
 
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>
 
 
</div>
 
</div>
 
</section>
 
 
 
<!-- =====================================================
    CATEGORIES
===================================================== -->
 
<section class="section category-section"
        id="categories">
 
<div class="container">
 
<div class="section-header">
 
<h2 class="section-title">
 
دسته‌بندی
<span>
خدمات
</span>
 
</h2>
 
<p class="section-description">
 
محصولات و خدمات تبلیغاتی مورد نیاز کسب‌وکار خود را انتخاب کنید.
 
</p>
 
</div>
 
<center>
<div class="category-grid">
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-file-lines"></i>
 
<strong>
چاپ تراکت
</strong>
 
<span>
تبلیغات مستقیم
</span>
 
</a>
 
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-image"></i>
 
<strong>
چاپ پوستر
</strong>
 
<span>
تبلیغات محیطی
</span>
 
</a>
 
 
 
<a href="#"
  class="category">
 
<i class="fa-regular fa-address-card"></i>
 
<strong>
کارت ویزیت
</strong>
 
<span>
معرفی برند
</span>
 
</a>
 
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-rectangle-ad"></i>
 
<strong>
بنر و فلکس
</strong>
 
<span>
تبلیغات محیطی
</span>
 
</a>
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-book-open"></i>
 
<strong>
کاتالوگ
</strong>
 
<span>
معرفی محصولات
</span>
 
</a>
 
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-ticket"></i>
 
<strong>
چاپ لیبل
</strong>
 
<span>
برچسب محصولات
</span>
 
</a>
 
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-stamp"></i>
 
<strong>
هولوگرام
</strong>
 
<span>
چاپ امنیتی
</span>
 
</a>
 
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-envelope"></i>
 
<strong>
پاکت و سربرگ
</strong>
 
<span>
ملزومات اداری
</span>
 
</a>
 
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-gift"></i>
 
<strong>
محصولات تبلیغاتی
</strong>
 
<span>
هدایای سازمانی
</span>
 
</a>
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-signs-post"></i>
 
<strong>
تابلو تبلیغاتی
</strong>
 
<span>
تبلیغات شهری
</span>
 
</a>
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-box-open"></i>
 
<strong>
چاپ بسته‌بندی
</strong>
 
<span>
برندینگ محصول
</span>
 
</a>
 
 
<a href="#"
  class="category">
 
<i class="fa-solid fa-print"></i>
 
<strong>
چاپ دیجیتال
</strong>
 
<span>
چاپ فوری
</span>
 
</a>
 
 
</div>
</center>
</div>
 
</section>
 
 
<!-- =====================================================
    ABOUT
===================================================== -->
 
<section class="section"
        id="about">
 
<div class="container">
 
<div class="section-header">
 
<h2 class="section-title">
 
درباره
<span>
دستگاه های چاپ
</span>
 
</h2>
 
<p class="section-description">
 
ارائه خدمات تخصصی چاپ، طراحی و تبلیغات برای معرفی حرفه‌ای کسب‌وکارها.
 
</p>
 
 
 
</html>
 
{{کانتینر ترکیبی/نعمتی}}




<html>
<html>


    <!-- 3. Parallax: Azadi Tower (Shipping) -->
</div>
    <div class="parallax"
 
        style="background-image: url('https://dl.faraghaib.ir/m/260005/26000530.png');">
</div>
 
</section>
 
 
 
<!-- =====================================================
    SPECIAL
===================================================== -->
 
<section class="section category-section">
 
<div class="container">
 
<div class="special-box">
 
 
<div class="section-header">
 
<h2 class="section-title"
    style="color:#fff">
 
مزایای همکاری با ما
 
</h2>
 
<p class="section-description"
  style="color:#cbd5e1">
 
برای یک تبلیغ حرفه‌ای، فقط چاپ کافی نیست؛
کیفیت طراحی، انتخاب متریال و اجرای دقیق اهمیت دارد.
 
</p>
 
</div>
 
 
<div class="special-grid">
 
 
<div class="special-item">
 
<div class="special-icon">
 
<i class="fa-solid fa-medal"></i>
 
</div>
 
<div>
 
<h3>
کیفیت چاپ بالا
</h3>
 
<p>
تلاش برای ارائه چاپی تمیز، دقیق و متناسب با نیاز هر پروژه.
</p>
 
</div>
 
</div>
 
 
 
<div class="special-item">
 
<div class="special-icon">
 
<i class="fa-solid fa-clock"></i>
 
</div>
 
<div>
 
<h3>
تحویل سریع سفارش
</h3>
 
<p>
مدیریت دقیق مراحل سفارش برای کاهش زمان آماده‌سازی.
</p>
 
</div>
 
</div>
 
 
 
<div class="special-item">
 
<div class="special-icon">
 
<i class="fa-solid fa-comments"></i>
 
</div>
 
<div>
 
<h3>
مشاوره قبل از چاپ
</h3>
 
<p>
کمک به انتخاب مناسب‌ترین روش چاپ، جنس و ابعاد.
</p>
 
</div>
 
</div>
 
 
 
<div class="special-item">
 
<div class="special-icon">
 
<i class="fa-solid fa-palette"></i>
 
</div>
 
<div>
 
<h3>
طراحی خلاقانه
</h3>
 
<p>
طراحی تبلیغات متناسب با هویت بصری و نوع فعالیت برند.
</p>
 
</div>
 
</div>
 
 
 
<div class="special-item">
 
<div class="special-icon">
 
<i class="fa-solid fa-layer-group"></i>
 
</div>
 
<div>
 
<h3>
تنوع خدمات
</h3>
 
<p>
از کارت ویزیت و تراکت تا بنر، هولوگرام و محصولات تبلیغاتی.
</p>


        <h2 style="color:#fff;">
</div>
            پذیرش سفارش
        </h2>


        <p style="color:#fff;">
</div>
            ارسال سریع و ایمن با تضمین سلامت و اجرای بی نقص
        </p>


    </div>




    <!-- 4. Best Sellers Section -->
<div class="special-item">
    <div class="container">


        <h2 class="section-title">
<div class="special-icon">
            محصولات پرفروش
        </h2>


        <div class="best-sellers-grid">
<i class="fa-solid fa-handshake"></i>


            <div class="best-seller-card">
</div>


                <img
<div>
                    src="https://dl.faraghaib.ir/m/260005/26000521.png"
                    alt="چاپ و تبلیغات نعمتی">


                <span class="product-code">
<h3>
                    کد محصول: SD 107
همراه کسب‌وکار شما
                </span>
</h3>


                <p>
<p>
                    چاپ بنر حج
هدف ما ایجاد یک همکاری مطمئن و بلندمدت با مشتریان است.
                </p>
</p>


            </div>
</div>


</div>


            <div class="best-seller-card">


                <img
</div>
                    src="https://dl.faraghaib.ir/m/260005/26000512.jpg"
                    alt="چاپ و تبلیغات نعمتی">


                <span class="product-code">
</div>
                    کد محصول: SD 110
                </span>


                <p>
</div>
                    طراحی و چاپ تسلیت
                </p>


            </div>
</section>




            <div class="best-seller-card">


                <img
<!-- =====================================================
                    src="https://dl.faraghaib.ir/m/260005/26000506.png"
    BLOG
                    alt="چاپ و تبلیغات نعمتی">
===================================================== -->


                <span class="product-code">
<section class="section"
                    کد محصول: SD 118
        id="blog">
                </span>


                <p>
<div class="container">
                    طراحی و چاپ تبریک و خیر مقدم انواع مراسم
                </p>


            </div>
<div class="section-header">


<h2 class="section-title">


            <div class="best-seller-card">
آخرین
<span>
مقالات چاپ و تبلیغات
</span>


                <img
</h2>
                    src="https://dl.faraghaib.ir/m/260005/26000527.png"
                    alt="چاپ و تبلیغات نعمتی">


                <span class="product-code">
<p class="section-description">
                    کد محصول: SD 118
                </span>


                <p>
مطالب آموزشی و کاربردی درباره چاپ،
                    طراحی و چاپ بنر تبریک تولد
طراحی و روش‌های تبلیغات مؤثر.
                </p>


            </div>
</p>


        </div>
</div>


    </div>


<div class="blog-grid">


    <!-- 5. Parallax: Drill (Installation) -->
    <div class="parallax"
        style="background-image: url('https://dl.faraghaib.ir/m/260005/26000529.png');">


        <h2 style="color:#fff;">
<article class="blog-card">
            چاپ اختصاصی
        </h2>


        <p style="color:#fff;">
<div class="blog-image">
            چاپ سفارشی با کیفیت و دقت در اجرا
        </p>


    </div>
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-45.jpg"
alt="راهنمای انتخاب چاپ تراکت">


</div>


    <!-- 6. Security Section -->
<div class="blog-content">
    <div class="container">


        <div class="info-row">
<span class="blog-category">
چاپ
</span>


            <div class="info-text">
<h3>
چگونه بهترین نوع چاپ تراکت را انتخاب کنیم؟
</h3>


                <h2 class="section-title"
<p>
                    style="text-align:right; margin-right:auto;">
آشنایی با انواع کاغذ، ابعاد و نکات مهم برای چاپ تراکت تبلیغاتی.
                    کیفیت
</p>
                </h2>


                <p>
</div>
                    <strong>چاپ و تبلیغات برادران نعمتی</strong>
                    با بهره‌گیری از تجهیزات پیشرفته، متریال باکیفیت و چاپ دقیق،
                    بهترین نتیجه را برای معرفی برند شما ارائه می‌دهد.
                    ما کیفیت ماندگار را در هر سفارش تضمین می‌کنیم.
                </p>


            </div>
</article>




            <div class="info-image">


                <img
<article class="blog-card">
                    src="https://dl.faraghaib.ir/m/260005/26000526.png"
                    alt="کیفیت">


            </div>
<div class="blog-image">


        </div>
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-04.jpg"
alt="نکات طراحی پوستر تبلیغاتی">


    </div>
</div>


<div class="blog-content">


    <!-- 7. Sound Privacy Section -->
<span class="blog-category">
    <div class="container">
طراحی
</span>


        <div class="info-row"
<h3>
            style="flex-direction:row-reverse;">
اصول طراحی یک پوستر تبلیغاتی جذاب
</h3>


            <div class="info-text"
<p>
                style="text-align:left;">
با رعایت چند نکته ساده می‌توان پوستر تبلیغاتی مؤثرتری طراحی کرد.
</p>


                <h2 class="section-title"
</div>
                    style="text-align:left; margin-left:auto;">
                    اعتماد
                </h2>


                <p>
</article>
                    اعتماد مشتریان، بزرگ‌ترین سرمایه
                    <strong>چاپ و تبلیغات برادران نعمتی</strong>
                    است. ما با کیفیت چاپ، تحویل به‌موقع و خدمات حرفه‌ای،
                    همراه مطمئن کسب‌وکار شما هستیم.
                </p>


            </div>




            <div class="info-image">
<article class="blog-card">


                <img
<div class="blog-image">
                    src="https://dl.faraghaib.ir/m/260005/26000519.png"
                    alt="اعتماد">


            </div>
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-70.jpg"
alt="اهمیت طراحی لوگو برای برند">


        </div>
</div>


    </div>
<div class="blog-content">


<span class="blog-category">
کیفیت
</span>


    <!-- 8. Parallax: Phone (Consultation) -->
<h3>
    <div class="parallax"
چرا کیفیت چاپ و تبلیغات اهمیت دارد؟
        style="background-image: url('https://dl.faraghaib.ir/m/260005/26000525.png');">
</h3>


        <h2 style="color:#fff;">
<p>
            هویت بصری
چاپ باکیفیت، جلوه حرفه‌ای برند را افزایش داده و تأثیرگذاری تبلیغات را بیشتر می‌کند.
        </h2>
</p>


        <p style="color:#fff;">
</div>
            چاپ تراکت، پوستر و اقلام تبلیغاتی با کیفیت ممتاز
        </p>


    </div>
</article>




    <!-- 9. Energy Saving Section -->
</div>
    <div class="container">


        <div class="info-row">
</div>


            <div class="info-text">
</section>


                <h2 class="section-title">
                    ماندگاری
                </h2>


                <p>
                    <strong>چاپ و تبلیغات برادران نعمتی</strong>
                    با استفاده از بهترین متریال و فناوری‌های چاپ،
                    محصولاتی با رنگ‌های زنده و دوام بالا تولید می‌کند
                    تا تبلیغات شما اثربخشی بیشتری داشته باشد.
                </p>


            </div>
<!-- =====================================================
    CTA
===================================================== -->


<section class="section category-section cta">


            <div class="info-image">
<div class="container">


                <img
<div class="cta-box">
                    src="https://dl.faraghaib.ir/m/260005/26000533.png"
                    alt="ماندگاری">


            </div>
<h2>


        </div>
برای تبلیغات کسب‌وکارتان آماده‌اید؟


    </div>
</h2>
 
<p>
 
برای دریافت مشاوره، استعلام قیمت و ثبت سفارش
چاپ و تبلیغات با ما تماس بگیرید.
 
</p>
 
<a
href="tel:+989900000000"
class="btn btn-light">
 
<i class="fa-solid fa-phone"></i>
 
تماس با ما
 
</a>
 
</div>
 
</div>
 
</section>
 
 
</main>
 
 
 
<!-- =====================================================
    FOOTER
===================================================== -->
 
<footer class="footer"
        id="contact">
 
© کلیه حقوق این وب‌سایت برای مجموعه چاپ و تبلیغات محفوظ است.
 
</div>
 
</footer>
 
 
 
<!-- =====================================================
    MOBILE NAV
===================================================== -->
 
<nav class="mobile-nav"
    aria-label="منوی موبایل">
 
 
<a href="#home"
  class="active">
 
<i class="fa-solid fa-house"></i>
 
<span>
خانه
</span>
 
</a>
 
 
<a href="#services">
 
<i class="fa-solid fa-print"></i>
 
<span>
خدمات
</span>
 
</a>
 
 
<a
href="tel:+989900000000"
class="call"
aria-label="تماس">
 
<i class="fa-solid fa-phone"></i>
 
</a>
 
 
<a href="#about">
 
<i class="fa-solid fa-building"></i>
 
<span>
درباره ما
</span>
 
</a>
 
 
<a href="#contact">
 
<i class="fa-solid fa-location-dot"></i>
 
<span>
تماس
</span>
 
</a>
 
 
</nav>




خط ۹۵۷: خط ۳٬۱۰۷:


</html>
</html>
{{منوی زیر صفحه/نعمتی}}