|
|
| (۲ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| | | <html> |
| <html lang="fa" dir="rtl"> | |
| | |
| <head>
| |
| | |
| <meta charset="UTF-8">
| |
| | |
| <meta name="viewport"
| |
| content="width=device-width, initial-scale=1.0">
| |
| | |
| <title>
| |
| چاپ و تبلیغات | چاپ تراکت، پوستر، کارت ویزیت و خدمات تبلیغاتی
| |
| </title>
| |
| | |
| <meta name="description"
| |
| content="خدمات چاپ و تبلیغات شامل چاپ تراکت، پوستر، کارت ویزیت، بنر، فلکس، هولوگرام و طراحی لوگو با کیفیت بالا و قیمت مناسب. سفارش چاپ و تبلیغات حرفهای.">
| |
| | |
| <meta name="keywords"
| |
| content="چاپ و تبلیغات, چاپ تراکت, چاپ پوستر, چاپ کارت ویزیت, چاپ هولوگرام, چاپ بنر, چاپ فلکس, طراحی لوگو, خدمات چاپ, تبلیغات">
| |
| | |
| <meta name="robots"
| |
| content="index, follow">
| |
| | |
| <meta name="author"
| |
| content="چاپ و تبلیغات">
| |
| | |
| <link rel="canonical"
| |
| href="https://example.com/">
| |
| | |
| <link rel="stylesheet"
| |
| href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
| |
| | |
| | |
| <style> | | <style> |
| | | /* تلاش برای شکستن محدودیت عرض از طریق استایل داخلی */ |
| /* ===================================================== | | #content { |
| RESET
| | width: 96% !important; |
| ===================================================== */
| | max-width: 100% !important; |
| | | margin-left: auto !important; |
| * {
| | margin-right: auto !important; |
| box-sizing:border-box; | | border: none !important; /* برای تمیزتر شدن */ |
| margin:0; | |
| padding:0; | |
| } | | } |
|
| |
|
| html {
| | /* اگر قالب شما از لایههای اضافه استفاده میکند */ |
| scroll-behavior:smooth; | | #bodyContent, .mw-body { |
| | width: 100% !important; |
| | max-width: 100% !important; |
| } | | } |
|
| |
|
| | /* حذف حاشیه اضافه که باعث میشود صفحه از کادر بیرون بزند */ |
| body { | | body { |
| | | overflow-x: hidden; |
| font-family:
| |
| IRANSans,
| |
| Tahoma,
| |
| Arial,
| |
| sans-serif;
| |
| | |
| background:#fff;
| |
| | |
| color:#202124;
| |
| | |
| line-height:1.9;
| |
| | |
| overflow-x:hidden; | |
| | |
| }
| |
| | |
| img {
| |
| | |
| display:block;
| |
| | |
| max-width:100%;
| |
| | |
| height:auto;
| |
| | |
| }
| |
| | |
| a {
| |
| | |
| text-decoration:none;
| |
| | |
| color:inherit;
| |
| | |
| }
| |
| | |
| | |
| /* =====================================================
| |
| VARIABLES
| |
| ===================================================== */
| |
| | |
| :root {
| |
| | |
| --primary:#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);
| |
| | |
| --max-width:1200px;
| |
| | |
| }
| |
| | |
| | |
| /* =====================================================
| |
| MAIN CONTAINER
| |
| ===================================================== */
| |
| | |
| .container {
| |
| | |
| width:92%;
| |
| | |
| max-width:var(--max-width);
| |
| | |
| margin-left:auto !important;
| |
| | |
| margin-right:auto !important;
| |
| | |
| }
| |
| | |
| | |
| /* =====================================================
| |
| HEADER
| |
| ===================================================== */
| |
| | |
| .header {
| |
| | |
| position:sticky;
| |
| | |
| top:0;
| |
| | |
| z-index:1000;
| |
| | |
| background:rgba(255,255,255,.97);
| |
| | |
| backdrop-filter:blur(12px);
| |
| | |
| border-bottom:1px solid var(--border);
| |
| | |
| }
| |
| | |
| .header-inner {
| |
| | |
| min-height:70px;
| |
| | |
| display:flex;
| |
| | |
| align-items:center;
| |
| | |
| justify-content:space-between;
| |
| | |
| gap:15px;
| |
| | |
| } | | } |
|
| |
| .logo {
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| gap:10px;
| |
|
| |
| font-size:18px;
| |
|
| |
| font-weight:900;
| |
|
| |
| white-space:nowrap;
| |
|
| |
| }
| |
|
| |
| .logo-icon {
| |
|
| |
| width:42px;
| |
|
| |
| height:42px;
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| background:var(--primary);
| |
|
| |
| color:#fff;
| |
|
| |
| border-radius:12px;
| |
|
| |
| font-size:20px;
| |
|
| |
| }
| |
|
| |
| .desktop-menu {
| |
|
| |
| display:none;
| |
|
| |
| }
| |
|
| |
| .header-call {
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| width:44px;
| |
|
| |
| height:44px;
| |
|
| |
| border-radius:12px;
| |
|
| |
| background:#fff0f1;
| |
|
| |
| color:var(--primary);
| |
|
| |
| font-size:18px;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| TOP BANNER
| |
| ===================================================== */
| |
|
| |
| .top-banner {
| |
|
| |
| width:100%;
| |
|
| |
| text-align:center;
| |
|
| |
| margin:0 auto;
| |
|
| |
| }
| |
|
| |
| .top-banner-inner {
| |
|
| |
| display:block;
| |
|
| |
| width:100%;
| |
|
| |
| max-width:1200px;
| |
|
| |
| margin:0 auto;
| |
|
| |
| overflow:hidden;
| |
|
| |
| border-radius:8px;
| |
|
| |
| }
| |
|
| |
| .top-banner img {
| |
|
| |
| width:100%;
| |
|
| |
| height:auto;
| |
|
| |
| margin:0 auto;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| HERO
| |
| ===================================================== */
| |
|
| |
| .hero {
| |
|
| |
| padding:20px 0 30px;
| |
|
| |
| }
| |
|
| |
| .hero-box {
| |
|
| |
| position:relative;
| |
|
| |
| min-height:480px;
| |
|
| |
| border-radius:24px;
| |
|
| |
| overflow:hidden;
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| text-align:center;
| |
|
| |
| background:
| |
| linear-gradient(
| |
| 135deg,
| |
| rgba(17,24,39,.96),
| |
| rgba(17,24,39,.72)
| |
| );
| |
|
| |
| }
| |
|
| |
| .hero-bg {
| |
|
| |
| position:absolute;
| |
|
| |
| inset:0;
| |
|
| |
| background-image:
| |
| url("https://images.unsplash.com/photo-1586953208448-b95a79798f07?auto=format&fit=crop&w=1600&q=80");
| |
|
| |
| background-size:cover;
| |
|
| |
| background-position:center;
| |
|
| |
| opacity:.38;
| |
|
| |
| }
| |
|
| |
| .hero-overlay {
| |
|
| |
| position:absolute;
| |
|
| |
| inset:0;
| |
|
| |
| background:
| |
| linear-gradient(
| |
| 90deg,
| |
| rgba(0,0,0,.9),
| |
| rgba(0,0,0,.45)
| |
| );
| |
|
| |
| }
| |
|
| |
| .hero-content {
| |
|
| |
| position:relative;
| |
|
| |
| z-index:2;
| |
|
| |
| color:#fff;
| |
|
| |
| width:100%;
| |
|
| |
| max-width:750px;
| |
|
| |
| margin-left:auto;
| |
|
| |
| margin-right:auto;
| |
|
| |
| padding:35px 25px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .hero-badge {
| |
|
| |
| display:inline-flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| padding:5px 13px;
| |
|
| |
| margin-bottom:14px;
| |
|
| |
| background:rgba(255,183,3,.15);
| |
|
| |
| border:1px solid rgba(255,183,3,.5);
| |
|
| |
| color:var(--accent);
| |
|
| |
| border-radius:50px;
| |
|
| |
| font-size:13px;
| |
|
| |
| font-weight:bold;
| |
|
| |
| }
| |
|
| |
| .hero h1 {
| |
|
| |
| font-size:clamp(28px,7vw,54px);
| |
|
| |
| line-height:1.35;
| |
|
| |
| margin-bottom:15px;
| |
|
| |
| font-weight:900;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .hero h1 span {
| |
|
| |
| color:var(--accent);
| |
|
| |
| }
| |
|
| |
| .hero p {
| |
|
| |
| color:#f1f1f1;
| |
|
| |
| font-size:15px;
| |
|
| |
| max-width:650px;
| |
|
| |
| margin:0 auto 25px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .hero-buttons {
| |
|
| |
| display:flex;
| |
|
| |
| flex-direction:column;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| gap:10px;
| |
|
| |
| width:100%;
| |
|
| |
| margin:0 auto;
| |
|
| |
| }
| |
|
| |
| .btn {
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| gap:9px;
| |
|
| |
| min-height:50px;
| |
|
| |
| padding:0 20px;
| |
|
| |
| border-radius:12px;
| |
|
| |
| font-weight:bold;
| |
|
| |
| transition:.25s;
| |
|
| |
| }
| |
|
| |
| .btn-primary {
| |
|
| |
| background:var(--primary);
| |
|
| |
| color:#fff;
| |
|
| |
| }
| |
|
| |
| .btn-primary:hover {
| |
|
| |
| background:var(--primary-dark);
| |
|
| |
| transform:translateY(-2px);
| |
|
| |
| }
| |
|
| |
| .btn-light {
| |
|
| |
| background:#fff;
| |
|
| |
| color:#111827;
| |
|
| |
| }
| |
|
| |
| .btn-light:hover {
| |
|
| |
| transform:translateY(-2px);
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| FEATURES
| |
| ===================================================== */
| |
|
| |
| .features {
| |
|
| |
| padding:20px 0 40px;
| |
|
| |
| }
| |
|
| |
| .feature-grid {
| |
|
| |
| display:grid;
| |
|
| |
| grid-template-columns:repeat(2,1fr);
| |
|
| |
| gap:12px;
| |
|
| |
| justify-items:stretch;
| |
|
| |
| }
| |
|
| |
| .feature {
| |
|
| |
| width:100%;
| |
|
| |
| background:#fff;
| |
|
| |
| border:1px solid var(--border);
| |
|
| |
| border-radius:16px;
| |
|
| |
| padding:20px 12px;
| |
|
| |
| text-align:center;
| |
|
| |
| box-shadow:var(--shadow);
| |
|
| |
| }
| |
|
| |
| .feature-icon {
| |
|
| |
| width:48px;
| |
|
| |
| height:48px;
| |
|
| |
| margin:0 auto 10px;
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| border-radius:14px;
| |
|
| |
| background:#fff1f2;
| |
|
| |
| color:var(--primary);
| |
|
| |
| font-size:20px;
| |
|
| |
| }
| |
|
| |
| .feature h2 {
| |
|
| |
| font-size:15px;
| |
|
| |
| margin-bottom:3px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .feature p {
| |
|
| |
| font-size:12px;
| |
|
| |
| color:var(--muted);
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| SECTION
| |
| ===================================================== */
| |
|
| |
| .section {
| |
|
| |
| padding:45px 0;
| |
|
| |
| }
| |
|
| |
| .section-header {
| |
|
| |
| width:100%;
| |
|
| |
| margin:0 auto 25px;
| |
|
| |
| text-align:center !important;
| |
|
| |
| }
| |
|
| |
| .section-title {
| |
|
| |
| width:100%;
| |
|
| |
| font-size:25px;
| |
|
| |
| font-weight:900;
| |
|
| |
| color:var(--secondary);
| |
|
| |
| margin:0 auto 7px;
| |
|
| |
| text-align:center !important;
| |
|
| |
| }
| |
|
| |
| .section-title span {
| |
|
| |
| color:var(--primary);
| |
|
| |
| }
| |
|
| |
| .section-description {
| |
|
| |
| max-width:650px;
| |
|
| |
| margin:0 auto;
| |
|
| |
| color:var(--muted);
| |
|
| |
| font-size:14px;
| |
|
| |
| text-align:center !important;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| SERVICES
| |
| ===================================================== */
| |
|
| |
| .services-grid {
| |
|
| |
| display:grid;
| |
|
| |
| grid-template-columns:repeat(2,1fr);
| |
|
| |
| gap:12px;
| |
|
| |
| justify-items:stretch;
| |
|
| |
| }
| |
|
| |
| .service-card {
| |
|
| |
| width:100%;
| |
|
| |
| background:#fff;
| |
|
| |
| border:1px solid var(--border);
| |
|
| |
| border-radius:18px;
| |
|
| |
| overflow:hidden;
| |
|
| |
| transition:.3s;
| |
|
| |
| box-shadow:
| |
| 0 5px 20px rgba(0,0,0,.05);
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .service-card:hover {
| |
|
| |
| transform:translateY(-5px);
| |
|
| |
| box-shadow:
| |
| 0 12px 30px rgba(0,0,0,.12);
| |
|
| |
| }
| |
|
| |
| .service-image {
| |
|
| |
| width:100%;
| |
|
| |
| height:145px;
| |
|
| |
| overflow:hidden;
| |
|
| |
| }
| |
|
| |
| .service-image img {
| |
|
| |
| width:100%;
| |
|
| |
| height:100%;
| |
|
| |
| object-fit:cover;
| |
|
| |
| transition:.4s;
| |
|
| |
| }
| |
|
| |
| .service-card:hover
| |
| .service-image img {
| |
|
| |
| transform:scale(1.06);
| |
|
| |
| }
| |
|
| |
| .service-content {
| |
|
| |
| padding:15px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .service-content h3 {
| |
|
| |
| font-size:16px;
| |
|
| |
| margin-bottom:5px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .service-content p {
| |
|
| |
| color:var(--muted);
| |
|
| |
| font-size:12px;
| |
|
| |
| line-height:1.8;
| |
|
| |
| margin-bottom:10px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .service-link {
| |
|
| |
| color:var(--primary);
| |
|
| |
| font-size:12px;
| |
|
| |
| font-weight:bold;
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| gap:5px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| CATEGORIES
| |
| ===================================================== */
| |
|
| |
| .category-section {
| |
|
| |
| background:var(--light);
| |
|
| |
| }
| |
|
| |
| .category-grid {
| |
|
| |
| display:grid;
| |
|
| |
| grid-template-columns:repeat(2,1fr);
| |
|
| |
| gap:12px;
| |
|
| |
| justify-items:stretch;
| |
|
| |
| }
| |
|
| |
| .category {
| |
|
| |
| width:100%;
| |
|
| |
| min-height:110px;
| |
|
| |
| border-radius:17px;
| |
|
| |
| padding:18px;
| |
|
| |
| background:#fff;
| |
|
| |
| display:flex;
| |
|
| |
| flex-direction:column;
| |
|
| |
| justify-content:center;
| |
|
| |
| align-items:center;
| |
|
| |
| text-align:center;
| |
|
| |
| border:1px solid var(--border);
| |
|
| |
| transition:.3s;
| |
|
| |
| }
| |
|
| |
| .category:hover {
| |
|
| |
| border-color:var(--primary);
| |
|
| |
| transform:translateY(-3px);
| |
|
| |
| }
| |
|
| |
| .category i {
| |
|
| |
| font-size:25px;
| |
|
| |
| color:var(--primary);
| |
|
| |
| margin-bottom:7px;
| |
|
| |
| }
| |
|
| |
| .category strong {
| |
|
| |
| font-size:14px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .category span {
| |
|
| |
| color:var(--muted);
| |
|
| |
| font-size:11px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| ABOUT
| |
| ===================================================== */
| |
|
| |
| .about {
| |
|
| |
| display:flex;
| |
|
| |
| flex-direction:column;
| |
|
| |
| gap:25px;
| |
|
| |
| align-items:center;
| |
|
| |
| }
| |
|
| |
| .about-image {
| |
|
| |
| width:100%;
| |
|
| |
| min-height:300px;
| |
|
| |
| border-radius:20px;
| |
|
| |
| overflow:hidden;
| |
|
| |
| }
| |
|
| |
| .about-image img {
| |
|
| |
| width:100%;
| |
|
| |
| height:100%;
| |
|
| |
| min-height:300px;
| |
|
| |
| object-fit:cover;
| |
|
| |
| }
| |
|
| |
| .about-content {
| |
|
| |
| width:100%;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .about-content h2 {
| |
|
| |
| font-size:25px;
| |
|
| |
| margin-bottom:12px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .about-content h2 span {
| |
|
| |
| color:var(--primary);
| |
|
| |
| }
| |
|
| |
| .about-content p {
| |
|
| |
| color:var(--muted);
| |
|
| |
| font-size:14px;
| |
|
| |
| margin:0 auto 15px;
| |
|
| |
| text-align:center;
| |
|
| |
| max-width:700px;
| |
|
| |
| }
| |
|
| |
| .about-list {
| |
|
| |
| list-style:none;
| |
|
| |
| display:grid;
| |
|
| |
| gap:8px;
| |
|
| |
| width:fit-content;
| |
|
| |
| max-width:100%;
| |
|
| |
| margin:0 auto;
| |
|
| |
| padding:0;
| |
|
| |
| }
| |
|
| |
| .about-list li {
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| gap:8px;
| |
|
| |
| font-size:13px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .about-list i {
| |
|
| |
| color:#16a34a;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| SPECIAL
| |
| ===================================================== */
| |
|
| |
| .special-box {
| |
|
| |
| background:
| |
| linear-gradient(
| |
| 135deg,
| |
| #111827,
| |
| #252f3f
| |
| );
| |
|
| |
| color:#fff;
| |
|
| |
| border-radius:22px;
| |
|
| |
| padding:30px 20px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .special-grid {
| |
|
| |
| display:grid;
| |
|
| |
| gap:15px;
| |
|
| |
| justify-items:stretch;
| |
|
| |
| }
| |
|
| |
| .special-item {
| |
|
| |
| width:100%;
| |
|
| |
| display:flex;
| |
|
| |
| flex-direction:column;
| |
|
| |
| gap:10px;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| padding:18px 15px;
| |
|
| |
| background:rgba(255,255,255,.06);
| |
|
| |
| border:1px solid rgba(255,255,255,.1);
| |
|
| |
| border-radius:15px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .special-icon {
| |
|
| |
| width:44px;
| |
|
| |
| min-width:44px;
| |
|
| |
| height:44px;
| |
|
| |
| border-radius:12px;
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| background:var(--primary);
| |
|
| |
| }
| |
|
| |
| .special-item h3 {
| |
|
| |
| color:#fff;
| |
|
| |
| font-size:15px;
| |
|
| |
| margin-bottom:3px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .special-item p {
| |
|
| |
| color:#d1d5db;
| |
|
| |
| font-size:12px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .white {
| |
|
| |
| color:#fff !important;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| BLOG
| |
| ===================================================== */
| |
|
| |
| .blog-grid {
| |
|
| |
| display:grid;
| |
|
| |
| grid-template-columns:1fr;
| |
|
| |
| gap:15px;
| |
|
| |
| justify-items:stretch;
| |
|
| |
| }
| |
|
| |
| .blog-card {
| |
|
| |
| width:100%;
| |
|
| |
| border:1px solid var(--border);
| |
|
| |
| border-radius:18px;
| |
|
| |
| overflow:hidden;
| |
|
| |
| background:#fff;
| |
|
| |
| transition:.3s;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .blog-card:hover {
| |
|
| |
| transform:translateY(-4px);
| |
|
| |
| box-shadow:var(--shadow);
| |
|
| |
| }
| |
|
| |
| .blog-image {
| |
|
| |
| height:180px;
| |
|
| |
| overflow:hidden;
| |
|
| |
| }
| |
|
| |
| .blog-image img {
| |
|
| |
| width:100%;
| |
|
| |
| height:100%;
| |
|
| |
| object-fit:cover;
| |
|
| |
| }
| |
|
| |
| .blog-content {
| |
|
| |
| padding:16px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .blog-category {
| |
|
| |
| font-size:11px;
| |
|
| |
| color:var(--primary);
| |
|
| |
| font-weight:bold;
| |
|
| |
| }
| |
|
| |
| .blog-content h3 {
| |
|
| |
| font-size:16px;
| |
|
| |
| margin:5px 0 7px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .blog-content p {
| |
|
| |
| font-size:12px;
| |
|
| |
| color:var(--muted);
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| CTA
| |
| ===================================================== */
| |
|
| |
| .cta {
| |
|
| |
| width:100%;
| |
|
| |
| padding:20px 0 50px;
| |
|
| |
| display:flex;
| |
|
| |
| justify-content:center;
| |
|
| |
| align-items:center;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .cta .container {
| |
|
| |
| width:92%;
| |
|
| |
| max-width:var(--max-width);
| |
|
| |
| margin-left:auto !important;
| |
|
| |
| margin-right:auto !important;
| |
|
| |
| }
| |
|
| |
| .cta-box {
| |
|
| |
| width:100%;
| |
|
| |
| max-width:1000px;
| |
|
| |
| margin-left:auto !important;
| |
|
| |
| margin-right:auto !important;
| |
|
| |
| background:
| |
| linear-gradient(
| |
| 135deg,
| |
| var(--primary),
| |
| #b91c2c
| |
| );
| |
|
| |
| color:#fff;
| |
|
| |
| border-radius:22px;
| |
|
| |
| padding:35px 20px;
| |
|
| |
| display:flex;
| |
|
| |
| flex-direction:column;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .cta-box h2 {
| |
|
| |
| width:100%;
| |
|
| |
| font-size:25px;
| |
|
| |
| margin-bottom:10px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .cta-box p {
| |
|
| |
| max-width:650px;
| |
|
| |
| font-size:14px;
| |
|
| |
| margin:0 auto 20px;
| |
|
| |
| color:#ffe9eb;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .cta-box .btn {
| |
|
| |
| margin-left:auto;
| |
|
| |
| margin-right:auto;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| FOOTER
| |
| ===================================================== */
| |
|
| |
| .footer {
| |
|
| |
| background:#111827;
| |
|
| |
| color:#fff;
| |
|
| |
| padding:45px 0 20px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .footer-grid {
| |
|
| |
| display:grid;
| |
|
| |
| gap:30px;
| |
|
| |
| justify-items:center;
| |
|
| |
| }
| |
|
| |
| .footer-grid > div {
| |
|
| |
| width:100%;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .footer h3 {
| |
|
| |
| font-size:17px;
| |
|
| |
| margin-bottom:12px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .footer p {
| |
|
| |
| color:#cbd5e1;
| |
|
| |
| font-size:13px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .footer-links {
| |
|
| |
| list-style:none;
| |
|
| |
| display:grid;
| |
|
| |
| gap:6px;
| |
|
| |
| padding:0;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .footer-links li {
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .footer-links a {
| |
|
| |
| color:#cbd5e1;
| |
|
| |
| font-size:13px;
| |
|
| |
| transition:.2s;
| |
|
| |
| }
| |
|
| |
| .footer-links a:hover {
| |
|
| |
| color:#fff;
| |
|
| |
| }
| |
|
| |
| .contact-item {
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| gap:10px;
| |
|
| |
| margin-bottom:10px;
| |
|
| |
| color:#cbd5e1;
| |
|
| |
| font-size:13px;
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| .contact-item i {
| |
|
| |
| color:var(--accent);
| |
|
| |
| width:20px;
| |
|
| |
| }
| |
|
| |
| .social {
| |
|
| |
| display:flex;
| |
|
| |
| justify-content:center;
| |
|
| |
| gap:8px;
| |
|
| |
| margin-top:15px;
| |
|
| |
| }
| |
|
| |
| .social a {
| |
|
| |
| width:40px;
| |
|
| |
| height:40px;
| |
|
| |
| border-radius:10px;
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| background:rgba(255,255,255,.08);
| |
|
| |
| transition:.2s;
| |
|
| |
| }
| |
|
| |
| .social a:hover {
| |
|
| |
| background:var(--primary);
| |
|
| |
| }
| |
|
| |
| .footer-bottom {
| |
|
| |
| margin-top:30px;
| |
|
| |
| padding-top:15px;
| |
|
| |
| border-top:1px solid rgba(255,255,255,.1);
| |
|
| |
| text-align:center;
| |
|
| |
| color:#9ca3af;
| |
|
| |
| font-size:11px;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| MOBILE NAV
| |
| ===================================================== */
| |
|
| |
| .mobile-nav {
| |
|
| |
| position:fixed;
| |
|
| |
| bottom:10px;
| |
|
| |
| right:3%;
| |
|
| |
| left:3%;
| |
|
| |
| z-index:999;
| |
|
| |
| height:62px;
| |
|
| |
| background:#111827;
| |
|
| |
| border-radius:18px;
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:space-around;
| |
|
| |
| box-shadow:
| |
| 0 10px 30px rgba(0,0,0,.25);
| |
|
| |
| }
| |
|
| |
| .mobile-nav a {
| |
|
| |
| color:#cbd5e1;
| |
|
| |
| display:flex;
| |
|
| |
| flex-direction:column;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| gap:1px;
| |
|
| |
| font-size:10px;
| |
|
| |
| }
| |
|
| |
| .mobile-nav i {
| |
|
| |
| font-size:18px;
| |
|
| |
| }
| |
|
| |
| .mobile-nav .active {
| |
|
| |
| color:#fff;
| |
|
| |
| }
| |
|
| |
| .mobile-nav .call {
| |
|
| |
| width:48px;
| |
|
| |
| height:48px;
| |
|
| |
| margin-top:-25px;
| |
|
| |
| border-radius:50%;
| |
|
| |
| background:var(--primary);
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| border:5px solid #fff;
| |
|
| |
| color:#fff;
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| TABLET
| |
| ===================================================== */
| |
|
| |
| @media (min-width:600px) {
| |
|
| |
| .container {
| |
|
| |
| width:92%;
| |
|
| |
| }
| |
|
| |
| .hero-box {
| |
|
| |
| min-height:520px;
| |
|
| |
| }
| |
|
| |
| .hero-content {
| |
|
| |
| padding:50px;
| |
|
| |
| }
| |
|
| |
| .hero-buttons {
| |
|
| |
| flex-direction:row;
| |
|
| |
| max-width:430px;
| |
|
| |
| margin-left:auto;
| |
|
| |
| margin-right:auto;
| |
|
| |
| }
| |
|
| |
| .btn {
| |
|
| |
| flex:1;
| |
|
| |
| }
| |
|
| |
| .services-grid {
| |
|
| |
| grid-template-columns:repeat(3,1fr);
| |
|
| |
| }
| |
|
| |
| .category-grid {
| |
|
| |
| grid-template-columns:repeat(3,1fr);
| |
|
| |
| }
| |
|
| |
| .feature-grid {
| |
|
| |
| grid-template-columns:repeat(5,1fr);
| |
|
| |
| }
| |
|
| |
| .blog-grid {
| |
|
| |
| grid-template-columns:repeat(3,1fr);
| |
|
| |
| }
| |
|
| |
| .special-grid {
| |
|
| |
| grid-template-columns:repeat(2,1fr);
| |
|
| |
| }
| |
|
| |
| .about {
| |
|
| |
| flex-direction:row;
| |
|
| |
| align-items:center;
| |
|
| |
| }
| |
|
| |
| .about > * {
| |
|
| |
| flex:1;
| |
|
| |
| }
| |
|
| |
| .about-content {
| |
|
| |
| text-align:center;
| |
|
| |
| }
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| DESKTOP
| |
| ===================================================== */
| |
|
| |
| @media (min-width:900px) {
| |
|
| |
| .header-inner {
| |
|
| |
| min-height:78px;
| |
|
| |
| }
| |
|
| |
| .desktop-menu {
| |
|
| |
| display:flex;
| |
|
| |
| align-items:center;
| |
|
| |
| justify-content:center;
| |
|
| |
| gap:25px;
| |
|
| |
| margin-right:auto;
| |
|
| |
| margin-left:30px;
| |
|
| |
| }
| |
|
| |
| .desktop-menu a {
| |
|
| |
| font-size:14px;
| |
|
| |
| font-weight:bold;
| |
|
| |
| color:#374151;
| |
|
| |
| transition:.2s;
| |
|
| |
| }
| |
|
| |
| .desktop-menu a:hover {
| |
|
| |
| color:var(--primary);
| |
|
| |
| }
| |
|
| |
| .header-call {
| |
|
| |
| width:auto;
| |
|
| |
| padding:0 17px;
| |
|
| |
| gap:8px;
| |
|
| |
| font-size:13px;
| |
|
| |
| font-weight:bold;
| |
|
| |
| }
| |
|
| |
| .header-call::after {
| |
|
| |
| content:"تماس با ما";
| |
|
| |
| }
| |
|
| |
| .mobile-nav {
| |
|
| |
| display:none;
| |
|
| |
| }
| |
|
| |
| .hero {
| |
|
| |
| padding:30px 0 50px;
| |
|
| |
| }
| |
|
| |
| .hero-content {
| |
|
| |
| padding:70px;
| |
|
| |
| }
| |
|
| |
| .hero p {
| |
|
| |
| font-size:16px;
| |
|
| |
| }
| |
|
| |
| .services-grid {
| |
|
| |
| grid-template-columns:repeat(4,1fr);
| |
|
| |
| }
| |
|
| |
| .category-grid {
| |
|
| |
| grid-template-columns:repeat(5,1fr);
| |
|
| |
| }
| |
|
| |
| .special-grid {
| |
|
| |
| grid-template-columns:repeat(3,1fr);
| |
|
| |
| }
| |
|
| |
| .footer-grid {
| |
|
| |
| grid-template-columns:2fr 1fr 1fr 1.5fr;
| |
|
| |
| }
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| LARGE DESKTOP
| |
| ===================================================== */
| |
|
| |
| @media (min-width:1200px) {
| |
|
| |
| .hero-box {
| |
|
| |
| min-height:570px;
| |
|
| |
| }
| |
|
| |
| .section {
| |
|
| |
| padding:65px 0;
| |
|
| |
| }
| |
|
| |
| .service-image {
| |
|
| |
| height:180px;
| |
|
| |
| }
| |
|
| |
| }
| |
|
| |
|
| |
| /* =====================================================
| |
| MOBILE FINAL ADJUSTMENTS
| |
| ===================================================== */
| |
|
| |
| @media (max-width:599px) {
| |
|
| |
| .container {
| |
|
| |
| width:94%;
| |
|
| |
| }
| |
|
| |
| .section-title {
| |
|
| |
| font-size:23px;
| |
|
| |
| line-height:1.6;
| |
|
| |
| }
| |
|
| |
| .section-description {
| |
|
| |
| font-size:13px;
| |
|
| |
| line-height:1.9;
| |
|
| |
| }
| |
|
| |
| .about-list {
| |
|
| |
| width:100%;
| |
|
| |
| max-width:360px;
| |
|
| |
| }
| |
|
| |
| .about-list li {
| |
|
| |
| justify-content:center;
| |
|
| |
| }
| |
|
| |
| .cta-box {
| |
|
| |
| width:100%;
| |
|
| |
| padding:30px 18px;
| |
|
| |
| }
| |
|
| |
| .cta-box h2 {
| |
|
| |
| font-size:22px;
| |
|
| |
| }
| |
|
| |
| .cta-box p {
| |
|
| |
| font-size:13px;
| |
|
| |
| }
| |
|
| |
| }
| |
|
| |
| </style> | | </style> |
|
| |
|
| </head>
| | <div style="width: 100%; background: #f0f0f0; padding: 20px; text-align: center; border: 1px solid #ccc;"> |
| | | <b>تست: اگر این کادر تمام عرض صفحه است، یعنی استایل اعمال شده است.</b> |
| | |
| <body>
| |
| | |
| | |
| <!-- =====================================================
| |
| HEADER
| |
| ===================================================== -->
| |
| | |
| <header class="header">
| |
| | |
| <div class="container header-inner"> | |
| | |
| <a href="#home"
| |
| class="logo"
| |
| aria-label="صفحه اصلی چاپ و تبلیغات">
| |
| | |
| <span class="logo-icon">
| |
| | |
| <i class="fa-solid fa-print"></i>
| |
| | |
| </span>
| |
| | |
| <span>
| |
| چاپ و تبلیغات
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| <nav class="desktop-menu"
| |
| aria-label="منوی اصلی">
| |
| | |
| <a href="#home">
| |
| صفحه اصلی
| |
| </a>
| |
| | |
| <a href="#services">
| |
| خدمات چاپ
| |
| </a>
| |
| | |
| <a href="#categories">
| |
| دستهبندی خدمات
| |
| </a>
| |
| | |
| <a href="#about">
| |
| درباره ما
| |
| </a>
| |
| | |
| <a href="#blog">
| |
| مقالات
| |
| </a>
| |
| | |
| <a href="#contact">
| |
| تماس با ما
| |
| </a>
| |
| | |
| </nav>
| |
| | |
| | |
| <a
| |
| href="tel:+989900000000"
| |
| class="header-call"
| |
| aria-label="تماس با چاپ و تبلیغات">
| |
| | |
| <i class="fa-solid fa-phone"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </header>
| |
| | |
| | |
| | |
| <!-- =====================================================
| |
| TOP BANNER
| |
| ===================================================== -->
| |
| | |
| <div class="top-banner">
| |
| | |
| <div class="top-banner-inner">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/baner-01.png"
| |
| alt="چاپ و تبلیغات برادران نعمتی">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <main id="home">
| |
| | |
| | |
| | |
| <!-- =====================================================
| |
| FEATURES
| |
| ===================================================== -->
| |
| | |
| <section class="features">
| |
| | |
| <div class="container">
| |
| | |
| <div class="feature-grid">
| |
| | |
| | |
| <div class="feature">
| |
| | |
| <div class="feature-icon">
| |
| | |
| <i class="fa-solid fa-print"></i>
| |
| | |
| </div>
| |
| | |
| <h2>
| |
| چاپ با کیفیت
| |
| </h2>
| |
| | |
| <p>
| |
| استفاده از متریال مناسب
| |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="feature">
| |
| | |
| <div class="feature-icon">
| |
| | |
| <i class="fa-solid fa-bolt"></i>
| |
| | |
| </div>
| |
| | |
| <h2>
| |
| تحویل سریع
| |
| </h2>
| |
| | |
| <p>
| |
| اجرای سریع سفارشات
| |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="feature">
| |
| | |
| <div class="feature-icon">
| |
| | |
| <i class="fa-solid fa-tags"></i>
| |
| | |
| </div>
| |
| | |
| <h2>
| |
| قیمت مناسب
| |
| </h2>
| |
| | |
| <p>
| |
| قیمتگذاری منصفانه
| |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="feature">
| |
| | |
| <div class="feature-icon">
| |
| | |
| <i class="fa-solid fa-print"></i>
| |
| | |
| </div>
| |
| | |
| <h2>
| |
| کیفیت بالا
| |
| </h2>
| |
| | |
| <p>
| |
| چاپ باکیفیت و ماندگار
| |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="feature">
| |
| | |
| <div class="feature-icon">
| |
| | |
| <i class="fa-solid fa-headset"></i>
| |
| | |
| </div>
| |
| | |
| <h2>
| |
| مشاوره تخصصی
| |
| </h2>
| |
| | |
| <p>
| |
| راهنمایی قبل از سفارش
| |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =====================================================
| |
| SERVICES
| |
| ===================================================== -->
| |
| | |
| <section class="section"
| |
| id="services">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-header">
| |
| | |
| <h2 class="section-title">
| |
| | |
| خدمات
| |
| <span>
| |
| چاپ و تبلیغات
| |
| </span>
| |
| | |
| </h2>
| |
| | |
| <p class="section-description">
| |
| | |
| انواع خدمات چاپ و تبلیغات برای معرفی بهتر برند،
| |
| کسبوکار و محصولات شما با کیفیت حرفهای.
| |
| | |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="services-grid">
| |
| | |
| | |
| | |
| <article class="service-card">
| |
| | |
| <div class="service-image">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/260005-01-03.jpg"
| |
| alt="چاپ تراکت تبلیغاتی">
| |
| | |
| </div>
| |
| | |
| <div class="service-content">
| |
| | |
| <h3>
| |
| چاپ تراکت
| |
| </h3>
| |
| | |
| <p>
| |
| چاپ تراکت تبلیغاتی در انواع سایز و کاغذ
| |
| برای معرفی خدمات و محصولات کسبوکار.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="service-link">
| |
| | |
| مشاهده جزئیات
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="service-card">
| |
| | |
| <div class="service-image">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/260005-01-04.jpg"
| |
| alt="چاپ پوستر تبلیغاتی">
| |
| | |
| </div>
| |
| | |
| <div class="service-content">
| |
| | |
| <h3>
| |
| چاپ پوستر
| |
| </h3>
| |
| | |
| <p>
| |
| چاپ پوستر تبلیغاتی با کیفیت بالا برای
| |
| فروشگاهها، شرکتها و رویدادهای تبلیغاتی.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="service-link">
| |
| | |
| مشاهده جزئیات
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="service-card">
| |
| | |
| <div class="service-image">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/260005-01-34.jpg"
| |
| alt="چاپ کارت ویزیت">
| |
| | |
| </div>
| |
| | |
| <div class="service-content">
| |
| | |
| <h3>
| |
| چاپ کارت ویزیت
| |
| </h3>
| |
| | |
| <p>
| |
| طراحی و چاپ کارت ویزیت حرفهای برای
| |
| معرفی برند و ارتباط بهتر با مشتریان.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="service-link">
| |
| | |
| مشاهده جزئیات
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="service-card">
| |
| | |
| <div class="service-image">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/260005-01-36.jpg"
| |
| alt="طراحی لوگو">
| |
| | |
| </div>
| |
| | |
| <div class="service-content">
| |
| | |
| <h3>
| |
| طراحی لوگو
| |
| </h3>
| |
| | |
| <p>
| |
| طراحی لوگوی اختصاصی و حرفهای برای
| |
| ساخت هویت بصری ماندگار برند شما.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="service-link">
| |
| | |
| مشاهده جزئیات
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="service-card">
| |
| | |
| <div class="service-image">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/260005-01-37.jpg"
| |
| alt="چاپ بنر و فلکس">
| |
| | |
| </div>
| |
| | |
| <div class="service-content">
| |
| | |
| <h3>
| |
| چاپ بنر و فلکس
| |
| </h3>
| |
| | |
| <p>
| |
| چاپ بنر و فلکس تبلیغاتی در ابعاد مختلف
| |
| برای فضای داخلی و محیطی.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="service-link">
| |
| | |
| مشاهده جزئیات
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="service-card">
| |
| | |
| <div class="service-image">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/260005-01-38.jpg"
| |
| alt="چاپ هولوگرام">
| |
| | |
| </div>
| |
| | |
| <div class="service-content">
| |
| | |
| <h3>
| |
| چاپ هولوگرام
| |
| </h3>
| |
| | |
| <p>
| |
| چاپ هولوگرام تبلیغاتی و امنیتی برای
| |
| برندینگ و افزایش اعتبار محصولات.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="service-link">
| |
| | |
| مشاهده جزئیات
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="service-card">
| |
| | |
| <div class="service-image">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/260005-01-39.jpg"
| |
| alt="چاپ کاتالوگ">
| |
| | |
| </div>
| |
| | |
| <div class="service-content">
| |
| | |
| <h3>
| |
| چاپ کاتالوگ
| |
| </h3>
| |
| | |
| <p>
| |
| طراحی و چاپ کاتالوگ حرفهای برای
| |
| معرفی محصولات و خدمات شرکتها.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="service-link">
| |
| | |
| مشاهده جزئیات
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="service-card">
| |
| | |
| <div class="service-image">
| |
| | |
| <img
| |
| src="https://dl.faraghaib.ir/m/260005-01/260005-01-42.jpg"
| |
| alt="خدمات تبلیغات">
| |
| | |
| </div>
| |
| | |
| <div class="service-content">
| |
| | |
| <h3>
| |
| خدمات تبلیغات
| |
| </h3>
| |
| | |
| <p>
| |
| طراحی و اجرای انواع تبلیغات چاپی برای
| |
| افزایش دیدهشدن کسبوکار شما.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="service-link">
| |
| | |
| مشاهده جزئیات
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =====================================================
| |
| CATEGORIES
| |
| ===================================================== -->
| |
| | |
| <section class="section category-section"
| |
| id="categories">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-header">
| |
| | |
| <h2 class="section-title">
| |
| | |
| دستهبندی
| |
| <span>
| |
| خدمات
| |
| </span>
| |
| | |
| </h2>
| |
| | |
| <p class="section-description">
| |
| | |
| محصولات و خدمات تبلیغاتی مورد نیاز کسبوکار خود را انتخاب کنید.
| |
| | |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="category-grid">
| |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-file-lines"></i>
| |
| | |
| <strong>
| |
| چاپ تراکت
| |
| </strong>
| |
| | |
| <span>
| |
| تبلیغات مستقیم
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-image"></i>
| |
| | |
| <strong>
| |
| چاپ پوستر
| |
| </strong>
| |
| | |
| <span>
| |
| تبلیغات محیطی
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-regular fa-address-card"></i>
| |
| | |
| <strong>
| |
| کارت ویزیت
| |
| </strong>
| |
| | |
| <span>
| |
| معرفی برند
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-rectangle-ad"></i>
| |
| | |
| <strong>
| |
| بنر و فلکس
| |
| </strong>
| |
| | |
| <span>
| |
| تبلیغات محیطی
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-pen-nib"></i>
| |
| | |
| <strong>
| |
| طراحی لوگو
| |
| </strong>
| |
| | |
| <span>
| |
| هویت بصری
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-book-open"></i>
| |
| | |
| <strong>
| |
| کاتالوگ
| |
| </strong>
| |
| | |
| <span>
| |
| معرفی محصولات
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-ticket"></i>
| |
| | |
| <strong>
| |
| چاپ لیبل
| |
| </strong>
| |
| | |
| <span>
| |
| برچسب محصولات
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-stamp"></i>
| |
| | |
| <strong>
| |
| هولوگرام
| |
| </strong>
| |
| | |
| <span>
| |
| چاپ امنیتی
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-envelope"></i>
| |
| | |
| <strong>
| |
| پاکت و سربرگ
| |
| </strong>
| |
| | |
| <span>
| |
| ملزومات اداری
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| | |
| <a href="#"
| |
| class="category">
| |
| | |
| <i class="fa-solid fa-gift"></i>
| |
| | |
| <strong>
| |
| محصولات تبلیغاتی
| |
| </strong>
| |
| | |
| <span>
| |
| هدایای سازمانی
| |
| </span>
| |
| | |
| </a>
| |
| | |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =====================================================
| |
| ABOUT
| |
| ===================================================== -->
| |
| | |
| <section class="section"
| |
| id="about">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-header">
| |
| | |
| <h2 class="section-title">
| |
| | |
| درباره
| |
| <span>
| |
| چاپ و تبلیغات
| |
| </span>
| |
| | |
| </h2>
| |
| | |
| <p class="section-description">
| |
| | |
| ارائه خدمات تخصصی چاپ، طراحی و تبلیغات برای معرفی حرفهای کسبوکارها.
| |
| | |
| </p>
| |
| | |
| </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> |
|
| |
|
| |
|
| |
| <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>
| |
|
| |
| <span>
| |
| خدمات
| |
| </span>
| |
|
| |
| </a>
| |
|
| |
|
| |
| <a
| |
| href="tel:+989900000000"
| |
| class="call"
| |
| aria-label="تماس">
| |
|
| |
| <i class="fa-solid fa-phone"></i>
| |
|
| |
| </a>
| |
|
| |
|
| |
| <a href="#about">
| |
|
| |
| <i class="fa-solid fa-building"></i>
| |
|
| |
| <span>
| |
| درباره ما
| |
| </span>
| |
|
| |
| </a>
| |
|
| |
|
| |
| <a href="#contact">
| |
|
| |
| <i class="fa-solid fa-location-dot"></i>
| |
|
| |
| <span>
| |
| تماس
| |
| </span>
| |
|
| |
| </a>
| |
|
| |
|
| |
| </nav>
| |
|
| |
|
| |
| </body>
| |
|
| |
| </html> | | </html> |