|
|
| (۱۲ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <html> | | <html> |
| | <section class="products-section" aria-labelledby="products-title" style="padding: 15px;"> |
|
| |
|
| /*==========================================
| | <div class="container"> |
| 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
| |
| ===========================================*/
| |
| <section class="products-section" aria-labelledby="products-title">
| |
| <div class="products-container"> | |
| <header class="products-header">
| |
| <h2 id="products-title">محصولات</h2>
| |
| <span aria-hidden="true"></span>
| |
| </header>
| |
| <div class="products-grid"> | | <div class="products-grid"> |
| <!-- درب ضد حریق --> | | |
| | <!-- 1محصول --> |
| <article class="product-card"> | | <article class="product-card"> |
| <a href="/fire-door" | | |
| title="درب ضد حریق دنیز درب">
| | <a href="/security-door/" title="چاپ و تبلیغات"> |
| <figure class="product-image"> | | |
| | <figure> |
| | |
| <img | | <img |
| src="images/fire-door.webp" | | src="https://dl.faraghaib.ir/m/260005/26000515.png" |
| alt="درب ضد حریق دنیز درب" | | alt="چاپ و تبلیغات" |
| width="210"
| |
| height="210"
| |
| loading="lazy" | | loading="lazy" |
| decoding="async"> | | width="260" |
| | height="260"> |
| | |
| </figure> | | </figure> |
| <figcaption> | | |
| <h3>درب ضد حریق</h3>
| | <h3>چاپ هولوگرام</h3> |
| | | |
| <strong>دنیز درب</strong> تولیدکننده انواع درب ضد حریق استاندارد با مقاومت بالا در برابر آتش است. این محصولات با استفاده از متریال باکیفیت، امنیت ساختمان را افزایش داده و مطابق استانداردهای روز، از گسترش حریق جلوگیری میکنند.
| | |
| </p>
| | چاپ هولوگرام امنیتی با کیفیت بالا برای افزایش اصالت برند و جلوگیری از جعل |
| </figcaption>
| | </p> |
| | |
| </a> | | </a> |
| | |
| </article> | | </article> |
| <!-- درب اتاقی --> | | |
| | <!-- 2محصول --> |
| | |
| <article class="product-card"> | | <article class="product-card"> |
| <a href="/room-door" | | |
| title="درب اتاقی دنیز درب">
| | <a href="/custom-door/" title="چاپ پوستر"> |
| <figure class="product-image"> | | |
| | <figure> |
| | |
| <img | | <img |
| src="images/room-door.webp" | | src="https://dl.faraghaib.ir/m/260005/26000525.png" |
| alt="درب اتاقی دنیز درب" | | alt="چاپ پوستر" |
| width="210"
| |
| height="210"
| |
| loading="lazy" | | loading="lazy" |
| decoding="async"> | | width="260" |
| | height="260"> |
| | |
| </figure> | | </figure> |
| <figcaption> | | |
| <h3>درب اتاقی</h3>
| | <h3>چاپ پوستر</h3> |
| | | |
| <strong>دنیز درب</strong> انواع درب اتاقی مدرن، کلاسیک و لوکس را با طراحی متنوع و کیفیت ساخت بالا تولید میکند تا زیبایی و دوام را در کنار هم برای فضای داخلی ساختمان فراهم کند.
| | |
| </p>
| | چاپ پوستر با کیفیت بالا، رنگهای زنده و ماندگاری عالی برای تبلیغات مؤثر |
| </figcaption>
| | </p> |
| | |
| </a> | | </a> |
| | |
| </article> | | </article> |
| <!-- درب سفارشی --> | | |
| | <!-- 3محصول --> |
| | |
| <article class="product-card"> | | <article class="product-card"> |
| <a href="/custom-door" | | |
| title="درب سفارشی دنیز درب">
| | <a href="/room-door/" title="چاپ تراکت"> |
| <figure class="product-image"> | | |
| | <figure> |
| | |
| <img | | <img |
| src="images/custom-door.webp" | | src="https://dl.faraghaib.ir/m/260005/26000520.png" |
| alt="درب سفارشی دنیز درب" | | alt="چاپ تراکت" |
| width="210"
| | |
| height="210"
| |
| loading="lazy" | | loading="lazy" |
| decoding="async"> | | |
| | width="260" |
| | |
| | height="260"> |
| | |
| </figure> | | </figure> |
| <figcaption> | | |
| <h3>درب سفارشی</h3>
| | <h3>چاپ تراکت</h3> |
| | | |
| <strong>دنیز درب</strong> امکان طراحی و تولید انواع درب سفارشی را مطابق ابعاد، رنگ، سبک معماری و نیاز پروژه فراهم کرده است تا محصول نهایی کاملاً مطابق سلیقه مشتری باشد.
| | |
| </p>
| | چاپ تراکت تبلیغاتی با کیفیت بالا و تحویل سریع برای معرفی مؤثر کسبوکار شما |
| </figcaption>
| | </p> |
| | |
| </a> | | </a> |
| | |
| </article> | | </article> |
| <!-- درب ضد سرقت --> | | |
| | <!-- 4محصول --> |
| | |
| <article class="product-card"> | | <article class="product-card"> |
| <a href="/security-door" | | |
| title="درب ضد سرقت دنیز درب">
| | <a href="/fire-door/" title="طراحی حرفه ای لوگو"> |
| <figure class="product-image"> | | |
| | <figure> |
| | |
| <img | | <img |
| src="images/security-door.webp" | | src="https://dl.faraghaib.ir/m/260005/26000526.png" |
| alt="درب ضد سرقت دنیز درب" | | alt="طراحی حرفه ای لوگو" |
| width="210"
| | |
| height="210"
| |
| loading="lazy" | | loading="lazy" |
| decoding="async"> | | |
| | width="260" |
| | |
| | height="260"> |
| | |
| </figure> | | </figure> |
| <figcaption> | | |
| <h3>درب ضد سرقت</h3>
| | <h3>طراحی حرفه ای لوگو</h3> |
| | | |
| <strong>دنیز درب</strong> با تولید دربهای ضد سرقت مجهز به قفلهای ایمن، چهارچوب تقویتشده و متریال استاندارد، امنیت و زیبایی را به صورت همزمان برای ساختمانهای مسکونی، اداری و تجاری فراهم میکند.
| | |
| </p>
| | طراحی لوگوی حرفهای و اختصاصی برای خلق هویت بصری ماندگار و تقویت برند شما |
| </figcaption>
| | </p> |
| | |
| </a> | | </a> |
| | |
| </article> | | </article> |
| | |
| </div> | | </div> |
| | |
| </div> | | </div> |
| | |
| </section> | | </section> |
| <!-- ==========================================
| |
| SEO Meta Tags
| |
| =========================================== -->
| |
| <meta charset="UTF-8">
| |
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| <title>محصولات دنیز درب | تولید کننده درب ضد سرقت، درب ضد حریق، درب اتاقی و درب سفارشی</title>
| |
| <meta name="description" content="دنیز درب تولید کننده انواع درب ضد سرقت، درب ضد حریق، درب اتاقی و درب سفارشی با کیفیت بالا، طراحی مدرن، قیمت مناسب و ارسال به سراسر ایران.">
| |
| <meta name="keywords" content="دنیز درب, درب ضد سرقت, درب ضد حریق, درب اتاقی, درب سفارشی, تولید کننده درب, خرید درب ضد سرقت, قیمت درب ضد سرقت">
| |
| <meta name="robots" content="index,follow,max-image-preview:large">
| |
| <meta name="author" content="Deniz Door">
| |
| <meta name="theme-color" content="#ffffff">
| |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
| |
| <link rel="preload" href="/fonts/IRANSans.woff2" as="font" type="font/woff2" crossorigin>
| |
| <link rel="canonical" href="https://example.com/products">
| |
| <!-- Open Graph -->
| |
| <meta property="og:type" content="website">
| |
| <meta property="og:title" content="محصولات دنیز درب">
| |
| <meta property="og:description" content="تولید کننده انواع درب ضد سرقت، درب ضد حریق، درب اتاقی و درب سفارشی">
| |
| <meta property="og:image" content="https://example.com/images/cover.webp">
| |
| <meta property="og:locale" content="fa_IR">
| |
| <!-- Twitter -->
| |
| <meta name="twitter:card" content="summary_large_image">
| |
| <!-- ==========================================
| |
| Structured Data (Schema.org)
| |
| =========================================== -->
| |
| <script type="application/ld+json">
| |
| {
| |
| "@context":"https://schema.org",
| |
| "@type":"ItemList",
| |
| "name":"محصولات دنیز درب",
| |
| "itemListElement":[
| |
| {
| |
| "@type":"Product",
| |
| "position":1,
| |
| "name":"درب ضد حریق",
| |
| "brand":{
| |
| "@type":"Brand",
| |
| "name":"دنیز درب"
| |
| }
| |
| },
| |
| {
| |
| "@type":"Product",
| |
| "position":2,
| |
| "name":"درب اتاقی",
| |
| "brand":{
| |
| "@type":"Brand",
| |
| "name":"دنیز درب"
| |
| }
| |
| },
| |
| {
| |
| "@type":"Product",
| |
| "position":3,
| |
| "name":"درب سفارشی",
| |
| "brand":{
| |
| "@type":"Brand",
| |
| "name":"دنیز درب"
| |
| }
| |
| },
| |
| {
| |
| "@type":"Product",
| |
| "position":4,
| |
| "name":"درب ضد سرقت",
| |
| "brand":{
| |
| "@type":"Brand",
| |
| "name":"دنیز درب"
| |
| }
| |
| }
| |
| ]
| |
| }
| |
| </script>
| |
| <!-- ==========================================
| |
| پیشنهاد برای تصاویر
| |
| =========================================== -->
| |
| <!--
| |
| فرمت تصاویر:
| |
| WEBP
| |
| ابعاد:
| |
| 700×700
| |
| حجم:
| |
| کمتر از 80KB
| |
| loading="lazy"
| |
| decoding="async"
| |
| fetchpriority="low"
| |
| -->
| |
| <!-- ==========================================
| |
| کلاس Active برای Hover نرم
| |
| =========================================== -->
| |
| <script>
| |
| document.querySelectorAll('.product-card').forEach(card=>{
| |
| card.addEventListener('mouseenter',()=>card.classList.add('active'));
| |
| card.addEventListener('mouseleave',()=>card.classList.remove('active'));
| |
| });
| |
| </script>
| |
|
| |
|
| |
|
| </html> | | </html> |
| | [[رده:در حال ویرایش جاوید]] |