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

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>
<style>


/* =========================================================
/* =====================================================
   RESET & BASE
   RESET
========================================================= */
===================================================== */


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


html{
html {
    width:100%;
    overflow-x:hidden;
     scroll-behavior:smooth;
     scroll-behavior:smooth;
}
}


body{
body {
     width:100%;
 
     max-width:100%;
     font-family:
     margin:0;
        IRANSans,
     padding:0;
        Tahoma,
        Arial,
        sans-serif;
 
     background:#fff;
 
     color:#202124;
 
     line-height:1.9;
 
     overflow-x:hidden;
     overflow-x:hidden;
    font-family:'Tahoma','Arial',sans-serif;
 
    line-height:1.7;
    color:#333;
    background:#fff;
}
}


img{
img {
 
    display:block;
 
     max-width:100%;
     max-width:100%;
     height:auto;
     height:auto;
     display:block;
 
}
 
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;
 
}
}


h1,
.logo {
h2,
 
h3,
    display:flex;
p{
 
     max-width:100%;
    align-items:center;
 
    gap:10px;
 
    font-size:18px;
 
    font-weight:900;
 
     white-space:nowrap;
 
}
}


h1,
.logo-icon {
h2,
 
h3{
    width:42px;
     margin-top:0;
 
     margin-bottom:15px;
    height:42px;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    background:var(--primary);
 
    color:#fff;
 
     border-radius:12px;
 
     font-size:20px;
 
}
}


/* =========================================================
.desktop-menu {
  MEDIAWIKI FULL WIDTH
 
========================================================= */
    display:none;


#mw-panel,
#column-one{
    display:none !important;
}
}


#content,
.header-call {
.mw-body{
 
     width:100% !important;
    display:flex;
     max-width:none !important;
 
     margin-left:0 !important;
     align-items:center;
     margin-right:0 !important;
 
     justify-content:center;
 
    width:44px;
 
     height:44px;
 
    border-radius:12px;
 
     background:#fff0f1;
 
    color:var(--primary);
 
    font-size:18px;
 
}
}


.mw-body-content{
 
     width:100% !important;
/* =====================================================
     max-width:none !important;
  TOP BANNER
===================================================== */
 
.top-banner {
 
     width:100%;
 
     text-align:center;
 
    margin:0 auto;
 
    padding: 0px 0px  20px  0px ;
 
}
}


#bodyContent{
.top-banner-inner {
     width:100% !important;
 
     max-width:none !important;
    display:block;
 
     width:100%;
 
     max-width:1200px;
 
    margin:0 auto;
 
    overflow:hidden;
 
    border-radius:8px;
 
}
}


.mw-parser-output{
.top-banner img {
 
     width:100%;
     width:100%;
     max-width:100%;
 
     margin:0;
     height:auto;
    padding:0;
 
    overflow-x:hidden;
     margin:0 auto;
 
}
}


.mw-parser-output > p{
 
     margin:0;
/* =====================================================
  HERO
===================================================== */
 
.hero {
 
     padding:20px 0 30px;
 
}
}


.hero-box {
    position:relative;


/* =========================================================
    min-height:480px;
  PARALLAX / HERO
========================================================= */


.parallax{
     border-radius:24px;
     width:100%;
    min-height:300px;
    height:450px;


     background-attachment:scroll;
     overflow:hidden;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;


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


     padding:30px 20px;
     justify-content:center;


    color:#fff;
     text-align:center;
     text-align:center;


     position:relative;
     background:
     overflow:hidden;
     linear-gradient(
        135deg,
        rgba(17,24,39,.96),
        rgba(17,24,39,.72)
    );
 
}
}


/* لایه تیره */
.hero-bg {


.parallax::before{
    position:absolute;
     content:"";
 
    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;
     position:absolute;
     inset:0;
     inset:0;


     background:rgba(0,0,0,.4);
     background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.9),
        rgba(0,0,0,.45)
    );


    z-index:1;
}
}


