پرش به محتوا

تست۳ - فراغیب

از فراغیب
دیداریویکی‌متن
صفحه‌ای تازه حاوی « <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 charset="UTF-8">
<meta charset="UTF-8">


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


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


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


<meta name="keywords"
<meta name="robots" content="index, follow">
content="چاپ و تبلیغات, چاپ تراکت, چاپ پوستر, چاپ کارت ویزیت, چاپ هولوگرام, چاپ بنر, چاپ فلکس, طراحی لوگو, خدمات چاپ, تبلیغات">


<meta name="robots"
<link rel="preconnect" href="https://fonts.googleapis.com">
content="index, follow">


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


<link rel="canonical"
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&family=Lalezar&display=swap"
      href="https://example.com/">
      rel="stylesheet">


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




<style>
<style>


/* =====================================================
/* =========================================================
  PATOGH MOHAMMAD
  TRADITIONAL CAFE
  MOBILE FIRST
========================================================= */
 
:root{
 
    --black:#11100e;
    --black-2:#191713;
    --black-3:#242019;
 
    --gold:#d8ad45;
    --gold-light:#f1d98b;
    --yellow:#e8c968;
 
    --cream:#f4ead4;
    --paper:#ead9b8;
 
    --brown:#684b2e;
    --brown-light:#9a7043;
 
    --red:#7c2f24;
 
    --white:#fffaf0;
 
    --text:#29231b;
    --muted:#716656;
 
    --border:rgba(216,173,69,.28);
 
    --shadow:
        0 12px 35px rgba(0,0,0,.25);
 
    --container:1200px;
 
    --radius:20px;
}
 
 
/* =========================================================
   RESET
   RESET
===================================================== */
========================================================= */


* {
*{
     box-sizing:border-box;
     box-sizing:border-box;
     margin:0;
     margin:0;
خط ۴۴: خط ۸۰:
}
}


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


body {
body{


     font-family:
     font-family:
         IRANSans,
         "Vazirmatn",
         Tahoma,
         Tahoma,
         Arial,
         Arial,
         sans-serif;
         sans-serif;


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


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


     line-height:1.9;
     line-height:1.9;
خط ۶۴: خط ۱۰۰:
     overflow-x:hidden;
     overflow-x:hidden;


    font-size:16px;
}
}


img {
img{


     display:block;
     display:block;
خط ۷۳: خط ۱۱۰:


     height:auto;
     height:auto;
}
}


a {
a{


     text-decoration:none;
     text-decoration:none;


     color:inherit;
     color:inherit;
}
}




/* =====================================================
/* =========================================================
   VARIABLES
   CONTAINER
===================================================== */
========================================================= */


