پرش به محتوا

تست - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
 
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>


خط ۷: خط ۶:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<title>مکانیکی، جلوبندی و هیدرولیک فرمان محمد | تعمیر تخصصی خودرو</title>
<title>چاپ و تبلیغات | چاپ تراکت، پوستر، کارت ویزیت و خدمات تبلیغاتی</title>


<meta name="description"
<meta name="description"
content="مکانیکی، جلوبندی و هیدرولیک فرمان محمد؛ ارائه خدمات تخصصی تعمیر خودرو، تعمیر موتور، گیربکس، جلوبندی سازی و تعمیر هیدرولیک فرمان.">
content="خدمات چاپ و تبلیغات شامل چاپ تراکت، پوستر، کارت ویزیت، بنر، فلکس، هولوگرام و طراحی لوگو با کیفیت بالا و قیمت مناسب. سفارش چاپ و تبلیغات حرفه‌ای.">
 
<meta name="keywords"
content="چاپ و تبلیغات, چاپ تراکت, چاپ پوستر, چاپ کارت ویزیت, چاپ هولوگرام, چاپ بنر, چاپ فلکس, طراحی لوگو, خدمات چاپ, تبلیغات">


<meta name="robots" content="index, follow">
<meta name="robots" content="index, follow">
<meta name="author" content="چاپ و تبلیغات">
<link rel="canonical" href="https://example.com/">
<!-- Font Awesome -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<!-- =========================
    CSS
========================= -->


<style>
<style>
/* =========================================================
  RESET + VARIABLES
========================================================= */


@font-face {
@font-face {
     font-family: IRANSans;
     font-family: IRANSans;
     src: url("https://cdn.jsdelivr.net/gh/rastikerdar/iransans-font@master/dist/IRANSans.woff2")
     src: local("IRANSans");
    format("woff2");
    font-display: swap;
}
}


:root {
:root {


     --primary: #e53935;
     --primary:#e63946;
     --primary-dark: #b71c1c;
     --primary-dark:#c62835;
    --secondary: #ffb300;


     --dark: #151515;
     --secondary:#111827;
    --dark-2: #222;


     --gray: #666;
     --accent:#ffb703;
    --light: #f5f5f5;


     --white: #fff;
     --light:#f7f8fa;
    --border: #e5e5e5;


     --shadow: 0 8px 25px rgba(0,0,0,.08);
     --white:#ffffff;


     --radius: 16px;
     --text:#202124;


     --container: 1200px;
     --muted:#6b7280;


     /* ==============================================
     --border:#e5e7eb;
      تصویر هدر
      فقط این آدرس را تغییر دهید
    ============================================== */


     --header-image:
     --shadow:
    url("");
        0 8px 30px rgba(0,0,0,.08);
}


    --radius:18px;


/* =========================================================
    --max-width:1200px;
  GENERAL
}
========================================================= */


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


html {
html {
     scroll-behavior: smooth;
     scroll-behavior:smooth;
}
}


خط ۸۰: خط ۷۹:
         sans-serif;
         sans-serif;


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


     color: var(--dark);
     line-height:1.9;


     line-height: 1.8;
     overflow-x:hidden;
}
}


img {
img {


     display: block;
     max-width:100%;


     max-width: 100%;
     display:block;


     height: auto;
     height:auto;
}
}


a {
a {
    text-decoration: none;
    color: inherit;
}


button {
    text-decoration:none;
     font-family: inherit;
 
     color:inherit;
}
}


.container {
.container {


     width: min(92%, var(--container));
     width:92%;


     margin-inline: auto;
     max-width:var(--max-width);
}


section {
     margin:auto;
     padding: 55px 0;
}
}


