بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<!DOCTYPE html>
<html lang="fa" dir="rtl">


<html lang="fa" dir="rtl">
<head>
<head>


<meta charset="UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<title>چاپ و تبلیغات | چاپ تراکت، پوستر، کارت ویزیت و خدمات تبلیغاتی</title>
<meta name="viewport"
      content="width=device-width, initial-scale=1.0">
 
<title>
چاپ و تبلیغات | چاپ تراکت، پوستر، کارت ویزیت و خدمات تبلیغاتی
</title>


<meta name="description"
<meta name="description"
خط ۱۴: خط ۱۹:
content="چاپ و تبلیغات, چاپ تراکت, چاپ پوستر, چاپ کارت ویزیت, چاپ هولوگرام, چاپ بنر, چاپ فلکس, طراحی لوگو, خدمات چاپ, تبلیغات">
content="چاپ و تبلیغات, چاپ تراکت, چاپ پوستر, چاپ کارت ویزیت, چاپ هولوگرام, چاپ بنر, چاپ فلکس, طراحی لوگو, خدمات چاپ, تبلیغات">


<meta name="robots" content="index, follow">
<meta name="robots"
<meta name="author" content="چاپ و تبلیغات">
content="index, follow">


<link rel="canonical" href="https://example.com/">
<meta name="author"
content="چاپ و تبلیغات">
 
<link rel="canonical"
      href="https://example.com/">


<!-- Font Awesome -->
<link rel="stylesheet"
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">


<!-- =========================
    CSS
========================= -->


<style>
<style>


@font-face {
/* =====================================================
    font-family: IRANSans;
  RESET
    src: local("IRANSans");
===================================================== */
}
 
:root {
 
    --primary:#e63946;
    --primary-dark:#c62835;
 
    --secondary:#111827;
 
    --accent:#ffb703;
 
    --light:#f7f8fa;
 
    --white:#ffffff;
 
    --text:#202124;
 
    --muted:#6b7280;
 
    --border:#e5e7eb;
 
    --shadow:
        0 8px 30px rgba(0,0,0,.08);
 
    --radius:18px;
 
    --max-width:1200px;
}


* {
* {
خط ۷۹: خط ۵۶:
         sans-serif;
         sans-serif;


     background:var(--white);
     background:#fff;


     color:var(--text);
     color:#202124;


     line-height:1.9;
     line-height:1.9;


     overflow-x:hidden;
     overflow-x:hidden;
}
}


img {
img {
    display:block;


     max-width:100%;
     max-width:100%;


     display:block;
     height:auto;


    height:auto;
}
}


خط ۱۰۲: خط ۸۱:


     color:inherit;
     color:inherit;
}
}


.container {


     width:92%;
/* =====================================================
  VARIABLES
===================================================== */
 
:root {
 
     --primary:#e63946;


     max-width:var(--max-width);
     --primary-dark:#c62835;


     margin:auto;
     --secondary:#111827;
}


    --accent:#ffb703;


/* =========================
    --light:#f7f8fa;
  HEADER
========================= */


.header {
    --white:#ffffff;


     position:sticky;
     --text:#202124;


     top:0;
     --muted:#6b7280;


     z-index:1000;
     --border:#e5e7eb;


     background:rgba(255,255,255,.96);
     --shadow:
        0 8px 30px rgba(0,0,0,.08);


     backdrop-filter:blur(12px);
     --max-width:1200px;


    border-bottom:1px solid var(--border);
}
}


.header-inner {


    min-height:70px;
/* =====================================================
  MAIN CONTAINER
===================================================== */


    display:flex;
.container {


     align-items:center;
    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;
     justify-content:space-between;


     gap:15px;
     gap:15px;
}
}


خط ۱۵۹: خط ۱۸۱:


     white-space:nowrap;
     white-space:nowrap;
}
}


خط ۱۸۰: خط ۲۰۳:


     font-size:20px;
     font-size:20px;
}
}


خط ۱۸۵: خط ۲۰۹:


     display:none;
     display:none;
}
}


خط ۲۰۶: خط ۲۳۱:


     font-size:18px;
     font-size:18px;
}
}




/* =========================
/* =====================================================
   HERO
   TOP BANNER
========================= */
===================================================== */
 
.top-banner {
 
    width:100%;
 
    text-align:center;


.hero {
    margin:0 auto;


    padding:20px 0 30px;
}
}


.hero-box {
.top-banner-inner {
 
    display:block;


     position:relative;
     width:100%;


     min-height:480px;
     max-width:1200px;


     border-radius:24px;
     margin:0 auto;


     overflow:hidden;
     overflow:hidden;


     background:
     border-radius:8px;
 
}
 
.top-banner img {
 
    width:100%;


     linear-gradient(
     height:auto;
        135deg,
        rgba(17,24,39,.96),
        rgba(17,24,39,.72)
    );


     display:flex;
     margin:0 auto;


    align-items:center;
}
}


.hero-bg {


    position:absolute;
/* =====================================================
  HERO
===================================================== */


     inset:0;
.hero {
 
     padding:20px 0 30px;
 
}
 
.hero-box {
 
    position:relative;


     background-image:
     min-height:480px;
    url("https://images.unsplash.com/photo-1586953208448-b95a79798f07?auto=format&fit=crop&w=1600&q=80");


     background-size:cover;
     border-radius:24px;


     background-position:center;
     overflow:hidden;


     opacity:.38;
     display:flex;
}


.hero-overlay {
    align-items:center;


     position:absolute;
     justify-content:center;


     inset:0;
     text-align:center;


     background:
     background:
     linear-gradient(
     linear-gradient(
         90deg,
         135deg,
         rgba(0,0,0,.9),
         rgba(17,24,39,.96),
         rgba(0,0,0,.45)
         rgba(17,24,39,.72)
     );
     );
}
}


.hero-content {
.hero-bg {


     position:relative;
     position:absolute;
 
    inset:0;
 
    background-image:
    url("https://images.unsplash.com/photo-1586953208448-b95a79798f07?auto=format&fit=crop&w=1600&q=80");


     z-index:2;
     background-size:cover;


     color:#fff;
     background-position:center;


     padding:35px 25px;
     opacity:.38;


    max-width:750px;
}
}


.hero-badge {
.hero-overlay {


     display:inline-flex;
     position:absolute;


     padding:5px 13px;
     inset:0;


     margin-bottom:14px;
     background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.9),
        rgba(0,0,0,.45)
    );


    background:rgba(255,183,3,.15);
}


    border:1px solid rgba(255,183,3,.5);
.hero-content {


     color:var(--accent);
     position:relative;


     border-radius:50px;
     z-index:2;


     font-size:13px;
     color:#fff;
 
    width:100%;


     font-weight:bold;
     max-width:750px;
}


.hero h1 {
    margin-left:auto;


     font-size:clamp(28px,7vw,54px);
     margin-right:auto;


     line-height:1.35;
     padding:35px 25px;


     margin-bottom:15px;
     text-align:center;


    font-weight:900;
}
}


.hero h1 span {
.hero-badge {


     color:var(--accent);
     display:inline-flex;
}


.hero p {
    align-items:center;


     color:#f1f1f1;
     justify-content:center;


     font-size:15px;
     padding:5px 13px;


     max-width:650px;
     margin-bottom:14px;


     margin-bottom:25px;
     background:rgba(255,183,3,.15);
}


.hero-buttons {
    border:1px solid rgba(255,183,3,.5);


     display:flex;
     color:var(--accent);


     flex-direction:column;
     border-radius:50px;
 
    font-size:13px;
 
    font-weight:bold;


    gap:10px;
}
}


.btn {
.hero h1 {


     display:flex;
     font-size:clamp(28px,7vw,54px);


     align-items:center;
     line-height:1.35;


     justify-content:center;
     margin-bottom:15px;


     gap:9px;
     font-weight:900;


     min-height:50px;
     text-align:center;


    padding:0 20px;
}


    border-radius:12px;
.hero h1 span {


     font-weight:bold;
     color:var(--accent);


    transition:.25s;
}
}


.btn-primary {
.hero p {


     background:var(--primary);
     color:#f1f1f1;


     color:#fff;
     font-size:15px;
}


.btn-primary:hover {
    max-width:650px;


     background:var(--primary-dark);
     margin:0 auto 25px;
 
    text-align:center;


    transform:translateY(-2px);
}
}


