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

esfandiari>Javid
صفحه‌ای تازه حاوی «{{منوی اصلی/نعمتی}} <html> <script> document.addEventListener("contextmenu", function (event) { event.preventDefault(); alert("کلیک راست در این صفحه غیرفعال است."); }); </script> <div style="width:100%; text-align:center; margin:0 auto;"> <div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;"> <img src="https://dl.faraghaib.ir/m/260005/baner.png" alt="خد...» ایجاد کرد
 
جز ۱۵ نسخه واردشده
 
(۱۴ نسخهٔ میانی ویرایش شده توسط یک کاربر دیگر نشان داده نشد)
خط ۱: خط ۱:
{{منوی اصلی/نعمتی}}
 
<html lang="fa" dir="rtl">
 
<head>
 
<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;
 
    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%;
 
    }
 
    .hero-box {
 
        min-height:520px;
 
    }
 
    .hero-content {
 
        padding:50px;
 
    }
 
    .hero-buttons {
 
        flex-direction:row;
 
        max-width:430px;
 
        margin-left:auto;
 
        margin-right:auto;
 
    }
 
    .btn {
 
        flex:1;
 
    }
 
    .services-grid {
 
        grid-template-columns:repeat(3,1fr);
 
    }
 
    .category-grid {
 
        grid-template-columns:repeat(3,1fr);
 
    }
 
    .feature-grid {
 
        grid-template-columns:repeat(6,1fr);
 
    }
 
    .blog-grid {
 
        grid-template-columns:repeat(3,1fr);
 
    }
 
    .special-grid {
 
        grid-template-columns:repeat(2,1fr);
 
    }
 
    .about {
 
        flex-direction:row;
 
        align-items:center;
 
    }
 
    .about > * {
 
        flex:1;
 
    }
 
    .about-content {
 
        text-align:center;
 
    }
 
}
 
 
/* =====================================================
  DESKTOP
===================================================== */
 
@media (min-width:900px) {
 
    .header-inner {
 
        min-height:78px;
 
    }
 
    .desktop-menu {
 
        display:flex;
 
        align-items:center;
 
        justify-content:center;
 
        gap:25px;
 
        margin-right:auto;
 
        margin-left:30px;
 
    }
 
    .desktop-menu a {
 
        font-size:14px;
 
        font-weight:bold;
 
        color:#374151;
 
        transition:.2s;
 
    }
 
    .desktop-menu a:hover {
 
        color:var(--primary);
 
    }
 
    .header-call {
 
        width:auto;
 
        padding:0 17px;
 
        gap:8px;
 
        font-size:13px;
 
        font-weight:bold;
 
    }
 
   
 
    .mobile-nav {
 
        display:none;
 
    }
 
    .hero {
 
        padding:30px 0 50px;
 
    }
 
    .hero-content {
 
        padding:70px;
 
    }
 
    .hero p {
 
        font-size:16px;
 
    }
 
    .services-grid {
 
        grid-template-columns:repeat(4,1fr);
 
    }
 
    .category-grid {
 
        grid-template-columns:repeat(6,1fr);
 
    }
 
    .special-grid {
 
        grid-template-columns:repeat(3,1fr);
 
    }
 
    .footer-grid {
 
        grid-template-columns:2fr 1fr 1fr 1.5fr;
 
    }
 
}
 
 
/* =====================================================
  LARGE DESKTOP
===================================================== */
 
@media (min-width:1200px) {
 
    .hero-box {
 
        min-height:570px;
 
    }
 
    .section {
 
        padding:65px 0;
 
    }
 
    .service-image {
 
        height:180px;
 
    }
 
}
 
 
/* =====================================================
  MOBILE FINAL ADJUSTMENTS
===================================================== */
 
@media (max-width:599px) {
 
    .container {
 
        width:94%;
 
    }
 
    .section-title {
 
        font-size:23px;
 
        line-height:1.6;
 
    }
 
    .section-description {
 
        font-size:13px;
 
        line-height:1.9;
 
    }
 
    .about-list {
 
        width:100%;
 
        max-width:360px;
 
    }
 
    .about-list li {
 
        justify-content:center;
 
    }
 
    .cta-box {
 
        width:100%;
 
        padding:30px 18px;
 
    }
 
    .cta-box h2 {
 
        font-size:22px;
 
    }
 
    .cta-box p {
 
        font-size:13px;
 
    }
 
}
 
</style>
 
</head>
 
 
<body>
 
 
<!-- =====================================================
    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>
<html>
<script>
<!-- =====================================================
document.addEventListener("contextmenu", function (event) {
    SERVICES
  event.preventDefault();
===================================================== -->
  alert("کلیک راست در این صفحه غیرفعال است.");
 
});
<section class="section"
</script>
        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 style="width:100%; text-align:center; margin:0 auto;">
  <div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:18px;">
<img src="https://dl.faraghaib.ir/m/260005/baner.png" alt="خدمات چاپ و تبلیغات نعمتی">
</div>
</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>
 
</div>
 
</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>
 
</div>
 
</div>
 
 
 
<div class="special-item">
 
<div class="special-icon">
 
<i class="fa-solid fa-handshake"></i>
 
</div>
 
<div>
 
<h3>
همراه کسب‌وکار شما
</h3>
 
<p>
هدف ما ایجاد یک همکاری مطمئن و بلندمدت با مشتریان است.
</p>
 
</div>
 
</div>
 
 
</div>
 
</div>
 
</div>
 
</section>
 
 
 
<!-- =====================================================
    BLOG
===================================================== -->
 
<section class="section"
        id="blog">
 
<div class="container">
 
<div class="section-header">
 
<h2 class="section-title">
 
آخرین
<span>
مقالات چاپ و تبلیغات
</span>
 
</h2>
 
<p class="section-description">
 
مطالب آموزشی و کاربردی درباره چاپ،
طراحی و روش‌های تبلیغات مؤثر.
 
</p>
 
</div>
 
 
<div class="blog-grid">
 
 
<article class="blog-card">
 
<div class="blog-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-45.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-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>
 
 
</body>
 
</html>