:root {
.container{


     --primary:#e63946;
     width:min(
        calc(100% - 28px),
        var(--container)
    );


     --primary-dark:#c62835;
     margin-inline:auto;
}


    --secondary:#111827;
.section{


     --accent:#ffb703;
     padding:60px 0;


     --light:#f7f8fa;
     position:relative;
}


    --white:#ffffff;
.section-title{


     --text:#202124;
     text-align:center;


     --muted:#6b7280;
     margin-bottom:34px;


     --border:#e5e7eb;
     position:relative;
}


    --shadow:
.section-title .small-title{
        0 8px 30px rgba(0,0,0,.08);


     --max-width:1200px;
     display:block;


}
    color:var(--gold);
 
    font-size:.92rem;


    font-weight:800;


/* =====================================================
    margin-bottom:6px;
  MAIN CONTAINER
}
===================================================== */


.container {
.section-title h2{


     width:92%;
     color:var(--black);


     max-width:var(--max-width);
     font-size:
        clamp(1.8rem,6vw,2.6rem);


     margin-left:auto !important;
     line-height:1.45;


     margin-right:auto !important;
     font-family:
        "Lalezar",
        "Vazirmatn",
        sans-serif;


    font-weight:400;
}
}


.section-title p{


/* =====================================================
    max-width:700px;
  HEADER
===================================================== */


.header {
    margin:10px auto 0;


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


     top:0;
     font-size:1rem;


     z-index:1000;
     line-height:2;
}


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


    backdrop-filter:blur(12px);
/* =========================================================
  TOP STRIP
========================================================= */


    border-bottom:1px solid var(--border);
.top-strip{


}
    background:var(--black);


.header-inner {
    color:var(--gold-light);


     min-height:70px;
     border-bottom:1px solid var(--border);


     display:flex;
     padding:8px 0;
 
    font-size:.82rem;


     align-items:center;
     text-align:center;
}


    justify-content:space-between;
.top-strip i{


     gap:15px;
     color:var(--yellow);


    margin-left:5px;
}
}


.logo {


    display:flex;
/* =========================================================
  HEADER
========================================================= */


    align-items:center;
.header{


     gap:10px;
     background:
        linear-gradient(
            180deg,
            #12110e,
            #0d0c0a
        );


     font-size:18px;
     color:#fff;


     font-weight:900;
     position:sticky;


     white-space:nowrap;
     top:0;
 
    z-index:1000;
 
    border-bottom:1px solid var(--border);


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


.logo-icon {
.header-inner{


     width:42px;
     min-height:74px;
 
    height:42px;


     display:flex;
     display:flex;
خط ۱۹۴: خط ۲۵۶:
     align-items:center;
     align-items:center;


     justify-content:center;
     justify-content:space-between;


     background:var(--primary);
     gap:12px;
}


    color:#fff;
.brand{


     border-radius:12px;
     display:flex;


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


    gap:10px;
}
}


.desktop-menu {
.brand-icon{


     display:none;
     width:46px;


}
    height:46px;


.header-call {
    border-radius:50%;


     display:flex;
     border:2px solid var(--gold);


     align-items:center;
     color:var(--gold-light);


     justify-content:center;
     display:grid;


     width:44px;
     place-items:center;


     height:44px;
     font-size:1.15rem;
}


    border-radius:12px;
.brand-name{


     background:#fff0f1;
     display:flex;


     color:var(--primary);
     flex-direction:column;
 
    font-size:18px;


    line-height:1.3;
}
}


.brand-name strong{


/* =====================================================
    font-family:
  TOP BANNER
        "Lalezar",
===================================================== */
        "Vazirmatn",
 
        sans-serif;
.top-banner {
 
    width:100%;


     text-align:center;
     color:var(--gold-light);


     margin:0 auto;
     font-size:1.35rem;


    font-weight:400;
}
}


.top-banner-inner {
.brand-name span{


     display:block;
     color:#aaa092;


     width:100%;
     font-size:.72rem;
}


    max-width:1200px;
.desktop-menu{


     margin:0 auto;
     display:none;
}


    overflow:hidden;
.header-button{


     border-radius:8px;
     display:none;
}


}


.top-banner img {
/* =========================================================
  BANNER
========================================================= */


    width:100%;
.top-banner{


     height:auto;
     background:#080807;


     margin:0 auto;
     padding:10px;


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


.banner-frame{


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


.hero {
    max-width:1500px;


     padding:20px 0 30px;
     margin:auto;


}
    min-height:220px;


.hero-box {
    max-height:520px;


     position:relative;
     border-radius:18px;


     min-height:480px;
     overflow:hidden;


     border-radius:24px;
     background:#11100e;
 
    overflow:hidden;


     display:flex;
     display:flex;
خط ۳۰۲: خط ۳۶۷:
     justify-content:center;
     justify-content:center;


     text-align:center;
     box-shadow:
 
         0 8px 30px rgba(0,0,0,.25);
    background:
    linear-gradient(
        135deg,
         rgba(17,24,39,.96),
        rgba(17,24,39,.72)
    );


    position:relative;
}
}


.hero-bg {
.banner-frame img{


     position:absolute;
     width:100%;


     inset:0;
     height:auto;


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


     background-size:cover;
     object-fit:contain;


     background-position:center;
     object-position:center;
 
    opacity:.38;


    display:block;
}
}


.hero-overlay {
.banner-overlay{


     position:absolute;
     position:absolute;
خط ۳۳۶: خط ۳۹۴:
     inset:0;
     inset:0;


     background:
     pointer-events:none;
     linear-gradient(
 
        90deg,
     border:1px solid rgba(216,173,69,.35);
        rgba(0,0,0,.9),
        rgba(0,0,0,.45)
    );


    border-radius:18px;
}
}


.hero-content {
.banner-caption{


     position:relative;
     position:absolute;


     z-index:2;
     right:18px;


     color:#fff;
     bottom:18px;


     width:100%;
     background:rgba(10,9,7,.82);


     max-width:750px;
     color:var(--gold-light);


     margin-left:auto;
     border:1px solid var(--border);


     margin-right:auto;
     border-radius:10px;


     padding:35px 25px;
     padding:7px 12px;


     text-align:center;
     font-size:.78rem;


    font-weight:700;
}
}


.hero-badge {


    display:inline-flex;
/* =========================================================
  HERO
========================================================= */


    align-items:center;
.hero{


     justify-content:center;
     position:relative;


     padding:5px 13px;
     min-height:650px;


     margin-bottom:14px;
     color:#fff;


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


    border:1px solid rgba(255,183,3,.5);
        linear-gradient(
            90deg,
            rgba(0,0,0,.92),
            rgba(0,0,0,.63),
            rgba(0,0,0,.78)
        ),


    color:var(--accent);
        url("IMAGE-HERO.jpg");


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


     font-size:13px;
     background-position:center;


     font-weight:bold;
     overflow:hidden;
}


}
.hero::before{


.hero h1 {
    content:"";


     font-size:clamp(28px,7vw,54px);
     position:absolute;


     line-height:1.35;
     width:180px;


     margin-bottom:15px;
     height:180px;


     font-weight:900;
     border:1px solid rgba(216,173,69,.3);


     text-align:center;
     border-radius:50%;
 
    left:-80px;


    top:-70px;
}
}


.hero h1 span {
.hero::after{


     color:var(--accent);
     content:"";


}
    position:absolute;


.hero p {
    width:250px;


     color:#f1f1f1;
     height:250px;


     font-size:15px;
     border:1px solid rgba(216,173,69,.12);


     max-width:650px;
     border-radius:50%;


     margin:0 auto 25px;
     right:-110px;


     text-align:center;
     bottom:-100px;
}


}
.hero-inner{


.hero-buttons {
    min-height:650px;


     display:flex;
     display:grid;


     flex-direction:column;
     grid-template-columns:1fr;


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


     justify-content:center;
     padding:55px 0;


     gap:10px;
     position:relative;


     width:100%;
     z-index:2;
}


    margin:0 auto;
.hero-content{


    max-width:720px;
}
}


.btn {
.hero-stamp{


     display:flex;
     width:82px;


     align-items:center;
     height:82px;


     justify-content:center;
     border:2px solid var(--gold);


     gap:9px;
     border-radius:50%;


     min-height:50px;
     display:flex;


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


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


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


     transition:.25s;
     color:var(--gold-light);


}
    font-size:.72rem;


.btn-primary {
    font-weight:800;


     background:var(--primary);
     transform:rotate(-8deg);
 
    color:#fff;


    margin-bottom:20px;
}
}


.btn-primary:hover {
.hero h1{


     background:var(--primary-dark);
     font-family:
        "Lalezar",
        "Vazirmatn",
        sans-serif;


     transform:translateY(-2px);
     font-weight:400;


}
    font-size:
        clamp(2.6rem,11vw,5rem);


.btn-light {
    line-height:1.2;


     background:#fff;
     color:#fff;
 
    color:#111827;


    margin-bottom:14px;
}
}


.btn-light:hover {
.hero h1 span{
 
    transform:translateY(-2px);


    color:var(--gold-light);
}
}


.hero-subtitle{


/* =====================================================
    font-size:
  FEATURES
        clamp(1.05rem,4vw,1.3rem);
===================================================== */


.features {
    color:#ddd2bd;


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


    font-weight:600;
}
}


.feature-grid {
.hero-description{


     display:grid;
     color:#c5bdaf;


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


     gap:12px;
     max-width:620px;


     justify-items:stretch;
     margin-bottom:28px;


    line-height:2;
}
}


.feature {
.hero-actions{


     width:100%;
     display:flex;


     background:#fff;
     flex-direction:column;
 
    border:1px solid var(--border);
 
    border-radius:16px;
 
    padding:20px 12px;
 
    text-align:center;
 
    box-shadow:var(--shadow);


    gap:11px;
}
}


.feature-icon {
.btn{


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


     height:48px;
     padding:11px 21px;


     margin:0 auto 10px;
     border-radius:12px;


     display:flex;
     display:inline-flex;


     align-items:center;
     align-items:center;
خط ۵۵۲: خط ۶۱۶:
     justify-content:center;
     justify-content:center;


     border-radius:14px;
     gap:8px;
 
    background:#fff1f2;


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


     font-size:20px;
     font-weight:800;


    transition:.25s ease;
}
}


.feature h2 {
.btn-gold{


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


     margin-bottom:3px;
     color:var(--black);
 
    text-align:center;


    box-shadow:
        0 8px 25px rgba(216,173,69,.22);
}
}


.feature p {
.btn-gold:hover{


     font-size:12px;
     background:var(--gold-light);
 
    color:var(--muted);
 
    text-align:center;


    transform:translateY(-2px);
}
}


.btn-outline{


/* =====================================================
    border:1px solid rgba(216,173,69,.5);
  SECTION
===================================================== */


.section {
     color:var(--gold-light);
 
     padding:45px 0;


    background:rgba(0,0,0,.2);
}
}


.section-header {


    width:100%;
/* =========================================================
  HERO NOTES
========================================================= */


    margin:0 auto 25px;
.hero-notes{
 
    text-align:center !important;


    display:none;
}
}


.section-title {
.hero-note{


     width:100%;
     position:absolute;


     font-size:25px;
     background:rgba(18,16,12,.85);


     font-weight:900;
     border:1px solid var(--border);


     color:var(--secondary);
     padding:11px 14px;


     margin:0 auto 7px;
     border-radius:12px;


     text-align:center !important;
     color:var(--gold-light);


    font-size:.76rem;
}
}


.section-title span {


    color:var(--primary);
/* =========================================================
  RIBBON
========================================================= */
 
.ribbon{


}
    background:var(--gold);


.section-description {
    color:var(--black);


     max-width:650px;
     padding:10px 0;


     margin:0 auto;
     border-top:3px solid var(--black);


     color:var(--muted);
     border-bottom:3px solid var(--black);
}


    font-size:14px;
.ribbon-inner{


     text-align:center !important;
     display:flex;


}
    align-items:center;


    justify-content:center;


/* =====================================================
    flex-wrap:wrap;
  SERVICES
===================================================== */


.services-grid {
    gap:15px;


     display:grid;
     font-weight:800;


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


    gap:12px;
.ribbon span::before{


     justify-items:stretch;
     content:"✦";


    margin-left:8px;
}
}


.service-card {


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


    background:#fff;
.vibe{


     border:1px solid var(--border);
     background:var(--black-2);


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


     overflow:hidden;
     overflow:hidden;
}


    transition:.3s;
.vibe .section-title h2{


     box-shadow:
     color:#fff;
        0 5px 20px rgba(0,0,0,.05);
}


    text-align:center;
.vibe .section-title p{


    color:#aaa397;
}
}


.service-card:hover {
.vibe-grid{


     transform:translateY(-5px);
     display:grid;


     box-shadow:
     grid-template-columns:
         0 12px 30px rgba(0,0,0,.12);
         repeat(2,1fr);


    gap:12px;
}
}


.service-image {
.vibe-card{
 
    min-height:175px;


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


     height:145px;
     border-radius:16px;


     overflow:hidden;
     padding:20px 15px;


}
    background:
        linear-gradient(
            145deg,
            #242018,
            #14130f
        );


.service-image img {
    position:relative;


     width:100%;
     overflow:hidden;
}


    height:100%;
.vibe-icon{


     object-fit:cover;
     color:var(--gold);


     transition:.4s;
     font-size:1.6rem;


    margin-bottom:11px;
}
}


.service-card:hover
.vibe-card h3{
.service-image img {


     transform:scale(1.06);
     color:#fff;
 
    font-size:1rem;


    margin-bottom:5px;
}
}


.service-content {
.vibe-card p{


     padding:15px;
     color:#aaa194;


     text-align:center;
     font-size:.82rem;


    line-height:1.9;
}
}


.service-content h3 {
    font-size:16px;


    margin-bottom:5px;
/* =========================================================
  MENU
========================================================= */


    text-align:center;
.menu-section{


    background:var(--cream);
}
}


.service-content p {
.menu-board{


     color:var(--muted);
     background:#171510;


     font-size:12px;
     color:#fff;


     line-height:1.8;
     border:5px solid #9a7039;


     margin-bottom:10px;
     outline:1px solid var(--gold);


     text-align:center;
     outline-offset:-10px;


}
    border-radius:8px;


.service-link {
    padding:38px 18px;


     color:var(--primary);
     box-shadow:
        0 15px 40px rgba(0,0,0,.25);
}


    font-size:12px;
.menu-board-title{


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


     display:flex;
     color:var(--gold-light);


     align-items:center;
     font-family:
 
        "Lalezar",
    justify-content:center;
        "Vazirmatn",
        sans-serif;


     gap:5px;
     font-size:2.2rem;


     text-align:center;
     font-weight:400;


    margin-bottom:28px;
}
}


.menu-grid{


/* =====================================================
    display:grid;
  CATEGORIES
===================================================== */


.category-section {
     grid-template-columns:1fr;
 
     background:var(--light);


    gap:12px;
}
}


.category-grid {
.menu-item{


     display:grid;
     display:grid;


     grid-template-columns:repeat(2,1fr);
     grid-template-columns:
        50px 1fr auto;
 
    gap:11px;


     gap:12px;
     align-items:center;


     justify-items:stretch;
     padding:14px 8px;


    border-bottom:
        1px dashed rgba(216,173,69,.25);
}
}


.category {
.menu-icon{


     width:100%;
     width:44px;


     min-height:110px;
     height:44px;


     border-radius:17px;
     border-radius:50%;


     padding:18px;
     border:1px solid var(--gold);


     background:#fff;
     display:grid;


     display:flex;
     place-items:center;


     flex-direction:column;
     color:var(--gold-light);


     justify-content:center;
     font-size:1rem;
}


    align-items:center;
.menu-item h3{


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


     transition:.3s;
     font-size:1rem;


    margin-bottom:3px;
}
}


.category:hover {
.menu-item p{


     border-color:var(--primary);
     color:#aaa194;


     transform:translateY(-3px);
     font-size:.78rem;


    line-height:1.8;
}
}


.category i {
.menu-price{


     font-size:25px;
     color:var(--gold-light);


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


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


    font-weight:800;
}
}


.category strong {
.menu-note{


     font-size:14px;
     text-align:center;
 
    color:#938a7b;


     text-align:center;
     font-size:.76rem;


    margin-top:22px;
}
}


.category span {


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


    font-size:11px;
.breakfast{


     text-align:center;
     background:var(--black);


    color:#fff;
}
}


.breakfast-grid{


/* =====================================================
    display:grid;
  ABOUT
===================================================== */


.about {
    grid-template-columns:1fr;


     display:flex;
     gap:16px;
}


    flex-direction:column;
.food-card{


     gap:25px;
     border-radius:18px;


     align-items:center;
     overflow:hidden;


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


.about-image {
    background:#1c1a15;


     width:100%;
     box-shadow:var(--shadow);
}


    min-height:300px;
.food-image{


     border-radius:20px;
     height:240px;


     overflow:hidden;
     background:#2a261d;


    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    overflow:hidden;
}
}


.about-image img {
.food-image img{


     width:100%;
     width:100%;
خط ۸۸۹: خط ۹۹۳:
     height:100%;
     height:100%;


     min-height:300px;
     object-fit:contain;


     object-fit:cover;
     object-position:center;
}
 
.food-content{


    padding:19px;
}
}


.about-content {
.food-content h3{


     width:100%;
     color:var(--gold-light);


     text-align:center;
     font-size:1.05rem;


    margin-bottom:6px;
}
}


.about-content h2 {
.food-content p{


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


     margin-bottom:12px;
     font-size:.82rem;
 
    text-align:center;


    line-height:1.9;
}
}


.about-content h2 span {


    color:var(--primary);
/* =========================================================
  YOUNG PEOPLE
========================================================= */


}
.young{


.about-content p {
    background:var(--cream);


     color:var(--muted);
     position:relative;
}


    font-size:14px;
.young-grid{


     margin:0 auto 15px;
     display:grid;


     text-align:center;
     grid-template-columns:1fr;
 
    max-width:700px;


    gap:16px;
}
}


.about-list {
.young-card{


     list-style:none;
     background:#fff;


     display:grid;
     border:1px solid rgba(104,75,46,.15);


     gap:8px;
     border-radius:18px;


     width:fit-content;
     padding:25px 19px;


     max-width:100%;
     position:relative;


     margin:0 auto;
     box-shadow:
 
        0 7px 25px rgba(75,53,32,.08);
    padding:0;


    overflow:hidden;
}
}


.about-list li {
.young-card i{


     display:flex;
     font-size:1.55rem;


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


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


    gap:8px;
.young-card h3{


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


     text-align:center;
     font-size:1.03rem;


    margin-bottom:6px;
}
}


.about-list i {
.young-card p{


     color:#16a34a;
     color:var(--muted);


    font-size:.82rem;
    line-height:2;
}
}




/* =====================================================
/* =========================================================
   SPECIAL
   QUOTE
===================================================== */
========================================================= */


.special-box {
.quote-section{


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


     color:#fff;
     color:#fff;


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


     padding:30px 20px;
     padding:70px 20px;


     text-align:center;
     position:relative;


    overflow:hidden;
}
}


.special-grid {
.quote-section blockquote{
 
    position:relative;
 
    max-width:800px;
 
    margin:auto;


     display:grid;
     color:var(--gold-light);


     gap:15px;
     font-family:
        "Lalezar",
        "Vazirmatn",
        sans-serif;


     justify-items:stretch;
     font-size:
        clamp(1.65rem,6vw,2.7rem);


    line-height:1.65;
}
}


.special-item {
.quote-author{


     width:100%;
     margin-top:12px;


     display:flex;
     color:#a09685;


     flex-direction:column;
     font-size:.8rem;
}


    gap:10px;


    align-items:center;
/* =========================================================
  GALLERY
========================================================= */


    justify-content:center;
.gallery{


     padding:18px 15px;
     background:var(--black-2);


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


    border:1px solid rgba(255,255,255,.1);
.gallery .section-title h2{


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


    text-align:center;
.gallery .section-title p{


    color:#aaa194;
}
}


.special-icon {
.gallery-grid{


     width:44px;
     display:grid;
 
    grid-template-columns:
        repeat(2,1fr);
 
    gap:9px;
}


    min-width:44px;
.gallery-item{


     height:44px;
     height:180px;


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


     display:flex;
     overflow:hidden;
 
    align-items:center;


     justify-content:center;
     background:#29251e;


     background:var(--primary);
     border:1px solid var(--border);


    position:relative;
}
}


.special-item h3 {
.gallery-item.large{


     color:#fff;
     grid-column:span 2;


     font-size:15px;
     height:220px;
}


    margin-bottom:3px;
.gallery-item img{


     text-align:center;
     width:100%;


}
    height:100%;


.special-item p {
     object-fit:cover;
 
    color:#d1d5db;
 
    font-size:12px;
 
     text-align:center;


    object-position:center;
}
}


.white {
.gallery-label{


     color:#fff !important;
     position:absolute;


}
    bottom:8px;


    right:8px;


/* =====================================================
    background:rgba(0,0,0,.78);
  BLOG
===================================================== */


.blog-grid {
    color:var(--gold-light);


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


     grid-template-columns:1fr;
     padding:4px 9px;


     gap:15px;
     border-radius:7px;


     justify-items:stretch;
     font-size:.68rem;
}


}


.blog-card {
/* =========================================================
  SOCIAL
========================================================= */


    width:100%;
.social{


     border:1px solid var(--border);
     background:var(--cream);


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


    overflow:hidden;
.social-box{


     background:#fff;
     background:#fff;


     transition:.3s;
     border:1px solid rgba(104,75,46,.18);
 
    border-radius:22px;


     text-align:center;
     padding:32px 18px;


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


.blog-card:hover {
.social-icons{


     transform:translateY(-4px);
     display:flex;


     box-shadow:var(--shadow);
     justify-content:center;
 
    gap:11px;


    margin-top:20px;
}
}


.blog-image {
.social-icons a{


     height:180px;
     width:47px;


     overflow:hidden;
     height:47px;


}
    border-radius:50%;


.blog-image img {
    display:grid;


     width:100%;
     place-items:center;


     height:100%;
     background:var(--black);


     object-fit:cover;
     color:var(--gold-light);


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


.blog-content {


    padding:16px;
/* =========================================================
  CTA
========================================================= */


    text-align:center;
.cta{


}
    background:


.blog-category {
        linear-gradient(
            rgba(12,11,9,.93),
            rgba(12,11,9,.93)
        ),


    font-size:11px;
        url("IMAGE-CAFE.jpg");


     color:var(--primary);
     background-size:cover;


     font-weight:bold;
     background-position:center;


}
     color:#fff;
 
.blog-content h3 {
 
     font-size:16px;
 
    margin:5px 0 7px;


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


    padding:75px 15px;
}
}


.blog-content p {
.cta h2{
 
    font-family:
        "Lalezar",
        "Vazirmatn",
        sans-serif;


     font-size:12px;
     color:var(--gold-light);


     color:var(--muted);
     font-size:
        clamp(2.1rem,8vw,3.2rem);


     text-align:center;
     font-weight:400;


    margin-bottom:10px;
}
}


.cta p{


/* =====================================================
    color:#c0b8aa;
  CTA
 
===================================================== */
    font-size:.92rem;
 
    max-width:650px;


.cta {
    margin:0 auto 24px;


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


    padding:20px 0 50px;
.cta-actions{


     display:flex;
     display:flex;


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


     align-items:center;
     gap:11px;


     text-align:center;
     justify-content:center;
}


}


.cta .container {
/* =========================================================
  FOOTER
========================================================= */


    width:92%;
.footer{


     max-width:var(--max-width);
     background:#0b0a08;


     margin-left:auto !important;
     color:#fff;


     margin-right:auto !important;
     padding:45px 0 90px;


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


.cta-box {
.footer-grid{


     width:100%;
     display:grid;


     max-width:1000px;
     grid-template-columns:1fr;


     margin-left:auto !important;
     gap:28px;
}


    margin-right:auto !important;
.footer h3{


     background:
     color:var(--gold-light);
    linear-gradient(
        135deg,
        var(--primary),
        #b91c2c
    );


     color:#fff;
     font-family:
        "Lalezar",
        "Vazirmatn",
        sans-serif;


     border-radius:22px;
     font-size:1.25rem;


     padding:35px 20px;
     font-weight:400;


     display:flex;
     margin-bottom:10px;
}


    flex-direction:column;
.footer p,
.footer li{


     align-items:center;
     color:#908779;
 
    justify-content:center;


     text-align:center;
     font-size:.8rem;


    line-height:2;
}
}


.cta-box h2 {
.footer ul{


     width:100%;
     list-style:none;


     font-size:25px;
     display:grid;


     margin-bottom:10px;
     gap:6px;
}


    text-align:center;
.footer-bottom{


}
    border-top:1px solid rgba(216,173,69,.12);


.cta-box p {
    margin-top:28px;


     max-width:650px;
     padding-top:20px;


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


     margin:0 auto 20px;
     color:#70685b;


     color:#ffe9eb;
     font-size:.72rem;
}


    text-align:center;


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


.cta-box .btn {
.mobile-nav{


     margin-left:auto;
     position:fixed;


     margin-right:auto;
     right:0;


}
    left:0;


    bottom:0;


/* =====================================================
    height:68px;
  FOOTER
===================================================== */


.footer {
    display:grid;


     background:#111827;
     grid-template-columns:
        repeat(5,1fr);


     color:#fff;
     background:#11100e;


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


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


    box-shadow:
        0 -5px 25px rgba(0,0,0,.3);
}
}


.footer-grid {
.mobile-nav a{


     display:grid;
     display:flex;


     gap:30px;
     flex-direction:column;


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


}
    justify-content:center;


.footer-grid > div {
    gap:3px;


     width:100%;
     color:#91897a;


     text-align:center;
     font-size:.68rem;


    font-weight:600;
}
}


.footer h3 {
.mobile-nav i{


     font-size:17px;
     font-size:1.05rem;
 
}
    margin-bottom:12px;


    text-align:center;
.mobile-nav a.active{


    color:var(--gold-light);
}
}


.footer p {


    color:#cbd5e1;
/* =========================================================
  TABLET
========================================================= */


    font-size:13px;
@media (min-width:600px){


     text-align:center;
     .top-banner{


}
        padding:14px;
    }


.footer-links {
    .banner-frame{


    list-style:none;
        min-height:260px;


    display:grid;
        border-radius:20px;
    }


     gap:6px;
     .hero-actions{


    padding:0;
        flex-direction:row;
    }


     text-align:center;
     .btn{


}
        min-width:155px;
    }


.footer-links li {
    .vibe-grid{


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


}
    .menu-grid{


.footer-links a {
        grid-template-columns:
            repeat(2,1fr);


    color:#cbd5e1;
        column-gap:30px;
    }


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


    transition:.2s;
        grid-template-columns:
            repeat(2,1fr);
    }


}
    .young-grid{


.footer-links a:hover {
        grid-template-columns:
            repeat(2,1fr);
    }


     color:#fff;
     .gallery-grid{


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


.contact-item {
    .gallery-item.large{


    display:flex;
        grid-column:span 2;
    }


     align-items:center;
     .cta-actions{


    justify-content:center;
        flex-direction:row;
    }
}


    gap:10px;


    margin-bottom:10px;
/* =========================================================
  DESKTOP
========================================================= */


    color:#cbd5e1;
@media (min-width:900px){


     font-size:13px;
     .section{


    text-align:center;
        padding:90px 0;
    }


}
    .banner-frame{


.contact-item i {
        min-height:320px;


    color:var(--accent);
        max-height:600px;
    }


     width:20px;
     .desktop-menu{


}
        display:flex;


.social {
        align-items:center;


    display:flex;
        gap:24px;
    }


     justify-content:center;
     .desktop-menu a{


    gap:8px;
        color:#c0b7a8;


    margin-top:15px;
        font-size:.84rem;


}
        font-weight:600;


.social a {
        transition:.2s;
    }


     width:40px;
     .desktop-menu a:hover{


    height:40px;
        color:var(--gold-light);
    }


     border-radius:10px;
     .header-button{


    display:flex;
        display:inline-flex;


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


    justify-content:center;
        gap:7px;


    background:rgba(255,255,255,.08);
        padding:9px 14px;


    transition:.2s;
        border:1px solid var(--border);


}
        border-radius:10px;


.social a:hover {
        color:var(--gold-light);


    background:var(--primary);
        font-size:.76rem;


}
        font-weight:700;
    }


.footer-bottom {
    .hero-inner{


    margin-top:30px;
        min-height:720px;


    padding-top:15px;
        padding:70px 0;
    }


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


    text-align:center;
        display:block;


    color:#9ca3af;
        position:absolute;


    font-size:11px;
        inset:0;


}
        pointer-events:none;
    }


    .hero-note.note-one{


/* =====================================================
        top:22%;
  MOBILE NAV
===================================================== */


.mobile-nav {
        left:5%;
    }


     position:fixed;
     .hero-note.note-two{


    bottom:10px;
        bottom:20%;


    right:3%;
        left:15%;
    }


     left:3%;
     .hero-note.note-three{


    z-index:999;
        top:30%;


    height:62px;
        right:5%;
    }


     background:#111827;
     .menu-board{


    border-radius:18px;
        padding:50px 55px;
    }


     display:flex;
     .menu-grid{


    align-items:center;
        column-gap:60px;
    }


     justify-content:space-around;
     .breakfast-grid{


    box-shadow:
        grid-template-columns:
        0 10px 30px rgba(0,0,0,.25);
            repeat(3,1fr);
    }


}
    .food-image{


.mobile-nav a {
        height:290px;
    }


     color:#cbd5e1;
     .young-grid{


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


     flex-direction:column;
     .gallery-item{


    align-items:center;
        height:230px;
    }


     justify-content:center;
     .gallery-item.large{
 
        height:310px;
    }


     gap:1px;
     .footer-grid{


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


}
    .footer{


.mobile-nav i {
        padding-bottom:45px;
    }


     font-size:18px;
     .mobile-nav{


        display:none;
    }
}
}


.mobile-nav .active {


    color:#fff;
/* =========================================================
  LARGE DESKTOP
========================================================= */


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


.mobile-nav .call {
    .hero h1{


    width:48px;
        font-size:5rem;
    }


     height:48px;
     .banner-frame{


    margin-top:-25px;
        min-height:350px;
    }
}


    border-radius:50%;


    background:var(--primary);
/* =========================================================
  REDUCED MOTION
========================================================= */


    display:flex;
@media (prefers-reduced-motion:reduce){


     align-items:center;
     html{
        scroll-behavior:auto;
    }


     justify-content:center;
     *,
    *::before,
    *::after{


    border:5px solid #fff;
        transition:none !important;
 
    color:#fff;


        animation:none !important;
    }
}
}


</style>


/* =====================================================
</head>
  TABLET
===================================================== */


@media (min-width:600px) {


    .container {
<body>


        width:92%;


    }
<!-- =====================================================
    TOP STRIP
===================================================== -->


    .hero-box {
<div class="top-strip">


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


    }
        <i class="fa-solid fa-mug-hot"></i>


    .hero-content {
        یه چای، یه گپ، یه پاتوق خوب...


         padding:50px;
         <i class="fa-solid fa-mug-saucer"></i>


     }
     </div>


    .hero-buttons {
</div>


        flex-direction:row;


        max-width:430px;
<!-- =====================================================
    HEADER
===================================================== -->


        margin-left:auto;
<header class="header">


        margin-right:auto;
    <div class="container header-inner">


    }
        <a href="#home" class="brand">


    .btn {
            <span class="brand-icon">


        flex:1;
                <i class="fa-solid fa-mug-hot"></i>


    }
            </span>


    .services-grid {
            <span class="brand-name">


        grid-template-columns:repeat(3,1fr);
                <strong>
                    کافه پاتوق محمد
                </strong>


    }
                <span>
                    قهوه خانه سنتی و پاتوق دوستانه
                </span>


    .category-grid {
            </span>


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


    }


    .feature-grid {
        <nav class="desktop-menu"
            aria-label="منوی اصلی">


        grid-template-columns:repeat(5,1fr);
            <a href="#menu">
                منو
            </a>


    }
            <a href="#vibe">
                حال و هوا
            </a>


    .blog-grid {
            <a href="#breakfast">
                صبحانه
            </a>


        grid-template-columns:repeat(3,1fr);
            <a href="#gallery">
                فضای کافه
            </a>


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


    .special-grid {
        </nav>


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


    }
        <a href="#menu"
          class="header-button">


    .about {
            <i class="fa-solid fa-utensils"></i>


        flex-direction:row;
            دیدن منو


         align-items:center;
         </a>


     }
     </div>


    .about > * {
</header>


        flex:1;


    }
<main>


    .about-content {


        text-align:center;
<!-- =====================================================
    NEW TOP BANNER
===================================================== -->


    }
<section class="top-banner"
        aria-label="بنر کافه پاتوق محمد">


}
    <div class="container">


        <div class="banner-frame">


/* =====================================================
            <!-- تصویر بنر را اینجا قرار بده -->
  DESKTOP
===================================================== */


@media (min-width:900px) {
            <img
                src="https://dl.faraghaib.ir/m/260012-01/baner-01.png"
                alt="بنر کافه پاتوق محمد"
                loading="eager"
            >


    .header-inner {
            <div class="banner-overlay"></div>


        min-height:78px;
            <div class="banner-caption">


    }
                <i class="fa-solid fa-mug-hot"></i>


    .desktop-menu {
                کافه پاتوق محمد


        display:flex;
            </div>


         align-items:center;
         </div>


        justify-content:center;
    </div>


        gap:25px;
</section>


        margin-right:auto;


        margin-left:30px;
<!-- =====================================================
    HERO
===================================================== -->


    }
<section class="hero"
        id="home">


     .desktop-menu a {
     <div class="container hero-inner">


        font-size:14px;


         font-weight:bold;
         <div class="hero-content">


        color:#374151;
            <div class="hero-stamp">


        transition:.2s;
                پاتوق
                <br>
                محمد
                <br>
                ۱۴۰۵


    }
            </div>


    .desktop-menu a:hover {


        color:var(--primary);
            <h1>


    }
                اینجا فقط
                <span>
                    چای نمی‌خوریم!
                </span>


    .header-call {
            </h1>


        width:auto;


        padding:0 17px;
            <div class="hero-subtitle">


        gap:8px;
                یه پاتوق برای چای، صبحانه،
                گپ و خاطره ساختیم.


        font-size:13px;
            </div>


        font-weight:bold;


    }
            <p class="hero-description">


    .header-call::after {
                کافه پاتوق محمد؛ حال‌وهوای قهوه‌خانه‌های
                قدیمی با سلیقه امروز.
                جایی برای صبحانه، املت، عدسی، چای و عصرانه؛
                برای وقتی که دلت یک جای خودمانی می‌خواهد.


        content:"تماس با ما";
            </p>


    }


    .mobile-nav {
            <div class="hero-actions">


        display:none;
                <a href="#menu"
                  class="btn btn-gold">


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


    .hero {
                    منوی پاتوق


        padding:30px 0 50px;
                </a>


    }


    .hero-content {
                <a href="#vibe"
                  class="btn btn-outline">


        padding:70px;
                    <i class="fa-solid fa-heart"></i>


    }
                    چرا پاتوق؟


    .hero p {
                </a>


        font-size:16px;
            </div>


    }
        </div>


    .services-grid {


         grid-template-columns:repeat(4,1fr);
         <div class="hero-notes">


    }
            <div class="hero-note note-one">
                ☕ چای تازه‌دم
            </div>


    .category-grid {
            <div class="hero-note note-two">
                🍳 املت مخصوص
            </div>


        grid-template-columns:repeat(5,1fr);
            <div class="hero-note note-three">
                ✦ جای رفیق‌بازی
            </div>


    }
        </div>


     .special-grid {
     </div>


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


    }


    .footer-grid {
<!-- =====================================================
    RIBBON
===================================================== -->


        grid-template-columns:2fr 1fr 1fr 1.5fr;
<div class="ribbon">


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


}
        <span>صبحانه</span>


        <span>چای</span>


/* =====================================================
        <span>املت</span>
  LARGE DESKTOP
===================================================== */


@media (min-width:1200px) {
        <span>عدسی</span>


    .hero-box {
        <span>عصرانه</span>


         min-height:570px;
         <span>دورهمی</span>


     }
     </div>


    .section {
</div>


        padding:65px 0;


    }
<!-- =====================================================
    VIBE
===================================================== -->


    .service-image {
<section class="section vibe"
        id="vibe">


        height:180px;
    <div class="container">


    }
        <div class="section-title">


}
            <span class="small-title">
                حال‌وهوای پاتوق
            </span>


            <h2>
                اینجا قراره بهت خوش بگذره
            </h2>


/* =====================================================
            <p>
  MOBILE FINAL ADJUSTMENTS
                پاتوق محمد برای کسانی است که یک جای
===================================================== */
                ساده، صمیمی و متفاوت برای وقت گذراندن می‌خواهند.
            </p>


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


    .container {


         width:94%;
         <div class="vibe-grid">


    }


    .section-title {
            <article class="vibe-card">


        font-size:23px;
                <div class="vibe-icon">
                    <i class="fa-solid fa-mug-hot"></i>
                </div>


        line-height:1.6;
                <h3>
                    چای و گپ
                </h3>


    }
                <p>
                    چای تازه‌دم و حرف‌هایی که قرار نیست زود تمام شوند.
                </p>


    .section-description {
            </article>


        font-size:13px;


        line-height:1.9;
            <article class="vibe-card">


    }
                <div class="vibe-icon">
                    <i class="fa-solid fa-users"></i>
                </div>


    .about-list {
                <h3>
                    دورهمی رفیقانه
                </h3>


        width:100%;
                <p>
                    یک میز، چند رفیق و کلی حرف نگفته.
                </p>


        max-width:360px;
            </article>


    }


    .about-list li {
            <article class="vibe-card">


        justify-content:center;
                <div class="vibe-icon">
                    <i class="fa-solid fa-camera"></i>
                </div>


    }
                <h3>
                    جای عکس گرفتن
                </h3>


    .cta-box {
                <p>
                    فضای سنتی و متفاوت برای ثبت لحظه‌های خوب.
                </p>


        width:100%;
            </article>


        padding:30px 18px;


    }
            <article class="vibe-card">


    .cta-box h2 {
                <div class="vibe-icon">
                    <i class="fa-solid fa-music"></i>
                </div>


        font-size:22px;
                <h3>
                    حال خوب
                </h3>


    }
                <p>
                    جایی برای فاصله گرفتن از شلوغی روزمره.
                </p>


    .cta-box p {
            </article>


        font-size:13px;


    }
        </div>


}
    </div>


</style>
</section>
 
</head>
 
 
<body>




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


<header class="header">
<section class="section menu-section"
        id="menu">


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


<a href="#home"
        <div class="section-title">
  class="logo"
  aria-label="صفحه اصلی چاپ و تبلیغات">


<span class="logo-icon">
            <span class="small-title">
                منوی پاتوق
            </span>


<i class="fa-solid fa-print"></i>
            <h2>
                ساده، خوشمزه، خودمونی
            </h2>


</span>
            <p>
                منوی اولیه بر اساس آیتم‌های فعلی طراحی شده
                و می‌توانی نام، توضیحات و قیمت‌ها را تغییر بدهی.
            </p>


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


</a>


        <div class="menu-board">


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


<a href="#home">
                منوی کافه پاتوق محمد
صفحه اصلی
</a>


<a href="#services">
            </div>
خدمات چاپ
</a>


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


<a href="#about">
            <div class="menu-grid">
درباره ما
</a>


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


<a href="#contact">
                <article class="menu-item">
تماس با ما
</a>


</nav>
                    <div class="menu-icon">
                        <i class="fa-solid fa-mug-hot"></i>
                    </div>


                    <div>


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


<i class="fa-solid fa-phone"></i>
                        <p>
                            چای تازه‌دم برای یک گپ درست‌وحسابی
                        </p>


</a>
                    </div>


</div>
                    <div class="menu-price">
                        قیمت
                    </div>


</header>
                </article>




                <article class="menu-item">


<!-- =====================================================
                    <div class="menu-icon">
    TOP BANNER
                        <i class="fa-solid fa-egg"></i>
===================================================== -->
                    </div>


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


<div class="top-banner-inner">
                        <h3>املت</h3>


<img
                        <p>
src="https://dl.faraghaib.ir/m/260005-01/baner-01.png"
                            ساده، داغ و مناسب شروع یک روز خوب
alt="چاپ و تبلیغات برادران نعمتی">
                        </p>


</div>
                    </div>


</div>
                    <div class="menu-price">
                        قیمت
                    </div>


                </article>




<main id="home">
                <article class="menu-item">


                    <div class="menu-icon">
                        <i class="fa-solid fa-bowl-food"></i>
                    </div>


                    <div>


<!-- =====================================================
                        <h3>عدسی</h3>
    FEATURES
===================================================== -->


<section class="features">
                        <p>
                            یک انتخاب گرم و دلچسب برای صبح
                        </p>


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


<div class="feature-grid">
                    <div class="menu-price">
                        قیمت
                    </div>


                </article>


<div class="feature">


<div class="feature-icon">
                <article class="menu-item">


<i class="fa-solid fa-print"></i>
                    <div class="menu-icon">
                        <i class="fa-solid fa-sun"></i>
                    </div>


</div>
                    <div>


<h2>
                        <h3>صبحانه</h3>
چاپ با کیفیت
</h2>


<p>
                        <p>
استفاده از متریال مناسب
                            برای شروع روز با انرژی و حال خوب
</p>
                        </p>


</div>
                    </div>


                    <div class="menu-price">
                        قیمت
                    </div>


                </article>


<div class="feature">


<div class="feature-icon">
                <article class="menu-item">


<i class="fa-solid fa-bolt"></i>
                    <div class="menu-icon">
                        <i class="fa-solid fa-cookie-bite"></i>
                    </div>


</div>
                    <div>


<h2>
                        <h3>عصرانه</h3>
تحویل سریع
</h2>


<p>
                        <p>
اجرای سریع سفارشات
                            یک انتخاب خوشمزه برای عصرهای دوستانه
</p>
                        </p>


</div>
                    </div>


                    <div class="menu-price">
                        قیمت
                    </div>


                </article>


<div class="feature">


<div class="feature-icon">
                <article class="menu-item">


<i class="fa-solid fa-tags"></i>
                    <div class="menu-icon">
                        <i class="fa-solid fa-people-group"></i>
                    </div>


</div>
                    <div>


<h2>
                        <h3>دورهمی</h3>
قیمت مناسب
</h2>


<p>
                        <p>
قیمت‌گذاری منصفانه
                            میزت را با رفیق‌هایت شریک شو
</p>
                        </p>


</div>
                    </div>


                    <div class="menu-price">
                        ویژه
                    </div>


                </article>


<div class="feature">


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


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


</div>
            <div class="menu-note">


<h2>
                قیمت‌ها و آیتم‌های نهایی منو را می‌توانید
کیفیت بالا
                مطابق منوی واقعی کافه جایگزین کنید.
</h2>


<p>
            </div>
چاپ باکیفیت و ماندگار
</p>


</div>
        </div>


    </div>


</section>


<div class="feature">


<div class="feature-icon">
<!-- =====================================================
    BREAKFAST
===================================================== -->


<i class="fa-solid fa-headset"></i>
<section class="section breakfast"
        id="breakfast">


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


<h2>
        <div class="section-title">
مشاوره تخصصی
</h2>


<p>
            <span class="small-title">
راهنمایی قبل از سفارش
                صبح‌های پاتوق
</p>
            </span>


</div>
            <h2 style="color:#fff;">
                صبحانه‌ای که ارزش بیدار شدن دارد!
            </h2>


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


</div>
        </div>


</div>


</section>
        <div class="breakfast-grid">




            <article class="food-card">


<!-- =====================================================
                <div class="food-image">
    SERVICES
===================================================== -->


<section class="section"
                    <img
        id="services">
                        src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg"
                        alt="املت کافه پاتوق محمد"
                        loading="lazy"
                    >


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


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


<h2 class="section-title">
                    <h3>
                        املت پاتوق
                    </h3>


خدمات
                    <p>
<span>
                        یک انتخاب ساده، گرم و محبوب برای صبحانه.
چاپ و تبلیغات
                    </p>
</span>


</h2>
                </div>


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


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


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


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


                    <img
                        src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg"
                        alt="عدسی صبحانه کافه پاتوق محمد"
                        loading="lazy"
                    >


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


                <div class="food-content">


                    <h3>
                        عدسی
                    </h3>


<article class="service-card">
                    <p>
                        گرم، دلچسب و مناسب یک صبح آرام.
                    </p>


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


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


</div>


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


<h3>
                <div class="food-image">
چاپ تراکت
</h3>


<p>
                    <img
چاپ تراکت تبلیغاتی در انواع سایز و کاغذ
                        src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg"
برای معرفی خدمات و محصولات کسب‌وکار.
                        alt="صبحانه سنتی کافه پاتوق محمد"
</p>
                        loading="lazy"
                    >


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


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


<i class="fa-solid fa-arrow-left"></i>
                    <h3>
                        صبحانه سنتی
                    </h3>


</a>
                    <p>
                        شروع روز با طعم و حال‌وهوای ایرانی.
                    </p>


</div>
                </div>


</article>
            </article>




        </div>


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


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


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


</div>
<!-- =====================================================
    YOUNG PEOPLE
===================================================== -->


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


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


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


<a href="#"
            <span class="small-title">
  class="service-link">
                پاتوق نسل جدید
            </span>


مشاهده جزئیات
            <h2>
                چرا جوان‌ها باید پاتوق محمد را امتحان کنند؟
            </h2>


<i class="fa-solid fa-arrow-left"></i>
            <p>
                چون یک کافه خوب فقط غذا و نوشیدنی نیست؛
                جایی است که دوست داری دوباره به آن برگردی.
            </p>


</a>
        </div>


</div>


</article>
        <div class="young-grid">




            <article class="young-card">


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


<div class="service-image">
                <h3>
                    فضای اینستاگرامی
                </h3>


<img
                <p>
src="https://dl.faraghaib.ir/m/260005-01/260005-01-34.jpg"
                    ترکیب فضای سنتی، رنگ‌های گرم و المان‌های
alt="چاپ کارت ویزیت">
                    قدیمی می‌تواند برای عکس و تولید محتوا جذاب باشد.
                </p>


</div>
            </article>


<div class="service-content">


<h3>
            <article class="young-card">
چاپ کارت ویزیت
</h3>


<p>
                <i class="fa-solid fa-gamepad"></i>
طراحی و چاپ کارت ویزیت حرفه‌ای برای
معرفی برند و ارتباط بهتر با مشتریان.
</p>


<a href="#"
                <h3>
  class="service-link">
                    وقت‌گذرانی با رفیق‌ها
                </h3>


مشاهده جزئیات
                <p>
                    یک جای خودمانی برای حرف زدن، خندیدن و
                    دورهم بودن بدون تشریفات.
                </p>


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


</a>


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


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


                <h3>
                    یک گوشه برای خودت
                </h3>


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


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


<div class="service-image">


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


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


<div class="service-content">
                <h3>
                    حس نوستالژی
                </h3>


<h3>
                <p>
طراحی لوگو
                    حال‌وهوای قهوه‌خانه‌های قدیمی با زبان
</h3>
                    طراحی امروزی و مناسب نسل جوان.
                </p>


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


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


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


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


</a>
</section>


</div>


</article>
<!-- =====================================================
    QUOTE
===================================================== -->


<section class="quote-section">


    <blockquote>


<article class="service-card">
        «بعضی قرارها را نمی‌شود در خانه گذاشت...
        باید آمد پاتوق.»


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


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


</div>
        کافه پاتوق محمد


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


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


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


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


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


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


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


</div>
            <span class="small-title">
                قاب‌های پاتوق
            </span>


</article>
            <h2>
                اینجا را باید دید!
            </h2>


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


        </div>


<article class="service-card">


<div class="service-image">
        <div class="gallery-grid">


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


</div>
            <div class="gallery-item large">


<div class="service-content">
                <img
                    src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg"
                    alt="فضای داخلی کافه پاتوق محمد"
                    loading="lazy"
                >


<h3>
                <span class="gallery-label">
چاپ هولوگرام
                    فضای پاتوق
</h3>
                </span>


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


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


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


<i class="fa-solid fa-arrow-left"></i>
                <img
                    src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg"
                    alt="فضای سنتی کافه پاتوق محمد"
                    loading="lazy"
                >


</a>
                <span class="gallery-label">
                    حال خوب
                </span>


</div>
            </div>


</article>


            <div class="gallery-item">


                <img
                    src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg"
                    alt="چای تازه دم کافه پاتوق محمد"
                    loading="lazy"
                >


<article class="service-card">
                <span class="gallery-label">
                    چای تازه‌دم
                </span>


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


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


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


<div class="service-content">
                <img
                    src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg"
                    alt="دورهمی دوستان در کافه پاتوق محمد"
                    loading="lazy"
                >


<h3>
                <span class="gallery-label">
چاپ کاتالوگ
                    دورهمی
</h3>
                </span>


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


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


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


<i class="fa-solid fa-arrow-left"></i>
                <img
                    src="https://dl.faraghaib.ir/m/260012-01/260012-01-04.jpg"
                    alt="صبحانه سنتی در کافه پاتوق محمد"
                    loading="lazy"
                >


</a>
                <span class="gallery-label">
                    صبحانه
                </span>


</div>
            </div>


</article>


        </div>


    </div>


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


<div class="service-image">


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


</div>
<section class="section social">


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


<h3>
        <div class="social-box">
خدمات تبلیغات
</h3>


<p>
            <div class="section-title"
طراحی و اجرای انواع تبلیغات چاپی برای
                style="margin-bottom:0;">
افزایش دیده‌شدن کسب‌وکار شما.
</p>


<a href="#"
                <span class="small-title">
  class="service-link">
                    پاتوق مجازی
                </span>


مشاهده جزئیات
                <h2>
                    عکس‌هات رو با ما شریک شو
                </h2>


<i class="fa-solid fa-arrow-left"></i>
                <p>
                    اگر از پاتوق عکس گرفتی، ما را در شبکه‌های اجتماعی
                    تگ کن تا قاب تو هم بخشی از داستان پاتوق شود.
                </p>


</a>
            </div>


</div>


</article>
            <div class="social-icons">


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


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


</div>
                </a>


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


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


                </a>


<!-- =====================================================
                <a href="#"
    CATEGORIES
                  aria-label="واتساپ">
===================================================== -->


<section class="section category-section"
                    <i class="fa-brands fa-whatsapp"></i>
        id="categories">


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


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


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


دسته‌بندی
    </div>
<span>
خدمات
</span>


</h2>
</section>


<p class="section-description">


محصولات و خدمات تبلیغاتی مورد نیاز کسب‌وکار خود را انتخاب کنید.
<!-- =====================================================
    CTA
===================================================== -->


</p>
<section class="cta"
        id="contact">


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


        <h2>
            قرار بعدی کجاست؟
        </h2>


<div class="category-grid">
        <p>
            اگر دنبال یک جای صمیمی برای چای، صبحانه،
            عصرانه یا دورهمی هستی، شاید پاتوق محمد
            همان جایی باشد که دنبالش می‌گشتی.
        </p>




<a href="#"
        <div class="cta-actions">
  class="category">


<i class="fa-solid fa-file-lines"></i>
            <a href="tel:02100000000"
              class="btn btn-gold">


<strong>
                <i class="fa-solid fa-phone"></i>
چاپ تراکت
</strong>


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


</a>
            </a>




            <a href="#menu"
              class="btn btn-outline">


<a href="#"
                <i class="fa-solid fa-mug-hot"></i>
  class="category">


<i class="fa-solid fa-image"></i>
                دیدن منو


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


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


</a>
    </div>


</section>




<a href="#"
</main>
  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
===================================================== -->
===================================================== -->


<footer class="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>
    <div class="container">
<a href="#">چاپ هولوگرام</a>
</li>


</ul>
        <div class="footer-grid">


</div>


            <div>


                <h3>
                    کافه پاتوق محمد
                </h3>


<div>
                <p>
                    قهوه‌خانه سنتی با حال‌وهوای امروزی؛
                    جایی برای چای، صبحانه، عصرانه،
                    گپ دوستانه و دورهمی.
                </p>


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


<ul class="footer-links">


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


<li>
                <h3>
<a href="#">طراحی پوستر</a>
                    منوی پاتوق
</li>
                </h3>


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


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


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


</ul>
                    <li>عدسی</li>


</div>
                    <li>صبحانه</li>


                    <li>عصرانه</li>


                </ul>


<div>
            </div>


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


            <div>


<div class="contact-item">
                <h3>
                    اطلاعات تماس
                </h3>


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


<a href="tel:+989900000000">
                    <li>
0990 000 0000
                        <i class="fa-solid fa-phone"></i>
</a>
                        021-00000000
                    </li>


</div>
                    <li>
                        <i class="fa-solid fa-location-dot"></i>
                        آدرس کافه
                    </li>


                    <li>
                        <i class="fa-solid fa-clock"></i>
                        ساعات کاری
                    </li>


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


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


<span>
info@example.com
</span>


</div>
        </div>




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


<i class="fa-solid fa-location-dot"></i>
            © تمامی حقوق برای کافه پاتوق محمد محفوظ است.


<span>
        </div>
آدرس مجموعه چاپ و تبلیغات
</span>


</div>
    </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>
</footer>




خط ۳٬۲۸۷: خط ۲٬۸۷۹:
     aria-label="منوی موبایل">
     aria-label="منوی موبایل">


    <a href="#home"
      class="active">


<a href="#home"
        <i class="fa-solid fa-house"></i>
  class="active">
 
<i class="fa-solid fa-house"></i>


<span>
        خانه
خانه
</span>


</a>
    </a>




<a href="#services">
    <a href="#menu">


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


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


</a>
    </a>




<a
    <a href="#breakfast">
href="tel:+989900000000"
class="call"
aria-label="تماس">


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


</a>
        صبحانه


    </a>


<a href="#about">


<i class="fa-solid fa-building"></i>
    <a href="#gallery">


<span>
        <i class="fa-solid fa-camera"></i>
درباره ما
</span>


</a>
        عکس‌ها


    </a>


<a href="#contact">


<i class="fa-solid fa-location-dot"></i>
    <a href="#contact">


<span>
        <i class="fa-solid fa-phone"></i>
تماس
</span>


</a>
        تماس


    </a>


</nav>
</nav>

نسخهٔ کنونی تا ‏۲۶ اوت ۲۰۲۶، ساعت ۰۹:۲۸

کافه پاتوق محمد | قهوه خانه سنتی و پاتوق جوان‌ها

یه چای، یه گپ، یه پاتوق خوب...
کافه پاتوق محمد قهوه خانه سنتی و پاتوق دوستانه دیدن منو
پاتوق
محمد
۱۴۰۵

اینجا فقط چای نمی‌خوریم!

یه پاتوق برای چای، صبحانه، گپ و خاطره ساختیم.

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

منوی پاتوق چرا پاتوق؟
☕ چای تازه‌دم
🍳 املت مخصوص
✦ جای رفیق‌بازی
صبحانه چای املت عدسی عصرانه دورهمی
حال‌وهوای پاتوق

اینجا قراره بهت خوش بگذره

پاتوق محمد برای کسانی است که یک جای ساده، صمیمی و متفاوت برای وقت گذراندن می‌خواهند.

چای و گپ

چای تازه‌دم و حرف‌هایی که قرار نیست زود تمام شوند.

دورهمی رفیقانه

یک میز، چند رفیق و کلی حرف نگفته.

جای عکس گرفتن

فضای سنتی و متفاوت برای ثبت لحظه‌های خوب.

حال خوب

جایی برای فاصله گرفتن از شلوغی روزمره.

صبح‌های پاتوق

صبحانه‌ای که ارزش بیدار شدن دارد!

صبحانه، املت و عدسی می‌توانند از جذاب‌ترین بخش‌های منوی پاتوق برای شروع روز باشند.

املت کافه پاتوق محمد

املت پاتوق

یک انتخاب ساده، گرم و محبوب برای صبحانه.

عدسی صبحانه کافه پاتوق محمد

عدسی

گرم، دلچسب و مناسب یک صبح آرام.

صبحانه سنتی کافه پاتوق محمد

صبحانه سنتی

شروع روز با طعم و حال‌وهوای ایرانی.

پاتوق نسل جدید

چرا جوان‌ها باید پاتوق محمد را امتحان کنند؟

چون یک کافه خوب فقط غذا و نوشیدنی نیست؛ جایی است که دوست داری دوباره به آن برگردی.

فضای اینستاگرامی

ترکیب فضای سنتی، رنگ‌های گرم و المان‌های قدیمی می‌تواند برای عکس و تولید محتوا جذاب باشد.

وقت‌گذرانی با رفیق‌ها

یک جای خودمانی برای حرف زدن، خندیدن و دورهم بودن بدون تشریفات.

یک گوشه برای خودت

اگر دنبال فضایی متفاوت برای مطالعه، کار یا کمی خلوت کردن هستی، پاتوق می‌تواند انتخاب متفاوتی باشد.

حس نوستالژی

حال‌وهوای قهوه‌خانه‌های قدیمی با زبان طراحی امروزی و مناسب نسل جوان.

«بعضی قرارها را نمی‌شود در خانه گذاشت... باید آمد پاتوق.»

کافه پاتوق محمد

قرار بعدی کجاست؟

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

تماس با پاتوق دیدن منو

کافه پاتوق محمد

قهوه‌خانه سنتی با حال‌وهوای امروزی؛ جایی برای چای، صبحانه، عصرانه، گپ دوستانه و دورهمی.

منوی پاتوق

  • چای
  • املت
  • عدسی
  • صبحانه
  • عصرانه

اطلاعات تماس

  • 021-00000000
  • آدرس کافه
  • ساعات کاری
© تمامی حقوق برای کافه پاتوق محمد محفوظ است.

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