.btn-light {
.hero-buttons {


     background:#fff;
     display:flex;


     color:#111827;
     flex-direction:column;
}


.btn-light:hover {
    align-items:center;


     transform:translateY(-2px);
     justify-content:center;
}


    gap:10px;


/* =========================
    width:100%;
  TRUST FEATURES
========================= */


.features {
    margin:0 auto;


    padding:20px 0 40px;
}
}


.feature-grid {
.btn {


     display:grid;
     display:flex;


     grid-template-columns:repeat(2,1fr);
     align-items:center;


     gap:12px;
     justify-content:center;
}


.feature {
    gap:9px;


     background:#fff;
     min-height:50px;


     border:1px solid var(--border);
     padding:0 20px;


     border-radius:16px;
     border-radius:12px;


     padding:20px 12px;
     font-weight:bold;


     text-align:center;
     transition:.25s;


    box-shadow:var(--shadow);
}
}


.feature-icon {
.btn-primary {
 
    background:var(--primary);


     width:48px;
     color:#fff;


    height:48px;
}


    margin:0 auto 10px;
.btn-primary:hover {


     display:flex;
     background:var(--primary-dark);


     align-items:center;
     transform:translateY(-2px);


    justify-content:center;
}


    border-radius:14px;
.btn-light {


     background:#fff1f2;
     background:#fff;


     color:var(--primary);
     color:#111827;


    font-size:20px;
}
}


.feature h2 {
.btn-light:hover {


     font-size:15px;
     transform:translateY(-2px);


    margin-bottom:3px;
}
}


.feature p {


     font-size:12px;
/* =====================================================
  FEATURES
===================================================== */
 
.features {
 
     padding:20px 0 40px;


    color:var(--muted);
}
}


.feature-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);


/* =========================
    gap:12px;
  SECTION HEADER
========================= */


.section {
    justify-items:stretch;


    padding:45px 0;
}
}


.section-header {
.feature {


     margin-bottom:25px;
     width:100%;


     text-align:center;
     background:#fff;
}


.section-title {
    border:1px solid var(--border);


     font-size:25px;
     border-radius:16px;


     font-weight:900;
     padding:20px 12px;


     color:var(--secondary);
     text-align:center;


     margin-bottom:7px;
     box-shadow:var(--shadow);
}
 
.section-title span {


    color:var(--primary);
}
}


.section-description {
.feature-icon {


     color:var(--muted);
     width:48px;
 
    height:48px;


     font-size:14px;
     margin:0 auto 10px;


     max-width:650px;
     display:flex;


     margin:auto;
     align-items:center;
}


    justify-content:center;


/* =========================
    border-radius:14px;
  SERVICES
========================= */


.services-grid {
    background:#fff1f2;


     display:grid;
     color:var(--primary);


     grid-template-columns:repeat(2,1fr);
     font-size:20px;


    gap:12px;
}
}


