پرش به محتوا

الگو:محصولات دایره ای

از فراغیب
نسخهٔ تاریخ ‏۱ اوت ۲۰۲۶، ساعت ۱۲:۳۸ توسط Javid (بحث | مشارکت‌ها) (صفحه‌ای تازه حاوی «<html> ========================================== Deniz Door Products SEO | Responsive | IRANSans ===========================================: @font-face{ font-family:'IRANSans'; src:url('/fonts/IRANSans.woff2') format('woff2'), url('/fonts/IRANSans.woff') format('woff'); font-display:swap; } :root{ --primary:#1f2937; --secondary:#555; --light:#ffffff; --border:#ececec; --hover:#f8f9fa;...» ایجاد کرد)
(تفاوت) → نسخهٔ قدیمی‌تر | نمایش نسخهٔ فعلی (تفاوت) | نسخهٔ جدیدتر ← (تفاوت)

/*========================================== Deniz Door Products SEO | Responsive | IRANSans ===========================================*/ @font-face{ font-family:'IRANSans'; src:url('/fonts/IRANSans.woff2') format('woff2'), url('/fonts/IRANSans.woff') format('woff'); font-display:swap; } :root{ --primary:#1f2937; --secondary:#555; --light:#ffffff; --border:#ececec; --hover:#f8f9fa; --shadow:0 10px 28px rgba(0,0,0,.08); --shadow-hover:0 18px 40px rgba(0,0,0,.14); } *{ margin:0; padding:0; box-sizing:border-box; } html{ scroll-behavior:smooth; } body{ direction:rtl; font-family:'IRANSans',Tahoma,sans-serif; background:#fff; color:var(--primary); line-height:2; } img{ max-width:100%; display:block; } a{ color:inherit; text-decoration:none; } .products-section{ width:100%; padding:70px 20px; background:#fff; } .products-container{ max-width:1350px; margin:auto; } .products-header{ text-align:center; margin-bottom:55px; } .products-header h2{ font-size:48px; font-weight:800; color:#111; line-height:1.4; } .products-header span{ display:block; width:140px; height:2px; background:#e6e6e6; margin:18px auto 0; } .products-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:35px; } .product-card{ text-align:center; transition:.35s; border-radius:18px; padding:10px 12px 20px; } .product-card:hover{ background:var(--hover); transform:translateY(-8px); box-shadow:var(--shadow-hover); } .product-image{ width:210px; height:210px; margin:0 auto 22px; border-radius:50%; overflow:hidden; border:1px solid #ededed; box-shadow:var(--shadow); } .product-image img{ width:100%; height:100%; object-fit:cover; transition:.45s; } .product-card:hover img{ transform:scale(1.08); } .product-card h3{ font-size:30px; margin-bottom:18px; color:#222; font-weight:800; } .product-card p{ color:var(--secondary); font-size:17px; text-align:justify; line-height:2.2; } .product-card strong{ color:#111; font-weight:800; } .product-card p::selection{ background:#222; color:#fff; } .product-image img{ aspect-ratio:1/1; } .product-card figure{ margin:0; } .product-card figcaption{ padding:0 8px; } /*========================================== Responsive Design ===========================================*/ @media (max-width:1200px){ .products-grid{ grid-template-columns:repeat(2,1fr); gap:40px; } .product-image{ width:190px; height:190px; } .product-card h3{ font-size:28px; } } @media (max-width:768px){ .products-section{ padding:55px 18px; } .products-header{ margin-bottom:40px; } .products-header h2{ font-size:38px; } .products-grid{ grid-template-columns:1fr; gap:45px; } .product-card{ max-width:480px; margin:auto; } .product-image{ width:180px; height:180px; } .product-card h3{ font-size:26px; } .product-card p{ font-size:16px; line-height:2.1; } } @media (max-width:480px){ .products-section{ padding:45px 15px; } .products-header h2{ font-size:32px; } .products-header span{ width:110px; } .product-image{ width:155px; height:155px; } .product-card{ padding:0; } .product-card h3{ font-size:23px; margin-bottom:12px; } .product-card p{ font-size:15px; text-align:right; line-height:2; } } /*========================================== Accessibility ===========================================*/ .product-card a{ display:block; outline:none; border-radius:18px; } .product-card a:focus-visible{ box-shadow:0 0 0 4px rgba(0,102,204,.25); } /*========================================== Performance ===========================================*/ .product-image img{ content-visibility:auto; } /*========================================== Print ===========================================*/ @media print{ .products-section{ padding:0; } .product-card{ break-inside:avoid; } } /*========================================== End CSS ===========================================*/

محصولات دنیز درب | تولید کننده درب ضد سرقت، درب ضد حریق، درب اتاقی و درب سفارشی