درب ضد سرقت
تولید و فروش انواع درب ضد سرقت با استفاده از بهترین متریال، قفلهای ایمن و استانداردهای روز دنیا.
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html | <html> | ||
<section class="products-section" aria-labelledby="products-title"> | |||
<div class="container"> | |||
<header class="section-header"> | |||
<h2 id="products-title">محصولات</h2> | |||
</header> | |||
<div class="products-grid"> | |||
<!-- محصول --> | |||
<article class="product-card"> | |||
<a href="/security-door/" title="درب ضد سرقت"> | |||
<figure> | |||
<section class=" | <img | ||
src="images/security-door.webp" | |||
alt="درب ضد سرقت سام درب" | |||
loading="lazy" | |||
width="260" | |||
aria- | height="260"> | ||
</figure> | |||
<h3>درب ضد سرقت</h3> | |||
<p> | |||
تولید و فروش انواع درب ضد سرقت با استفاده از بهترین | |||
متریال، قفلهای ایمن و استانداردهای روز دنیا. | |||
</p> | |||
</a> | |||
</article> | |||
<!-- محصول --> | |||
<article class="product-card"> | |||
<a href="/custom-door/" title="درب سفارشی"> | |||
<div class=" | |||
<figure> | |||
<img | |||
< | src="images/custom-door.webp" | ||
alt="درب سفارشی" | |||
loading="lazy" | |||
width="260" | |||
</ | height="260"> | ||
</ | </figure> | ||
<h3>درب سفارشی</h3> | |||
<div class=" | |||
<!-- | <p> | ||
<article class=" | طراحی و تولید انواع درب سفارشی مطابق نیاز پروژههای | ||
<a href=" | ساختمانی و معماری. | ||
</p> | |||
< | |||
</a> | |||
< | |||
</article> | |||
alt="درب ضد سرقت | |||
loading="lazy"> | <!-- محصول --> | ||
</ | |||
<h3> | <article class="product-card"> | ||
درب ضد سرقت | |||
</h3> | <a href="/room-door/" title="درب اتاقی"> | ||
<p> | |||
<figure> | |||
</p> | |||
<img | |||
src="images/room-door.webp" | |||
alt="درب اتاقی" | |||
</ | |||
loading="lazy" | |||
</ | width="260" | ||
height="260"> | |||
</figure> | |||
<h3>درب اتاقی</h3> | |||
<p> | |||
انواع درب اتاقی مدرن و کلاسیک با کیفیت بالا و طراحی | |||
<!-- | متنوع. | ||
<article class=" | </p> | ||
<a href="/ | |||
</a> | |||
< | |||
</article> | |||
< | |||
<!-- محصول --> | |||
alt="درب | |||
loading="lazy" | <article class="product-card"> | ||
<a href="/fire-door/" title="درب ضد حریق"> | |||
<figure> | |||
<img | |||
src="images/fire-door.webp" | |||
alt="درب ضد حریق" | |||
loading="lazy" | |||
</ | |||
< | width="260" | ||
</ | height="260"> | ||
< | |||
</figure> | |||
</ | <h3>درب ضد حریق</h3> | ||
<p> | |||
</ | تولید درب ضد حریق دارای تاییدیه آتشنشانی با مقاومت | ||
بالا در برابر حرارت. | |||
</article> | </p> | ||
<!-- | |||
<article class=" | </a> | ||
<a href="/ | |||
< | </article> | ||
<img src=" | |||
alt="درب | </div> | ||
loading="lazy" | |||
</div> | |||
</ | |||
< | |||
</ | |||
< | |||
طراحی | |||
</ | |||
</ | |||
</article> | |||
<!-- | |||
<article class=" | |||
<a href="/ | |||
< | |||
< | |||
alt="درب ضد | |||
loading="lazy" | |||
</ | |||
< | |||
</ | |||
< | |||
</p> | |||
</ | |||
</ | |||
</ | |||
</div> | |||
</section> | </section> | ||
.products-section{ | |||
padding:70px 15px; | |||
background:#fff; | |||
} | |||
.container{ | |||
max-width:1300px; | |||
margin:auto; | |||
} | |||
.section-header{ | |||
text-align:center; | |||
margin-bottom:55px; | |||
} | |||
.section-header h2{ | |||
font-size:42px; | |||
font-weight:700; | |||
color:#111; | |||
position:relative; | |||
display:inline-block; | |||
} | |||
.section-header h2::after{ | |||
content:""; | |||
display:block; | |||
width:80px; | |||
height:3px; | |||
background:#e6e6e6; | |||
margin:15px auto 0; | |||
} | |||
.products-grid{ | |||
display:grid; | |||
grid-template-columns:repeat(4,1fr); | |||
gap:40px; | |||
} | |||
.product-card{ | |||
text-align:center; | |||
transition:.35s; | |||
} | |||
.product-card a{ | |||
color:#333; | |||
text-decoration:none; | |||
display:block; | |||
} | |||
.product-card figure{ | |||
width:190px; | |||
height:190px; | |||
margin:0 auto 25px; | |||
border-radius:50%; | |||
overflow:hidden; | |||
transition:.4s; | |||
} | |||
.product-card img{ | |||
width:100%; | |||
height:100%; | |||
object-fit:cover; | |||
transition:.5s; | |||
} | |||
.product-card h3{ | |||
font-size:29px; | |||
margin-bottom:18px; | |||
color:#222; | |||
} | |||
.product-card p{ | |||
line-height:2; | |||
color:#666; | |||
font-size:17px; | |||
} | |||
.product-card:hover figure{ | |||
transform:translateY(-8px); | |||
box-shadow:0 18px 40px rgba(0,0,0,.18); | |||
} | |||
.product-card:hover img{ | |||
transform:scale(1.08); | |||
} | |||
.product-card:hover h3{ | |||
color:#b48b45; | |||
} | |||
.products-section{ | |||
padding:70px 15px; | |||
background:#fff; | |||
} | |||
.container{ | |||
max-width:1300px; | |||
margin:auto; | |||
} | |||
.section-header{ | |||
text-align:center; | |||
margin-bottom:55px; | |||
} | |||
.section-header h2{ | |||
font-size:42px; | |||
font-weight:700; | |||
color:#111; | |||
position:relative; | |||
display:inline-block; | |||
} | |||
.section-header h2::after{ | |||
content:""; | |||
display:block; | |||
width:80px; | |||
height:3px; | |||
background:#e6e6e6; | |||
margin:15px auto 0; | |||
} | |||
.products-grid{ | |||
display:grid; | |||
grid-template-columns:repeat(4,1fr); | |||
gap:40px; | |||
} | |||
.product-card{ | |||
text-align:center; | |||
transition:.35s; | |||
} | |||
.product-card a{ | |||
color:#333; | |||
text-decoration:none; | |||
display:block; | |||
} | |||
.product-card figure{ | |||
width:190px; | |||
height:190px; | |||
margin:0 auto 25px; | |||
border-radius:50%; | |||
overflow:hidden; | |||
transition:.4s; | |||
} | |||
.product-card img{ | |||
width:100%; | |||
height:100%; | |||
object-fit:cover; | |||
transition:.5s; | |||
} | } | ||
.product-card h3{ | |||
font-size:29px; | |||
margin-bottom:18px; | |||
color:#222; | |||
} | } | ||
.product-card p{ | |||
{ | |||
line-height:2; | |||
color:#666; | |||
font-size:17px; | |||
} | } | ||
{ | .product-card:hover figure{ | ||
transform:translateY(-8px); | |||
box-shadow:0 18px 40px rgba(0,0,0,.18); | |||
} | } | ||
.product-card:hover img{ | |||
transform:scale(1.08); | |||
} | } | ||
.product-card:hover h3{ | |||
color:#b48b45; | |||
} | } | ||
</html> | </html> | ||
تولید و فروش انواع درب ضد سرقت با استفاده از بهترین متریال، قفلهای ایمن و استانداردهای روز دنیا.
طراحی و تولید انواع درب سفارشی مطابق نیاز پروژههای ساختمانی و معماری.
انواع درب اتاقی مدرن و کلاسیک با کیفیت بالا و طراحی متنوع.
تولید درب ضد حریق دارای تاییدیه آتشنشانی با مقاومت بالا در برابر حرارت.
.products-section{ padding:70px 15px; background:#fff; } .container{ max-width:1300px; margin:auto; } .section-header{ text-align:center; margin-bottom:55px; } .section-header h2{ font-size:42px; font-weight:700; color:#111; position:relative; display:inline-block; } .section-header h2::after{ content:""; display:block; width:80px; height:3px; background:#e6e6e6; margin:15px auto 0; } .products-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; } .product-card{ text-align:center; transition:.35s; } .product-card a{ color:#333; text-decoration:none; display:block; } .product-card figure{ width:190px; height:190px; margin:0 auto 25px; border-radius:50%; overflow:hidden; transition:.4s; } .product-card img{ width:100%; height:100%; object-fit:cover; transition:.5s; } .product-card h3{ font-size:29px; margin-bottom:18px; color:#222; } .product-card p{ line-height:2; color:#666; font-size:17px; } .product-card:hover figure{ transform:translateY(-8px); box-shadow:0 18px 40px rgba(0,0,0,.18); } .product-card:hover img{ transform:scale(1.08); } .product-card:hover h3{ color:#b48b45; } .products-section{ padding:70px 15px; background:#fff; } .container{ max-width:1300px; margin:auto; } .section-header{ text-align:center; margin-bottom:55px; } .section-header h2{ font-size:42px; font-weight:700; color:#111; position:relative; display:inline-block; } .section-header h2::after{ content:""; display:block; width:80px; height:3px; background:#e6e6e6; margin:15px auto 0; } .products-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:40px; } .product-card{ text-align:center; transition:.35s; } .product-card a{ color:#333; text-decoration:none; display:block; } .product-card figure{ width:190px; height:190px; margin:0 auto 25px; border-radius:50%; overflow:hidden; transition:.4s; } .product-card img{ width:100%; height:100%; object-fit:cover; transition:.5s; } .product-card h3{ font-size:29px; margin-bottom:18px; color:#222; } .product-card p{ line-height:2; color:#666; font-size:17px; } .product-card:hover figure{ transform:translateY(-8px); box-shadow:0 18px 40px rgba(0,0,0,.18); } .product-card:hover img{ transform:scale(1.08); } .product-card:hover h3{ color:#b48b45; }