.parallax > *{
.hero-content {
 
     position:relative;
     position:relative;
     z-index:2;
     z-index:2;


     max-width:100%;
    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;


/* =========================================================
}
  TITLES
========================================================= */


.section-title{
.hero h1 {
    position:relative;


     width:100%;
     font-size:clamp(28px,7vw,54px);
    max-width:100%;


     margin:0 auto 35px;
     line-height:1.35;


     padding:0 15px 25px;
     margin-bottom:15px;


     font-size:clamp(1.35rem,4vw,2rem);
     font-weight:900;
    line-height:1.6;


     text-align:center;
     text-align:center;
}
.hero h1 span {
    color:var(--accent);
}
}


.section-title::after{
.hero p {
    content:"";


     width:50px;
     color:#f1f1f1;
     height:3px;
 
     font-size:15px;


     background:#c19a6b;
     max-width:650px;


     position:absolute;
     margin:0 auto 25px;


     bottom:0;
     text-align:center;
    left:50%;


    transform:translateX(-50%);
}
}


.hero-buttons {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;


/* =========================================================
    gap:10px;
  MAIN CONTAINER
========================================================= */


.container{
     width:100%;
     width:100%;
    max-width:1200px;


     margin:0 auto;
     margin:0 auto;


     padding:45px 15px;
}
 
.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);


    text-align:center;
}
}




/* =========================================================
/* =====================================================
   PRODUCT CIRCLE GRID
   FEATURES
========================================================= */
===================================================== */
 
.features {
 
    padding:20px 0 40px;
 
}


.product-circle-grid{
.feature-grid {
    width:100%;


     display:grid;
     display:grid;


     grid-template-columns:repeat(2,minmax(0,1fr));
     grid-template-columns:repeat(2,1fr);
 
    gap:12px;
 
    justify-items:stretch;


    gap:25px 15px;
}
}


.product-circle-item{
.feature {
 
     width:100%;
     width:100%;
     min-width:0;
 
     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;
     display:flex;
    flex-direction:column;
 
     align-items:center;
     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;
     text-align:center;
}
}


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


     max-width:100%;
/* =====================================================
  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;


    border-radius:50%;
}


    object-fit:cover;
.section-title span {


     border:4px solid #f4f4f4;
     color:var(--primary);


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


.product-circle-item p{
.section-description {
    margin-top:12px;


     font-weight:bold;
     max-width:650px;
 
    margin:0 auto;
 
    color:var(--muted);


     font-size:14px;
     font-size:14px;


     overflow-wrap:anywhere;
     text-align:center !important;
 
}
}




/* =========================================================
/* =====================================================
   BEST SELLERS
   SERVICES
========================================================= */
===================================================== */


.best-sellers-grid{
.services-grid {
    width:100%;


     display:grid;
     display:grid;


     grid-template-columns:1fr;
     grid-template-columns:repeat(2,1fr);
 
    gap:12px;


     gap:20px;
     justify-items:stretch;


    margin-top:25px;
}
}


.best-seller-card{
.service-card {
 
     width:100%;
     width:100%;
    min-width:0;


     border:1px solid #eee;
    background:#fff;
 
     border:1px solid var(--border);


     padding:12px;
     border-radius:18px;


     background:#fff;
     overflow:hidden;


     transition:.3s;
     transition:.3s;


     overflow:hidden;
     box-shadow:
        0 5px 20px rgba(0,0,0,.05);
 
    text-align:center;
 
}
}


.best-seller-card:hover{
.service-card:hover {
 
     transform:translateY(-5px);
     transform:translateY(-5px);


     box-shadow:0 10px 20px rgba(0,0,0,.1);
     box-shadow:
        0 12px 30px rgba(0,0,0,.12);
 
}
}


.best-seller-card img{
.service-image {
 
     width:100%;
     width:100%;


     height:auto;
     height:145px;
 
    overflow:hidden;
 
}
 
.service-image img {
 
    width:100%;


     aspect-ratio:1 / 1;
     height:100%;


     object-fit:cover;
     object-fit:cover;


     border-radius:2px;
     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;
 
}
}


.product-code{
.service-link {
     color:#c19a6b;
 
     color:var(--primary);
 
    font-size:12px;


     font-weight:bold;
     font-weight:bold;


     display:block;
     display:flex;
 
    align-items:center;
 
    justify-content:center;
 
    gap:5px;


     margin:10px 0 5px;
     text-align:center;


    font-size:14px;
}
}