.section-title {


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


    margin-bottom: 30px;
.header {
}


.section-title span {
    position:sticky;


     display: inline-block;
     top:0;


     color: var(--primary);
     z-index:1000;


     font-size: .82rem;
     background:rgba(255,255,255,.96);


     font-weight: 700;
     backdrop-filter:blur(12px);


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


.section-title h2 {
.header-inner {


     font-size:
     min-height:70px;
        clamp(1.35rem, 5vw, 2.1rem);


     line-height: 1.5;
     display:flex;
}


.section-title p {
    align-items:center;


     color: var(--gray);
     justify-content:space-between;


     font-size: .88rem;
     gap:15px;
}


    max-width: 650px;
.logo {


     margin:
     display:flex;
        8px auto 0;
}


    align-items:center;


/* =========================================================
    gap:10px;
  HEADER
========================================================= */


.site-header {
    font-size:18px;


     position: relative;
     font-weight:900;


     min-height: 75px;
     white-space:nowrap;
}


    background: var(--dark);
.logo-icon {


     color: #fff;
     width:42px;


     overflow: hidden;
     height:42px;


     z-index: 1000;
     display:flex;


     box-shadow:
     align-items:center;
        0 3px 15px rgba(0,0,0,.18);
}


    justify-content:center;


/* تصویر هدر */
    background:var(--primary);


.header-bg {
    color:#fff;


     position: absolute;
     border-radius:12px;


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


    background-image:
.desktop-menu {
        var(--header-image);


     background-size: cover;
     display:none;
}


    background-position: center;
.header-call {


     background-repeat: no-repeat;
     display:flex;


     z-index: 0;
     align-items:center;
}


    justify-content:center;


/* لایه تیره روی تصویر */
    width:44px;


.header-overlay {
    height:44px;


     position: absolute;
     border-radius:12px;


     inset: 0;
     background:#fff0f1;


     background:
     color:var(--primary);
        linear-gradient(
            90deg,
            rgba(0,0,0,.86),
            rgba(0,0,0,.58)
        );


     z-index: 1;
     font-size:18px;
}
}




/* محتوای هدر */
/* =========================
  HERO
========================= */


.header-inner {
.hero {


     position: relative;
     padding:20px 0 30px;
}


    z-index: 2;
.hero-box {


     min-height: 75px;
     position:relative;


     display: flex;
     min-height:480px;


     align-items: center;
     border-radius:24px;


     justify-content: space-between;
     overflow:hidden;


     gap: 10px;
     background:
}


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


/* لوگو */
    display:flex;


.logo {
    align-items:center;
}


    display: flex;
.hero-bg {


     align-items: center;
     position:absolute;


     gap: 9px;
     inset:0;


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


     font-weight: 900;
     background-size:cover;


     font-size: .86rem;
     background-position:center;
}


.logo strong {
     opacity:.38;
     color: var(--secondary);
}
}


.hero-overlay {


/* آیکون لوگو */
    position:absolute;


.logo-icon {
    inset:0;


     width: 40px;
     background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.9),
        rgba(0,0,0,.45)
    );
}


    height: 40px;
.hero-content {


     flex-shrink: 0;
     position:relative;


     display: grid;
     z-index:2;


     place-items: center;
     color:#fff;


     border-radius: 10px;
     padding:35px 25px;


     background: var(--primary);
     max-width:750px;
 
    font-size: 1.2rem;
 
    box-shadow:
        0 4px 12px rgba(0,0,0,.3);
}
}


.hero-badge {


/* تماس موبایل */
    display:inline-flex;


.mobile-call {
    padding:5px 13px;


     display: inline-flex;
     margin-bottom:14px;


     align-items: center;
     background:rgba(255,183,3,.15);


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


     min-height: 40px;
     color:var(--accent);


     padding:
     border-radius:50px;
        7px 12px;


     border-radius: 9px;
     font-size:13px;


     background: var(--primary);
     font-weight:bold;
}


    color: #fff;
.hero h1 {


     font-size: .72rem;
     font-size:clamp(28px,7vw,54px);


     font-weight: 700;
     line-height:1.35;


     white-space: nowrap;
     margin-bottom:15px;


     transition: .25s;
     font-weight:900;
}
}


.mobile-call:hover {
.hero h1 span {
     background: var(--primary-dark);
 
     color:var(--accent);
}
}


.hero p {


/* منوی دسکتاپ */
    color:#f1f1f1;


.desktop-nav {
    font-size:15px;
     display: none;
 
     max-width:650px;
 
    margin-bottom:25px;
}
}


.hero-buttons {
    display:flex;


/* =========================================================
    flex-direction:column;
  HERO
 
========================================================= */
    gap:10px;
}


.hero {
.btn {


     min-height: 560px;
     display:flex;


     display: flex;
     align-items:center;


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


     position: relative;
     gap:9px;


     overflow: hidden;
     min-height:50px;


     background:
     padding:0 20px;


        linear-gradient(
    border-radius:12px;
            rgba(0,0,0,.78),
            rgba(0,0,0,.62)
        ),


        url("https://dl.faraghaib.ir/m/260024-01/260024-01-04.jpg")
    font-weight:bold;
        center / cover no-repeat;


     color: #fff;
     transition:.25s;
}
}


.hero-content {
.btn-primary {


     padding:
     background:var(--primary);
        55px 0;


     max-width: 750px;
     color:#fff;
}
}


.hero-badge {
.btn-primary:hover {


     display: inline-block;
     background:var(--primary-dark);


     background:
     transform:translateY(-2px);
        rgba(255,179,0,.15);
}


    color:
.btn-light {
        var(--secondary);


     border:
     background:#fff;
        1px solid rgba(255,179,0,.4);


     padding:
     color:#111827;
        5px 12px;
}
 
    border-radius: 30px;


    font-size: .75rem;
.btn-light:hover {


     margin-bottom: 15px;
     transform:translateY(-2px);
}
}


.hero h1 {


    font-size:
/* =========================
        clamp(1.8rem, 8vw, 3.3rem);
  TRUST FEATURES
========================= */


    line-height: 1.45;
.features {


     margin-bottom: 15px;
     padding:20px 0 40px;
}
}


.hero h1 strong {
.feature-grid {
    color: var(--secondary);
}


.hero p {
    display:grid;


     color: #eee;
     grid-template-columns:repeat(2,1fr);


     font-size: .92rem;
     gap:12px;
}


    max-width: 620px;
.feature {


     margin-bottom: 25px;
     background:#fff;
}
 
    border:1px solid var(--border);


.hero-buttons {
    border-radius:16px;


     display: flex;
     padding:20px 12px;


     flex-direction: column;
     text-align:center;


     gap: 10px;
     box-shadow:var(--shadow);
}
}


.btn {
.feature-icon {


     min-height: 48px;
     width:48px;


     display: inline-flex;
     height:48px;


     justify-content: center;
     margin:0 auto 10px;


     align-items: center;
     display:flex;


     padding:
     align-items:center;
        10px 20px;


     border-radius: 10px;
     justify-content:center;


     font-size: .88rem;
     border-radius:14px;


     font-weight: 700;
     background:#fff1f2;


     transition: .25s;
     color:var(--primary);
 
    font-size:20px;
}
}


.btn-primary {
.feature h2 {


     background:
     font-size:15px;
        var(--primary);


     color: #fff;
     margin-bottom:3px;
}
}


.btn-secondary {
.feature p {


     background:
     font-size:12px;
        var(--secondary);
 
    color: #111;
}


.btn:hover {
     color:var(--muted);
     transform: translateY(-2px);
}
}




/* =========================================================
/* =========================
   QUICK SERVICES
   SECTION HEADER
========================================================= */
========================= */
 
.quick-services {


    background:
.section {
        var(--light);


     padding:
     padding:45px 0;
        25px 0;
}
}


.quick-grid {
.section-header {
 
    display: grid;


     grid-template-columns:
     margin-bottom:25px;
        repeat(2, 1fr);


     gap: 10px;
     text-align:center;
}
}


.quick-item {
.section-title {


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


     border-radius: 12px;
     font-weight:900;


     padding:
     color:var(--secondary);
        17px 10px;


     text-align: center;
     margin-bottom:7px;
 
    box-shadow:
        var(--shadow);
}
}


.quick-icon {
.section-title span {


     font-size: 1.6rem;
     color:var(--primary);
 
    margin-bottom: 5px;
}
}


.quick-item strong {
.section-description {
 
    display: block;


     font-size: .82rem;
     color:var(--muted);
}


.quick-item span {
    font-size:14px;


     color: var(--gray);
     max-width:650px;


     font-size: .7rem;
     margin:auto;
}
}




/* =========================================================
/* =========================
   SERVICES
   SERVICES
========================================================= */
========================= */
 
.services {
    background: #fff;
}


.services-grid {
.services-grid {


     display: grid;
     display:grid;


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


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


.service-card {
.service-card {


     position: relative;
     background:#fff;


     overflow: hidden;
     border:1px solid var(--border);


     background: #fff;
     border-radius:18px;


     border:
     overflow:hidden;
        1px solid var(--border);


     border-radius:
     transition:.3s;
        var(--radius);


     padding:
     box-shadow:0 5px 20px rgba(0,0,0,.05);
        25px 20px;
}


     transition: .3s;
.service-card:hover {
 
    transform:translateY(-5px);
 
     box-shadow:0 12px 30px rgba(0,0,0,.12);
}
}


.service-card::before {
.service-image {


     content: "";
     height:145px;


     position: absolute;
     overflow:hidden;
}


    right: 0;
.service-image img {


     top: 0;
     width:100%;


     width: 4px;
     height:100%;


     height: 100%;
     object-fit:cover;


     background:
     transition:.4s;
        var(--primary);
}
}


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


     width: 55px;
     transform:scale(1.06);
}


    height: 55px;
.service-content {


     display: grid;
     padding:15px;
}


    place-items: center;
.service-content h3 {


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


     background: #fff1f1;
     margin-bottom:5px;
 
}
    color: var(--primary);


    font-size: 1.5rem;
.service-content p {


     margin-bottom: 15px;
     color:var(--muted);
}


.service-card h3 {
    font-size:12px;


     font-size: 1.05rem;
     line-height:1.8;


     margin-bottom: 8px;
     margin-bottom:10px;
}
}


.service-card p {
.service-link {


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


     font-size: .82rem;
     font-size:12px;
}
 
    font-weight:bold;


.service-card:hover {
    display:flex;


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


     box-shadow:
     gap:5px;
        var(--shadow);
}
}




/* =========================================================
/* =========================
   ABOUT
   CATEGORY
========================================================= */
========================= */


.about {
.category-section {


     background:
     background:var(--light);
        var(--dark);
}


    color: #fff;
.category-grid {
}


.about-grid {
    display:grid;


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


     gap: 25px;
     gap:12px;
}
}


.about-image {
.category {
 
    min-height:110px;


     border-radius:
     border-radius:17px;
        var(--radius);


     overflow: hidden;
     padding:18px;


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


     background:
     display:flex;


        linear-gradient(
    flex-direction:column;
            rgba(0,0,0,.2),
            rgba(0,0,0,.2)
        ),


        url("https://dl.faraghaib.ir/m/260024-01/260024-01-13.jpg")
    justify-content:center;
        center / cover no-repeat;
}


.about-content span {
    align-items:center;


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


     font-size: .85rem;
     border:1px solid var(--border);


     font-weight: bold;
     transition:.3s;
}
}


.about-content h2 {
.category:hover {


     font-size:
     border-color:var(--primary);
        clamp(1.4rem, 6vw, 2.2rem);


     margin:
     transform:translateY(-3px);
        8px 0 15px;
}
}


.about-content p {
.category i {


     color: #ccc;
     font-size:25px;


     font-size: .9rem;
     color:var(--primary);


     margin-bottom: 15px;
     margin-bottom:7px;
}
}


.about-list {
.category strong {


     list-style: none;
     font-size:14px;
 
    display: grid;
 
    gap: 8px;
}
}


.about-list li {
.category span {


     font-size: .82rem;
     color:var(--muted);


     color: #eee;
     font-size:11px;
}
}


.about-list li::before {


    content: "✓";
/* =========================
  ABOUT
========================= */
 
.about {


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


     font-weight: bold;
     flex-direction:column;


     margin-left: 8px;
     gap:25px;
}
}


.about-image {


/* =========================================================
    min-height:300px;
  SPECIAL SERVICES
========================================================= */


.special-services {
    border-radius:20px;


     background:
     overflow:hidden;
        var(--light);
}
}


.special-grid {
.about-image img {
 
    width:100%;
 
    height:100%;


     display: grid;
     min-height:300px;


     gap: 15px;
     object-fit:cover;
}
}


.special-card {
.about-content h2 {


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


     padding: 22px;
     margin-bottom:12px;
}


    border-radius:
.about-content h2 span {
        var(--radius);


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


.special-card h3 {
.about-content p {
 
    color:var(--muted);


     font-size: 1rem;
     font-size:14px;


     margin-bottom: 8px;
     margin-bottom:15px;
}
}


.special-card p {
.about-list {
 
    list-style:none;


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


     font-size: .8rem;
     gap:8px;
}
}


.about-list li {


/* =========================================================
    display:flex;
  FEATURES
========================================================= */


.features-grid {
    gap:8px;


     display: grid;
     align-items:flex-start;


     grid-template-columns: 1fr;
     font-size:13px;
}


     gap: 12px;
.about-list i {
 
     color:#16a34a;
 
    margin-top:5px;
}
}


.feature {


    display: flex;
/* =========================
  SPECIAL SERVICES
========================= */


    align-items: flex-start;
.special-box {


     gap: 12px;
     background:


     padding: 18px;
     linear-gradient(
        135deg,
        #111827,
        #252f3f
    );


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


     border-radius: 13px;
     border-radius:22px;
 
    padding:30px 20px;
}
}


.feature-icon {
.special-grid {
 
    display:grid;


     flex:
     gap:15px;
        0 0 42px;
}


    width: 42px;
.special-item {


     height: 42px;
     display:flex;


     display: grid;
     gap:13px;


     place-items: center;
     align-items:flex-start;


     background:
     padding:15px;
        #fff3d6;


     color:
     background:rgba(255,255,255,.06);
        #e09b00;


     border-radius: 10px;
     border:1px solid rgba(255,255,255,.1);
}


.feature h3 {
     border-radius:15px;
     font-size: .9rem;
}
}


.feature p {
.special-icon {


     font-size: .75rem;
     min-width:44px;


     color:
     height:44px;
        var(--gray);
}


    border-radius:12px;


/* =========================================================
    display:flex;
  CTA
========================================================= */


.cta {
     align-items:center;
     padding: 40px 0;
}


.cta-box {
    justify-content:center;


     background:
     background:var(--primary);
        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-dark)
        );


    color: #fff;
}
 
    border-radius: 20px;


    padding:
.special-item h3 {
        35px 20px;


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


     box-shadow:
     margin-bottom:3px;
        0 12px 30px
        rgba(229,57,53,.25);
}
}


.cta-box h2 {
.special-item p {


     font-size:
     color:#d1d5db;
        clamp(1.4rem, 6vw, 2rem);


     margin-bottom: 10px;
     font-size:12px;
}
}


.cta-box p {


     color:
/* =========================
        #ffecec;
  BLOG
========================= */
 
.blog-grid {
 
     display:grid;


     font-size: .85rem;
     grid-template-columns:1fr;


     margin-bottom: 20px;
     gap:15px;
}
}


.cta-buttons {
.blog-card {
 
    border:1px solid var(--border);
 
    border-radius:18px;


     display: flex;
     overflow:hidden;


     flex-direction: column;
     background:#fff;


     gap: 10px;
     transition:.3s;
}
}


.blog-card:hover {


/* =========================================================
    transform:translateY(-4px);
  BLOG
========================================================= */


.blog {
     box-shadow:var(--shadow);
     background: #fff;
}
}


.blog-grid {
.blog-image {


     display: grid;
     height:180px;


     gap: 15px;
     overflow:hidden;
}
}


.blog-card {
.blog-image img {
 
    width:100%;


     border:
     height:100%;
        1px solid var(--border);


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


    overflow: hidden;
.blog-content {


     background: #fff;
     padding:16px;
}
}


.blog-image {
.blog-category {


     aspect-ratio: 16 / 9;
     font-size:11px;


     background:
     color:var(--primary);


        url("https://dl.faraghaib.ir/m/260024-01/260024-01-19.jpeg")
    font-weight:bold;
        center / cover no-repeat;
}
}


.blog-image2 {
.blog-content h3 {


     aspect-ratio: 16 / 9;
     font-size:16px;


     background:
     margin:5px 0 7px;
}
 
.blog-content p {
 
    font-size:12px;


        url("https://dl.faraghaib.ir/m/260024-01/260024-01-23.jpg")
    color:var(--muted);
        center / cover no-repeat;
}
}


.blog-image3 {


    aspect-ratio: 16 / 9;
/* =========================
  CTA
========================= */


    background:
.cta {


        url("https://dl.faraghaib.ir/m/260024-01/260024-01-22.jpg")
    padding:20px 0 50px;
        center / cover no-repeat;
}
}


.blog-content {
.cta-box {
    padding: 17px;
}


.blog-content span {
    background:


     font-size: .7rem;
     linear-gradient(
        135deg,
        var(--primary),
        #b91c2c
    );


     color:
     color:#fff;
        var(--primary);
}


.blog-content h3 {
    border-radius:22px;


     font-size: .9rem;
     padding:35px 20px;


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


.blog-content p {
.cta-box h2 {


     color:
     font-size:25px;
        var(--gray);


     font-size: .75rem;
     margin-bottom:10px;
}
}


.cta-box p {


/* =========================================================
    font-size:14px;
  CONTACT
========================================================= */


.contact {
    margin-bottom:20px;


     background:
     color:#ffe9eb;
        var(--light);
}
}


.contact-grid {


    display: grid;
/* =========================
  FOOTER
========================= */


    gap: 15px;
.footer {
}


.contact-card {
    background:#111827;


     background: #fff;
     color:#fff;


     padding: 22px;
     padding:45px 0 20px;
}


    border-radius:
.footer-grid {
        var(--radius);


     box-shadow:
     display:grid;
        var(--shadow);
 
    gap:30px;
}
}


.contact-card h3 {
.footer h3 {


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


     font-size: 1rem;
     margin-bottom:12px;
}
}


.contact-item {
.footer p {


     display: flex;
     color:#cbd5e1;


     align-items: center;
     font-size:13px;
}


    gap: 10px;
.footer-links {


     padding:
     list-style:none;
        9px 0;


     border-bottom:
     display:grid;
        1px solid var(--border);


     font-size: .8rem;
     gap:6px;
}
}


.contact-item:last-child {
.footer-links a {
    border-bottom: 0;
}


.contact-icon {
    color:#cbd5e1;


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


     font-size: 1.1rem;
     transition:.2s;
}
}


.footer-links a:hover {


/* =========================================================
    color:#fff;
  FOOTER
}
========================================================= */
 
.contact-item {
 
    display:flex;
 
    align-items:center;


footer {
    gap:10px;


     background:
     margin-bottom:10px;
        #111;


     color:
     color:#cbd5e1;
        #ddd;


     padding:
     font-size:13px;
        40px 0 85px;
}
}


.footer-grid {
.contact-item i {


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


     gap: 25px;
     width:20px;
}
}


.footer-col h3 {
.social {


     color: #fff;
     display:flex;


     font-size: .95rem;
     gap:8px;


     margin-bottom: 12px;
     margin-top:15px;
}
}


.footer-col p,
.social a {
.footer-col li {
 
    width:40px;
 
    height:40px;


     color: #aaa;
     border-radius:10px;


     font-size: .75rem;
     display:flex;
}
 
    align-items:center;


.footer-col ul {
    justify-content:center;


     list-style: none;
     background:rgba(255,255,255,.08);


     display: grid;
     transition:.2s;
}


     gap: 6px;
.social a:hover {
 
     background:var(--primary);
}
}


.footer-bottom {
.footer-bottom {


     border-top:
     margin-top:30px;
        1px solid #333;


     margin-top: 25px;
     padding-top:15px;


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


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


     color: #777;
     color:#9ca3af;


     font-size: .7rem;
     font-size:11px;
}
}




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


.mobile-bottom-nav {
.mobile-nav {


     position: fixed;
     position:fixed;


     bottom: 0;
     bottom:10px;


     right: 0;
     right:3%;


     left: 0;
     left:3%;


     height: 65px;
     z-index:999;


     background:
    height:62px;
        #151515;
 
     background:#111827;
 
    border-radius:18px;


     z-index: 2000;
     display:flex;


     display: grid;
     align-items:center;


     grid-template-columns:
     justify-content:space-around;
        repeat(3, 1fr);


     box-shadow:
     box-shadow:
         0 -4px 18px
         0 10px 30px rgba(0,0,0,.25);
        rgba(0,0,0,.2);
}
}


.mobile-bottom-nav a {
.mobile-nav a {


     color: #ddd;
     color:#cbd5e1;


     display: flex;
     display:flex;


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


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


     align-items: center;
     gap:1px;


     gap: 2px;
     font-size:10px;
}


     font-size: .65rem;
.mobile-nav i {
 
     font-size:18px;
}
}


.mobile-bottom-nav a:first-child {
.mobile-nav .active {


     color:
     color:#fff;
        var(--secondary);
}


.nav-icon {
    font-size: 1.25rem;
}
}


.mobile-nav .call {


/* =========================================================
    width:48px;
  TABLET
========================================================= */


@media (min-width: 600px) {
    height:48px;


     .hero-buttons {
     margin-top:-25px;


        flex-direction: row;
    border-radius:50%;
    }


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


        min-width: 150px;
    display:flex;
    }


     .services-grid {
     align-items:center;


        grid-template-columns:
    justify-content:center;
            repeat(2, 1fr);
    }


     .special-grid {
     border:5px solid #fff;


        grid-template-columns:
    color:#fff;
            repeat(2, 1fr);
}
    }


    .features-grid {


        grid-template-columns:
/* =========================
            repeat(2, 1fr);
  TABLET
    }
========================= */
 
    .blog-grid {


        grid-template-columns:
@media (min-width:600px) {
            repeat(2, 1fr);
    }


     .contact-grid {
     .hero-box {


         grid-template-columns:
         min-height:520px;
            repeat(2, 1fr);
     }
     }


     .footer-grid {
     .hero-content {


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


    .hero-buttons {


/* =========================================================
        flex-direction:row;
  DESKTOP
========================================================= */


@media (min-width: 900px) {
        max-width:430px;
 
    section {
        padding: 80px 0;
     }
     }


    .btn {


     /* HEADER */
        flex:1;
     }


     .site-header {
     .services-grid {


         min-height: 90px;
         grid-template-columns:repeat(3,1fr);
 
        position:
            relative;
     }
     }


     .header-inner {
     .category-grid {


         min-height: 90px;
         grid-template-columns:repeat(3,1fr);
     }
     }


     .mobile-call {
     .feature-grid {
         display: none;
 
         grid-template-columns:repeat(4,1fr);
     }
     }


     .desktop-nav {
     .blog-grid {


         display: flex;
         grid-template-columns:repeat(3,1fr);
    }


        align-items: center;
    .special-grid {
 
        gap: 25px;


         font-size: .82rem;
         grid-template-columns:repeat(2,1fr);
     }
     }


     .desktop-nav a {
     .about {


         color: #fff;
         flex-direction:row;


         transition: .25s;
         align-items:center;
     }
     }


     .desktop-nav a:hover {
     .about > * {


         color:
         flex:1;
            var(--secondary);
     }
     }


}


    /* HERO */


    .hero {
/* =========================
  DESKTOP
========================= */


        min-height: 680px;
@media (min-width:900px) {
    }


     .hero-content {
     .header-inner {


         padding:
         min-height:78px;
            80px 0;
     }
     }


    .desktop-menu {


    /* QUICK */
        display:flex;


    .quick-grid {
        align-items:center;


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


        margin-right:auto;


    /* SERVICES */
         margin-left:30px;
 
    .services-grid {
 
         grid-template-columns:
            repeat(4, 1fr);
     }
     }


    .desktop-menu a {


    /* ABOUT */
        font-size:14px;


    .about-grid {
        font-weight:bold;


         grid-template-columns:
         color:#374151;
            1fr 1fr;


         align-items: center;
         transition:.2s;
     }
     }


    .desktop-menu a:hover {


     /* SPECIAL */
        color:var(--primary);
     }


     .special-grid {
     .header-call {


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


        padding:0 17px;


    /* FEATURES */
        gap:8px;


    .features-grid {
        font-size:13px;


         grid-template-columns:
         font-weight:bold;
            repeat(4, 1fr);
     }
     }


    .header-call::after {


     /* BLOG */
        content:"تماس با ما";
     }


     .blog-grid {
     .mobile-nav {


         grid-template-columns:
         display:none;
            repeat(3, 1fr);
     }
     }


    .hero {


     /* CONTACT */
        padding:30px 0 50px;
     }


     .contact-grid {
     .hero-content {


         grid-template-columns:
         padding:70px;
            1fr 1fr;
     }
     }


    .hero p {


     /* FOOTER */
        font-size:16px;
     }


     .footer-grid {
     .services-grid {


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


    .category-grid {


     /* MOBILE NAV */
        grid-template-columns:repeat(5,1fr);
     }


     .mobile-bottom-nav {
     .special-grid {


         display: none;
         grid-template-columns:repeat(3,1fr);
     }
     }


     footer {
     .footer-grid {


         padding-bottom: 40px;
         grid-template-columns:2fr 1fr 1fr 1.5fr;
     }
     }
}
}




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


@media (min-width: 1200px) {
@media (min-width:1200px) {


     .hero-content {
     .hero-box {


         padding-right: 30px;
         min-height:570px;
     }
     }


     .service-card {
     .section {


         padding:
         padding:65px 0;
            30px 22px;
     }
     }


     .quick-item {
     .service-image {


         padding: 22px;
         height:180px;
     }
     }
}
}
خط ۱٬۴۱۰: خط ۱٬۳۶۴:




<!-- =====================================================
<!-- =========================
     HEADER
     HEADER
===================================================== -->
========================= -->


<header class="site-header">
<header class="header">


    <!-- تصویر پس زمینه -->
<div class="container header-inner">
    <div class="header-bg"></div>


    <!-- لایه شفاف -->
<a href="#" class="logo" aria-label="صفحه اصلی چاپ و تبلیغات">
    <div class="header-overlay"></div>


    <div class="container header-inner">
<span class="logo-icon">
<i class="fa-solid fa-print"></i>
</span>


        <a
<span>چاپ و تبلیغات</span>
            href="#"
            class="logo"
            aria-label="مکانیکی، جلوبندی و هیدرولیک فرمان محمد"
        >


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


            <span>
                مکانیکی و
                <strong>هیدرولیک محمد</strong>
            </span>


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


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


        <nav
<a href="#services">خدمات چاپ</a>
            class="desktop-nav"
            aria-label="منوی اصلی"
        >


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


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


            <a href="#special">
<a href="#blog">مقالات</a>
                تخصص‌ها
            </a>


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


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


        </nav>


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


        <a
<i class="fa-solid fa-phone"></i>
            href="tel:09123456789"
            class="mobile-call"
        >
            تماس فوری
        </a>


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


</header>
</header>




<!-- =====================================================
 
<main id="home">
 
 
<!-- =========================
     HERO
     HERO
===================================================== -->
========================= -->
 
<main>


<section class="hero">
<section class="hero">


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


        <div class="hero-content">
<div class="hero-box">


            <span class="hero-badge">
<div class="hero-bg"></div>
                تعمیرات تخصصی خودرو
            </span>


            <h1>
<div class="hero-overlay"></div>


          <strong>مکانیکی، جلوبندی و هیدرولیک فرمان محمد
<div class="hero-content">
                </strong>


            </h1>
<span class="hero-badge">


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


                ارائه خدمات تخصصی مکانیکی خودرو،
&nbsp; خدمات تخصصی چاپ و تبلیغات
                تعمیر موتور، تعمیر گیربکس،
                جلوبندی سازی و تعمیر هیدرولیک فرمان
                با دقت و تجربه.


            </p>
</span>


<h1>


            <div class="hero-buttons">
چاپ حرفه‌ای و


                <a
<span>تبلیغات خلاقانه</span>
                    href="tel:09123456789"
                    class="btn btn-primary"
                >
                    📞 تماس برای تعمیر خودرو
                </a>


برای رشد کسب‌وکار شما


                <a
</h1>
                    href="#services"
                    class="btn btn-secondary"
                >
                    مشاهده خدمات
                </a>


            </div>
<p>


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


    </div>
</p>


</section>


<div class="hero-buttons">


<!-- =====================================================
<a href="#services" class="btn btn-primary">
    QUICK SERVICES
===================================================== -->


<section
<i class="fa-solid fa-print"></i>
    class="quick-services"
    aria-label="خدمات اصلی تعمیرگاه"
>


<div class="container">
مشاهده خدمات چاپ


<div class="quick-grid">
</a>


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


<div class="quick-item">
<i class="fa-solid fa-phone"></i>


    <div class="quick-icon">
تماس و مشاوره
        🔧
    </div>


    <strong>
</a>
        مکانیکی خودرو
    </strong>


    <span>
</div>
        عیب‌یابی و تعمیر
    </span>


</div>
</div>


</div>


<div class="quick-item">
</div>


    <div class="quick-icon">
</section>
        ⚙️
    </div>


    <strong>
        تعمیر گیربکس
    </strong>


    <span>
        بررسی تخصصی
    </span>


</div>
<!-- =========================
    FEATURES
========================= -->


<section class="features">


<div class="quick-item">
<div class="container">


    <div class="quick-icon">
<div class="feature-grid">
        🚗
    </div>


    <strong>
<div class="feature">
        جلوبندی سازی
    </strong>


    <span>
<div class="feature-icon">
        رفع مشکلات جلوبندی
 
    </span>
<i class="fa-solid fa-print"></i>


</div>
</div>


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


<div class="quick-item">
<p>استفاده از متریال مناسب</p>


    <div class="quick-icon">
</div>
        ⭕
    </div>


    <strong>
        هیدرولیک فرمان
    </strong>


    <span>
<div class="feature">
        تعمیر سیستم فرمان
    </span>


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


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


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


</section>
<h2>تحویل سریع</h2>
 
<p>اجرای سریع سفارشات</p>


</div>


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


<section
<div class="feature">
    class="services"
    id="services"
    aria-labelledby="services-title"
>


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


<div class="section-title">
<i class="fa-solid fa-tags"></i>


<span>
</div>
    خدمات تعمیرگاه
</span>


<h2 id="services-title">
<h2>قیمت مناسب</h2>
    خدمات مکانیکی و تعمیر خودرو
</h2>


<p>
<p>قیمت‌گذاری منصفانه</p>
    خدمات تخصصی برای عیب‌یابی،
    تعمیر و سرویس خودرو
</p>


</div>
</div>




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


<div class="feature-icon">


<article class="service-card">
<i class="fa-solid fa-headset"></i>


<div class="service-icon">
    🔧
</div>
</div>


<h3>
<h2>مشاوره تخصصی</h2>
    تعمیر موتور خودرو
</h3>


<p>
<p>راهنمایی قبل از سفارش</p>
    عیب‌یابی و تعمیر موتور خودرو،
    رفع مشکلات فنی و سرویس بخش‌های مختلف موتور.
</p>


</article>
</div>


</div>


<article class="service-card">
<div class="service-icon">
    ⚙️
</div>
</div>


<h3>
</section>
    تعمیر گیربکس
</h3>


<p>
    بررسی و تعمیر مشکلات گیربکس،
    رفع صدا، لرزش و ایرادات عملکردی خودرو.
</p>


</article>


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


<article class="service-card">
<section class="section" id="services">


<div class="service-icon">
<div class="container">
    🚘
</div>


<h3>
<div class="section-header">
    جلوبندی سازی
</h3>


<p>
<h2 class="section-title">
    تعمیر و تعویض قطعات جلوبندی،
    رفع لرزش، صدا و ناهماهنگی خودرو.
</p>


</article>
خدمات <span>چاپ و تبلیغات</span>


</h2>


<article class="service-card">
<p class="section-description">


<div class="service-icon">
انواع خدمات چاپ و تبلیغات برای معرفی بهتر برند،
    🔩
کسب‌وکار و محصولات شما با کیفیت حرفه‌ای.
</div>


<h3>
    تعمیر هیدرولیک فرمان
</h3>
<p>
    بررسی و تعمیر سیستم هیدرولیک فرمان،
    رفع نشتی روغن و مشکلات فرمان خودرو.
</p>
</p>


</article>
</div>




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


</section>


<article class="service-card">


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


<section
<img
    class="about"
src="https://images.unsplash.com/photo-1586281380349-632531db7ed4?auto=format&fit=crop&w=800&q=80"
    id="about"
alt="چاپ تراکت تبلیغاتی">
    aria-labelledby="about-title"
>


<div class="container about-grid">
</div>


<div class="service-content">


<div
<h3>چاپ تراکت</h3>
    class="about-image"
    role="img"
    aria-label="تعمیر خودرو و خدمات مکانیکی"
></div>


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


<div class="about-content">
<a href="#" class="service-link">
 
مشاهده جزئیات


<span>
<i class="fa-solid fa-arrow-left"></i>
    درباره تعمیرگاه
</span>


<h2 id="about-title">
</a>


    مکانیکی، جلوبندی و
</div>
    هیدرولیک فرمان محمد


</h2>
</article>


<p>


    هدف ما ارائه خدمات دقیق و اصولی
    در زمینه تعمیرات مکانیکی خودرو،
    جلوبندی سازی و هیدرولیک فرمان است.


</p>
<article class="service-card">


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


    قبل از انجام تعمیرات، مشکل خودرو
<img
    بررسی و علت خرابی مشخص می‌شود
src="https://images.unsplash.com/photo-1541944743823-7e8c7e8e0e3f?auto=format&fit=crop&w=800&q=80"
    تا خدمات مورد نیاز با دقت بیشتری انجام شود.
alt="چاپ پوستر تبلیغاتی">


</p>
</div>


<div class="service-content">


<ul class="about-list">
<h3>چاپ پوستر</h3>


<li>
<p>
    عیب‌یابی و بررسی دقیق خودرو
چاپ پوستر تبلیغاتی با کیفیت بالا برای
</li>
فروشگاه‌ها، شرکت‌ها و رویدادهای تبلیغاتی.
</p>


<li>
<a href="#" class="service-link">
    تعمیر تخصصی جلوبندی
</li>


<li>
مشاهده جزئیات
    تعمیر هیدرولیک فرمان
</li>


<li>
<i class="fa-solid fa-arrow-left"></i>
    خدمات مکانیکی خودرو
</li>


<li>
</a>
    ارائه مشاوره پیش از تعمیر
</li>
 
</ul>


</div>
</div>


</div>
</article>


</section>




<!-- =====================================================
<article class="service-card">
    SPECIAL SERVICES
===================================================== -->


<section
<div class="service-image">
    class="special-services"
    id="special"
    aria-labelledby="special-title"
>


<div class="container">
<img
src="https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=800&q=80"
alt="چاپ کارت ویزیت">


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


<span>
<div class="service-content">
    تخصص‌های مجموعه
</span>


<h2 id="special-title">
<h3>چاپ کارت ویزیت</h3>
    تعمیرات تخصصی خودرو
</h2>


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


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


<div class="special-grid">
مشاهده جزئیات


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


<article class="special-card">
</a>


<h3>
</div>
    تعمیر پمپ هیدرولیک فرمان
</h3>
 
<p>
    بررسی نشتی، صدا و عملکرد نامناسب
    پمپ هیدرولیک فرمان خودرو.
</p>


</article>
</article>




<article class="special-card">


<h3>
<article class="service-card">
    تعمیر جلوبندی خودرو
</h3>


<p>
<div class="service-image">
    بررسی سیستم تعلیق، فرمان و قطعات
    مختلف جلوبندی خودرو.
</p>


</article>
<img
src="https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=800&q=80"
alt="طراحی لوگو">


</div>


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


<h3>
<h3>طراحی لوگو</h3>
    تعمیر سیستم فرمان
</h3>


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


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


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


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


<h3>
</a>
    تعمیرات مکانیکی
</h3>


<p>
</div>
    انجام خدمات مکانیکی و رفع ایرادات
    فنی خودرو با بررسی اصولی.
</p>


</article>
</article>




</div>


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


</section>
<div class="service-image">


<img
src="https://images.unsplash.com/photo-1600508774634-4e11d34730e2?auto=format&fit=crop&w=800&q=80"
alt="چاپ بنر و فلکس">


<!-- =====================================================
</div>
    FEATURES
===================================================== -->


<section aria-labelledby="why-title">
<div class="service-content">


<div class="container">
<h3>چاپ بنر و فلکس</h3>


<div class="section-title">
<p>
چاپ بنر و فلکس تبلیغاتی در ابعاد مختلف
برای فضای داخلی و محیطی.
</p>


<span>
<a href="#" class="service-link">
    انتخاب مطمئن
</span>


<h2 id="why-title">
مشاهده جزئیات
    چرا مکانیکی محمد؟
 
</h2>
<i class="fa-solid fa-arrow-left"></i>
 
</a>
 
</div>
 
</article>


</div>




<div class="features-grid">
<article class="service-card">


<div class="service-image">


<div class="feature">
<img
src="https://images.unsplash.com/photo-1598301257982-0cf014dabbcd?auto=format&fit=crop&w=800&q=80"
alt="چاپ هولوگرام">


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


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


<h3>
<h3>چاپ هولوگرام</h3>
    عیب‌یابی دقیق
</h3>


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


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


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


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


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


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


<div>
</article>


<h3>
    تخصص در تعمیرات
</h3>


<p>
    تمرکز بر مکانیکی،
    جلوبندی و هیدرولیک.
</p>


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


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


<img
src="https://images.unsplash.com/photo-1556740749-887f6717d7e4?auto=format&fit=crop&w=800&q=80"
alt="چاپ کاتالوگ">


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


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


<h3>
<h3>چاپ کاتالوگ</h3>
    صرفه‌جویی در زمان
</h3>


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


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


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


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


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


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


<div>
</article>


<h3>
    خدمات مشتری‌محور
</h3>


<p>
    توضیح مشکل و خدمات
    مورد نیاز به مشتری.
</p>


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


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


<img
src="https://images.unsplash.com/photo-1542744095-fcf48d80b0fd?auto=format&fit=crop&w=800&q=80"
alt="خدمات تبلیغات">


</div>
</div>


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


</section>
<h3>خدمات تبلیغات</h3>


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


<!-- =====================================================
<a href="#" class="service-link">
    CTA
===================================================== -->


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


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


<div class="cta-box">
<h2>
    خودرو مشکل فنی دارد؟
</h2>
<p>
    برای بررسی مشکل خودرو و دریافت مشاوره
    با مکانیکی، جلوبندی و هیدرولیک فرمان محمد تماس بگیرید.
</p>
<div class="cta-buttons">
<a
    href="tel:09123456789"
    class="btn btn-secondary"
>
    📞 تماس مستقیم
</a>
</a>


<a
</div>
    href="#contact"
    class="btn"
    style="background:#fff;color:#222;"
>
    اطلاعات تماس
</a>


</div>
</article>


</div>
</div>
خط ۲٬۰۷۶: خط ۱٬۸۶۷:




<!-- =====================================================
    BLOG
===================================================== -->


<section
<!-- =========================
    class="blog"
    CATEGORIES
    id="blog"
========================= -->
    aria-labelledby="blog-title"
 
>
<section class="section category-section" id="categories">


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


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


<span>
<h2 class="section-title">
    راهنمای خودرو
 
</span>
دسته‌بندی <span>خدمات</span>


<h2 id="blog-title">
    مقالات و نکات فنی خودرو
</h2>
</h2>
<p class="section-description">
محصولات و خدمات تبلیغاتی مورد نیاز کسب‌وکار خود را انتخاب کنید.
</p>


</div>
</div>




<div class="blog-grid">
<div class="category-grid">


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


<article class="blog-card">
<i class="fa-solid fa-file-lines"></i>


<div
<strong>چاپ تراکت</strong>
    class="blog-image"
    role="img"
    aria-label="جلوبندی خودرو"
></div>


<div class="blog-content">
<span>تبلیغات مستقیم</span>


<span>
</a>
    جلوبندی خودرو
</span>


<h3>
    نشانه‌های خرابی جلوبندی خودرو چیست؟
</h3>


<p>
<a href="#" class="category">
    با مهم‌ترین علائم خرابی قطعات
    جلوبندی خودرو آشنا شوید.
</p>


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


</article>
<strong>چاپ پوستر</strong>


<span>تبلیغات محیطی</span>


<article class="blog-card">
</a>


<div
    class="blog-image2"
    role="img"
    aria-label="هیدرولیک فرمان خودرو"
></div>


<div class="blog-content">
<a href="#" class="category">


<span>
<i class="fa-regular fa-address-card"></i>
    هیدرولیک فرمان
</span>


<h3>
<strong>کارت ویزیت</strong>
    علت سفت شدن فرمان هیدرولیک چیست؟
</h3>


<p>
<span>معرفی برند</span>
    بررسی دلایل رایج سفت شدن فرمان
    و مشکلات سیستم هیدرولیک.
</p>


</div>
</a>


</article>


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


<article class="blog-card">
<i class="fa-solid fa-rectangle-ad"></i>


<div
<strong>بنر و فلکس</strong>
    class="blog-image3"
    role="img"
    aria-label="تعمیر موتور خودرو"
></div>


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


<span>
</a>
    مکانیکی خودرو
</span>


<h3>
    چه زمانی خودرو به تعمیر موتور نیاز دارد؟
</h3>


<p>
<a href="#" class="category">
    علائم مهمی که می‌توانند نشان‌دهنده
    وجود مشکل در موتور خودرو باشند.
</p>


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


</article>
<strong>طراحی لوگو</strong>


<span>هویت بصری</span>


</div>
</a>


</div>


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


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


<!-- =====================================================
<strong>کاتالوگ</strong>
    CONTACT
===================================================== -->


<section
<span>معرفی محصولات</span>
    class="contact"
    id="contact"
    aria-labelledby="contact-title"
>


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


<div class="section-title">


<span>
<a href="#" class="category">
    ارتباط با ما
</span>


<h2 id="contact-title">
<i class="fa-solid fa-ticket"></i>
    تماس با مکانیکی محمد
</h2>


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


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


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




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


<h3>
<i class="fa-solid fa-stamp"></i>
    اطلاعات تماس
</h3>


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


<div class="contact-item">
<span>چاپ امنیتی</span>
 
<span class="contact-icon">
    📞
</span>


<a href="tel:09123456789">
    0912 345 6789
</a>
</a>


</div>


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


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


<span class="contact-icon">
<strong>پاکت و سربرگ</strong>
    📍
</span>


<span>
<span>ملزومات اداری</span>
    آدرس تعمیرگاه را اینجا وارد کنید
</span>


</div>
</a>




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


<span class="contact-icon">
<i class="fa-solid fa-gift"></i>
    🕐
</span>


<span>
<strong>محصولات تبلیغاتی</strong>
    ساعات کاری: شنبه تا پنجشنبه
</span>


</div>
<span>هدایای سازمانی</span>


</a>


</div>
</div>


</div>


<div class="contact-card">
</section>


<h3>
    خدمات قابل ارائه
</h3>




<div class="contact-item">
<!-- =========================
    🔧 تعمیرات مکانیکی
    ABOUT
</div>
========================= -->


<div class="contact-item">
<section class="section" id="about">
    🚗 جلوبندی سازی
</div>


<div class="contact-item">
<div class="container">
    ⚙️ تعمیر هیدرولیک فرمان
</div>


<div class="contact-item">
<div class="about">
    🔩 تعمیر موتور و گیربکس
</div>


<div class="about-image">


</div>
<img
src="https://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=1000&q=80"
alt="مجموعه چاپ و تبلیغات و خدمات طراحی و چاپ">


</div>
</div>


</div>


</section>
<div class="about-content">


<h2>


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


</h2>


<!-- =====================================================
<p>
    FOOTER
===================================================== -->


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


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


<div class="footer-grid">
<ul class="about-list">
 
<li>


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


<div class="footer-col">
چاپ با کیفیت و وضوح بالا


<h3>
</li>
    مکانیکی، جلوبندی و هیدرولیک فرمان محمد
 
</h3>
<li>


<p>
<i class="fa-solid fa-circle-check"></i>
    ارائه خدمات تخصصی مکانیکی خودرو،
    جلوبندی سازی و تعمیر هیدرولیک فرمان.
</p>


</div>
استفاده از متریال مناسب برای هر نوع سفارش


</li>


<div class="footer-col">
<li>


<h3>
<i class="fa-solid fa-circle-check"></i>
    خدمات
</h3>


<ul>
مشاوره تخصصی پیش از چاپ


<li>
    <a href="#services">
        تعمیر موتور
    </a>
</li>
</li>


<li>
<li>
    <a href="#services">
 
        تعمیر گیربکس
<i class="fa-solid fa-circle-check"></i>
    </a>
 
اجرای سفارشات در تیراژهای مختلف
 
</li>
</li>


<li>
<li>
    <a href="#services">
        جلوبندی سازی
    </a>
</li>


<li>
<i class="fa-solid fa-circle-check"></i>
    <a href="#special">
 
        هیدرولیک فرمان
طراحی اختصاصی متناسب با هویت برند
    </a>
 
</li>
</li>


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


</div>


<div class="footer-col">
</div>


<h3>
</section>
    دسترسی سریع
</h3>


<ul>


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


<li>
<!-- =========================
    <a href="#services">
    SPECIAL
        خدمات
========================= -->
    </a>
</li>


<li>
<section class="section">
    <a href="#blog">
        مقالات
    </a>
</li>


<li>
<div class="container">
    <a href="#contact">
        تماس با ما
    </a>
</li>


</ul>
<div class="special-box">


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


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


<div class="footer-col">
مزایای همکاری با ما


<h3>
</h2>
    تماس
</h3>


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


<li>
برای یک تبلیغ حرفه‌ای، فقط چاپ کافی نیست؛
    <a href="tel:09123456789">
کیفیت طراحی، انتخاب متریال و اجرای دقیق اهمیت دارد.
        0912 345 6789
    </a>
</li>


<li>
</p>
    آدرس تعمیرگاه
</li>
 
</ul>


</div>
</div>




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




<div class="footer-bottom">
<div class="special-item">


© تمامی حقوق برای مکانیکی،
<div class="special-icon">
جلوبندی و هیدرولیک فرمان محمد محفوظ است.


</div>
<i class="fa-solid fa-medal"></i>
 
</div>
 
<div>
 
<h3>کیفیت چاپ بالا</h3>
 
<p>
تلاش برای ارائه چاپی تمیز، دقیق و متناسب با نیاز هر پروژه.
</p>
 
</div>


</div>
</div>


</footer>


<div class="special-item">


<!-- =====================================================
<div class="special-icon">
    MOBILE BOTTOM NAV
===================================================== -->


<nav
<i class="fa-solid fa-clock"></i>
    class="mobile-bottom-nav"
    aria-label="دسترسی سریع موبایل"
>


<a href="tel:09123456789">
</div>


<span class="nav-icon">
<div>
    📞
</span>


<span>
<h3>تحویل سریع سفارش</h3>
    تماس
</span>


</a>
<p>
مدیریت دقیق مراحل سفارش برای کاهش زمان آماده‌سازی.
</p>


</div>


<a href="#services">
</div>


<span class="nav-icon">
    🔧
</span>


<span>
<div class="special-item">
    خدمات
</span>


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


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


<a href="#contact">
</div>


<span class="nav-icon">
<div>
    📍
</span>


<span>
<h3>مشاوره قبل از چاپ</h3>
    تماس و آدرس
 
</span>
<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://images.unsplash.com/photo-1586281380349-632531db7ed4?auto=format&fit=crop&w=800&q=80"
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://images.unsplash.com/photo-1541944743823-7e8c7e8e0e3f?auto=format&fit=crop&w=800&q=80"
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://images.unsplash.com/photo-1561070791-2526d30994b5?auto=format&fit=crop&w=800&q=80"
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>
 
info@example.com
 
</div>
 
<div class="contact-item">
 
<i class="fa-solid fa-location-dot"></i>
 
آدرس مجموعه چاپ و تبلیغات
 
</div>
 
<div class="contact-item">
 
<i class="fa-solid fa-clock"></i>
 
شنبه تا پنجشنبه، 9 تا 20
 
</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>
 
<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>
</a>

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

<!DOCTYPE html> چاپ و تبلیغات | چاپ تراکت، پوستر، کارت ویزیت و خدمات تبلیغاتی

  خدمات تخصصی چاپ و تبلیغات

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

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

مشاهده خدمات چاپ تماس و مشاوره

چاپ با کیفیت

استفاده از متریال مناسب

تحویل سریع

اجرای سریع سفارشات

قیمت مناسب

قیمت‌گذاری منصفانه

مشاوره تخصصی

راهنمایی قبل از سفارش

خدمات چاپ و تبلیغات

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

چاپ تراکت تبلیغاتی

چاپ تراکت

چاپ تراکت تبلیغاتی در انواع سایز و کاغذ برای معرفی خدمات و محصولات کسب‌وکار.

مشاهده جزئیات
چاپ پوستر تبلیغاتی

چاپ پوستر

چاپ پوستر تبلیغاتی با کیفیت بالا برای فروشگاه‌ها، شرکت‌ها و رویدادهای تبلیغاتی.

مشاهده جزئیات
چاپ کارت ویزیت

چاپ کارت ویزیت

طراحی و چاپ کارت ویزیت حرفه‌ای برای معرفی برند و ارتباط بهتر با مشتریان.

مشاهده جزئیات
طراحی لوگو

طراحی لوگو

طراحی لوگوی اختصاصی و حرفه‌ای برای ساخت هویت بصری ماندگار برند شما.

مشاهده جزئیات
چاپ بنر و فلکس

چاپ بنر و فلکس

چاپ بنر و فلکس تبلیغاتی در ابعاد مختلف برای فضای داخلی و محیطی.

مشاهده جزئیات
چاپ هولوگرام

چاپ هولوگرام

چاپ هولوگرام تبلیغاتی و امنیتی برای برندینگ و افزایش اعتبار محصولات.

مشاهده جزئیات
چاپ کاتالوگ

چاپ کاتالوگ

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

مشاهده جزئیات
خدمات تبلیغات

خدمات تبلیغات

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

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

دسته‌بندی خدمات

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

چاپ تراکت تبلیغات مستقیم چاپ پوستر تبلیغات محیطی کارت ویزیت معرفی برند بنر و فلکس تبلیغات محیطی طراحی لوگو هویت بصری کاتالوگ معرفی محصولات چاپ لیبل برچسب محصولات هولوگرام چاپ امنیتی پاکت و سربرگ ملزومات اداری محصولات تبلیغاتی هدایای سازمانی
مجموعه چاپ و تبلیغات و خدمات طراحی و چاپ

چرا چاپ و تبلیغات؟

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

  • چاپ با کیفیت و وضوح بالا
  • استفاده از متریال مناسب برای هر نوع سفارش
  • مشاوره تخصصی پیش از چاپ
  • اجرای سفارشات در تیراژهای مختلف
  • طراحی اختصاصی متناسب با هویت برند

مزایای همکاری با ما

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

کیفیت چاپ بالا

تلاش برای ارائه چاپی تمیز، دقیق و متناسب با نیاز هر پروژه.

تحویل سریع سفارش

مدیریت دقیق مراحل سفارش برای کاهش زمان آماده‌سازی.

مشاوره قبل از چاپ

کمک به انتخاب مناسب‌ترین روش چاپ، جنس و ابعاد.

طراحی خلاقانه

طراحی تبلیغات متناسب با هویت بصری و نوع فعالیت برند.

تنوع خدمات

از کارت ویزیت و تراکت تا بنر، هولوگرام و محصولات تبلیغاتی.

همراه کسب‌وکار شما

هدف ما ایجاد یک همکاری مطمئن و بلندمدت با مشتریان است.

آخرین مقالات چاپ و تبلیغات

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

راهنمای انتخاب چاپ تراکت
چاپ

چگونه بهترین نوع چاپ تراکت را انتخاب کنیم؟

آشنایی با انواع کاغذ، ابعاد و نکات مهم برای چاپ تراکت تبلیغاتی.

نکات طراحی پوستر تبلیغاتی
طراحی

اصول طراحی یک پوستر تبلیغاتی جذاب

با رعایت چند نکته ساده می‌توان پوستر تبلیغاتی مؤثرتری طراحی کرد.

اهمیت طراحی لوگو برای برند
برندینگ

چرا طراحی لوگو برای کسب‌وکار اهمیت دارد؟

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

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

برای دریافت مشاوره، استعلام قیمت و ثبت سفارش چاپ و تبلیغات با ما تماس بگیرید.

تماس با ما

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=تست&oldid=6749»