آشنایی
ابتدا با مفهوم درب ضد سرقت و تفاوت آن با دربهای معمولی آشنا شوید.
صفحه را خالی کرد برچسب: خالی کردن |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html lang="fa" dir="rtl"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<meta name="viewport" | |||
content="width=device-width, initial-scale=1.0"> | |||
<title>درب ضد سرقت دنیز درب | خرید، قیمت و سفارش درب ضد سرقت</title> | |||
<meta name="description" | |||
content="خرید درب ضد سرقت دنیز درب با طراحی زیبا، امنیت بالا و کیفیت مناسب. آشنایی با انواع درب ضد سرقت، ویژگیها، راهنمای انتخاب، قیمت و مراحل سفارش."> | |||
<meta name="robots" | |||
content="index, follow"> | |||
<link rel="preconnect" | |||
href="https://fonts.googleapis.com"> | |||
<link rel="preconnect" | |||
href="https://fonts.gstatic.com" | |||
crossorigin> | |||
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap" | |||
rel="stylesheet"> | |||
<link rel="stylesheet" | |||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> | |||
<style> | |||
/* ========================================================= | |||
DENIZ DOOR | |||
ANTI-THEFT DOOR LANDING PAGE | |||
MOBILE FIRST | |||
========================================================= */ | |||
:root{ | |||
--navy:#102f4f; | |||
--navy-dark:#071d32; | |||
--blue:#1d5d87; | |||
--blue-light:#eaf4fa; | |||
--gold:#c99a3a; | |||
--gold-light:#f7ecd1; | |||
--cream:#fbfaf7; | |||
--white:#ffffff; | |||
--text:#202b35; | |||
--muted:#66727d; | |||
--border:#e3e8ec; | |||
--green:#23866a; | |||
--shadow: | |||
0 12px 35px rgba(16,47,79,.10); | |||
--radius:22px; | |||
--container:1200px; | |||
} | |||
/* ========================================================= | |||
RESET | |||
========================================================= */ | |||
*{ | |||
box-sizing:border-box; | |||
margin:0; | |||
padding:0; | |||
} | |||
html{ | |||
scroll-behavior:smooth; | |||
} | |||
body{ | |||
font-family: | |||
"Vazirmatn", | |||
Tahoma, | |||
Arial, | |||
sans-serif; | |||
background:var(--cream); | |||
color:var(--text); | |||
line-height:1.9; | |||
overflow-x:hidden; | |||
} | |||
img{ | |||
max-width:100%; | |||
height:auto; | |||
display:block; | |||
} | |||
a{ | |||
color:inherit; | |||
text-decoration:none; | |||
} | |||
button, | |||
a{ | |||
-webkit-tap-highlight-color:transparent; | |||
} | |||
/* ========================================================= | |||
GENERAL | |||
========================================================= */ | |||
.container{ | |||
width:min( | |||
calc(100% - 30px), | |||
var(--container) | |||
); | |||
margin-inline:auto; | |||
} | |||
.section{ | |||
padding:55px 0; | |||
} | |||
.section-head{ | |||
text-align:center; | |||
margin-bottom:32px; | |||
} | |||
.section-kicker{ | |||
display:inline-flex; | |||
align-items:center; | |||
gap:8px; | |||
color:var(--gold); | |||
font-size:.86rem; | |||
font-weight:800; | |||
margin-bottom:8px; | |||
} | |||
.section-head h2{ | |||
font-size: | |||
clamp(1.55rem,5vw,2.25rem); | |||
line-height:1.45; | |||
color:var(--navy-dark); | |||
margin-bottom:10px; | |||
} | |||
.section-head p{ | |||
color:var(--muted); | |||
font-size:.95rem; | |||
max-width:700px; | |||
margin:auto; | |||
} | |||
/* ========================================================= | |||
TOP BAR | |||
========================================================= */ | |||
.topbar{ | |||
background:var(--navy-dark); | |||
color:#fff; | |||
font-size:.78rem; | |||
} | |||
.topbar-inner{ | |||
min-height:40px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
gap:15px; | |||
flex-wrap:wrap; | |||
} | |||
.topbar i{ | |||
color:var(--gold); | |||
} | |||
/* ========================================================= | |||
HEADER | |||
========================================================= */ | |||
.site-header{ | |||
background:#fff; | |||
position:sticky; | |||
top:0; | |||
z-index:1000; | |||
box-shadow: | |||
0 4px 20px rgba(0,0,0,.06); | |||
} | |||
.header-inner{ | |||
min-height:72px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:space-between; | |||
gap:15px; | |||
} | |||
.logo{ | |||
display:flex; | |||
align-items:center; | |||
gap:10px; | |||
font-weight:800; | |||
color:var(--navy); | |||
} | |||
.logo-icon{ | |||
width:43px; | |||
height:43px; | |||
border-radius:13px; | |||
background:var(--navy); | |||
color:var(--gold); | |||
display:grid; | |||
place-items:center; | |||
font-size:1.25rem; | |||
} | |||
.logo-text{ | |||
display:flex; | |||
flex-direction:column; | |||
line-height:1.3; | |||
} | |||
.logo-text strong{ | |||
font-size:1.05rem; | |||
} | |||
.logo-text span{ | |||
color:var(--muted); | |||
font-size:.68rem; | |||
font-weight:500; | |||
} | |||
.desktop-nav{ | |||
display:none; | |||
} | |||
.header-cta{ | |||
display:none; | |||
} | |||
/* ========================================================= | |||
HERO | |||
========================================================= */ | |||
.hero{ | |||
background: | |||
linear-gradient( | |||
135deg, | |||
#edf5f9 0%, | |||
#fff 52%, | |||
#f7ecd8 100% | |||
); | |||
position:relative; | |||
overflow:hidden; | |||
} | |||
.hero::before{ | |||
content:""; | |||
position:absolute; | |||
width:260px; | |||
height:260px; | |||
border-radius:50%; | |||
background: | |||
rgba(201,154,58,.10); | |||
top:-100px; | |||
left:-80px; | |||
} | |||
.hero-inner{ | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:30px; | |||
align-items:center; | |||
min-height:650px; | |||
padding:50px 0; | |||
} | |||
.hero-content{ | |||
position:relative; | |||
z-index:2; | |||
} | |||
.hero-badge{ | |||
display:inline-flex; | |||
align-items:center; | |||
gap:8px; | |||
background:#fff; | |||
color:var(--navy); | |||
border:1px solid var(--border); | |||
padding:8px 13px; | |||
border-radius:999px; | |||
font-size:.8rem; | |||
font-weight:700; | |||
box-shadow:0 6px 20px rgba(0,0,0,.05); | |||
margin-bottom:18px; | |||
} | |||
.hero-badge i{ | |||
color:var(--gold); | |||
} | |||
.hero h1{ | |||
font-size: | |||
clamp(2rem,8vw,3.7rem); | |||
line-height:1.35; | |||
color:var(--navy-dark); | |||
margin-bottom:18px; | |||
} | |||
.hero h1 span{ | |||
color:var(--gold); | |||
} | |||
.hero-description{ | |||
font-size:1rem; | |||
color:var(--muted); | |||
max-width:620px; | |||
margin-bottom:25px; | |||
} | |||
.hero-actions{ | |||
display:flex; | |||
flex-direction:column; | |||
gap:11px; | |||
} | |||
.btn{ | |||
min-height:50px; | |||
padding:11px 22px; | |||
border-radius:13px; | |||
display:inline-flex; | |||
align-items:center; | |||
justify-content:center; | |||
gap:9px; | |||
font-size:.92rem; | |||
font-weight:700; | |||
transition:.25s ease; | |||
} | |||
.btn-primary{ | |||
background:var(--navy); | |||
color:#fff; | |||
box-shadow: | |||
0 8px 20px rgba(16,47,79,.20); | |||
} | |||
.btn-primary:hover{ | |||
background:var(--navy-dark); | |||
transform:translateY(-2px); | |||
} | |||
.btn-secondary{ | |||
background:#fff; | |||
border:1px solid var(--border); | |||
color:var(--navy); | |||
} | |||
.btn-secondary:hover{ | |||
border-color:var(--gold); | |||
color:var(--gold); | |||
} | |||
/* ========================================================= | |||
HERO IMAGE | |||
========================================================= */ | |||
.hero-image{ | |||
position:relative; | |||
min-height:340px; | |||
border-radius:28px; | |||
background: | |||
linear-gradient( | |||
145deg, | |||
#dceaf1, | |||
#fff, | |||
#f6ead1 | |||
); | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
overflow:hidden; | |||
padding:20px; | |||
box-shadow:var(--shadow); | |||
} | |||
.hero-image img{ | |||
width:100%; | |||
height:100%; | |||
max-height:500px; | |||
object-fit:contain; | |||
object-position:center; | |||
mix-blend-mode:multiply; | |||
} | |||
.hero-floating{ | |||
position:absolute; | |||
right:15px; | |||
bottom:15px; | |||
background:#fff; | |||
padding:12px 14px; | |||
border-radius:15px; | |||
box-shadow:var(--shadow); | |||
font-size:.78rem; | |||
font-weight:700; | |||
color:var(--navy); | |||
} | |||
.hero-floating i{ | |||
color:var(--gold); | |||
margin-left:5px; | |||
} | |||
/* ========================================================= | |||
TRUST STRIP | |||
========================================================= */ | |||
.trust-strip{ | |||
background:#fff; | |||
border-bottom:1px solid var(--border); | |||
border-top:1px solid var(--border); | |||
} | |||
.trust-grid{ | |||
display:grid; | |||
grid-template-columns: | |||
repeat(2,1fr); | |||
gap:1px; | |||
background:var(--border); | |||
} | |||
.trust-item{ | |||
background:#fff; | |||
padding:18px 8px; | |||
text-align:center; | |||
} | |||
.trust-item i{ | |||
font-size:1.3rem; | |||
color:var(--gold); | |||
margin-bottom:5px; | |||
} | |||
.trust-item strong{ | |||
display:block; | |||
font-size:.85rem; | |||
color:var(--navy); | |||
} | |||
.trust-item span{ | |||
display:block; | |||
color:var(--muted); | |||
font-size:.7rem; | |||
} | |||
/* ========================================================= | |||
JOURNEY | |||
========================================================= */ | |||
.journey{ | |||
background:#fff; | |||
} | |||
.journey-grid{ | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:15px; | |||
position:relative; | |||
} | |||
.journey-card{ | |||
background:var(--cream); | |||
border:1px solid var(--border); | |||
border-radius:var(--radius); | |||
padding:24px 20px; | |||
position:relative; | |||
transition:.25s ease; | |||
} | |||
.journey-card:hover{ | |||
transform:translateY(-4px); | |||
box-shadow:var(--shadow); | |||
border-color:#d5c18f; | |||
} | |||
.journey-number{ | |||
width:42px; | |||
height:42px; | |||
border-radius:13px; | |||
background:var(--navy); | |||
color:#fff; | |||
display:grid; | |||
place-items:center; | |||
font-weight:800; | |||
margin-bottom:15px; | |||
} | |||
.journey-card h3{ | |||
color:var(--navy); | |||
font-size:1.05rem; | |||
margin-bottom:7px; | |||
} | |||
.journey-card p{ | |||
color:var(--muted); | |||
font-size:.86rem; | |||
} | |||
/* ========================================================= | |||
WHAT IS ANTI THEFT DOOR | |||
========================================================= */ | |||
.about-door{ | |||
background: | |||
linear-gradient( | |||
180deg, | |||
#fbfaf7, | |||
#eef5f8 | |||
); | |||
} | |||
.about-grid{ | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:25px; | |||
align-items:center; | |||
} | |||
.about-image{ | |||
min-height:330px; | |||
border-radius:var(--radius); | |||
overflow:hidden; | |||
background:#e5edf1; | |||
padding:15px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
} | |||
.about-image img{ | |||
width:100%; | |||
height:100%; | |||
max-height:500px; | |||
object-fit:contain; | |||
object-position:center; | |||
} | |||
.about-content h2{ | |||
color:var(--navy-dark); | |||
font-size: | |||
clamp(1.5rem,5vw,2.2rem); | |||
margin-bottom:15px; | |||
} | |||
.about-content > p{ | |||
color:var(--muted); | |||
font-size:.93rem; | |||
margin-bottom:20px; | |||
} | |||
.check-list{ | |||
list-style:none; | |||
display:grid; | |||
gap:10px; | |||
} | |||
.check-list li{ | |||
display:flex; | |||
gap:10px; | |||
align-items:flex-start; | |||
font-size:.86rem; | |||
color:var(--text); | |||
} | |||
.check-list i{ | |||
color:var(--green); | |||
margin-top:6px; | |||
} | |||
/* ========================================================= | |||
BENEFITS | |||
========================================================= */ | |||
.benefits{ | |||
background:#fff; | |||
} | |||
.benefit-grid{ | |||
display:grid; | |||
grid-template-columns: | |||
repeat(1,1fr); | |||
gap:15px; | |||
} | |||
.benefit-card{ | |||
padding:24px 20px; | |||
border:1px solid var(--border); | |||
border-radius:var(--radius); | |||
background:#fff; | |||
box-shadow: | |||
0 5px 20px rgba(0,0,0,.04); | |||
transition:.25s ease; | |||
} | |||
.benefit-card:hover{ | |||
transform:translateY(-4px); | |||
box-shadow:var(--shadow); | |||
} | |||
.benefit-icon{ | |||
width:52px; | |||
height:52px; | |||
border-radius:16px; | |||
display:grid; | |||
place-items:center; | |||
background:var(--blue-light); | |||
color:var(--blue); | |||
font-size:1.2rem; | |||
margin-bottom:15px; | |||
} | |||
.benefit-card h3{ | |||
color:var(--navy); | |||
font-size:1rem; | |||
margin-bottom:6px; | |||
} | |||
.benefit-card p{ | |||
color:var(--muted); | |||
font-size:.83rem; | |||
} | |||
/* ========================================================= | |||
HOW TO CHOOSE | |||
========================================================= */ | |||
.choose{ | |||
background: | |||
linear-gradient( | |||
135deg, | |||
var(--navy-dark), | |||
var(--navy) | |||
); | |||
color:#fff; | |||
} | |||
.choose .section-head h2{ | |||
color:#fff; | |||
} | |||
.choose .section-head p{ | |||
color:#d5dee6; | |||
} | |||
.choose-grid{ | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:15px; | |||
} | |||
.choose-card{ | |||
border:1px solid rgba(255,255,255,.12); | |||
background: | |||
rgba(255,255,255,.06); | |||
border-radius:var(--radius); | |||
padding:22px 20px; | |||
} | |||
.choose-card i{ | |||
color:var(--gold); | |||
font-size:1.35rem; | |||
margin-bottom:12px; | |||
} | |||
.choose-card h3{ | |||
font-size:1rem; | |||
margin-bottom:7px; | |||
} | |||
.choose-card p{ | |||
color:#d5dee6; | |||
font-size:.82rem; | |||
} | |||
/* ========================================================= | |||
PRODUCT MODELS | |||
========================================================= */ | |||
.models{ | |||
background:var(--cream); | |||
} | |||
.model-grid{ | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:20px; | |||
} | |||
.model-card{ | |||
background:#fff; | |||
border:1px solid var(--border); | |||
border-radius:var(--radius); | |||
overflow:hidden; | |||
box-shadow: | |||
0 6px 25px rgba(0,0,0,.05); | |||
transition:.25s ease; | |||
} | |||
.model-card:hover{ | |||
transform:translateY(-5px); | |||
box-shadow:var(--shadow); | |||
} | |||
.model-image{ | |||
height:290px; | |||
background: | |||
linear-gradient( | |||
135deg, | |||
#e7eef2, | |||
#f8f2e5 | |||
); | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
padding:18px; | |||
overflow:hidden; | |||
} | |||
.model-image img{ | |||
width:100%; | |||
height:100%; | |||
object-fit:contain; | |||
object-position:center; | |||
} | |||
.model-content{ | |||
padding:20px; | |||
} | |||
.model-tag{ | |||
display:inline-block; | |||
padding:4px 9px; | |||
border-radius:999px; | |||
background:var(--gold-light); | |||
color:#795c20; | |||
font-size:.68rem; | |||
font-weight:700; | |||
margin-bottom:8px; | |||
} | |||
.model-content h3{ | |||
color:var(--navy); | |||
font-size:1.08rem; | |||
margin-bottom:7px; | |||
} | |||
.model-content p{ | |||
color:var(--muted); | |||
font-size:.82rem; | |||
margin-bottom:15px; | |||
} | |||
.model-link{ | |||
display:inline-flex; | |||
align-items:center; | |||
gap:7px; | |||
color:var(--blue); | |||
font-size:.82rem; | |||
font-weight:800; | |||
} | |||
/* ========================================================= | |||
COMPARISON | |||
========================================================= */ | |||
.comparison{ | |||
background:#fff; | |||
} | |||
.table-wrapper{ | |||
overflow-x:auto; | |||
border:1px solid var(--border); | |||
border-radius:18px; | |||
box-shadow:0 5px 25px rgba(0,0,0,.04); | |||
} | |||
.compare-table{ | |||
width:100%; | |||
min-width:650px; | |||
border-collapse:collapse; | |||
font-size:.83rem; | |||
} | |||
.compare-table th, | |||
.compare-table td{ | |||
padding:14px 12px; | |||
border-bottom:1px solid var(--border); | |||
text-align:center; | |||
} | |||
.compare-table th{ | |||
background:var(--navy); | |||
color:#fff; | |||
font-weight:700; | |||
} | |||
.compare-table td:first-child{ | |||
text-align:right; | |||
font-weight:700; | |||
color:var(--navy); | |||
} | |||
.compare-table tr:last-child td{ | |||
border-bottom:0; | |||
} | |||
.ok{ | |||
color:var(--green); | |||
font-weight:800; | |||
} | |||
.gold{ | |||
color:var(--gold); | |||
font-weight:800; | |||
} | |||
/* ========================================================= | |||
BUY GUIDE | |||
========================================================= */ | |||
.buy-guide{ | |||
background:#f2f6f8; | |||
} | |||
.guide-grid{ | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:18px; | |||
} | |||
.guide-card{ | |||
background:#fff; | |||
padding:24px 20px; | |||
border-radius:var(--radius); | |||
border:1px solid var(--border); | |||
} | |||
.guide-card h3{ | |||
color:var(--navy); | |||
font-size:1.02rem; | |||
margin-bottom:12px; | |||
} | |||
.guide-card ul{ | |||
list-style:none; | |||
display:grid; | |||
gap:9px; | |||
} | |||
.guide-card li{ | |||
display:flex; | |||
gap:8px; | |||
color:var(--muted); | |||
font-size:.83rem; | |||
} | |||
.guide-card li i{ | |||
color:var(--gold); | |||
margin-top:6px; | |||
} | |||
/* ========================================================= | |||
ORDER STEPS | |||
========================================================= */ | |||
.order{ | |||
background:#fff; | |||
} | |||
.order-steps{ | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:14px; | |||
counter-reset:steps; | |||
} | |||
.order-step{ | |||
display:flex; | |||
gap:15px; | |||
padding:20px; | |||
background:var(--cream); | |||
border-radius:18px; | |||
border:1px solid var(--border); | |||
} | |||
.step-number{ | |||
flex:0 0 46px; | |||
height:46px; | |||
border-radius:14px; | |||
background:var(--gold); | |||
color:#fff; | |||
display:grid; | |||
place-items:center; | |||
font-weight:800; | |||
} | |||
.order-step h3{ | |||
color:var(--navy); | |||
font-size:.98rem; | |||
margin-bottom:4px; | |||
} | |||
.order-step p{ | |||
color:var(--muted); | |||
font-size:.8rem; | |||
} | |||
/* ========================================================= | |||
FAQ | |||
========================================================= */ | |||
.faq{ | |||
background:var(--cream); | |||
} | |||
.faq-list{ | |||
display:grid; | |||
gap:10px; | |||
max-width:900px; | |||
margin:auto; | |||
} | |||
.faq-item{ | |||
background:#fff; | |||
border:1px solid var(--border); | |||
border-radius:16px; | |||
padding:18px; | |||
} | |||
.faq-item h3{ | |||
color:var(--navy); | |||
font-size:.94rem; | |||
margin-bottom:7px; | |||
} | |||
.faq-item p{ | |||
color:var(--muted); | |||
font-size:.82rem; | |||
} | |||
/* ========================================================= | |||
FINAL CTA | |||
========================================================= */ | |||
.final-cta{ | |||
background: | |||
linear-gradient( | |||
135deg, | |||
#f6ead1, | |||
#fff | |||
); | |||
padding:55px 0; | |||
} | |||
.cta-box{ | |||
background: | |||
linear-gradient( | |||
135deg, | |||
var(--navy-dark), | |||
var(--navy) | |||
); | |||
color:#fff; | |||
border-radius:28px; | |||
padding:35px 22px; | |||
text-align:center; | |||
box-shadow:var(--shadow); | |||
} | |||
.cta-box h2{ | |||
font-size: | |||
clamp(1.5rem,5vw,2.2rem); | |||
margin-bottom:10px; | |||
} | |||
.cta-box p{ | |||
color:#dce5ec; | |||
max-width:650px; | |||
margin:0 auto 20px; | |||
font-size:.9rem; | |||
} | |||
.cta-actions{ | |||
display:flex; | |||
flex-direction:column; | |||
gap:10px; | |||
justify-content:center; | |||
} | |||
.cta-box .btn-primary{ | |||
background:var(--gold); | |||
} | |||
.cta-box .btn-secondary{ | |||
background:transparent; | |||
border-color:rgba(255,255,255,.25); | |||
color:#fff; | |||
} | |||
/* ========================================================= | |||
FOOTER | |||
========================================================= */ | |||
.footer{ | |||
background:#071d32; | |||
color:#fff; | |||
padding:40px 0 85px; | |||
} | |||
.footer-grid{ | |||
display:grid; | |||
grid-template-columns:1fr; | |||
gap:28px; | |||
} | |||
.footer h3{ | |||
font-size:1rem; | |||
margin-bottom:12px; | |||
} | |||
.footer p, | |||
.footer li{ | |||
color:#b9c7d3; | |||
font-size:.78rem; | |||
} | |||
.footer ul{ | |||
list-style:none; | |||
display:grid; | |||
gap:7px; | |||
} | |||
.footer-bottom{ | |||
border-top:1px solid rgba(255,255,255,.10); | |||
margin-top:25px; | |||
padding-top:18px; | |||
text-align:center; | |||
color:#91a3b1; | |||
font-size:.7rem; | |||
} | |||
/* ========================================================= | |||
MOBILE BOTTOM NAV | |||
========================================================= */ | |||
.mobile-nav{ | |||
position:fixed; | |||
bottom:0; | |||
right:0; | |||
left:0; | |||
height:64px; | |||
background:#fff; | |||
border-top:1px solid var(--border); | |||
display:grid; | |||
grid-template-columns: | |||
repeat(4,1fr); | |||
z-index:9999; | |||
box-shadow: | |||
0 -5px 20px rgba(0,0,0,.08); | |||
} | |||
.mobile-nav a{ | |||
display:flex; | |||
flex-direction:column; | |||
align-items:center; | |||
justify-content:center; | |||
gap:2px; | |||
color:#71808c; | |||
font-size:.64rem; | |||
font-weight:600; | |||
} | |||
.mobile-nav i{ | |||
font-size:1rem; | |||
} | |||
.mobile-nav a.active{ | |||
color:var(--gold); | |||
} | |||
/* ========================================================= | |||
TABLET | |||
========================================================= */ | |||
@media (min-width:600px){ | |||
.hero-actions{ | |||
flex-direction:row; | |||
flex-wrap:wrap; | |||
} | |||
.btn{ | |||
min-width:155px; | |||
} | |||
.trust-grid{ | |||
grid-template-columns: | |||
repeat(4,1fr); | |||
} | |||
.benefit-grid{ | |||
grid-template-columns: | |||
repeat(2,1fr); | |||
} | |||
.model-grid{ | |||
grid-template-columns: | |||
repeat(2,1fr); | |||
} | |||
.choose-grid{ | |||
grid-template-columns: | |||
repeat(2,1fr); | |||
} | |||
.order-steps{ | |||
grid-template-columns: | |||
repeat(2,1fr); | |||
} | |||
.cta-actions{ | |||
flex-direction:row; | |||
} | |||
} | |||
/* ========================================================= | |||
DESKTOP | |||
========================================================= */ | |||
@media (min-width:900px){ | |||
.section{ | |||
padding:85px 0; | |||
} | |||
.topbar-inner{ | |||
justify-content:flex-start; | |||
} | |||
.desktop-nav{ | |||
display:flex; | |||
align-items:center; | |||
gap:23px; | |||
margin-right:auto; | |||
margin-left:25px; | |||
} | |||
.desktop-nav a{ | |||
color:var(--navy); | |||
font-size:.8rem; | |||
font-weight:700; | |||
transition:.2s; | |||
} | |||
.desktop-nav a:hover{ | |||
color:var(--gold); | |||
} | |||
.header-cta{ | |||
display:inline-flex; | |||
background:var(--navy); | |||
color:#fff; | |||
padding:9px 15px; | |||
border-radius:10px; | |||
font-size:.76rem; | |||
font-weight:700; | |||
} | |||
.hero-inner{ | |||
grid-template-columns: | |||
1.02fr .98fr; | |||
gap:65px; | |||
min-height:650px; | |||
padding:70px 0; | |||
} | |||
.hero-content{ | |||
order:1; | |||
} | |||
.hero-image{ | |||
order:2; | |||
min-height:520px; | |||
} | |||
.hero-description{ | |||
font-size:1.02rem; | |||
} | |||
.journey-grid{ | |||
grid-template-columns: | |||
repeat(4,1fr); | |||
} | |||
.journey-card:not(:last-child)::after{ | |||
content:""; | |||
position:absolute; | |||
width:25px; | |||
height:2px; | |||
background:#d6c28f; | |||
left:-25px; | |||
top:42px; | |||
} | |||
.about-grid{ | |||
grid-template-columns: | |||
.9fr 1.1fr; | |||
gap:70px; | |||
} | |||
.about-image{ | |||
min-height:500px; | |||
} | |||
.benefit-grid{ | |||
grid-template-columns: | |||
repeat(4,1fr); | |||
} | |||
.choose-grid{ | |||
grid-template-columns: | |||
repeat(4,1fr); | |||
} | |||
.model-grid{ | |||
grid-template-columns: | |||
repeat(3,1fr); | |||
} | |||
.model-image{ | |||
height:350px; | |||
} | |||
.guide-grid{ | |||
grid-template-columns: | |||
repeat(3,1fr); | |||
} | |||
.order-steps{ | |||
grid-template-columns: | |||
repeat(4,1fr); | |||
} | |||
.footer-grid{ | |||
grid-template-columns: | |||
1.5fr 1fr 1fr; | |||
} | |||
.mobile-nav{ | |||
display:none; | |||
} | |||
.footer{ | |||
padding-bottom:40px; | |||
} | |||
} | |||
/* ========================================================= | |||
LARGE DESKTOP | |||
========================================================= */ | |||
@media (min-width:1200px){ | |||
.hero h1{ | |||
font-size:3.8rem; | |||
} | |||
.hero-image{ | |||
min-height:560px; | |||
} | |||
} | |||
/* ========================================================= | |||
REDUCED MOTION | |||
========================================================= */ | |||
@media (prefers-reduced-motion:reduce){ | |||
html{ | |||
scroll-behavior:auto; | |||
} | |||
*, | |||
*::before, | |||
*::after{ | |||
animation-duration:.01ms !important; | |||
animation-iteration-count:1 !important; | |||
transition-duration:.01ms !important; | |||
} | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<!-- ===================================================== | |||
TOP BAR | |||
===================================================== --> | |||
<div class="topbar"> | |||
<div class="container topbar-inner"> | |||
<span> | |||
<i class="fa-solid fa-shield-halved"></i> | |||
انتخاب مطمئن برای ورودی ساختمان | |||
</span> | |||
<span> | |||
<i class="fa-solid fa-headset"></i> | |||
مشاوره و راهنمایی پیش از خرید | |||
</span> | |||
</div> | |||
</div> | |||
<!-- ===================================================== | |||
HEADER | |||
===================================================== --> | |||
<header class="site-header"> | |||
<div class="container header-inner"> | |||
<a href="#home" class="logo"> | |||
<span class="logo-icon"> | |||
<i class="fa-solid fa-door-closed"></i> | |||
</span> | |||
<span class="logo-text"> | |||
<strong>دنیز درب</strong> | |||
<span>تخصص در دربهای ورودی</span> | |||
</span> | |||
</a> | |||
<nav class="desktop-nav" | |||
aria-label="منوی اصلی"> | |||
<a href="#about"> | |||
آشنایی | |||
</a> | |||
<a href="#benefits"> | |||
مزایا | |||
</a> | |||
<a href="#models"> | |||
مدلها | |||
</a> | |||
<a href="#guide"> | |||
راهنمای انتخاب | |||
</a> | |||
<a href="#order"> | |||
سفارش | |||
</a> | |||
</nav> | |||
<a href="#contact" | |||
class="header-cta"> | |||
دریافت مشاوره | |||
</a> | |||
</div> | |||
</header> | |||
<main> | |||
<!-- ===================================================== | |||
HERO | |||
===================================================== --> | |||
<section class="hero" | |||
id="home"> | |||
<div class="container hero-inner"> | |||
<div class="hero-content"> | |||
<div class="hero-badge"> | |||
<i class="fa-solid fa-star"></i> | |||
دنیز درب؛ انتخابی برای ورودی متفاوت | |||
</div> | |||
<h1> | |||
سفر شما برای انتخاب | |||
<span>درب ضد سرقت</span> | |||
از اینجا شروع میشود | |||
</h1> | |||
<p class="hero-description"> | |||
قبل از خرید درب ضد سرقت، ویژگیها، ساختار، | |||
مدلها و نکات مهم انتخاب را بشناسید. | |||
در دنیز درب تلاش کردهایم مسیر انتخاب و سفارش | |||
درب ورودی ساختمان را برای شما سادهتر کنیم. | |||
</p> | |||
<div class="hero-actions"> | |||
<a href="#models" | |||
class="btn btn-primary"> | |||
مشاهده مدلها | |||
<i class="fa-solid fa-arrow-left"></i> | |||
</a> | |||
<a href="#guide" | |||
class="btn btn-secondary"> | |||
راهنمای انتخاب درب | |||
<i class="fa-solid fa-compass"></i> | |||
</a> | |||
</div> | |||
</div> | |||
<div class="hero-image"> | |||
<!-- IMAGE-URL --> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-102.png" | |||
alt="درب ضد سرقت دنیز درب" | |||
loading="eager" | |||
> | |||
<div class="hero-floating"> | |||
<i class="fa-solid fa-shield-halved"></i> | |||
امنیت، زیبایی و انتخاب آگاهانه | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
TRUST | |||
===================================================== --> | |||
<section class="trust-strip"> | |||
<div class="container trust-grid"> | |||
<div class="trust-item"> | |||
<i class="fa-solid fa-shield-halved"></i> | |||
<strong> | |||
امنیت | |||
</strong> | |||
<span> | |||
مناسب ورودی ساختمان | |||
</span> | |||
</div> | |||
<div class="trust-item"> | |||
<i class="fa-solid fa-palette"></i> | |||
<strong> | |||
طراحی | |||
</strong> | |||
<span> | |||
مدلهای متنوع | |||
</span> | |||
</div> | |||
<div class="trust-item"> | |||
<i class="fa-solid fa-ruler-combined"></i> | |||
<strong> | |||
اندازه | |||
</strong> | |||
<span> | |||
امکان بررسی ابعاد | |||
</span> | |||
</div> | |||
<div class="trust-item"> | |||
<i class="fa-solid fa-headset"></i> | |||
<strong> | |||
مشاوره | |||
</strong> | |||
<span> | |||
پیش از سفارش | |||
</span> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
JOURNEY | |||
===================================================== --> | |||
<section class="section journey"> | |||
<div class="container"> | |||
<div class="section-head"> | |||
<span class="section-kicker"> | |||
<i class="fa-solid fa-route"></i> | |||
مسیر انتخاب شما | |||
</span> | |||
<h2> | |||
از آشنایی تا خرید درب ضد سرقت | |||
</h2> | |||
<p> | |||
انتخاب درب مناسب فقط دیدن یک عکس و قیمت نیست. | |||
مرحلهبهمرحله جلو بروید و آگاهانه انتخاب کنید. | |||
</p> | |||
</div> | |||
<div class="journey-grid"> | |||
<article class="journey-card"> | |||
<div class="journey-number"> | |||
۱ | |||
</div> | |||
<h3> | |||
آشنایی | |||
</h3> | |||
<p> | |||
ابتدا با مفهوم درب ضد سرقت و تفاوت آن | |||
با دربهای معمولی آشنا شوید. | |||
</p> | |||
</article> | |||
<article class="journey-card"> | |||
<div class="journey-number"> | |||
۲ | |||
</div> | |||
<h3> | |||
شناخت | |||
</h3> | |||
<p> | |||
ویژگیها، ساختار، ظاهر و امکانات مدلهای | |||
مختلف را بررسی کنید. | |||
</p> | |||
</article> | |||
<article class="journey-card"> | |||
<div class="journey-number"> | |||
۳ | |||
</div> | |||
<h3> | |||
انتخاب | |||
</h3> | |||
<p> | |||
براساس سبک ساختمان، ابعاد، بودجه و نیاز | |||
خود مدل مناسب را انتخاب کنید. | |||
</p> | |||
</article> | |||
<article class="journey-card"> | |||
<div class="journey-number"> | |||
۴ | |||
</div> | |||
<h3> | |||
سفارش | |||
</h3> | |||
<p> | |||
پس از مشاوره و بررسی جزئیات، سفارش خود را | |||
برای اجرا و تهیه ثبت کنید. | |||
</p> | |||
</article> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
ABOUT | |||
===================================================== --> | |||
<section class="section about-door" | |||
id="about"> | |||
<div class="container about-grid"> | |||
<div class="about-image"> | |||
<!-- IMAGE-URL --> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-102.png" | |||
alt="نمای درب ورودی ضد سرقت دنیز درب" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="about-content"> | |||
<span class="section-kicker"> | |||
<i class="fa-solid fa-circle-info"></i> | |||
قدم اول | |||
</span> | |||
<h2> | |||
درب ضد سرقت چیست؟ | |||
</h2> | |||
<p> | |||
درب ضد سرقت نوعی درب ورودی است که با هدف افزایش | |||
مقاومت در برابر ورود غیرمجاز و ایجاد امنیت بیشتر | |||
برای ساختمان طراحی میشود. | |||
در انتخاب یک درب ضد سرقت مناسب، فقط ظاهر اهمیت ندارد؛ | |||
ساختار داخلی، چارچوب، یراقآلات، قفل، کیفیت ساخت، | |||
ابعاد و نحوه نصب نیز اهمیت دارند. | |||
</p> | |||
<ul class="check-list"> | |||
<li> | |||
<i class="fa-solid fa-circle-check"></i> | |||
<span> | |||
بررسی ساختار و کیفیت درب | |||
</span> | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-circle-check"></i> | |||
<span> | |||
توجه به کیفیت چارچوب و یراقآلات | |||
</span> | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-circle-check"></i> | |||
<span> | |||
انتخاب طرح متناسب با نمای ساختمان | |||
</span> | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-circle-check"></i> | |||
<span> | |||
بررسی ابعاد و شرایط محل نصب | |||
</span> | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
BENEFITS | |||
===================================================== --> | |||
<section class="section benefits" | |||
id="benefits"> | |||
<div class="container"> | |||
<div class="section-head"> | |||
<span class="section-kicker"> | |||
چرا درب ضد سرقت؟ | |||
</span> | |||
<h2> | |||
هنگام انتخاب به چه چیزهایی توجه کنیم؟ | |||
</h2> | |||
<p> | |||
یک انتخاب خوب باید هم از نظر کاربردی و هم | |||
از نظر ظاهری با نیاز ساختمان شما هماهنگ باشد. | |||
</p> | |||
</div> | |||
<div class="benefit-grid"> | |||
<article class="benefit-card"> | |||
<div class="benefit-icon"> | |||
<i class="fa-solid fa-shield-halved"></i> | |||
</div> | |||
<h3> | |||
ساختار مقاوم | |||
</h3> | |||
<p> | |||
ساختار مناسب و طراحی اصولی میتواند | |||
مقاومت درب را در برابر ورود غیرمجاز افزایش دهد. | |||
</p> | |||
</article> | |||
<article class="benefit-card"> | |||
<div class="benefit-icon"> | |||
<i class="fa-solid fa-lock"></i> | |||
</div> | |||
<h3> | |||
اهمیت قفل و یراقآلات | |||
</h3> | |||
<p> | |||
کیفیت قفل، لولا و سایر یراقآلات از بخشهای | |||
مهم در انتخاب درب ورودی ساختمان است. | |||
</p> | |||
</article> | |||
<article class="benefit-card"> | |||
<div class="benefit-icon"> | |||
<i class="fa-solid fa-house"></i> | |||
</div> | |||
<h3> | |||
هماهنگی با ساختمان | |||
</h3> | |||
<p> | |||
طرح و رنگ درب را متناسب با سبک نما، | |||
لابی و فضای ورودی انتخاب کنید. | |||
</p> | |||
</article> | |||
<article class="benefit-card"> | |||
<div class="benefit-icon"> | |||
<i class="fa-solid fa-ruler"></i> | |||
</div> | |||
<h3> | |||
اندازه و نصب | |||
</h3> | |||
<p> | |||
پیش از سفارش، ابعاد و شرایط محل نصب | |||
باید بررسی و اندازهگیری شود. | |||
</p> | |||
</article> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
CHOOSE | |||
===================================================== --> | |||
<section class="section choose"> | |||
<div class="container"> | |||
<div class="section-head"> | |||
<span class="section-kicker"> | |||
راهنمای تصمیمگیری | |||
</span> | |||
<h2> | |||
درب ضد سرقت مناسب خود را چگونه انتخاب کنیم؟ | |||
</h2> | |||
<p> | |||
قبل از اینکه سراغ قیمت بروید، چهار موضوع مهم | |||
را مشخص کنید. | |||
</p> | |||
</div> | |||
<div class="choose-grid"> | |||
<article class="choose-card"> | |||
<i class="fa-solid fa-building"></i> | |||
<h3> | |||
نوع ساختمان | |||
</h3> | |||
<p> | |||
آپارتمان، ساختمان اداری، ویلایی یا ورودی | |||
خاص؟ کاربرد ساختمان روی انتخاب شما اثر دارد. | |||
</p> | |||
</article> | |||
<article class="choose-card"> | |||
<i class="fa-solid fa-ruler-combined"></i> | |||
<h3> | |||
ابعاد | |||
</h3> | |||
<p> | |||
اندازه دقیق محل نصب را قبل از سفارش بررسی | |||
کنید تا مدل مناسب انتخاب شود. | |||
</p> | |||
</article> | |||
<article class="choose-card"> | |||
<i class="fa-solid fa-brush"></i> | |||
<h3> | |||
سبک و رنگ | |||
</h3> | |||
<p> | |||
مدل درب باید با سبک طراحی داخلی و نمای | |||
ساختمان هماهنگ باشد. | |||
</p> | |||
</article> | |||
<article class="choose-card"> | |||
<i class="fa-solid fa-wallet"></i> | |||
<h3> | |||
بودجه | |||
</h3> | |||
<p> | |||
ابتدا نیازهای اصلی را مشخص کنید و سپس | |||
براساس بودجه مدل مناسب را انتخاب کنید. | |||
</p> | |||
</article> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
MODELS | |||
===================================================== --> | |||
<section class="section models" | |||
id="models"> | |||
<div class="container"> | |||
<div class="section-head"> | |||
<span class="section-kicker"> | |||
مدلهای پیشنهادی | |||
</span> | |||
<h2> | |||
مدلهای درب ضد سرقت دنیز درب | |||
</h2> | |||
<p> | |||
تصاویر زیر نمونه هستند و میتوانید تصاویر | |||
واقعی محصولات خودتان را جایگزین کنید. | |||
</p> | |||
</div> | |||
<div class="model-grid"> | |||
<article class="model-card"> | |||
<div class="model-image"> | |||
<!-- IMAGE-URL --> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-102.png" | |||
alt="درب ضد سرقت مدرن دنیز درب" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="model-content"> | |||
<span class="model-tag"> | |||
مدرن | |||
</span> | |||
<h3> | |||
درب ضد سرقت مدرن | |||
</h3> | |||
<p> | |||
انتخابی مناسب برای ساختمانهایی | |||
با طراحی ساده و امروزی. | |||
</p> | |||
<a href="#contact" | |||
class="model-link"> | |||
دریافت اطلاعات مدل | |||
<i class="fa-solid fa-arrow-left"></i> | |||
</a> | |||
</div> | |||
</article> | |||
<article class="model-card"> | |||
<div class="model-image"> | |||
<!-- IMAGE-URL --> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-102.png" | |||
alt="درب ضد سرقت کلاسیک دنیز درب" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="model-content"> | |||
<span class="model-tag"> | |||
کلاسیک | |||
</span> | |||
<h3> | |||
درب ضد سرقت کلاسیک | |||
</h3> | |||
<p> | |||
مناسب برای ورودیهایی که طراحی | |||
کلاسیک و رسمی دارند. | |||
</p> | |||
<a href="#contact" | |||
class="model-link"> | |||
دریافت اطلاعات مدل | |||
<i class="fa-solid fa-arrow-left"></i> | |||
</a> | |||
</div> | |||
</article> | |||
<article class="model-card"> | |||
<div class="model-image"> | |||
<!-- IMAGE-URL --> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-102.png" | |||
alt="درب ورودی ضد سرقت دنیز درب" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="model-content"> | |||
<span class="model-tag"> | |||
ویژه | |||
</span> | |||
<h3> | |||
درب ورودی ساختمان | |||
</h3> | |||
<p> | |||
گزینهای برای ورودی ساختمانهایی | |||
که ظاهر و امنیت را همزمان میخواهند. | |||
</p> | |||
<a href="#contact" | |||
class="model-link"> | |||
دریافت اطلاعات مدل | |||
<i class="fa-solid fa-arrow-left"></i> | |||
</a> | |||
</div> | |||
</article> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
COMPARISON | |||
===================================================== --> | |||
<section class="section comparison"> | |||
<div class="container"> | |||
<div class="section-head"> | |||
<span class="section-kicker"> | |||
مقایسه | |||
</span> | |||
<h2> | |||
قبل از خرید درب ضد سرقت این موارد را مقایسه کنید | |||
</h2> | |||
</div> | |||
<div class="table-wrapper"> | |||
<table class="compare-table"> | |||
<thead> | |||
<tr> | |||
<th> | |||
ویژگی | |||
</th> | |||
<th> | |||
مدل اقتصادی | |||
</th> | |||
<th> | |||
مدل استاندارد | |||
</th> | |||
<th> | |||
مدل ویژه | |||
</th> | |||
</tr> | |||
</thead> | |||
<tbody> | |||
<tr> | |||
<td> | |||
طراحی ظاهری | |||
</td> | |||
<td> | |||
ساده | |||
</td> | |||
<td class="ok"> | |||
متنوع | |||
</td> | |||
<td class="gold"> | |||
ویژه | |||
</td> | |||
</tr> | |||
<tr> | |||
<td> | |||
تنوع روکش | |||
</td> | |||
<td> | |||
محدود | |||
</td> | |||
<td class="ok"> | |||
متنوع | |||
</td> | |||
<td class="gold"> | |||
بیشتر | |||
</td> | |||
</tr> | |||
<tr> | |||
<td> | |||
امکانات | |||
</td> | |||
<td> | |||
پایه | |||
</td> | |||
<td class="ok"> | |||
کامل | |||
</td> | |||
<td class="gold"> | |||
ویژه | |||
</td> | |||
</tr> | |||
<tr> | |||
<td> | |||
مناسب برای | |||
</td> | |||
<td> | |||
پروژه اقتصادی | |||
</td> | |||
<td> | |||
بیشتر ساختمانها | |||
</td> | |||
<td> | |||
پروژههای خاص | |||
</td> | |||
</tr> | |||
</tbody> | |||
</table> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
BUY GUIDE | |||
===================================================== --> | |||
<section class="section buy-guide" | |||
id="guide"> | |||
<div class="container"> | |||
<div class="section-head"> | |||
<span class="section-kicker"> | |||
راهنمای خرید | |||
</span> | |||
<h2> | |||
هنگام خرید درب ضد سرقت چه چیزهایی را بررسی کنیم؟ | |||
</h2> | |||
</div> | |||
<div class="guide-grid"> | |||
<article class="guide-card"> | |||
<h3> | |||
کیفیت ساخت | |||
</h3> | |||
<ul> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
ساختار داخلی درب | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
کیفیت چارچوب | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
کیفیت روکش | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
کیفیت یراقآلات | |||
</li> | |||
</ul> | |||
</article> | |||
<article class="guide-card"> | |||
<h3> | |||
ظاهر و طراحی | |||
</h3> | |||
<ul> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
رنگ درب | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
سبک طراحی | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
هماهنگی با نما | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
هماهنگی با دکوراسیون | |||
</li> | |||
</ul> | |||
</article> | |||
<article class="guide-card"> | |||
<h3> | |||
شرایط سفارش | |||
</h3> | |||
<ul> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
اندازهگیری محل | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
انتخاب مدل | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
بررسی جزئیات سفارش | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-check"></i> | |||
هماهنگی نصب | |||
</li> | |||
</ul> | |||
</article> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
ORDER | |||
===================================================== --> | |||
<section class="section order" | |||
id="order"> | |||
<div class="container"> | |||
<div class="section-head"> | |||
<span class="section-kicker"> | |||
قدم آخر | |||
</span> | |||
<h2> | |||
مسیر سفارش درب ضد سرقت از دنیز درب | |||
</h2> | |||
<p> | |||
بعد از انتخاب مدل، مسیر سفارش میتواند | |||
بهصورت ساده و مرحلهای انجام شود. | |||
</p> | |||
</div> | |||
<div class="order-steps"> | |||
<article class="order-step"> | |||
<div class="step-number"> | |||
۱ | |||
</div> | |||
<div> | |||
<h3> | |||
مشاوره | |||
</h3> | |||
<p> | |||
نیاز و شرایط پروژه خود را مطرح کنید. | |||
</p> | |||
</div> | |||
</article> | |||
<article class="order-step"> | |||
<div class="step-number"> | |||
۲ | |||
</div> | |||
<div> | |||
<h3> | |||
انتخاب مدل | |||
</h3> | |||
<p> | |||
مدل، طرح، رنگ و جزئیات مورد نظر مشخص میشود. | |||
</p> | |||
</div> | |||
</article> | |||
<article class="order-step"> | |||
<div class="step-number"> | |||
۳ | |||
</div> | |||
<div> | |||
<h3> | |||
اندازهگیری | |||
</h3> | |||
<p> | |||
ابعاد و شرایط محل نصب بررسی میشود. | |||
</p> | |||
</div> | |||
</article> | |||
<article class="order-step"> | |||
<div class="step-number"> | |||
۴ | |||
</div> | |||
<div> | |||
<h3> | |||
ثبت سفارش | |||
</h3> | |||
<p> | |||
جزئیات نهایی تأیید و سفارش ثبت میشود. | |||
</p> | |||
</div> | |||
</article> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
FAQ | |||
===================================================== --> | |||
<section class="section faq"> | |||
<div class="container"> | |||
<div class="section-head"> | |||
<span class="section-kicker"> | |||
سوالات متداول | |||
</span> | |||
<h2> | |||
سوالات رایج درباره درب ضد سرقت | |||
</h2> | |||
</div> | |||
<div class="faq-list"> | |||
<article class="faq-item"> | |||
<h3> | |||
هنگام خرید درب ضد سرقت به چه نکاتی توجه کنیم؟ | |||
</h3> | |||
<p> | |||
کیفیت ساخت، چارچوب، یراقآلات، قفل، | |||
روکش، ابعاد و شرایط نصب از موارد مهم | |||
در انتخاب درب مناسب هستند. | |||
</p> | |||
</article> | |||
<article class="faq-item"> | |||
<h3> | |||
آیا ظاهر درب ضد سرقت قابل انتخاب است؟ | |||
</h3> | |||
<p> | |||
بله، مدلهای مختلف میتوانند از نظر | |||
طرح، رنگ و نوع روکش تفاوت داشته باشند. | |||
</p> | |||
</article> | |||
<article class="faq-item"> | |||
<h3> | |||
قیمت درب ضد سرقت چگونه تعیین میشود؟ | |||
</h3> | |||
<p> | |||
قیمت نهایی میتواند براساس مدل، ابعاد، | |||
نوع روکش، یراقآلات و امکانات انتخابی | |||
متفاوت باشد. برای قیمت دقیق، مشخصات | |||
سفارش باید بررسی شود. | |||
</p> | |||
</article> | |||
<article class="faq-item"> | |||
<h3> | |||
آیا قبل از خرید امکان دریافت مشاوره وجود دارد؟ | |||
</h3> | |||
<p> | |||
بله. بهتر است پیش از سفارش، شرایط محل، | |||
ابعاد و نیازهای خود را بررسی کرده و | |||
سپس مدل مناسب را انتخاب کنید. | |||
</p> | |||
</article> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ===================================================== | |||
CTA | |||
===================================================== --> | |||
<section class="final-cta" | |||
id="contact"> | |||
<div class="container"> | |||
<div class="cta-box"> | |||
<h2> | |||
حالا نوبت انتخاب شماست | |||
</h2> | |||
<p> | |||
اگر برای انتخاب درب ضد سرقت مناسب ساختمان خود | |||
نیاز به راهنمایی دارید، مشخصات پروژه و نیازتان | |||
را مطرح کنید تا مسیر انتخاب برایتان سادهتر شود. | |||
</p> | |||
<div class="cta-actions"> | |||
<!-- شماره تلفن را جایگزین کنید --> | |||
<a href="tel:02100000000" | |||
class="btn btn-primary"> | |||
<i class="fa-solid fa-phone"></i> | |||
تماس برای مشاوره | |||
</a> | |||
<a href="#models" | |||
class="btn btn-secondary"> | |||
<i class="fa-solid fa-door-closed"></i> | |||
مشاهده مدلها | |||
</a> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
</main> | |||
<!-- ===================================================== | |||
FOOTER | |||
===================================================== --> | |||
<footer class="footer"> | |||
<div class="container"> | |||
<div class="footer-grid"> | |||
<div> | |||
<h3> | |||
دنیز درب | |||
</h3> | |||
<p> | |||
دنیز درب با تمرکز بر دربهای ورودی ساختمان، | |||
مسیر آشنایی، انتخاب و سفارش درب مناسب را | |||
برای مشتریان سادهتر میکند. | |||
</p> | |||
</div> | |||
<div> | |||
<h3> | |||
دسترسی سریع | |||
</h3> | |||
<ul> | |||
<li> | |||
<a href="#about"> | |||
آشنایی با درب ضد سرقت | |||
</a> | |||
</li> | |||
<li> | |||
<a href="#benefits"> | |||
ویژگیها | |||
</a> | |||
</li> | |||
<li> | |||
<a href="#models"> | |||
مدلها | |||
</a> | |||
</li> | |||
<li> | |||
<a href="#guide"> | |||
راهنمای خرید | |||
</a> | |||
</li> | |||
</ul> | |||
</div> | |||
<div> | |||
<h3> | |||
ارتباط با دنیز درب | |||
</h3> | |||
<ul> | |||
<li> | |||
<i class="fa-solid fa-phone"></i> | |||
021-00000000 | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-location-dot"></i> | |||
آدرس فروشگاه | |||
</li> | |||
<li> | |||
<i class="fa-solid fa-clock"></i> | |||
ساعات پاسخگویی | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
<div class="footer-bottom"> | |||
© تمام حقوق این صفحه برای دنیز درب محفوظ است. | |||
</div> | |||
</div> | |||
</footer> | |||
<!-- ===================================================== | |||
MOBILE NAV | |||
===================================================== --> | |||
<nav class="mobile-nav" | |||
aria-label="منوی موبایل"> | |||
<a href="#home" | |||
class="active"> | |||
<i class="fa-solid fa-house"></i> | |||
خانه | |||
</a> | |||
<a href="#models"> | |||
<i class="fa-solid fa-door-closed"></i> | |||
مدلها | |||
</a> | |||
<a href="#guide"> | |||
<i class="fa-solid fa-compass"></i> | |||
راهنمای خرید | |||
</a> | |||
<a href="#contact"> | |||
<i class="fa-solid fa-phone"></i> | |||
تماس | |||
</a> | |||
</nav> | |||
</body> | |||
</html> | |||
قبل از خرید درب ضد سرقت، ویژگیها، ساختار، مدلها و نکات مهم انتخاب را بشناسید. در دنیز درب تلاش کردهایم مسیر انتخاب و سفارش درب ورودی ساختمان را برای شما سادهتر کنیم.
انتخاب درب مناسب فقط دیدن یک عکس و قیمت نیست. مرحلهبهمرحله جلو بروید و آگاهانه انتخاب کنید.
ابتدا با مفهوم درب ضد سرقت و تفاوت آن با دربهای معمولی آشنا شوید.
ویژگیها، ساختار، ظاهر و امکانات مدلهای مختلف را بررسی کنید.
براساس سبک ساختمان، ابعاد، بودجه و نیاز خود مدل مناسب را انتخاب کنید.
پس از مشاوره و بررسی جزئیات، سفارش خود را برای اجرا و تهیه ثبت کنید.
درب ضد سرقت نوعی درب ورودی است که با هدف افزایش مقاومت در برابر ورود غیرمجاز و ایجاد امنیت بیشتر برای ساختمان طراحی میشود. در انتخاب یک درب ضد سرقت مناسب، فقط ظاهر اهمیت ندارد؛ ساختار داخلی، چارچوب، یراقآلات، قفل، کیفیت ساخت، ابعاد و نحوه نصب نیز اهمیت دارند.
یک انتخاب خوب باید هم از نظر کاربردی و هم از نظر ظاهری با نیاز ساختمان شما هماهنگ باشد.
ساختار مناسب و طراحی اصولی میتواند مقاومت درب را در برابر ورود غیرمجاز افزایش دهد.
کیفیت قفل، لولا و سایر یراقآلات از بخشهای مهم در انتخاب درب ورودی ساختمان است.
طرح و رنگ درب را متناسب با سبک نما، لابی و فضای ورودی انتخاب کنید.
پیش از سفارش، ابعاد و شرایط محل نصب باید بررسی و اندازهگیری شود.
قبل از اینکه سراغ قیمت بروید، چهار موضوع مهم را مشخص کنید.
آپارتمان، ساختمان اداری، ویلایی یا ورودی خاص؟ کاربرد ساختمان روی انتخاب شما اثر دارد.
اندازه دقیق محل نصب را قبل از سفارش بررسی کنید تا مدل مناسب انتخاب شود.
مدل درب باید با سبک طراحی داخلی و نمای ساختمان هماهنگ باشد.
ابتدا نیازهای اصلی را مشخص کنید و سپس براساس بودجه مدل مناسب را انتخاب کنید.
تصاویر زیر نمونه هستند و میتوانید تصاویر واقعی محصولات خودتان را جایگزین کنید.
گزینهای برای ورودی ساختمانهایی که ظاهر و امنیت را همزمان میخواهند.
دریافت اطلاعات مدل| ویژگی | مدل اقتصادی | مدل استاندارد | مدل ویژه |
|---|---|---|---|
| طراحی ظاهری | ساده | متنوع | ویژه |
| تنوع روکش | محدود | متنوع | بیشتر |
| امکانات | پایه | کامل | ویژه |
| مناسب برای | پروژه اقتصادی | بیشتر ساختمانها | پروژههای خاص |
بعد از انتخاب مدل، مسیر سفارش میتواند بهصورت ساده و مرحلهای انجام شود.
نیاز و شرایط پروژه خود را مطرح کنید.
مدل، طرح، رنگ و جزئیات مورد نظر مشخص میشود.
ابعاد و شرایط محل نصب بررسی میشود.
جزئیات نهایی تأیید و سفارش ثبت میشود.
کیفیت ساخت، چارچوب، یراقآلات، قفل، روکش، ابعاد و شرایط نصب از موارد مهم در انتخاب درب مناسب هستند.
بله، مدلهای مختلف میتوانند از نظر طرح، رنگ و نوع روکش تفاوت داشته باشند.
قیمت نهایی میتواند براساس مدل، ابعاد، نوع روکش، یراقآلات و امکانات انتخابی متفاوت باشد. برای قیمت دقیق، مشخصات سفارش باید بررسی شود.
بله. بهتر است پیش از سفارش، شرایط محل، ابعاد و نیازهای خود را بررسی کرده و سپس مدل مناسب را انتخاب کنید.
اگر برای انتخاب درب ضد سرقت مناسب ساختمان خود نیاز به راهنمایی دارید، مشخصات پروژه و نیازتان را مطرح کنید تا مسیر انتخاب برایتان سادهتر شود.