.best-seller-card p{
    font-size:15px;


    line-height:1.8;
/* =====================================================
  CATEGORIES
===================================================== */
 
.category-section {


     margin:0;
     background:var(--light);


    overflow-wrap:anywhere;
}
}


.category-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    justify-items:stretch;
}


/* =========================================================
.category {
  INFO SECTIONS
========================================================= */


.info-row{
     width:100%;
     width:100%;
    min-height:110px;
    border-radius:17px;
    padding:18px;
    background:#fff;


     display:flex;
     display:flex;


     flex-direction:column;
     flex-direction:column;
    justify-content:center;


     align-items:center;
     align-items:center;


     gap:30px;
     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;
     text-align:center;
}
}


.info-text,
 
.info-image{
/* =====================================================
  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%;
     width:100%;
     min-width:0;
 
    flex:1 1 100%;
     text-align:center;
 
}
}


.info-text{
.about-content h2 {
 
    font-size:25px;
 
    margin-bottom:12px;
 
     text-align:center;
     text-align:center;
}
.about-content h2 span {
    color:var(--primary);
}
}


.info-text p{
.about-content p {
     font-size:15px;
 
    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;


     line-height:2;
     max-width:100%;


     margin:0 auto;
     margin:0 auto;


     overflow-wrap:anywhere;
     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;
 
}
}


.info-image{
.special-item {
 
    width:100%;
 
     display:flex;
     display:flex;
    flex-direction:column;
    gap:10px;
    align-items:center;


     justify-content: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;
     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;
}
}


.info-image img{
.blog-card {
 
     width:100%;
     width:100%;
    max-width:600px;


     height:auto;
    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%;


     border-radius:10px;
     height:100%;


     object-fit:cover;
     object-fit:cover;
}
.blog-content {
    padding:16px;
    text-align:center;
}
}


.blog-category {


/* =========================================================
    font-size:11px;
   FOOTER
 
========================================================= */
    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 {


.footer-container{
     width:100%;
     width:100%;


     background:#222;
    max-width:1000px;
 
    margin-left:auto !important;
 
    margin-right:auto !important;
 
     background:
    linear-gradient(
        135deg,
        var(--primary),
        #b91c2c
    );


     color:#fff;
     color:#fff;


     padding:45px 15px;
    border-radius:22px;
 
     padding:35px 20px;
 
    display:flex;
 
    flex-direction:column;
 
    align-items:center;
 
    justify-content:center;
 
    text-align:center;
 
}
}


.footer-grid{
.cta-box h2 {
 
     width:100%;
     width:100%;
    max-width:1200px;


     margin:0 auto;
    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;
     display:grid;


     grid-template-columns:1fr;
     gap:6px;
 
    padding:0;
 
    text-align:center;
 
}
 
.footer-links li {


     gap:30px;
     text-align:center;


    text-align:right;
}
}


.footer-column{
.footer-links a {
     min-width:0;
 
    color:#cbd5e1;
 
     font-size:13px;
 
    transition:.2s;
 
}
}


.footer-column h3{
.footer-links a:hover {
     color:#c19a6b;
 
     color:#fff;


    font-size:18px;
}
}


.footer-column p{
.contact-item {
     color:#bbb;
 
    display:flex;
 
    align-items:center;
 
    justify-content:center;
 
     gap:10px;
 
    margin-bottom:10px;


     font-size:.9rem;
     color:#cbd5e1;


     line-height:1.9;
     font-size:13px;
 
    text-align:center;


    overflow-wrap:anywhere;
}
}


.contact-item i {
    color:var(--accent);
    width:20px;
}


/* =========================================================
.social {
  MAP
========================================================= */


.map-section{
     display:flex;
     width:100%;


     height:300px;
     justify-content:center;


     background:#eee;
     gap:8px;


     border-top:2px solid #c19a6b;
     margin-top:15px;


    overflow:hidden;
}
}