.service-card {
.feature h2 {


     background:#fff;
     font-size:15px;


     border:1px solid var(--border);
     margin-bottom:3px;


     border-radius:18px;
     text-align:center;


    overflow:hidden;
}


    transition:.3s;
.feature p {


     box-shadow:0 5px 20px rgba(0,0,0,.05);
     font-size:12px;
}


.service-card:hover {
    color:var(--muted);


     transform:translateY(-5px);
     text-align:center;


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


.service-image {


     height:145px;
/* =====================================================
  SECTION
===================================================== */
 
.section {
 
     padding:45px 0;


    overflow:hidden;
}
}


.service-image img {
.section-header {


     width:100%;
     width:100%;


     height:100%;
     margin:0 auto 25px;


     object-fit:cover;
     text-align:center !important;


    transition:.4s;
}
}


.service-card:hover .service-image img {
.section-title {
 
    width:100%;


     transform:scale(1.06);
     font-size:25px;
}


.service-content {
    font-weight:900;


     padding:15px;
     color:var(--secondary);
}


.service-content h3 {
    margin:0 auto 7px;


     font-size:16px;
     text-align:center !important;


    margin-bottom:5px;
}
}


.service-content p {
.section-title span {


     color:var(--muted);
     color:var(--primary);


    font-size:12px;
}


    line-height:1.8;
.section-description {


     margin-bottom:10px;
     max-width:650px;
}


.service-link {
    margin:0 auto;


     color:var(--primary);
     color:var(--muted);


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


     font-weight:bold;
     text-align:center !important;


    display:flex;
    align-items:center;
    gap:5px;
}
}




/* =========================
/* =====================================================
   CATEGORY
   SERVICES
========================= */
===================================================== */


.category-section {
.services-grid {
 
    background:var(--light);
}
 
.category-grid {


     display:grid;
     display:grid;
خط ۶۱۷: خط ۶۵۱:


     gap:12px;
     gap:12px;
}


.category {
    justify-items:stretch;


    min-height:110px;
}


    border-radius:17px;
.service-card {


     padding:18px;
     width:100%;


     background:#fff;
     background:#fff;


     display:flex;
     border:1px solid var(--border);


     flex-direction:column;
     border-radius:18px;


     justify-content:center;
     overflow:hidden;
 
    align-items:center;
 
    text-align:center;
 
    border:1px solid var(--border);


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


.category:hover {
    box-shadow:
        0 5px 20px rgba(0,0,0,.05);


     border-color:var(--primary);
     text-align:center;


    transform:translateY(-3px);
}
}


.category i {
.service-card:hover {


     font-size:25px;
     transform:translateY(-5px);


     color:var(--primary);
     box-shadow:
        0 12px 30px rgba(0,0,0,.12);


    margin-bottom:7px;
}
}


.category strong {
.service-image {


     font-size:14px;
     width:100%;
}


.category span {
    height:145px;


     color:var(--muted);
     overflow:hidden;


    font-size:11px;
}
}


.service-image img {


/* =========================
    width:100%;
  ABOUT
========================= */


.about {
    height:100%;


     display:flex;
     object-fit:cover;


     flex-direction:column;
     transition:.4s;


    gap:25px;
}
}


.about-image {
.service-card:hover
.service-image img {


     min-height:300px;
     transform:scale(1.06);


    border-radius:20px;
    overflow:hidden;
}
}


.about-image img {
.service-content {


     width:100%;
     padding:15px;


     height:100%;
     text-align:center;


    min-height:300px;
    object-fit:cover;
}
}


.about-content h2 {
.service-content h3 {


     font-size:25px;
     font-size:16px;


     margin-bottom:12px;
     margin-bottom:5px;
}


.about-content h2 span {
    text-align:center;


    color:var(--primary);
}
}


.about-content p {
.service-content p {


     color:var(--muted);
     color:var(--muted);


     font-size:14px;
     font-size:12px;
 
    line-height:1.8;
 
    margin-bottom:10px;
 
    text-align:center;


    margin-bottom:15px;
}
}


.about-list {
.service-link {


     list-style:none;
     color:var(--primary);


     display:grid;
     font-size:12px;


     gap:8px;
     font-weight:bold;
}
 
.about-list li {


     display:flex;
     display:flex;


     gap:8px;
     align-items:center;


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


     font-size:13px;
     gap:5px;
}


.about-list i {
    text-align:center;
 
    color:#16a34a;


    margin-top:5px;
}
}




/* =========================
/* =====================================================
   SPECIAL SERVICES
   CATEGORIES
========================= */
===================================================== */


.special-box {
.category-section {


     background:
     background:var(--light);


    linear-gradient(
}
        135deg,
        #111827,
        #252f3f
    );


    color:#fff;
.category-grid {


     border-radius:22px;
     display:grid;


     padding:30px 20px;
     grid-template-columns:repeat(2,1fr);
}


.special-grid {
    gap:12px;


     display:grid;
     justify-items:stretch;


    gap:15px;
}
}


.special-item {
.category {


     display:flex;
     width:100%;


     gap:13px;
     min-height:110px;


     align-items:flex-start;
     border-radius:17px;


     padding:15px;
     padding:18px;


     background:rgba(255,255,255,.06);
     background:#fff;


     border:1px solid rgba(255,255,255,.1);
     display:flex;


     border-radius:15px;
     flex-direction:column;
}
.white{
    color: #ffffff;
}


.special-icon {
    justify-content:center;


     min-width:44px;
     align-items:center;
 
    text-align:center;


     height:44px;
     border:1px solid var(--border);


     border-radius:12px;
     transition:.3s;


    display:flex;
}


    align-items:center;
.category:hover {


     justify-content:center;
     border-color:var(--primary);


     background:var(--primary);
     transform:translateY(-3px);


}
}


.special-item h3 {
.category i {
 
    font-size:25px;
 
    color:var(--primary);


     font-size:15px;
     margin-bottom:7px;


    margin-bottom:3px;
}
}


.special-item p {
.category strong {
 
    font-size:14px;


     color:#d1d5db;
     text-align:center;


    font-size:12px;
}
}


.category span {


/* =========================
    color:var(--muted);
  BLOG
========================= */


.blog-grid {
    font-size:11px;


     display:grid;
     text-align:center;
 
}


    grid-template-columns:1fr;


    gap:15px;
/* =====================================================
}
  ABOUT
===================================================== */


.blog-card {
.about {


     border:1px solid var(--border);
     display:flex;


     border-radius:18px;
     flex-direction:column;


     overflow:hidden;
     gap:25px;


     background:#fff;
     align-items:center;


    transition:.3s;
}
}


.blog-card:hover {
.about-image {


     transform:translateY(-4px);
     width:100%;


     box-shadow:var(--shadow);
     min-height:300px;
}


.blog-image {
    border-radius:20px;


     height:180px;
     overflow:hidden;


    overflow:hidden;
}
}


.blog-image img {
.about-image img {


     width:100%;
     width:100%;


     height:100%;
     height:100%;
    min-height:300px;


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


.blog-content {
.about-content {
 
    width:100%;
 
    text-align:center;


    padding:16px;
}
}


.blog-category {
.about-content h2 {
 
    font-size:25px;


     font-size:11px;
     margin-bottom:12px;


     color:var(--primary);
     text-align:center;


    font-weight:bold;
}
}


.blog-content h3 {
.about-content h2 span {


     font-size:16px;
     color:var(--primary);


    margin:5px 0 7px;
}
}


.blog-content p {
.about-content p {


     font-size:12px;
     color:var(--muted);


     color:var(--muted);
     font-size:14px;
}


    margin:0 auto 15px;


/* =========================
    text-align:center;
  CTA
========================= */


.cta {
    max-width:700px;


    padding:20px 0 50px;
}
}


.cta-box {
.about-list {
 
    list-style:none;
 
    display:grid;


     background:
     gap:8px;


     linear-gradient(
     width:fit-content;
        135deg,
        var(--primary),
        #b91c2c
    );


     color:#fff;
     max-width:100%;


     border-radius:22px;
     margin:0 auto;


     padding:35px 20px;
     padding:0;


    text-align:center;
}
}


.cta-box h2 {
.about-list li {
 
    display:flex;


     font-size:25px;
     align-items:center;


     margin-bottom:10px;
     justify-content:center;
}


.cta-box p {
    gap:8px;


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


     margin-bottom:20px;
     text-align:center;


    color:#ffe9eb;
}
}


.about-list i {


/* =========================
    color:#16a34a;
  FOOTER
========================= */


.footer {
}
 
 
/* =====================================================
  SPECIAL
===================================================== */
 
.special-box {


     background:#111827;
     background:
    linear-gradient(
        135deg,
        #111827,
        #252f3f
    );


     color:#fff;
     color:#fff;


     padding:45px 0 20px;
     border-radius:22px;
}


.footer-grid {
    padding:30px 20px;


     display:grid;
     text-align:center;


    gap:30px;
}
}


.footer h3 {
.special-grid {


     font-size:17px;
     display:grid;


     margin-bottom:12px;
     gap:15px;
}
 
.footer p {


     color:#cbd5e1;
     justify-items:stretch;


    font-size:13px;
}
}


.footer-links {
.special-item {


     list-style:none;
     width:100%;


     display:grid;
     display:flex;


     gap:6px;
     flex-direction:column;
}


.footer-links a {
    gap:10px;


     color:#cbd5e1;
     align-items:center;


     font-size:13px;
     justify-content:center;


     transition:.2s;
     padding:18px 15px;
}


.footer-links a:hover {
    background:rgba(255,255,255,.06);


     color:#fff;
     border:1px solid rgba(255,255,255,.1);
}


.contact-item {
    border-radius:15px;


     display:flex;
     text-align:center;


    align-items:center;
}


    gap:10px;
.special-icon {


     margin-bottom:10px;
     width:44px;


     color:#cbd5e1;
     min-width:44px;


     font-size:13px;
     height:44px;
}


.contact-item i {
    border-radius:12px;
 
    display:flex;


     color:var(--accent);
     align-items:center;


     width:20px;
     justify-content:center;
}


.social {
    background:var(--primary);


    display:flex;
}


    gap:8px;
.special-item h3 {


     margin-top:15px;
     color:#fff;
}


.social a {
    font-size:15px;


     width:40px;
     margin-bottom:3px;


     height:40px;
     text-align:center;


    border-radius:10px;
}


    display:flex;
.special-item p {


     align-items:center;
     color:#d1d5db;


     justify-content:center;
     font-size:12px;


     background:rgba(255,255,255,.08);
     text-align:center;


    transition:.2s;
}
}


.social a:hover {
.white {
 
    color:#fff !important;


    background:var(--primary);
}
}


.footer-bottom {


    margin-top:30px;
/* =====================================================
  BLOG
===================================================== */
 
.blog-grid {


     padding-top:15px;
     display:grid;


     border-top:1px solid rgba(255,255,255,.1);
     grid-template-columns:1fr;


     text-align:center;
     gap:15px;


     color:#9ca3af;
     justify-items:stretch;


    font-size:11px;
}
}


.blog-card {


/* =========================
    width:100%;
  MOBILE BOTTOM NAV
========================= */


.mobile-nav {
    border:1px solid var(--border);


     position:fixed;
     border-radius:18px;


     bottom:10px;
     overflow:hidden;


     right:3%;
     background:#fff;


     left:3%;
     transition:.3s;


     z-index:999;
     text-align:center;


    height:62px;
}


    background:#111827;
.blog-card:hover {


     border-radius:18px;
     transform:translateY(-4px);


     display:flex;
     box-shadow:var(--shadow);


    align-items:center;
}


    justify-content:space-around;
.blog-image {


     box-shadow:
     height:180px;
        0 10px 30px rgba(0,0,0,.25);
}


.mobile-nav a {
    overflow:hidden;


    color:#cbd5e1;
}


    display:flex;
.blog-image img {


     flex-direction:column;
     width:100%;


     align-items:center;
     height:100%;


     gap:1px;
     object-fit:cover;


    font-size:10px;
}
}


.mobile-nav i {
.blog-content {


     font-size:18px;
     padding:16px;
}


.mobile-nav .active {
    text-align:center;
 
    color:#fff;


}
}


.mobile-nav .call {
.blog-category {


     width:48px;
     font-size:11px;


     height:48px;
     color:var(--primary);


     margin-top:-25px;
     font-weight:bold;


    border-radius:50%;
}


    background:var(--primary);
.blog-content h3 {


     display:flex;
     font-size:16px;


     align-items:center;
     margin:5px 0 7px;


     justify-content:center;
     text-align:center;
 
    border:5px solid #fff;


    color:#fff;
}
}


.blog-content p {


/* =========================
    font-size:12px;
  TABLET
========================= */


@media (min-width:600px) {
    color:var(--muted);


     .hero-box {
     text-align:center;


        min-height:520px;
}
    }


    .hero-content {


        padding:50px;
/* =====================================================
    }
  CTA
===================================================== */


    .hero-buttons {
.cta {


        flex-direction:row;
    width:100%;


        max-width:430px;
    padding:20px 0 50px;
    }


     .btn {
     display:flex;


        flex:1;
    justify-content:center;
    }


     .services-grid {
     align-items:center;


        grid-template-columns:repeat(3,1fr);
    text-align:center;
    }


    .category-grid {
}


        grid-template-columns:repeat(3,1fr);
.cta .container {
    }


     .feature-grid {
     width:92%;


        grid-template-columns:repeat(5,1fr);
    max-width:var(--max-width);
    }


     .blog-grid {
     margin-left:auto !important;


        grid-template-columns:repeat(3,1fr);
    margin-right:auto !important;
    }


    .special-grid {
}


        grid-template-columns:repeat(2,1fr);
.cta-box {
    }


     .about {
     width:100%;


        flex-direction:row;
    max-width:1000px;


        align-items:center;
    margin-left:auto !important;
    }


     .about > * {
     margin-right:auto !important;


         flex:1;
    background:
     }
    linear-gradient(
        135deg,
        var(--primary),
         #b91c2c
     );


}
    color:#fff;


    border-radius:22px;


/* =========================
    padding:35px 20px;
  DESKTOP
========================= */


@media (min-width:900px) {
    display:flex;


     .header-inner {
     flex-direction:column;


        min-height:78px;
    align-items:center;
    }


     .desktop-menu {
     justify-content:center;


        display:flex;
    text-align:center;


        align-items:center;
}


        gap:25px;
.cta-box h2 {


        margin-right:auto;
    width:100%;


        margin-left:30px;
    font-size:25px;
    }


     .desktop-menu a {
     margin-bottom:10px;


        font-size:14px;
    text-align:center;


        font-weight:bold;
}


        color:#374151;
.cta-box p {


        transition:.2s;
    max-width:650px;
    }


     .desktop-menu a:hover {
     font-size:14px;


        color:var(--primary);
    margin:0 auto 20px;
    }


     .header-call {
     color:#ffe9eb;


        width:auto;
    text-align:center;


        padding:0 17px;
}


        gap:8px;
.cta-box .btn {


        font-size:13px;
    margin-left:auto;


        font-weight:bold;
    margin-right:auto;
    }


    .header-call::after {
}


        content:"تماس با ما";
    }


    .mobile-nav {
/* =====================================================
  FOOTER
===================================================== */


        display:none;
.footer {
    }


     .hero {
     background:#111827;


        padding:30px 0 50px;
    color:#fff;
    }


     .hero-content {
     padding:45px 0 20px;


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


    .hero p {
}


        font-size:16px;
.footer-grid {
    }


     .services-grid {
     display:grid;


        grid-template-columns:repeat(4,1fr);
    gap:30px;
    }


     .category-grid {
     justify-items:center;


        grid-template-columns:repeat(5,1fr);
}
    }


    .special-grid {
.footer-grid > div {


        grid-template-columns:repeat(3,1fr);
    width:100%;
    }


     .footer-grid {
     text-align:center;


        grid-template-columns:2fr 1fr 1fr 1.5fr;
    }
}
}


.footer h3 {


/* =========================
    font-size:17px;
  LARGE DESKTOP
========================= */


@media (min-width:1200px) {
    margin-bottom:12px;
 
    text-align:center;


    .hero-box {
}


        min-height:570px;
.footer p {
    }


     .section {
     color:#cbd5e1;


        padding:65px 0;
    font-size:13px;
    }


     .service-image {
     text-align:center;


        height:180px;
    }
}
}


.footer-links {


    list-style:none;


/* =========================
    display:grid;
  وسط‌چین کردن المان‌ها
========================= */


.container {
    gap:6px;
     margin-left: auto;
 
     margin-right: auto;
     padding:0;
}
 
     text-align:center;


.section-header {
    text-align: center;
}
}


.hero-content {
.footer-links li {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


.hero-buttons {
     text-align:center;
     justify-content: center;
    margin-left: auto;
    margin-right: auto;
}


.about-content {
    text-align: justify;
}
}


.about-list {
.footer-links a {
     justify-items: right;
 
}
     color:#cbd5e1;


.about-list li {
     font-size:13px;
     justify-content: right;
}


.special-box {
     transition:.2s;
     text-align: center;
}


.special-item {
    text-align: center;
    justify-content: center;
}
}


.footer {
.footer-links a:hover {
    text-align: center;
}


.footer-grid {
     color:#fff;
     justify-items: center;
}


.footer-links {
    text-align: center;
    padding: 0;
}
}


.contact-item {
.contact-item {
    justify-content: center;
}


.social {
     display:flex;
     justify-content: center;
}


.services-grid,
     align-items:center;
.category-grid,
.feature-grid,
.blog-grid,
.special-grid {
     justify-items: center;
}


.service-card,
    justify-content:center;
.category,
.feature,
.blog-card {
    width: 100%;
}


.services-grid,
     gap:10px;
.category-grid,
.feature-grid,
.blog-grid,
.special-grid {
     justify-items: center;
}


.service-card,
    margin-bottom:10px;
.category,
.feature,
.blog-card {
    width: 100%;
}


</style>
    color:#cbd5e1;


</head>
    font-size:13px;


    text-align:center;


<body>
}


.contact-item i {


<!-- =========================
    color:var(--accent);
    HEADER
========================= -->


<header class="header">
    width:20px;


<div class="container header-inner">
}


<a href="#" class="logo" aria-label="صفحه اصلی چاپ و تبلیغات">
.social {


<span class="logo-icon">
    display:flex;
<i class="fa-solid fa-print"></i>
</span>


<span>چاپ و تبلیغات</span>
    justify-content:center;


</a>
    gap:8px;


    margin-top:15px;


<nav class="desktop-menu" aria-label="منوی اصلی">
}


<a href="#home">صفحه اصلی</a>
.social a {


<a href="#services">خدمات چاپ</a>
    width:40px;


<a href="#categories">دسته‌بندی خدمات</a>
    height:40px;


<a href="#about">درباره ما</a>
    border-radius:10px;


<a href="#blog">مقالات</a>
    display:flex;


<a href="#contact">تماس با ما</a>
    align-items:center;


</nav>
    justify-content:center;


    background:rgba(255,255,255,.08);


<a
    transition:.2s;
href="tel:+989900000000"
class="header-call"
aria-label="تماس با چاپ و تبلیغات">


<i class="fa-solid fa-phone"></i>
}


</a>
.social a:hover {


</div>
    background:var(--primary);


</header>
}


.footer-bottom {


    margin-top:30px;


<main id="home">
    padding-top:15px;


    border-top:1px solid rgba(255,255,255,.1);


<!-- =========================
    text-align:center;
    HERO
========================= -->


    color:#9ca3af;


<div style="width:100%; text-align:center; margin:0 auto;">
    font-size:11px;
  <div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:8px;">
<img src="https://dl.faraghaib.ir/m/260005-01/baner-01.png" alt="چاپ و تبلیغات برادران نعمتی">
</div>


}




/* =====================================================
  MOBILE NAV
===================================================== */


<!-- =========================
.mobile-nav {
    FEATURES
========================= -->
<center>
<section class="features">


<div class="container">
    position:fixed;


<div class="feature-grid">
    bottom:10px;


<div class="feature">
    right:3%;


<div class="feature-icon">
    left:3%;


<i class="fa-solid fa-print"></i>
    z-index:999;


</div>
    height:62px;


<h2>چاپ با کیفیت</h2>
    background:#111827;


<p>استفاده از متریال مناسب</p>
    border-radius:18px;


</div>
    display:flex;


    align-items:center;


<div class="feature">
    justify-content:space-around;


<div class="feature-icon">
    box-shadow:
        0 10px 30px rgba(0,0,0,.25);


<i class="fa-solid fa-bolt"></i>
}


</div>
.mobile-nav a {


<h2>تحویل سریع</h2>
    color:#cbd5e1;


<p>اجرای سریع سفارشات</p>
    display:flex;


</div>
    flex-direction:column;


    align-items:center;


<div class="feature">
    justify-content:center;


<div class="feature-icon">
    gap:1px;


<i class="fa-solid fa-tags"></i>
    font-size:10px;


</div>
}


<h2>قیمت مناسب</h2>
.mobile-nav i {


<p>قیمت‌گذاری منصفانه</p>
    font-size:18px;


</div>
}


.mobile-nav .active {


<div class="feature">
    color:#fff;


  <div class="feature-icon">
}


    <i class="fa-solid fa-print"></i>
.mobile-nav .call {


  </div>
    width:48px;


  <h2>کیفیت بالا</h2>
    height:48px;


  <p>چاپ باکیفیت و ماندگار</p>
    margin-top:-25px;


</div>
    border-radius:50%;


    background:var(--primary);


<div class="feature">
    display:flex;


<div class="feature-icon">
    align-items:center;


<i class="fa-solid fa-headset"></i>
    justify-content:center;


</div>
    border:5px solid #fff;


<h2>مشاوره تخصصی</h2>
    color:#fff;


<p>راهنمایی قبل از سفارش</p>
}


</div>


</div>
/* =====================================================
  TABLET
===================================================== */


</div>
@media (min-width:600px) {


</section>
    .container {


</center>
        width:92%;


<center>
    }
<!-- =========================
    SERVICES
========================= -->


<section class="section" id="services">
    .hero-box {


<div class="container">
        min-height:520px;


<div class="section-header">
    }


<h2 class="section-title">
    .hero-content {


خدمات <span>چاپ و تبلیغات</span>
        padding:50px;


</h2>
    }


<p class="section-description">
    .hero-buttons {


انواع خدمات چاپ و تبلیغات برای معرفی بهتر برند،
        flex-direction:row;
کسب‌وکار و محصولات شما با کیفیت حرفه‌ای.


</p>
        max-width:430px;


</div>
        margin-left:auto;


        margin-right:auto;


<div class="services-grid">
    }


    .btn {


<article class="service-card">
        flex:1;


<div class="service-image">
    }


<img
    .services-grid {
src="https://dl.faraghaib.ir/m/260005-01/260005-01-03.jpg"
alt="چاپ تراکت تبلیغاتی">


</div>
        grid-template-columns:repeat(3,1fr);


<div class="service-content">
    }


<h3>چاپ تراکت</h3>
    .category-grid {


<p>
        grid-template-columns:repeat(3,1fr);
چاپ تراکت تبلیغاتی در انواع سایز و کاغذ
برای معرفی خدمات و محصولات کسب‌وکار.
</p>


<a href="#" class="service-link">
    }


مشاهده جزئیات
    .feature-grid {


<i class="fa-solid fa-arrow-left"></i>
        grid-template-columns:repeat(5,1fr);


</a>
    }


</div>
    .blog-grid {


</article>
        grid-template-columns:repeat(3,1fr);


    }


    .special-grid {


<article class="service-card">
        grid-template-columns:repeat(2,1fr);


<div class="service-image">
    }


<img
    .about {
src="https://dl.faraghaib.ir/m/260005-01/260005-01-04.jpg"
alt="چاپ پوستر تبلیغاتی">


</div>
        flex-direction:row;


<div class="service-content">
        align-items:center;


<h3>چاپ پوستر</h3>
    }


<p>
    .about > * {
چاپ پوستر تبلیغاتی با کیفیت بالا برای
فروشگاه‌ها، شرکت‌ها و رویدادهای تبلیغاتی.
</p>


<a href="#" class="service-link">
        flex:1;


مشاهده جزئیات
    }


<i class="fa-solid fa-arrow-left"></i>
    .about-content {


</a>
        text-align:center;


</div>
    }


</article>
}




/* =====================================================
  DESKTOP
===================================================== */


<article class="service-card">
@media (min-width:900px) {


<div class="service-image">
    .header-inner {


<img
        min-height:78px;
src="https://dl.faraghaib.ir/m/260005-01/260005-01-34.jpg"
alt="چاپ کارت ویزیت">


</div>
    }


<div class="service-content">
    .desktop-menu {


<h3>چاپ کارت ویزیت</h3>
        display:flex;


<p>
        align-items:center;
طراحی و چاپ کارت ویزیت حرفه‌ای برای
معرفی برند و ارتباط بهتر با مشتریان.
</p>


<a href="#" class="service-link">
        justify-content:center;


مشاهده جزئیات
        gap:25px;


<i class="fa-solid fa-arrow-left"></i>
        margin-right:auto;


</a>
        margin-left:30px;


</div>
    }


</article>
    .desktop-menu a {


        font-size:14px;


        font-weight:bold;


<article class="service-card">
        color:#374151;


<div class="service-image">
        transition:.2s;
 
    }


<img
    .desktop-menu a:hover {
src="https://dl.faraghaib.ir/m/260005-01/260005-01-36.jpg"
alt="طراحی لوگو">


</div>
        color:var(--primary);


<div class="service-content">
    }


<h3>طراحی لوگو</h3>
    .header-call {


<p>
        width:auto;
طراحی لوگوی اختصاصی و حرفه‌ای برای
ساخت هویت بصری ماندگار برند شما.
</p>


<a href="#" class="service-link">
        padding:0 17px;


مشاهده جزئیات
        gap:8px;


<i class="fa-solid fa-arrow-left"></i>
        font-size:13px;


</a>
        font-weight:bold;


</div>
    }


</article>
    .header-call::after {


        content:"تماس با ما";


    }


<article class="service-card">
    .mobile-nav {


<div class="service-image">
        display:none;


<img
    }
src="https://dl.faraghaib.ir/m/260005-01/260005-01-37.jpg"
alt="چاپ بنر و فلکس">


</div>
    .hero {


<div class="service-content">
        padding:30px 0 50px;


<h3>چاپ بنر و فلکس</h3>
    }


<p>
    .hero-content {
چاپ بنر و فلکس تبلیغاتی در ابعاد مختلف
برای فضای داخلی و محیطی.
</p>


<a href="#" class="service-link">
        padding:70px;


مشاهده جزئیات
    }


<i class="fa-solid fa-arrow-left"></i>
    .hero p {


</a>
        font-size:16px;


</div>
    }


</article>
    .services-grid {


        grid-template-columns:repeat(4,1fr);


    }


<article class="service-card">
    .category-grid {


<div class="service-image">
        grid-template-columns:repeat(5,1fr);


<img
    }
src="https://dl.faraghaib.ir/m/260005-01/260005-01-38.jpg"
alt="چاپ هولوگرام">


</div>
    .special-grid {


<div class="service-content">
        grid-template-columns:repeat(3,1fr);


<h3>چاپ هولوگرام</h3>
    }


<p>
    .footer-grid {
چاپ هولوگرام تبلیغاتی و امنیتی برای
برندینگ و افزایش اعتبار محصولات.
</p>


<a href="#" class="service-link">
        grid-template-columns:2fr 1fr 1fr 1.5fr;


مشاهده جزئیات
    }


<i class="fa-solid fa-arrow-left"></i>
}


</a>


</div>
/* =====================================================
  LARGE DESKTOP
===================================================== */


</article>
@media (min-width:1200px) {


    .hero-box {


        min-height:570px;


<article class="service-card">
    }


<div class="service-image">
    .section {


<img
        padding:65px 0;
src="https://dl.faraghaib.ir/m/260005-01/260005-01-39.jpg"
alt="چاپ کاتالوگ">


</div>
    }


<div class="service-content">
    .service-image {


<h3>چاپ کاتالوگ</h3>
        height:180px;


<p>
    }
طراحی و چاپ کاتالوگ حرفه‌ای برای
معرفی محصولات و خدمات شرکت‌ها.
</p>


<a href="#" class="service-link">
}


مشاهده جزئیات


<i class="fa-solid fa-arrow-left"></i>
/* =====================================================
  MOBILE FINAL ADJUSTMENTS
===================================================== */


</a>
@media (max-width:599px) {


</div>
    .container {


</article>
        width:94%;


    }


    .section-title {


<article class="service-card">
        font-size:23px;


<div class="service-image">
        line-height:1.6;


<img
    }
src="https://dl.faraghaib.ir/m/260005-01/260005-01-42.jpg"
alt="خدمات تبلیغات">


</div>
    .section-description {


<div class="service-content">
        font-size:13px;


<h3>خدمات تبلیغات</h3>
        line-height:1.9;


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


<a href="#" class="service-link">
    .about-list {


مشاهده جزئیات
        width:100%;


<i class="fa-solid fa-arrow-left"></i>
        max-width:360px;


</a>
    }


</div>
    .about-list li {


</article>
        justify-content:center;


</div>
    }


</div>
    .cta-box {


</section>
        width:100%;


        padding:30px 18px;


</center>
    }
<!-- =========================
    CATEGORIES
========================= -->


<section class="section category-section" id="categories">
    .cta-box h2 {


<div class="container">
        font-size:22px;


<div class="section-header">
    }


<h2 class="section-title">
    .cta-box p {


دسته‌بندی <span>خدمات</span>
        font-size:13px;


</h2>
    }


<p class="section-description">
}


محصولات و خدمات تبلیغاتی مورد نیاز کسب‌وکار خود را انتخاب کنید.
</style>


</p>
</head>


</div>


<body>


<div class="category-grid">


<a href="#" class="category">
<!-- =====================================================
    HEADER
===================================================== -->


<i class="fa-solid fa-file-lines"></i>
<header class="header">


<strong>چاپ تراکت</strong>
<div class="container header-inner">


<span>تبلیغات مستقیم</span>
<a href="#home"
  class="logo"
  aria-label="صفحه اصلی چاپ و تبلیغات">


</a>
<span class="logo-icon">


<i class="fa-solid fa-print"></i>


<a href="#" class="category">
</span>


<i class="fa-solid fa-image"></i>
<span>
 
چاپ و تبلیغات
<strong>چاپ پوستر</strong>
</span>
 
<span>تبلیغات محیطی</span>


</a>
</a>




<a href="#" class="category">
<nav class="desktop-menu"
    aria-label="منوی اصلی">


<i class="fa-regular fa-address-card"></i>
<a href="#home">
صفحه اصلی
</a>


<strong>کارت ویزیت</strong>
<a href="#services">
 
خدمات چاپ
<span>معرفی برند</span>
</a>


<a href="#categories">
دسته‌بندی خدمات
</a>
</a>


<a href="#about">
درباره ما
</a>


<a href="#" class="category">
<a href="#blog">
 
مقالات
<i class="fa-solid fa-rectangle-ad"></i>
</a>
 
<strong>بنر و فلکس</strong>
 
<span>تبلیغات محیطی</span>


<a href="#contact">
تماس با ما
</a>
</a>


</nav>


<a href="#" class="category">


<i class="fa-solid fa-pen-nib"></i>
<a
href="tel:+989900000000"
class="header-call"
aria-label="تماس با چاپ و تبلیغات">


<strong>طراحی لوگو</strong>
<i class="fa-solid fa-phone"></i>
 
<span>هویت بصری</span>


</a>
</a>


</div>


<a href="#" class="category">
</header>


<i class="fa-solid fa-book-open"></i>


<strong>کاتالوگ</strong>


<span>معرفی محصولات</span>
<!-- =====================================================
    TOP BANNER
===================================================== -->


</a>
<div class="top-banner">


<div class="top-banner-inner">


<a href="#" class="category">
<img
src="https://dl.faraghaib.ir/m/260005-01/baner-01.png"
alt="چاپ و تبلیغات برادران نعمتی">


<i class="fa-solid fa-ticket"></i>
</div>


<strong>چاپ لیبل</strong>
</div>


<span>برچسب محصولات</span>


</a>


<main id="home">


<a href="#" class="category">


<i class="fa-solid fa-stamp"></i>


<strong>هولوگرام</strong>
<!-- =====================================================
    FEATURES
===================================================== -->


<span>چاپ امنیتی</span>
<section class="features">


</a>
<div class="container">


<div class="feature-grid">


<a href="#" class="category">


<i class="fa-solid fa-envelope"></i>
<div class="feature">


<strong>پاکت و سربرگ</strong>
<div class="feature-icon">


<span>ملزومات اداری</span>
<i class="fa-solid fa-print"></i>


</a>
</div>
 
<h2>
چاپ با کیفیت
</h2>


<p>
استفاده از متریال مناسب
</p>


<a href="#" class="category">
</div>


<i class="fa-solid fa-gift"></i>


<strong>محصولات تبلیغاتی</strong>


<span>هدایای سازمانی</span>
<div class="feature">


</a>
<div class="feature-icon">


</div>
<i class="fa-solid fa-bolt"></i>


</div>
</div>


</section>
<h2>
تحویل سریع
</h2>


<p>
اجرای سریع سفارشات
</p>


</div>


<!-- =========================
    ABOUT
========================= -->


<section class="section" id="about">


<div class="container">
<div class="feature">


<div class="about">
<div class="feature-icon">


<div class="about-image">
<i class="fa-solid fa-tags"></i>
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-41.jpg"
alt="مجموعه چاپ و تبلیغات و خدمات طراحی و چاپ">


</div>
</div>


<h2>
قیمت مناسب
</h2>


<div class="about-content">
<p>
قیمت‌گذاری منصفانه
</p>


<h2>
</div>


چرا <span>چاپ و تبلیغات</span>؟


</h2>


<p>
<div class="feature">


ما با ارائه مجموعه‌ای کامل از خدمات چاپ،
<div class="feature-icon">
طراحی و تبلیغات تلاش می‌کنیم مسیر معرفی
کسب‌وکار شما را ساده‌تر کنیم. از طراحی اولیه
تا چاپ نهایی، کیفیت و دقت سفارش اهمیت ویژه‌ای دارد.


</p>
<i class="fa-solid fa-print"></i>


<ul class="about-list">
</div>


<li>
<h2>
کیفیت بالا
</h2>


<i class="fa-solid fa-circle-check"></i>
<p>
چاپ باکیفیت و ماندگار
</p>


چاپ با کیفیت و وضوح بالا
</div>


</li>


<li>


<i class="fa-solid fa-circle-check"></i>
<div class="feature">


استفاده از متریال مناسب برای هر نوع سفارش
<div class="feature-icon">


</li>
<i class="fa-solid fa-headset"></i>


<li>
</div>


<i class="fa-solid fa-circle-check"></i>
<h2>
مشاوره تخصصی
</h2>


مشاوره تخصصی پیش از چاپ
<p>
راهنمایی قبل از سفارش
</p>


</li>
</div>
 
<li>


<i class="fa-solid fa-circle-check"></i>
اجرای سفارشات در تیراژهای مختلف
</li>
<li>
<i class="fa-solid fa-circle-check"></i>
طراحی اختصاصی متناسب با هویت برند
</li>
</ul>
</div>


</div>
</div>
خط ۲٬۱۵۹: خط ۲٬۰۶۵:




<!-- =========================
<!-- =====================================================
     SPECIAL
     SERVICES
========================= -->
===================================================== -->


<section class="section">
<section class="section"
        id="services">


<div class="container">
<div class="container">
<div class="special-box">


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


<h2 class="section-title" style="color:#fff">
<h2 class="section-title">


مزایای همکاری با ما
خدمات
<span>
چاپ و تبلیغات
</span>


</h2>
</h2>


<p class="section-description" style="color:#cbd5e1">
<p class="section-description">


برای یک تبلیغ حرفه‌ای، فقط چاپ کافی نیست؛
انواع خدمات چاپ و تبلیغات برای معرفی بهتر برند،
کیفیت طراحی، انتخاب متریال و اجرای دقیق اهمیت دارد.
کسب‌وکار و محصولات شما با کیفیت حرفه‌ای.


</p>
</p>
خط ۲٬۱۸۷: خط ۲٬۰۹۵:




<div class="special-grid">
<div class="services-grid">
 




<div class="special-item">
<article class="service-card">


<div class="special-icon">
<div class="service-image">


<i class="fa-solid fa-medal"></i>
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-03.jpg"
alt="چاپ تراکت تبلیغاتی">


</div>
</div>


<div>
<div class="service-content">


<h3 class="white">کیفیت چاپ بالا</h3>
<h3>
چاپ تراکت
</h3>


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


</div>
<a href="#"
  class="service-link">


</div>
مشاهده جزئیات


<i class="fa-solid fa-arrow-left"></i>


<div class="special-item">
</a>


<div class="special-icon">
</div>


<i class="fa-solid fa-clock"></i>
</article>


</div>


<div>


<h3 class="white">تحویل سریع سفارش</h3>
<article class="service-card">


<p>
<div class="service-image">
مدیریت دقیق مراحل سفارش برای کاهش زمان آماده‌سازی.
</p>


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


</div>
</div>


<div class="service-content">


<div class="special-item">
<h3>
چاپ پوستر
</h3>


<div class="special-icon">
<p>
چاپ پوستر تبلیغاتی با کیفیت بالا برای
فروشگاه‌ها، شرکت‌ها و رویدادهای تبلیغاتی.
</p>


<i class="fa-solid fa-comments"></i>
<a href="#"
  class="service-link">


</div>
مشاهده جزئیات


<div>
<i class="fa-solid fa-arrow-left"></i>


<h3 class="white">مشاوره قبل از چاپ</h3>
</a>
 
<p>
کمک به انتخاب مناسب‌ترین روش چاپ، جنس و ابعاد.
</p>


</div>
</div>


</div>
</article>




<div class="special-item">


<div class="special-icon">
<article class="service-card">


<i class="fa-solid fa-palette"></i>
<div class="service-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-34.jpg"
alt="چاپ کارت ویزیت">


</div>
</div>


<div>
<div class="service-content">


<h3 class="white">طراحی خلاقانه</h3>
<h3>
چاپ کارت ویزیت
</h3>


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


</div>
<a href="#"
  class="service-link">


</div>
مشاهده جزئیات


<i class="fa-solid fa-arrow-left"></i>


<div class="special-item">
</a>


<div class="special-icon">
</div>


<i class="fa-solid fa-layer-group"></i>
</article>


</div>


<div>


<h3 class="white">تنوع خدمات</h3>
<article class="service-card">


<p>
<div class="service-image">
از کارت ویزیت و تراکت تا بنر، هولوگرام و محصولات تبلیغاتی.
</p>


</div>
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-36.jpg"
alt="طراحی لوگو">


</div>
</div>


<div class="service-content">


<div class="special-item">
<h3>
 
طراحی لوگو
<div class="special-icon">
</h3>
 
<i class="fa-solid fa-handshake"></i>
 
</div>
 
<div>
 
<h3 class="white">همراه کسب‌وکار شما</h3>


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


</div>
<a href="#"
  class="service-link">


</div>
مشاهده جزئیات


<i class="fa-solid fa-arrow-left"></i>


</div>
</a>


</div>
</div>


</div>
</article>


</section>




<article class="service-card">


<!-- =========================
<div class="service-image">
    BLOG
========================= -->


<section class="section" id="blog">
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-37.jpg"
alt="چاپ بنر و فلکس">


<div class="container">
</div>


<div class="section-header">
<div class="service-content">


<h2 class="section-title">
<h3>
چاپ بنر و فلکس
</h3>


آخرین <span>مقالات چاپ و تبلیغات</span>
<p>
چاپ بنر و فلکس تبلیغاتی در ابعاد مختلف
برای فضای داخلی و محیطی.
</p>


</h2>
<a href="#"
  class="service-link">


<p class="section-description">
مشاهده جزئیات


مطالب آموزشی و کاربردی درباره چاپ،
<i class="fa-solid fa-arrow-left"></i>
طراحی و روش‌های تبلیغات مؤثر.


</p>
</a>


</div>
</div>


</article>


<div class="blog-grid">




<article class="blog-card">
<article class="service-card">


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


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


</div>
</div>


<div class="blog-content">
<div class="service-content">
 
<span class="blog-category">چاپ</span>


<h3>
<h3>
چگونه بهترین نوع چاپ تراکت را انتخاب کنیم؟
چاپ هولوگرام
</h3>
</h3>


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


</div>
<a href="#"
  class="service-link">


</article>
مشاهده جزئیات


<i class="fa-solid fa-arrow-left"></i>


</a>


<article class="blog-card">
</div>
 
</article>
 
 
 
<article class="service-card">


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


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


</div>
</div>


<div class="blog-content">
<div class="service-content">
 
<span class="blog-category">طراحی</span>


<h3>
<h3>
اصول طراحی یک پوستر تبلیغاتی جذاب
چاپ کاتالوگ
</h3>
</h3>


<p>
<p>
با رعایت چند نکته ساده می‌توان پوستر تبلیغاتی مؤثرتری طراحی کرد.
طراحی و چاپ کاتالوگ حرفه‌ای برای
معرفی محصولات و خدمات شرکت‌ها.
</p>
</p>
<a href="#"
  class="service-link">
مشاهده جزئیات
<i class="fa-solid fa-arrow-left"></i>
</a>


</div>
</div>
خط ۲٬۴۱۱: خط ۲٬۳۵۱:




<article class="blog-card">
<article class="service-card">


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


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


</div>
</div>


<div class="blog-content">
<div class="service-content">
 
<span class="blog-category">برندینگ</span>


<h3>
<h3>
چرا طراحی لوگو برای کسب‌وکار اهمیت دارد؟
خدمات تبلیغات
</h3>
</h3>


<p>
<p>
لوگو یکی از مهم‌ترین عناصر هویت بصری و معرفی برند است.
طراحی و اجرای انواع تبلیغات چاپی برای
افزایش دیده‌شدن کسب‌وکار شما.
</p>
</p>
<a href="#"
  class="service-link">
مشاهده جزئیات
<i class="fa-solid fa-arrow-left"></i>
</a>


</div>
</div>
خط ۲٬۴۴۶: خط ۲٬۳۹۴:




<!-- =========================
<!-- =====================================================
     CTA
     CATEGORIES
========================= -->
===================================================== -->


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


<div class="container">
<div class="container">


<div class="cta-box">
<div class="section-header">


<h2>
<h2 class="section-title">


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


</h2>
</h2>


<p>
<p class="section-description">


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


</p>
</p>


<a
</div>
href="tel:+989900000000"
class="btn btn-light">


<i class="fa-solid fa-phone"></i>


تماس با ما
<div class="category-grid">


</a>


</div>
<a href="#"
  class="category">


</div>
<i class="fa-solid fa-file-lines"></i>


</section>
<strong>
چاپ تراکت
</strong>


<span>
تبلیغات مستقیم
</span>


</main>
</a>






<!-- =========================
<a href="#"
    FOOTER
  class="category">
========================= -->


<footer class="footer" id="contact">
<i class="fa-solid fa-image"></i>


<div class="container">
<strong>
چاپ پوستر
</strong>


<div class="footer-grid">
<span>
تبلیغات محیطی
</span>


</a>


<div>


<h3>چاپ و تبلیغات</h3>


<p>
<a href="#"
  class="category">


ارائه خدمات تخصصی چاپ و تبلیغات شامل
<i class="fa-regular fa-address-card"></i>
چاپ تراکت، پوستر، کارت ویزیت، بنر،
هولوگرام، طراحی لوگو و محصولات تبلیغاتی.


</p>
<strong>
کارت ویزیت
</strong>


<div class="social">
<span>
معرفی برند
</span>


<a href="#" aria-label="اینستاگرام">
</a>


<i class="fa-brands fa-instagram"></i>


</a>


<a href="#" aria-label="تلگرام">
<a href="#"
  class="category">


<i class="fa-brands fa-telegram"></i>
<i class="fa-solid fa-rectangle-ad"></i>
 
</a>


<a href="#" aria-label="واتساپ">
<strong>
بنر و فلکس
</strong>


<i class="fa-brands fa-whatsapp"></i>
<span>
تبلیغات محیطی
</span>


</a>
</a>


</div>


</div>


<a href="#"
  class="category">


<div>
<i class="fa-solid fa-pen-nib"></i>


<h3>خدمات چاپ</h3>
<strong>
طراحی لوگو
</strong>


<ul class="footer-links">
<span>
هویت بصری
</span>


<li><a href="#">چاپ تراکت</a></li>
</a>


<li><a href="#">چاپ پوستر</a></li>


<li><a href="#">چاپ کارت ویزیت</a></li>


<li><a href="#">چاپ بنر</a></li>
<a href="#"
  class="category">


<li><a href="#">چاپ هولوگرام</a></li>
<i class="fa-solid fa-book-open"></i>


</ul>
<strong>
کاتالوگ
</strong>


</div>
<span>
معرفی محصولات
</span>


</a>


<div>


<h3>خدمات طراحی</h3>


<ul class="footer-links">
<a href="#"
  class="category">


<li><a href="#">طراحی لوگو</a></li>
<i class="fa-solid fa-ticket"></i>


<li><a href="#">طراحی پوستر</a></li>
<strong>
چاپ لیبل
</strong>


<li><a href="#">طراحی تراکت</a></li>
<span>
برچسب محصولات
</span>


<li><a href="#">طراحی کاتالوگ</a></li>
</a>


<li><a href="#">هویت بصری برند</a></li>


</ul>


</div>
<a href="#"
  class="category">


<i class="fa-solid fa-stamp"></i>


<div>
<strong>
هولوگرام
</strong>


<h3>تماس با ما</h3>
<span>
چاپ امنیتی
</span>


<div class="contact-item">
</a>


<i class="fa-solid fa-phone"></i>


<a href="tel:+989900000000">
0990 000 0000
</a>


</div>
<a href="#"
 
  class="category">
<div class="contact-item">


<i class="fa-solid fa-envelope"></i>
<i class="fa-solid fa-envelope"></i>


info@example.com
<strong>
پاکت و سربرگ
</strong>


</div>
<span>
ملزومات اداری
</span>


<div class="contact-item">
</a>


<i class="fa-solid fa-location-dot"></i>


آدرس مجموعه چاپ و تبلیغات
 
 
<a href="#"
</div>
  class="category">
 
 
<div class="contact-item">
<i class="fa-solid fa-gift"></i>
 
 
<i class="fa-solid fa-clock"></i>
<strong>
 
محصولات تبلیغاتی
شنبه تا پنجشنبه، 9 تا 20
</strong>
 
 
</div>
<span>
 
هدایای سازمانی
</div>
</span>
 
 
 
</a>
</div>
 
 
 
 
</div>
<div class="footer-bottom">
 
 
</div>
© کلیه حقوق این وب‌سایت برای مجموعه چاپ و تبلیغات محفوظ است.
 
 
</section>
</div>
 
 
 
</div>
 
 
<!-- =====================================================
</footer>
    ABOUT
 
===================================================== -->
 
 
 
<section class="section"
<!-- =========================
        id="about">
     MOBILE NAV
 
========================= -->
<div class="container">
 
 
<nav class="mobile-nav" aria-label="منوی موبایل">
<div class="section-header">
 
 
<a href="#home" class="active">
<h2 class="section-title">
 
 
<i class="fa-solid fa-house"></i>
درباره
 
<span>
<span>خانه</span>
چاپ و تبلیغات
 
</span>
</a>
 
 
</h2>
 
 
<a href="#services">
<p class="section-description">
 
ارائه خدمات تخصصی چاپ، طراحی و تبلیغات برای معرفی حرفه‌ای کسب‌وکارها.
 
</p>
 
</div>
 
 
<div class="about">
 
 
<div class="about-image">
 
<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-41.jpg"
alt="مجموعه چاپ و تبلیغات و خدمات طراحی و چاپ">
 
</div>
 
 
<div class="about-content">
 
<h2>
 
چرا
<span>
چاپ و تبلیغات
</span>
؟
 
</h2>
 
<p>
 
ما با ارائه مجموعه‌ای کامل از خدمات چاپ،
طراحی و تبلیغات تلاش می‌کنیم مسیر معرفی
کسب‌وکار شما را ساده‌تر کنیم. از طراحی اولیه
تا چاپ نهایی، کیفیت و دقت سفارش اهمیت ویژه‌ای دارد.
 
</p>
 
 
<ul class="about-list">
 
 
<li>
 
<i class="fa-solid fa-circle-check"></i>
 
چاپ با کیفیت و وضوح بالا
 
</li>
 
 
<li>
 
<i class="fa-solid fa-circle-check"></i>
 
استفاده از متریال مناسب برای هر نوع سفارش
 
</li>
 
 
<li>
 
<i class="fa-solid fa-circle-check"></i>
 
مشاوره تخصصی پیش از چاپ
 
</li>
 
 
<li>
 
<i class="fa-solid fa-circle-check"></i>
 
اجرای سفارشات در تیراژهای مختلف
 
</li>
 
 
<li>
 
<i class="fa-solid fa-circle-check"></i>
 
طراحی اختصاصی متناسب با هویت برند
 
</li>
 
 
</ul>
 
</div>
 
</div>
 
</div>
 
</section>
 
 
 
<!-- =====================================================
    SPECIAL
===================================================== -->
 
<section class="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-46.jpg"
alt="اهمیت طراحی لوگو برای برند">
 
</div>
 
<div class="blog-content">
 
<span class="blog-category">
برندینگ
</span>
 
<h3>
چرا طراحی لوگو برای کسب‌وکار اهمیت دارد؟
</h3>
 
<p>
لوگو یکی از مهم‌ترین عناصر هویت بصری و معرفی برند است.
</p>
 
</div>
 
</article>
 
 
</div>
 
</div>
 
</section>
 
 
 
<!-- =====================================================
    CTA
===================================================== -->
 
<section class="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 class="container">
 
<div class="footer-grid">
 
 
<div>
 
<h3>
چاپ و تبلیغات
</h3>
 
<p>
 
ارائه خدمات تخصصی چاپ و تبلیغات شامل
چاپ تراکت، پوستر، کارت ویزیت، بنر،
هولوگرام، طراحی لوگو و محصولات تبلیغاتی.
 
</p>
 
 
<div class="social">
 
<a href="#"
  aria-label="اینستاگرام">
 
<i class="fa-brands fa-instagram"></i>
 
</a>
 
<a href="#"
  aria-label="تلگرام">
 
<i class="fa-brands fa-telegram"></i>
 
</a>
 
<a href="#"
  aria-label="واتساپ">
 
<i class="fa-brands fa-whatsapp"></i>
 
</a>
 
</div>
 
</div>
 
 
 
<div>
 
<h3>
خدمات چاپ
</h3>
 
<ul class="footer-links">
 
<li>
<a href="#">چاپ تراکت</a>
</li>
 
<li>
<a href="#">چاپ پوستر</a>
</li>
 
<li>
<a href="#">چاپ کارت ویزیت</a>
</li>
 
<li>
<a href="#">چاپ بنر</a>
</li>
 
<li>
<a href="#">چاپ هولوگرام</a>
</li>
 
</ul>
 
</div>
 
 
 
<div>
 
<h3>
خدمات طراحی
</h3>
 
<ul class="footer-links">
 
<li>
<a href="#">طراحی لوگو</a>
</li>
 
<li>
<a href="#">طراحی پوستر</a>
</li>
 
<li>
<a href="#">طراحی تراکت</a>
</li>
 
<li>
<a href="#">طراحی کاتالوگ</a>
</li>
 
<li>
<a href="#">هویت بصری برند</a>
</li>
 
</ul>
 
</div>
 
 
 
<div>
 
<h3>
تماس با ما
</h3>
 
 
<div class="contact-item">
 
<i class="fa-solid fa-phone"></i>
 
<a href="tel:+989900000000">
0990 000 0000
</a>
 
</div>
 
 
<div class="contact-item">
 
<i class="fa-solid fa-envelope"></i>
 
<span>
info@example.com
</span>
 
</div>
 
 
<div class="contact-item">
 
<i class="fa-solid fa-location-dot"></i>
 
<span>
آدرس مجموعه چاپ و تبلیغات
</span>
 
</div>
 
 
<div class="contact-item">
 
<i class="fa-solid fa-clock"></i>
 
<span>
شنبه تا پنجشنبه، 9 تا 20
</span>
 
</div>
 
 
</div>
 
 
</div>
 
 
<div class="footer-bottom">
 
© کلیه حقوق این وب‌سایت برای مجموعه چاپ و تبلیغات محفوظ است.
 
</div>
 
</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>
<i class="fa-solid fa-print"></i>


<span>خدمات</span>
<span>
خدمات
</span>


</a>
</a>
خط ۲٬۶۷۴: خط ۳٬۳۲۵:
<i class="fa-solid fa-building"></i>
<i class="fa-solid fa-building"></i>


<span>درباره ما</span>
<span>
درباره ما
</span>


</a>
</a>
خط ۲٬۶۸۳: خط ۳٬۳۳۶:
<i class="fa-solid fa-location-dot"></i>
<i class="fa-solid fa-location-dot"></i>


<span>تماس</span>
<span>
تماس
</span>


</a>
</a>


</nav>
</nav>
خط ۲٬۶۹۱: خط ۳٬۳۴۷:


</body>
</body>
</html>
</html>
برگرفته از «https://fa.faraghaib.ir/wiki/تست»