|
|
| (۲۱ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| {{منوی اصلی/نعمتی}}
| | <div class="patogh-menu-grid"> |
| <html lang="fa" dir="rtl"> | | {{کارت_پاتوق |
| <head>
| | | بج = محبوب |
| <meta charset="UTF-8"> | | | نام = چای مخصوص پاتوق |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | | | توضیحات = چای تازهدم سنتی، سرو در استکان کمرباریک. |
| <title>خدمات چاپ و تبلیغات نعمتی</title> | | | امتیاز = ۴.۹ |
| <style>
| | | قیمت = ۳۵,۰۰۰ |
| | }} |
|
| |
|
| /* مخفی کردن سایدبار (اگر میخواهید کاملاً خالی شود) */
| | {{کارت_پاتوق |
| #mw-panel, #column-one { display: none !important; }
| | | بج = محبوب |
| | | نام = املت مخصوص |
| | | توضیحات = املت گوجهفرنگی داغ با نان سنگک برشته. |
| | | امتیاز = ۴.۸ |
| | | قیمت = ۶۵,۰۰۰ |
| | }} |
| | </div> |
|
| |
|
| /* افزایش عرض محتوا به ۱۰۰٪ */ | | <div class="patogh-grid-2x2"> |
| #content, .mw-body {
| | {{کارت_مقاله |
| margin-left: 0 !important; | | | تصویر =https://dl.faraghaib.ir/m/۲۶۰۰۱۲-01/۲۶۰۰۱۲-01-102.png |
| width: 100% !important; | | | عنوان = چرا چای بخش جدانشدنی دورهمیهای ایرانی است؟ |
| max-width: none !important; | | | توضیحات = نگاهی کوتاه به فرهنگ چای و جایگاه آن در دورهمیهای دوستانه. |
| } | | | لینک = صفحه_مقاله_اول |
| | }} |
|
| |
|
| /* Reset & Base Styles */
| | {{کارت_مقاله |
| * { box-sizing: border-box; margin: 0; padding: 0; }
| | | تصویر = https://cdn.example.com/images/breakfast.webp |
| body { font-family: 'Tahoma', 'Arial', sans-serif; line-height: 1.6; color: #333; background-color: #fff; }
| | | عنوان = یک صبحانه سنتی خوب چه ویژگیهایی دارد؟ |
| h1, h2, h3 { margin-bottom: 15px; }
| | | توضیحات = صبحانه ساده، گرم و خوشمزه؛ همان چیزی که یک روز خوب نیاز دارد. |
| | | لینک = صفحه_مقاله_second |
| | }} |
| | </div> |
|
| |
|
| /* Parallax Effect */
| |
| .parallax {
| |
| height: 450px;
| |
| background-attachment: fixed; /* ثابت ماندن تصویر هنگام اسکرول */
| |
| background-position: center;
| |
| background-repeat: no-repeat;
| |
| background-size: 100% 100%;
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: center;
| |
| align-items: center;
| |
| color: #fff;
| |
| text-align: center;
| |
| position: relative;
| |
| }
| |
| /* ایجاد لایه تیره روی تصاویر برای خوانایی متن */
| |
| .parallax::before {
| |
| content: "";
| |
| position: absolute;
| |
| top: 0; left: 0; right: 0; bottom: 0;
| |
| background: rgba(0, 0, 0, 0.4);
| |
| z-index: 1;
| |
| }
| |
| .parallax > * { position: relative; z-index: 2; }
| |
|
| |
|
| /* Sections */
| | {{کارت_مقاله |
| .container { max-width: 1200px; margin: 0 auto; padding: 60px 20px; text-align: center; }
| | | تصویر = https://dl.faraghaib.ir/m/260009-01/260009-01-102.png |
| .section-title { font-size: 2rem; margin-bottom: 40px; position: relative; padding-bottom: 40px; }
| | | عنوان = چرا چای بخش جدانشدنی دورهمیهای ایرانی است؟ |
| .section-title::after {
| | | توضیحات = نگاهی کوتاه به فرهنگ چای و جایگاه آن در دورهمیهای دوستانه. |
| content: ''; width: 50px; height: 3px; background: #c19a6b; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
| | | لینک = تست۳ |
| }
| | }} |
| | |
| /* Product Grid (Circular) */
| |
| .product-circle-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 30px; }
| |
| .product-circle-item img { width: 150px; height: 150px; border-radius: 50%; object-fit: cover; border: 4px solid #f4f4f4; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
| |
| .product-circle-item p { margin-top: 15px; font-weight: bold; }
| |
| | |
| /* Best Sellers Grid */
| |
| .best-sellers-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 30px; }
| |
| .best-seller-card { border: 1px solid #eee; padding: 15px; transition: 0.3s; }
| |
| .best-seller-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
| |
| .best-seller-card img { width: 100%; height: 350px; object-fit: cover; }
| |
| .product-code { color: #c19a6b; font-weight: bold; display: block; margin: 10px 0; }
| |
| | |
| /* Info Sections (Security, Sound, etc.) */
| |
| .info-row { display: flex; align-items: center; flex-wrap: wrap; text-align: right; gap: 40px; }
| |
| .info-text { flex: 1; min-width: 300px; }
| |
| .info-image { flex: 1; min-width: 300px; }
| |
| .info-image img { width: 100%; border-radius: 10px; }
| |
| | |
| /* Contact & Footer */
| |
| .footer-container { background: #222; color: #fff; padding: 50px 20px; }
| |
| .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; text-align: right; }
| |
| .footer-column h3 { color: #c19a6b; }
| |
| .footer-column p { color: #bbb; font-size: 0.9rem; }
| |
| | |
| /* Map Section */
| |
| .map-section { width: 100%; height: 400px; background: #eee; border-top: 2px solid #c19a6b; }
| |
| .map-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #e0e0e0; color: #666; }
| |
| | |
| /* Floating WhatsApp */
| |
| .whatsapp-btn { position: fixed; bottom: 30px; left: 30px; width: 60px; height: 60px; background: #25d366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0,0,0,0.3); z-index: 1000; transition: 0.3s; }
| |
| .whatsapp-btn:hover { transform: scale(1.1); }
| |
| .whatsapp-btn img { width: 35px; }
| |
| | |
| /* Responsive */
| |
| @media (max-width: 768px) {
| |
| .parallax { height: 300px; background-attachment: scroll; } /* در موبایل برای پرفورمنس بهتر پارالاکس غیرفعال میشود */
| |
| .info-row { flex-direction: column; text-align: center; }
| |
| .info-text { text-align: center; }
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| | |
| <!-- 1. Hero Section (Typing Image) -->
| |
| <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000505.jpg');">
| |
| <h1 style="color: #fff;"> چاپ و تبلیغات نعمتی</h1>
| |
| <p>کیفیت ماندگار، چاپ حرفهای و تبلیغات مؤثر برای رشد کسبوکار شما</p>
| |
| </div>
| |
| <h2 class="section-title" style="text-align:center; padding-bottom: 40px;">محصولات</h2>
| |
| </html>
| |
| | |
| | |
|
| |
| {{محصولات دایره ای}}
| |
| | |
| | |
| | |
| <html>
| |
| | |
|
| |
| <!-- 3. Parallax: Azadi Tower (Shipping) -->
| |
| <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000530.png');">
| |
| <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">پذیرش سفارش و اجرا در منطقه</h2>
| |
| <p style="color:#fff;font-size: 19px;">ارسال سریع و ایمن با تضمین سلامت و اجرای بی نقص در منطقه</p>
| |
| </div>
| |
| | |
| <!-- 4. Best Sellers Section -->
| |
| <div class="container"> | |
| <h2 class="section-title">محصولات پرفروش</h2>
| |
| <div class="best-sellers-grid">
| |
| <div class="best-seller-card">
| |
| <img src="https://dl.faraghaib.ir/m/260005/26000521.png" alt="چاپ و تبلیغات نعمتی">
| |
| <span class="product-code">کد محصول: SD 107</span>
| |
| <p>چاپ بنر حج </p>
| |
| </div>
| |
| <div class="best-seller-card">
| |
| <img src="https://dl.faraghaib.ir/m/260005/26000512.jpg" alt="چاپ و تبلیغات نعمتی">
| |
| <span class="product-code">کد محصول: SD 110</span>
| |
| <p>طراحی و چاپ تسلیت</p>
| |
| </div>
| |
| <div class="best-seller-card">
| |
| <img src="https://dl.faraghaib.ir/m/260005/26000506.png" alt="چاپ و تبلیغات نعمتی">
| |
| <span class="product-code">کد محصول: SD 118</span>
| |
| <p>طراحی و چاپ تبریک و خیر مقدم انواع مراسم</p>
| |
| </div>
| |
| <div class="best-seller-card">
| |
| <img src="https://dl.faraghaib.ir/m/260005/26000527.png" alt="چاپ و تبلیغات نعمتی">
| |
| <span class="product-code">کد محصول: SD 118</span>
| |
| <p>طراحی و چاپ بنر تبریک تولد </p>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- 5. Parallax: Drill (Installation) -->
| |
| <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000529.png');"> | |
| <br> <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">چاپ اختصاصی</h2>
| |
| <p style="color:#fff;font-size: 26px;">چاپ سفارشی با بالاترین کیفیت و دقت در اجرا</p>
| |
| </div>
| |
| | |
| <!-- 6. Security Section -->
| |
| <div class="container"> | |
| <div class="info-row">
| |
| <div class="info-text">
| |
| <h2 class="section-title" style="text-align: right; margin-right: auto;">کیفیت</h2>
| |
| <p><strong>چاپ و تبلیغات برادران نعمتی</strong> با بهرهگیری از تجهیزات پیشرفته، متریال باکیفیت و چاپ دقیق، بهترین نتیجه را برای معرفی برند شما ارائه میدهد. ما کیفیت ماندگار را در هر سفارش تضمین میکنیم.</p>
| |
| </div>
| |
| <div class="info-image">
| |
| <img src="https://dl.faraghaib.ir/m/260005/26000526.png" alt="کیفیت">
| |
| </div>
| |
| </div>
| |
| </div> | |
| | |
| <!-- 7. Sound Privacy Section -->
| |
| <div class="container">
| |
| <div class="info-row" style="flex-direction: row-reverse;">
| |
| <div class="info-text" style="text-align: left;">
| |
| <h2 class="section-title" style="text-align: left; margin-left: auto;">اعتماد</h2>
| |
| <p>اعتماد مشتریان، بزرگترین سرمایه <strong>چاپ و تبلیغات برادران نعمتی</strong> است. ما با کیفیت چاپ، تحویل بهموقع و خدمات حرفهای، همراه مطمئن کسبوکار شما هستیم.</p>
| |
| </div>
| |
| <div class="info-image">
| |
| <img src="https://dl.faraghaib.ir/m/260005/26000519.png" alt="اعتماد">
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- 8. Parallax: Phone (Consultation) -->
| |
| <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000525.png');">
| |
| <h2 style="color:#fff;font-size: 36px;padding: 102px 0 0 0;">هویت بصری</h2>
| |
| <p style="color:#fff;font-size: 19px;">چاپ تراکت، پوستر و اقلام تبلیغاتی با کیفیت ممتاز</p>
| |
| </div>
| |
| | |
| <!-- 9. Energy Saving Section -->
| |
| <div class="container">
| |
| <div class="info-row">
| |
| <div class="info-text">
| |
| <h2 class="section-title">ماندگاری</h2>
| |
| <p><strong>چاپ و تبلیغات برادران نعمتی</strong> با استفاده از بهترین متریال و فناوریهای چاپ، محصولاتی با رنگهای زنده و دوام بالا تولید میکند تا تبلیغات شما اثربخشی بیشتری داشته باشد.</p>
| |
| </div>
| |
| <div class="info-image">
| |
| <img src="https://dl.faraghaib.ir/m/260005/26000533.png" alt="ماندگاری">
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| </body>
| |
| </html>
| |
| {{منوی زیر صفحه/نعمتی}}
| |