.map-placeholder{
.social a {
     width:100%;
 
     height:100%;
     width:40px;
 
     height:40px;
 
    border-radius:10px;


     display:flex;
     display:flex;


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


     background:#e0e0e0;
     background:rgba(255,255,255,.08);
 
    transition:.2s;
 
}
 
.social a:hover {
 
    background:var(--primary);
 
}
 
.footer-bottom {
 
    margin-top:30px;


     color:#666;
     padding-top:15px;
 
    border-top:1px solid rgba(255,255,255,.1);


     text-align:center;
     text-align:center;


     padding:20px;
     color:#9ca3af;
 
    font-size:11px;
 
}
}




/* =========================================================
/* =====================================================
   WHATSAPP
   MOBILE NAV
========================================================= */
===================================================== */
 
.mobile-nav {


.whatsapp-btn{
     position:fixed;
     position:fixed;


     bottom:20px;
     bottom:10px;
     left:15px;
 
    right:3%;
 
     left:3%;
 
    z-index:999;
 
    height:62px;
 
    background:#111827;
 
    border-radius:18px;
 
    display:flex;


     width:52px;
     align-items:center;
    height:52px;


     background:#25d366;
     justify-content:space-around;


     border-radius:50%;
     box-shadow:
        0 10px 30px rgba(0,0,0,.25);
 
}
 
.mobile-nav a {
 
    color:#cbd5e1;


     display:flex;
     display:flex;
    flex-direction:column;


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


     box-shadow:0 4px 15px rgba(0,0,0,.3);
     gap:1px;
 
    font-size:10px;
 
}
 
.mobile-nav i {


     z-index:1000;
     font-size:18px;


    transition:.3s;
}
}


.whatsapp-btn:hover{
.mobile-nav .active {
     transform:scale(1.1);
 
     color:#fff;
 
}
}


.whatsapp-btn img{
.mobile-nav .call {
     width:30px;
 
     height:30px;
     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;
 
}
}




/* =========================================================
/* =====================================================
   MOBILE TYPOGRAPHY
   TABLET
========================================================= */
===================================================== */
 
@media (min-width:600px) {
 
    .container {
 
        width:92%;


@media (max-width:480px){
    }


     .parallax{
     .hero-box {
        min-height:260px;
        height:300px;


         padding:25px 15px;
         min-height:520px;


        background-position:center center;
        background-size:cover;
     }
     }


     .parallax h1{
     .hero-content {
         font-size:25px !important;
 
        line-height:1.6;
         padding:50px;
 
     }
     }


     .parallax h2{
     .hero-buttons {
         font-size:25px !important;
 
         line-height:1.6;
        flex-direction:row;
 
         max-width:430px;
 
        margin-left:auto;
 
         margin-right:auto;


        padding:0 !important;
     }
     }


     .parallax p{
     .btn {
        font-size:15px !important;
 
         line-height:1.9;
         flex:1;


        margin:0;
     }
     }


     .container{
     .services-grid {
         padding:40px 12px;
 
         grid-template-columns:repeat(3,1fr);
 
     }
     }


     .section-title{
     .category-grid {
         font-size:1.4rem;
 
        padding:0 10px 22px;
         grid-template-columns:repeat(3,1fr);
        margin-bottom:30px;
 
     }
     }


     .product-circle-item img{
     .feature-grid {
         width:115px;
 
        height:115px;
         grid-template-columns:repeat(6,1fr);
 
     }
     }


     .best-seller-card{
     .blog-grid {
         padding:10px;
 
         grid-template-columns:repeat(3,1fr);
 
     }
     }


     .info-row{
     .special-grid {
         gap:25px;
 
         grid-template-columns:repeat(2,1fr);
 
     }
     }


     .info-text p{
     .about {
         font-size:14px;
 
        flex-direction:row;
 
         align-items:center;
 
     }
     }


     .info-image img{
     .about > * {
         border-radius:8px;
 
         flex:1;
 
     }
     }


     .whatsapp-btn{
     .about-content {
        width:50px;
 
         height:50px;
         text-align:center;


        bottom:15px;
        left:12px;
     }
     }
}
}




/* =========================================================
/* =====================================================
   TABLET
   DESKTOP
========================================================= */
===================================================== */
 
