چاپ و تبلیغات برادران نعمتی: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| (۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۱: | خط ۱: | ||
<html> | |||
<script> | |||
document.addEventListener("contextmenu", function (event) { | |||
event.preventDefault(); | |||
alert("کلیک راست در این صفحه غیرفعال است."); | |||
}); | |||
</script> | |||
<div style="width:100%; text-align:center; margin:0 auto;"> | |||
<div style="display:inline-block; max-width:100%; overflow:hidden; border-radius:2px;"> | |||
<img src="https://dl.faraghaib.ir/m/260005/baner.png" alt="خدمات چاپ و تبلیغات نعمتی"> | |||
</div> | |||
</html> | |||
{{منوی اصلی/نعمتی}} | {{منوی اصلی/نعمتی}} | ||
| خط ۵: | خط ۱۸: | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>خدمات چاپ و تبلیغات نعمتی</title> | <title>خدمات چاپ و تبلیغات نعمتی</title> | ||
<style> | <style> | ||
/* مخفی کردن سایدبار (اگر میخواهید کاملاً خالی شود) */ | |||
#mw-panel, #column-one { display: none !important; } | |||
/* افزایش عرض محتوا به ۱۰۰٪ */ | |||
#content, .mw-body { | |||
margin-left: 0 !important; | |||
width: 100% !important; | |||
max-width: none !important; | |||
} | |||
/* Reset & Base Styles */ | |||
* { box-sizing: border-box; margin: 0; padding: 0; } | |||
body { font-family: 'Tahoma', 'Arial', sans-serif; line-height: 1.6; color: #333; background-color: #fff; } | |||
h1, h2, h3 { margin-bottom: 15px; } | |||
/* Parallax Effect */ | |||
.parallax { | .parallax { | ||
height: 450px; | |||
background-attachment: fixed; /* ثابت ماندن تصویر هنگام اسکرول */ | |||
background-attachment: | background-position: center; | ||
background- | background-repeat: no-repeat; | ||
background-size: 100% 100%; | |||
display: flex; | |||
flex-direction: column; | |||
justify-content: center; | |||
align-items: center; | |||
color: #fff; | |||
justify- | |||
text-align: center; | 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 | |||
} | } | ||
.parallax > * { position: relative; z-index: 2; } | |||
. | /* Sections */ | ||
.container { max-width: 1200px; margin: 0 auto; padding: 60px 20px; text-align: center; } | |||
.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> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
<!-- 1. Hero Section (Typing Image) --> | <!-- 1. Hero Section (Typing Image) --> | ||
<div class="parallax" | <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000505.jpg');"> | ||
<h1 style="color: #fff;"> چاپ و تبلیغات نعمتی</h1> | |||
<p>کیفیت ماندگار،چاپ حرفهای و تبلیغات مؤثر برای رشد کسبوکار</p> | |||
<h1 style="color: #fff;"> | |||
<p> | |||
</div> | </div> | ||
<h2 class="section-title" style="text-align:center; padding-bottom: 40px;">محصولات</h2> | |||
</html> | </html> | ||
{{کانتینر نامنظم/نعمتی}} | {{کانتینر نامنظم/نعمتی}} | ||
{{محصولات مربعی}} | |||
<html> | <html> | ||
<!-- 3. Parallax: Azadi Tower (Shipping) --> | <!-- 3. Parallax: Azadi Tower (Shipping) --> | ||
<div class="parallax" | <div class="parallax" style="background-image: url('https://dl.faraghaib.ir/m/260005/26000530.png');"> | ||
<h2 style="color:#fff;padding: 102px 0 0 0;font-size: 36px;">پذیرش سفارش</h2> | |||
<p style="color:#fff;font-size: 19px;">ارسال سریع و ایمن با تضمین سلامت در اجرا | |||
<h2 style="color:#fff;"> | </p> | ||
<p style="color:#fff;"> | |||
</div> | </div> | ||
<!-- 4. Best Sellers Section --> | <!-- 4. Best Sellers Section --> | ||
<div class="container"> | <div class="container"> | ||
<h2 class="section-title">محصولات پرفروش</h2> | |||
<h2 class="section-title"> | |||
<div class="best-sellers-grid"> | <div class="best-sellers-grid"> | ||
<div class="best-seller-card"> | <div class="best-seller-card"> | ||
<img src="https://dl.faraghaib.ir/m/260005/26000521.png" alt="چاپ و تبلیغات نعمتی"> | |||
<img | <span class="product-code">کد محصول: SD 107</span> | ||
<p>چاپ بنر حج </p> | |||
<span class="product-code"> | |||
<p> | |||
</div> | </div> | ||
<div class="best-seller-card"> | <div class="best-seller-card"> | ||
<img src="https://dl.faraghaib.ir/m/260005/26000512.jpg" alt="چاپ و تبلیغات نعمتی"> | |||
<img | <span class="product-code">کد محصول: SD 110</span> | ||
<p>طراحی و چاپ تسلیت</p> | |||
<span class="product-code"> | |||
<p> | |||
</div> | </div> | ||
<div class="best-seller-card"> | <div class="best-seller-card"> | ||
<img src="https://dl.faraghaib.ir/m/260005/26000506.png" alt="چاپ و تبلیغات نعمتی"> | |||
<img | <span class="product-code">کد محصول: SD 118</span> | ||
<p>طراحی و چاپ تبریک و خیر مقدم انواع مراسم</p> | |||
<span class="product-code"> | |||
<p> | |||
</div> | </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> | |||
<img | |||
<span class="product-code"> | |||
<p> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- 5. Parallax: Drill (Installation) --> | <!-- 5. Parallax: Drill (Installation) --> | ||
<div class="parallax" | <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: 19px;">چاپ سفارشی با کیفیت و دقت در اجرا</p> | |||
<p style="color:#fff;"> | |||
</div> | </div> | ||
<!-- 6. Security Section --> | <!-- 6. Security Section --> | ||
<div class="container"> | <div class="container"> | ||
<div class="info-row"> | <div class="info-row"> | ||
<div class="info-text"> | <div class="info-text"> | ||
<h2 class="section-title" style="text-align: right; margin-right: auto;">کیفیت</h2> | |||
<h2 class="section-title" | <p><strong>چاپ و تبلیغات برادران نعمتی</strong> با بهرهگیری از تجهیزات پیشرفته، متریال باکیفیت و چاپ دقیق، بهترین نتیجه را برای معرفی برند شما ارائه میدهد. ما کیفیت ماندگار را در هر سفارش تضمین میکنیم.</p> | ||
<p> | |||
</div> | </div> | ||
<div class="info-image"> | <div class="info-image"> | ||
<img src="https://dl.faraghaib.ir/m/260005/26000526.png" alt="کیفیت"> | |||
<img | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- 7. Sound Privacy Section --> | <!-- 7. Sound Privacy Section --> | ||
<div class="container"> | <div class="container"> | ||
<div class="info-row" style="flex-direction: row-reverse;"> | |||
<div class="info-row" | <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 class="info-text" | |||
<h2 class="section-title" | |||
<p> | |||
</div> | </div> | ||
<div class="info-image"> | <div class="info-image"> | ||
<img src="https://dl.faraghaib.ir/m/260005/26000519.png" alt="اعتماد"> | |||
<img | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- 8. Parallax: Phone (Consultation) --> | <!-- 8. Parallax: Phone (Consultation) --> | ||
<div class="parallax" | <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> | |||
<h2 style="color:#fff;"> | |||
<p style="color:#fff;"> | |||
</div> | </div> | ||
<!-- 9. Energy Saving Section --> | <!-- 9. Energy Saving Section --> | ||
<div class="container"> | <div class="container"> | ||
<div class="info-row"> | <div class="info-row"> | ||
<div class="info-text"> | <div class="info-text"> | ||
<h2 class="section-title">ماندگاری</h2> | |||
<h2 class="section-title"> | <p><strong>چاپ و تبلیغات برادران نعمتی</strong> با استفاده از بهترین متریال و فناوریهای چاپ، محصولاتی با رنگهای زنده و دوام بالا تولید میکند تا تبلیغات شما اثربخشی بیشتری داشته باشد.</p> | ||
<p> | |||
</div> | </div> | ||
<div class="info-image"> | <div class="info-image"> | ||
<img src="https://dl.faraghaib.ir/m/260005/26000533.png" alt="ماندگاری"> | |||
<img | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
{{منوی زیر صفحه/نعمتی}} | {{منوی زیر صفحه/نعمتی}} | ||