@media (min-width:900px) {


@media (min-width:481px) and (max-width:768px){
    .header-inner {


    .parallax{
         min-height:78px;
        height:340px;
         min-height:340px;


        background-attachment:scroll;
     }
     }


     .container{
     .desktop-menu {
         padding:50px 20px;
 
        display:flex;
 
        align-items:center;
 
         justify-content:center;
 
        gap:25px;
 
        margin-right:auto;
 
        margin-left:30px;
 
     }
     }


     .best-sellers-grid{
     .desktop-menu a {
         grid-template-columns:repeat(2,minmax(0,1fr));
 
         font-size:14px;
 
        font-weight:bold;
 
        color:#374151;
 
        transition:.2s;
 
     }
     }


     .product-circle-grid{
     .desktop-menu a:hover {
         grid-template-columns:repeat(3,minmax(0,1fr));
 
         color:var(--primary);
 
     }
     }


     .info-row{
     .header-call {
         gap:30px;
 
        width:auto;
 
        padding:0 17px;
 
         gap:8px;
 
        font-size:13px;
 
        font-weight:bold;
 
     }
     }


     .info-text p{
   
         font-size:15px;
 
     .mobile-nav {
 
         display:none;
 
     }
     }
}


    .hero {
        padding:30px 0 50px;


/* =========================================================
    }
  TABLET / DESKTOP
========================================================= */


@media (min-width:769px){
    .hero-content {


    .parallax{
         padding:70px;
         height:450px;


        background-attachment:fixed;
        background-size:cover;
     }
     }


     .container{
     .hero p {
         padding:60px 20px;
 
         font-size:16px;
 
     }
     }


     .product-circle-grid{
     .services-grid {
         grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
 
         grid-template-columns:repeat(4,1fr);


        gap:30px;
     }
     }


     .product-circle-item img{
     .category-grid {
         width:150px;
 
        height:150px;
         grid-template-columns:repeat(6,1fr);
 
     }
     }


     .best-sellers-grid{
     .special-grid {
         grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
 
         grid-template-columns:repeat(3,1fr);


        gap:20px;
     }
     }


     .best-seller-card img{
     .footer-grid {
         height:350px;
 
         grid-template-columns:2fr 1fr 1fr 1.5fr;


        aspect-ratio:auto;
     }
     }


    .info-row{
}
        flex-direction:row;
 
 
/* =====================================================
  LARGE DESKTOP
===================================================== */
 
@media (min-width:1200px) {


        align-items:center;
    .hero-box {


         gap:40px;
         min-height:570px;


        text-align:right;
     }
     }


     .info-text,
     .section {
    .info-image{
 
         flex:1;
         padding:65px 0;
        min-width:300px;
 
     }
     }


     .info-text{
     .service-image {
         text-align:right;
 
         height:180px;
 
     }
     }


     .info-text p{
}
         font-size:16px;
 
 
/* =====================================================
  MOBILE FINAL ADJUSTMENTS
===================================================== */
 
@media (max-width:599px) {
 
     .container {
 
         width:94%;
 
     }
     }


     .footer-grid{
     .section-title {
         grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
 
         font-size:23px;
 
        line-height:1.6;
 
     }
     }


     .map-section{
     .section-description {
        height:400px;
    }


    .whatsapp-btn{
        font-size:13px;
        width:60px;
        height:60px;


         bottom:30px;
         line-height:1.9;
        left:30px;
    }


    .whatsapp-btn img{
        width:35px;
        height:35px;
     }
     }
}


    .about-list {


/* =========================================================
        width:100%;
  LARGE SCREENS
========================================================= */


@media (min-width:1200px){
        max-width:360px;


    .parallax{
        height:450px;
     }
     }


     .container{
     .about-list li {
         padding-left:20px;
 
        padding-right:20px;
         justify-content:center;
 
     }
     }
}


    .cta-box {


/* =========================================================
        width:100%;
  PREVENT HORIZONTAL OVERFLOW
========================================================= */


.mw-parser-output,
        padding:30px 18px;
.mw-parser-output *,
#content,
.mw-body,
body{
    max-width:100%;
}


pre,
     }
table{
     max-width:100%;
}


table{
     .cta-box h2 {
     overflow-x:auto;
}


        font-size:22px;


/* =========================================================
    }
  ACCESSIBILITY
========================================================= */


@media (prefers-reduced-motion:reduce){
    .cta-box p {


    html{
         font-size:13px;
         scroll-behavior:auto;
    }


    .best-seller-card,
    .whatsapp-btn{
        transition:none;
     }
     }


}
}


    </style>
</style>
 
</head>
</head>


<body>
<body>


    <!-- 1. Hero Section (Typing Image) -->
    <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000505.jpg');">
        <h1 style="color: #fff;"> چاپ و تبلیغات نعمتی</h1>
        <p>کیفیت ماندگار، چاپ حرفه‌ای و تبلیغات مؤثر برای رشد کسب‌وکار شما</p>
    </div>


    <h2 class="section-title" style="text-align:center; padding-bottom: 40px;">محصولات</h2>
<!-- =====================================================
    HEADER
===================================================== -->
 
 
<!-- =====================================================
    TOP BANNER
===================================================== -->
 
<div class="top-banner">
 
<div class="top-banner-inner">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/baner-01.png"
alt="چاپ و تبلیغات برادران نعمتی">
 
</div>
 
</div>
 
 
 
<main id="home">
 
 
 
<!-- =====================================================
    FEATURES
===================================================== -->
 
<section class="features section category-section">
 
<div class="container">
 
<div class="feature-grid">
 
 
<div class="feature">
 
<div class="feature-icon">
 
<i class="fa-solid fa-print"></i>
 
</div>
 
<h2>
چاپ با کیفیت
</h2>
 
<p>
استفاده از متریال مناسب
</p>
 
</div>
 
 
 
<div class="feature">
 
<div class="feature-icon">
 
<i class="fa-solid fa-bolt"></i>
 
</div>
 
<h2>
تحویل سریع
</h2>
 
<p>
اجرای سریع سفارشات
</p>
 
</div>
 
 
 
<div class="feature">
 
<div class="feature-icon">
 
<i class="fa-solid fa-tags"></i>
 
</div>
 
<h2>
قیمت مناسب
</h2>
 
<p>
قیمت‌گذاری منصفانه
</p>
 
</div>
 
 
 
<div class="feature">
 
<div class="feature-icon">
 
<i class="fa-solid fa-print"></i>
 
</div>
 
<h2>
کیفیت بالا
</h2>
 
<p>
چاپ باکیفیت و ماندگار
</p>
 
</div>
 
<div class="feature">
 
<div class="feature-icon">
 
<i class="fa-solid fa-file"></i>
 
</div>
 
<h2>
طراحی مدرن
</h2>
 
<p>
طراحی بروز و مدرن
</p>
 
</div>
 
 
<div class="feature">
 
<div class="feature-icon">
 
<i class="fa-solid fa-headset"></i>
 
</div>
 
<h2>
مشاوره تخصصی
</h2>
 
<p>
راهنمایی قبل از سفارش
</p>
 
</div>
 
 
</div>
 
</div>
 
</section>
</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>
<html>


    <!-- 3. Parallax: Azadi Tower (Shipping) -->
</div>
    <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000530.png');">
 
        <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">پذیرش سفارش</h2>
</div>
        <p style="color:#fff;font-size: 19px;">ارسال سریع و ایمن با تضمین سلامت و اجرای بی نقص
 
</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>
</p>
    </div>


    <!-- 4. Best Sellers Section -->
</div>
    <div class="container">
 
        <h2 class="section-title">محصولات پرفروش</h2>
</div>
 
 
 
<div class="special-item">
 
<div class="special-icon">
 
<i class="fa-solid fa-handshake"></i>
 
</div>
 
<div>


        <div class="best-sellers-grid">
<h3>
همراه کسب‌وکار شما
</h3>


            <div class="best-seller-card">
<p>
                <img src="https://dl.faraghaib.ir/m/260005/26000521.png" alt="چاپ و تبلیغات نعمتی">
هدف ما ایجاد یک همکاری مطمئن و بلندمدت با مشتریان است.
                <span class="product-code">کد محصول: SD 107</span>
</p>
                <p>چاپ بنر حج </p>
            </div>


            <div class="best-seller-card">
</div>
                <img src="https://dl.faraghaib.ir/m/260005/26000512.jpg" alt="چاپ و تبلیغات نعمتی">
                <span class="product-code">کد محصول: SD 110</span>
                <p>طراحی و چاپ تسلیت</p>
            </div>


            <div class="best-seller-card">
</div>
                <img src="https://dl.faraghaib.ir/m/260005/26000506.png" alt="چاپ و تبلیغات نعمتی">
                <span class="product-code">کد محصول: SD 118</span>
                <p>طراحی و چاپ تبریک و خیر مقدم انواع مراسم</p>
            </div>


            <div class="best-seller-card">
                <img src="https://dl.faraghaib.ir/m/260005/26000527.png" alt="چاپ و تبلیغات نعمتی">
                <span class="product-code">کد محصول: SD 118</span>
                <p>طراحی و چاپ بنر تبریک تولد </p>
            </div>


        </div>
</div>
    </div>


    <!-- 5. Parallax: Drill (Installation) -->
</div>
    <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000529.png');">
        <br>
        <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">چاپ اختصاصی</h2>
        <p style="color:#fff;font-size: 26px;">چاپ سفارشی با کیفیت و دقت در اجرا</p>
    </div>


    <!-- 6. Security Section -->
</div>
    <div class="container">
        <div class="info-row">


            <div class="info-text">
</section>
                <h2 class="section-title" style="text-align: right; margin-right: auto;">کیفیت</h2>


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


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


        </div>
<!-- =====================================================
    </div>
    BLOG
===================================================== -->


    <!-- 7. Sound Privacy Section -->
<section class="section"
    <div class="container">
        id="blog">
        <div class="info-row" style="flex-direction: row-reverse;">


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


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


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


        </div>
آخرین
    </div>
<span>
مقالات چاپ و تبلیغات
</span>


    <!-- 8. Parallax: Phone (Consultation) -->
</h2>
    <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000525.png');">


        <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">هویت بصری</h2>
<p class="section-description">


        <p style="color:#fff;font-size: 19px;">
مطالب آموزشی و کاربردی درباره چاپ،
            چاپ تراکت، پوستر و اقلام تبلیغاتی با کیفیت ممتاز
طراحی و روش‌های تبلیغات مؤثر.
        </p>


    </div>
</p>


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


        <div class="info-row">


            <div class="info-text">
<div class="blog-grid">


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


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


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


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


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


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


         </div>
<span class="blog-category">
چاپ
</span>
 
<h3>
چگونه بهترین نوع چاپ تراکت را انتخاب کنیم؟
</h3>
 
<p>
آشنایی با انواع کاغذ، ابعاد و نکات مهم برای چاپ تراکت تبلیغاتی.
</p>
 
</div>
 
</article>
 
 
 
<article class="blog-card">
 
<div class="blog-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-04.jpg"
alt="نکات طراحی پوستر تبلیغاتی">
 
</div>
 
<div class="blog-content">
 
<span class="blog-category">
طراحی
</span>
 
<h3>
اصول طراحی یک پوستر تبلیغاتی جذاب
</h3>
 
<p>
با رعایت چند نکته ساده می‌توان پوستر تبلیغاتی مؤثرتری طراحی کرد.
</p>
 
</div>
 
</article>
 
 
 
<article class="blog-card">
 
<div class="blog-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-70.jpg"
alt="اهمیت طراحی لوگو برای برند">
 
</div>
 
<div class="blog-content">
 
<span class="blog-category">
کیفیت
</span>
 
<h3>
چرا کیفیت چاپ و تبلیغات اهمیت دارد؟
</h3>
 
<p>
چاپ باکیفیت، جلوه حرفه‌ای برند را افزایش داده و تأثیرگذاری تبلیغات را بیشتر می‌کند.
</p>
 
</div>
 
</article>
 
 
</div>
 
</div>
 
</section>
 
 
 
<!-- =====================================================
    CTA
===================================================== -->
 
<section class="section category-section cta">
 
<div class="container">
 
<div class="cta-box">
 
<h2>
 
برای تبلیغات کسب‌وکارتان آماده‌اید؟
 
</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>


    </div>


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