سن مناسب برای اهدای تخمک
آشنایی با شرایط سنی و نکات مهم پیش از اهدا.
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۶: | خط ۶: | ||
/* ========================================================= | /* ========================================================= | ||
POSITIVE DONATION | POSITIVE DONATION - BAKHSHANDEH | ||
MOBILE FIRST | |||
========================================================= */ | ========================================================= */ | ||
| خط ۲۵: | خط ۲۴: | ||
--text:#3d3443; | --text:#3d3443; | ||
--muted:# | --muted:#706575; | ||
--white:# | --white:#fff; | ||
--border:# | --border:#e8dce9; | ||
--gold:#c9a04a; | --gold:#c9a04a; | ||
--shadow:0 10px 35px rgba(88,49,116,.10); | --shadow:0 10px 35px rgba(88,49,116,.10); | ||
--shadow-soft:0 6px 22px rgba(88,49,116,. | --shadow-soft:0 6px 22px rgba(88,49,116,.08); | ||
direction:rtl; | direction:rtl; | ||
width:100%; | width:100%; | ||
max-width:1500px; | max-width:1500px; | ||
margin: | margin:auto; | ||
padding: | padding:7px; | ||
font-family: | font-family: | ||
| خط ۵۰: | خط ۴۹: | ||
color:var(--text); | color:var(--text); | ||
font-size:16px; | |||
line-height:1.9; | line-height:1.9; | ||
} | } | ||
| خط ۶۱: | خط ۶۳: | ||
.positive-donation-page img{ | .positive-donation-page img{ | ||
display:block; | display:block; | ||
width:100%; | |||
max-width:100%; | max-width:100%; | ||
} | } | ||
.positive-donation-page a{ | .positive-donation-page a{ | ||
text-decoration:none; | |||
color:inherit; | color:inherit; | ||
} | } | ||
| خط ۷۶: | خط ۷۹: | ||
.pd-section{ | .pd-section{ | ||
width:100%; | |||
margin-top:30px; | |||
} | } | ||
.pd-title{ | .pd-title{ | ||
text-align:center; | text-align:center; | ||
margin-bottom: | margin-bottom:20px; | ||
} | } | ||
| خط ۸۹: | خط ۹۲: | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
padding:5px 15px; | |||
background:var(--pink-light); | background:var(--pink-light); | ||
color:var(--pink-dark); | color:var(--pink-dark); | ||
border-radius:30px; | border-radius:30px; | ||
font-size:. | font-size:.85rem; | ||
font-weight:800; | font-weight:800; | ||
| خط ۱۰۴: | خط ۱۰۸: | ||
.pd-title h2{ | .pd-title h2{ | ||
margin:0; | margin:0; | ||
color:var(--purple); | color:var(--purple); | ||
font-size:1. | |||
line-height:1. | font-size:1.45rem; | ||
line-height:1.65; | |||
font-weight:900; | |||
} | } | ||
.pd-title p{ | .pd-title p{ | ||
max-width: | max-width:700px; | ||
margin: | |||
margin:6px auto 0; | |||
color:var(--muted); | color:var(--muted); | ||
font-size:. | |||
font-size:.88rem; | |||
line-height:1.9; | |||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| خط ۱۲۶: | خط ۱۳۹: | ||
border:1px solid var(--border); | border:1px solid var(--border); | ||
padding: | border-radius:23px; | ||
padding:11px 14px; | |||
display:flex; | display:flex; | ||
| خط ۱۴۰: | خط ۱۵۴: | ||
.pd-brand{ | .pd-brand{ | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
gap: | |||
gap:10px; | |||
} | } | ||
.pd-logo{ | .pd-logo{ | ||
width: | width:47px; | ||
height: | height:47px; | ||
flex:0 0 47px; | |||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
border-radius:16px; | |||
background: | background: | ||
| خط ۱۶۷: | خط ۱۸۳: | ||
color:#fff; | color:#fff; | ||
font-size:1. | font-size:1.55rem; | ||
font-weight:900; | font-weight:900; | ||
} | } | ||
.pd-brand-text strong{ | .pd-brand-text strong{ | ||
display:block; | display:block; | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.95rem; | ||
line-height:1.5; | line-height:1.5; | ||
} | } | ||
.pd-brand-text small{ | .pd-brand-text small{ | ||
display:block; | |||
color:var(--muted); | color:var(--muted); | ||
font-size:. | |||
font-size:.72rem; | |||
} | } | ||
| خط ۱۹۲: | خط ۲۱۴: | ||
display:none; | display:none; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
HERO | HERO | ||
========================================================= */ | ========================================================= */ | ||
| خط ۲۰۳: | خط ۲۲۶: | ||
margin-top:12px; | margin-top:12px; | ||
min-height: | min-height:310px; | ||
overflow:hidden; | overflow:hidden; | ||
border-radius: | border-radius:30px; | ||
background: | background: | ||
| خط ۲۳۰: | خط ۲۵۳: | ||
position:absolute; | position:absolute; | ||
width: | width:240px; | ||
height: | height:240px; | ||
border-radius:50%; | border-radius:50%; | ||
| خط ۲۳۸: | خط ۲۶۱: | ||
rgba(232,91,155,.20); | rgba(232,91,155,.20); | ||
top:- | top:-110px; | ||
right:-80px; | right:-80px; | ||
} | } | ||
| خط ۲۴۹: | خط ۲۷۰: | ||
z-index:2; | z-index:2; | ||
min-height: | min-height:310px; | ||
padding:28px 20px; | padding:28px 20px; | ||
display:flex; | display:flex; | ||
flex-direction:column; | flex-direction:column; | ||
justify-content:center; | justify-content:center; | ||
align-items:flex-start; | align-items:flex-start; | ||
} | } | ||
| خط ۲۶۴: | خط ۲۸۷: | ||
display:inline-flex; | display:inline-flex; | ||
padding: | padding:6px 14px; | ||
border-radius:30px; | border-radius:30px; | ||
| خط ۲۷۳: | خط ۲۹۶: | ||
border: | border: | ||
1px solid | 1px solid | ||
rgba(255,255,255,. | rgba(255,255,255,.4); | ||
color:#fff; | color:#fff; | ||
font-size:. | font-size:.78rem; | ||
margin-bottom: | margin-bottom:9px; | ||
} | } | ||
| خط ۲۸۸: | خط ۳۱۱: | ||
color:#fff; | color:#fff; | ||
font-size:1. | font-size:1.8rem; | ||
line-height:1. | line-height:1.65; | ||
max-width: | max-width:700px; | ||
} | } | ||
| خط ۳۰۱: | خط ۳۲۴: | ||
.pd-hero p{ | .pd-hero p{ | ||
max-width: | max-width:650px; | ||
margin:8px 0 16px; | |||
color: | |||
rgba(255,255,255,.94); | |||
font-size:.88rem; | |||
line-height:2; | |||
} | } | ||
| خط ۳۱۳: | خط ۳۳۹: | ||
display:flex; | display:flex; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
gap: | |||
gap:8px; | |||
} | } | ||
.pd-btn{ | .pd-btn{ | ||
min-height: | min-height:44px; | ||
display:inline-flex; | display:inline-flex; | ||
| خط ۳۲۶: | خط ۳۵۴: | ||
justify-content:center; | justify-content:center; | ||
padding: | padding:8px 18px; | ||
border-radius:14px; | border-radius:14px; | ||
font-size:. | font-size:.78rem; | ||
font-weight: | font-weight:900; | ||
} | } | ||
| خط ۳۳۸: | خط ۳۶۶: | ||
background:#fff; | background:#fff; | ||
color:var(--purple); | color:var(--purple); | ||
} | } | ||
| خط ۳۴۷: | خط ۳۷۶: | ||
border: | border: | ||
1px solid | 1px solid | ||
rgba(255,255,255,. | rgba(255,255,255,.45); | ||
background: | background: | ||
rgba(255,255,255,.12); | rgba(255,255,255,.12); | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| خط ۳۶۴: | خط ۳۹۴: | ||
repeat(2,1fr); | repeat(2,1fr); | ||
gap: | gap:10px; | ||
} | } | ||
.pd-quick-card{ | .pd-quick-card{ | ||
min-height: | min-height:115px; | ||
background:#fff; | background:#fff; | ||
| خط ۳۷۷: | خط ۴۰۷: | ||
var(--border); | var(--border); | ||
border-radius: | border-radius:21px; | ||
display:flex; | display:flex; | ||
| خط ۳۸۹: | خط ۴۱۹: | ||
text-align:center; | text-align:center; | ||
padding: | padding:11px; | ||
box-shadow:var(--shadow-soft); | box-shadow:var(--shadow-soft); | ||
| خط ۳۹۶: | خط ۴۲۶: | ||
.pd-quick-icon{ | .pd-quick-icon{ | ||
width: | width:44px; | ||
height: | height:44px; | ||
border-radius: | border-radius:15px; | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
background:var(--purple-light); | background:var(--purple-light); | ||
color:var(--purple); | color:var(--purple); | ||
font-size: | font-size:1.15rem; | ||
margin-bottom:5px; | margin-bottom:5px; | ||
| خط ۴۱۷: | خط ۴۴۹: | ||
background:var(--pink-light); | background:var(--pink-light); | ||
color:var(--pink); | color:var(--pink); | ||
} | } | ||
| خط ۴۲۴: | خط ۴۵۷: | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.85rem; | ||
} | } | ||
| خط ۴۳۱: | خط ۴۶۴: | ||
color:var(--muted); | color:var(--muted); | ||
font-size:. | font-size:.72rem; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
START | |||
========================================================= */ | ========================================================= */ | ||
.pd-start{ | .pd-start{ | ||
padding: | padding:23px 16px; | ||
background: | background: | ||
| خط ۴۵۴: | خط ۴۸۷: | ||
var(--border); | var(--border); | ||
border-radius: | border-radius:27px; | ||
box-shadow:var(--shadow-soft); | box-shadow:var(--shadow-soft); | ||
| خط ۴۶۷: | خط ۵۰۰: | ||
color:var(--purple); | color:var(--purple); | ||
font-size:1. | font-size:1.25rem; | ||
} | } | ||
.pd-start p{ | .pd-start p{ | ||
margin: | margin:6px auto 15px; | ||
color:var(--muted); | color:var(--muted); | ||
font-size:. | font-size:.82rem; | ||
max-width: | max-width:650px; | ||
} | } | ||
| خط ۴۸۸: | خط ۵۲۱: | ||
repeat(2,1fr); | repeat(2,1fr); | ||
gap: | gap:9px; | ||
} | } | ||
.pd-start-option{ | .pd-start-option{ | ||
padding: | padding:13px 8px; | ||
background:#fff; | background:#fff; | ||
| خط ۵۰۱: | خط ۵۳۴: | ||
var(--border); | var(--border); | ||
border-radius: | border-radius:18px; | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.76rem; | ||
font-weight: | font-weight:900; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
DONATION SERVICES | DONATION SERVICES | ||
========================================================= */ | ========================================================= */ | ||
| خط ۵۲۱: | خط ۵۵۴: | ||
overflow:hidden; | overflow:hidden; | ||
padding: | padding:27px 8px 22px; | ||
border-radius: | border-radius:34px; | ||
background: | background: | ||
| خط ۵۳۲: | خط ۵۶۵: | ||
); | ); | ||
} | } | ||
.pd-donation::before{ | .pd-donation::before{ | ||
| خط ۵۴۱: | خط ۵۷۲: | ||
position:absolute; | position:absolute; | ||
width: | width:390px; | ||
height: | height:390px; | ||
border-radius: | border-radius: | ||
| خط ۵۵۲: | خط ۵۸۳: | ||
radial-gradient( | radial-gradient( | ||
circle at 35% 30%, | circle at 35% 30%, | ||
rgba(232,91,155,. | rgba(232,91,155,.30), | ||
rgba(232,91,155,. | rgba(232,91,155,.11) 45%, | ||
transparent 70% | transparent 70% | ||
); | ); | ||
top:- | top:-110px; | ||
right:-100px; | right:-100px; | ||
| خط ۵۷۱: | خط ۶۰۲: | ||
position:absolute; | position:absolute; | ||
width: | width:320px; | ||
height: | height:280px; | ||
border-radius: | border-radius: | ||
| خط ۵۷۹: | خط ۶۱۰: | ||
background: | background: | ||
rgba(88,49,116,. | rgba(88,49,116,.09); | ||
bottom:- | bottom:-125px; | ||
left:- | left:-90px; | ||
transform:rotate(15deg); | transform:rotate(15deg); | ||
| خط ۵۹۳: | خط ۶۲۴: | ||
position:relative; | position:relative; | ||
z-index:2; | z-index:2; | ||
} | } | ||
| خط ۶۰۲: | خط ۶۳۴: | ||
grid-template-columns:1fr; | grid-template-columns:1fr; | ||
gap: | gap:13px; | ||
} | } | ||
.pd-donation-card{ | .pd-donation-card{ | ||
| خط ۶۱۱: | خط ۶۴۱: | ||
position:relative; | position:relative; | ||
min-height: | min-height:270px; | ||
overflow:hidden; | overflow:hidden; | ||
| خط ۶۲۱: | خط ۶۵۱: | ||
rgba(232,91,155,.22); | rgba(232,91,155,.22); | ||
border-radius: | border-radius:29px; | ||
box-shadow: | box-shadow: | ||
0 12px 30px | 0 12px 30px | ||
rgba(88,49,116,. | rgba(88,49,116,.11); | ||
padding: | padding:15px; | ||
display:flex; | display:flex; | ||
| خط ۶۳۵: | خط ۶۶۵: | ||
justify-content:flex-end; | justify-content:flex-end; | ||
} | } | ||
.pd-donation-image{ | .pd-donation-image{ | ||
| خط ۶۵۵: | خط ۶۸۳: | ||
object-position:center; | object-position:center; | ||
} | } | ||
.pd-donation-image::after{ | .pd-donation-image::after{ | ||
| خط ۶۶۹: | خط ۶۹۴: | ||
background: | background: | ||
linear-gradient( | linear-gradient( | ||
180deg, | 180deg, | ||
rgba(63,32,88,.02) | rgba(63,32,88,.02) 15%, | ||
rgba(63,32,88,. | rgba(63,32,88,.82) 100% | ||
); | ); | ||
} | } | ||
.pd-donation-content{ | .pd-donation-content{ | ||
| خط ۶۹۲: | خط ۷۱۴: | ||
.pd-donation-icon{ | .pd-donation-icon{ | ||
width: | width:47px; | ||
height: | height:47px; | ||
border-radius: | border-radius:16px; | ||
background: | background: | ||
rgba(255,255,255,. | rgba(255,255,255,.93); | ||
color:var(--purple); | color:var(--purple); | ||
| خط ۷۰۷: | خط ۷۲۹: | ||
justify-content:center; | justify-content:center; | ||
font-size:1. | font-size:1.2rem; | ||
margin-bottom:7px; | margin-bottom:7px; | ||
| خط ۷۱۶: | خط ۷۳۸: | ||
margin:0; | margin:0; | ||
font-size: | font-size:1.12rem; | ||
color:#fff; | color:#fff; | ||
| خط ۷۲۳: | خط ۷۴۵: | ||
.pd-donation-card p{ | .pd-donation-card p{ | ||
margin: | margin:5px 0 10px; | ||
color: | color: | ||
rgba(255,255,255,. | rgba(255,255,255,.94); | ||
font-size:. | font-size:.78rem; | ||
line-height:1. | line-height:1.9; | ||
} | } | ||
| خط ۷۳۷: | خط ۷۵۹: | ||
display:flex; | display:flex; | ||
gap: | gap:7px; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
| خط ۷۴۵: | خط ۷۶۷: | ||
background: | background: | ||
rgba(255,255,255,. | rgba(255,255,255,.94); | ||
color:var(--purple); | color:var(--purple); | ||
padding: | padding:6px 10px; | ||
border-radius: | border-radius:12px; | ||
font-size:. | font-size:.68rem; | ||
font-weight: | font-weight:900; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| خط ۷۶۸: | خط ۷۹۱: | ||
grid-template-columns:1fr; | grid-template-columns:1fr; | ||
gap: | gap:12px; | ||
} | } | ||
| خط ۷۷۷: | خط ۸۰۰: | ||
overflow:hidden; | overflow:hidden; | ||
min-height: | min-height:185px; | ||
border-radius: | border-radius:27px; | ||
padding: | padding:21px; | ||
display:flex; | display:flex; | ||
| خط ۸۲۰: | خط ۸۴۳: | ||
position:absolute; | position:absolute; | ||
width: | width:150px; | ||
height: | height:150px; | ||
border-radius:50%; | border-radius:50%; | ||
| خط ۸۳۸: | خط ۸۶۱: | ||
margin:0; | margin:0; | ||
font-size:1. | font-size:1.12rem; | ||
} | } | ||
| خط ۸۴۵: | خط ۸۶۸: | ||
position:relative; | position:relative; | ||
margin: | margin:5px 0 11px; | ||
font-size:. | font-size:.78rem; | ||
color:rgba(255,255,255,. | color: | ||
rgba(255,255,255,.93); | |||
} | } | ||
| خط ۸۵۸: | خط ۸۸۲: | ||
width:max-content; | width:max-content; | ||
padding: | padding:7px 12px; | ||
border-radius: | border-radius:13px; | ||
background:#fff; | background:#fff; | ||
| خط ۸۶۶: | خط ۸۹۰: | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.68rem; | ||
font-weight: | font-weight:900; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
همراهی و آگاهی | |||
MOBILE = VERTICAL | |||
========================================================= */ | ========================================================= */ | ||
.pd-image-slider{ | .pd-image-slider{ | ||
display: | display:grid; | ||
grid-template-columns:1fr; | |||
gap: | gap:13px; | ||
width:100%; | |||
} | } | ||
.pd-image-slide{ | .pd-image-slide{ | ||
min-width: | width:100%; | ||
min-width:0; | |||
height: | height:190px; | ||
position:relative; | position:relative; | ||
| خط ۸۹۴: | خط ۹۲۴: | ||
overflow:hidden; | overflow:hidden; | ||
border-radius: | border-radius:26px; | ||
background:var(--purple); | background:var(--purple); | ||
| خط ۹۰۷: | خط ۹۳۷: | ||
object-fit:cover; | object-fit:cover; | ||
object-position:center; | |||
} | } | ||
| خط ۹۱۹: | خط ۹۵۱: | ||
background: | background: | ||
linear-gradient( | linear-gradient( | ||
transparent | transparent 30%, | ||
rgba(63,32,88,. | rgba(63,32,88,.75) | ||
); | ); | ||
} | } | ||
| خط ۹۳۰: | خط ۹۶۲: | ||
z-index:2; | z-index:2; | ||
right: | right:16px; | ||
bottom: | bottom:13px; | ||
color:#fff; | color:#fff; | ||
font-size:. | font-size:.82rem; | ||
font-weight: | font-weight:900; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| خط ۹۵۱: | خط ۹۸۴: | ||
repeat(2,1fr); | repeat(2,1fr); | ||
gap: | gap:10px; | ||
} | } | ||
| خط ۹۶۲: | خط ۹۹۵: | ||
var(--border); | var(--border); | ||
border-radius: | border-radius:22px; | ||
padding: | padding:16px 9px; | ||
text-align:center; | text-align:center; | ||
| خط ۹۷۳: | خط ۱٬۰۰۶: | ||
.pd-benefit-icon{ | .pd-benefit-icon{ | ||
width: | width:44px; | ||
height: | height:44px; | ||
margin:0 auto | margin:0 auto 7px; | ||
border-radius: | border-radius:15px; | ||
background:var(--purple-light); | background:var(--purple-light); | ||
| خط ۹۸۸: | خط ۱٬۰۲۱: | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
font-size:1rem; | |||
} | } | ||
| خط ۱٬۰۰۴: | خط ۱٬۰۳۹: | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.8rem; | ||
} | } | ||
| خط ۱٬۰۱۱: | خط ۱٬۰۴۶: | ||
color:var(--muted); | color:var(--muted); | ||
font-size:. | font-size:.68rem; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| خط ۱٬۰۲۴: | خط ۱٬۰۶۰: | ||
grid-template-columns:1fr; | grid-template-columns:1fr; | ||
gap: | gap:9px; | ||
} | } | ||
| خط ۱٬۰۳۵: | خط ۱٬۰۷۱: | ||
var(--border); | var(--border); | ||
border-radius: | border-radius:21px; | ||
padding: | padding:14px; | ||
display:flex; | display:flex; | ||
| خط ۱٬۰۴۳: | خط ۱٬۰۷۹: | ||
align-items:center; | align-items:center; | ||
gap: | gap:12px; | ||
box-shadow:var(--shadow-soft); | box-shadow:var(--shadow-soft); | ||
| خط ۱٬۰۵۰: | خط ۱٬۰۸۶: | ||
.pd-step-number{ | .pd-step-number{ | ||
width: | width:44px; | ||
height: | height:44px; | ||
flex:0 0 | flex:0 0 44px; | ||
border-radius:15px; | border-radius:15px; | ||
| خط ۱٬۰۶۷: | خط ۱٬۱۰۳: | ||
font-weight:900; | font-weight:900; | ||
font-size:.9rem; | |||
} | } | ||
.pd-step:nth-child(2) | .pd-step:nth-child(2) | ||
.pd-step-number{ | .pd-step-number{ | ||
background:var(--pink); | background:var(--pink); | ||
} | } | ||
| خط ۱٬۰۷۷: | خط ۱٬۱۱۴: | ||
.pd-step:nth-child(3) | .pd-step:nth-child(3) | ||
.pd-step-number{ | .pd-step-number{ | ||
background:#9b70b3; | background:#9b70b3; | ||
} | } | ||
| خط ۱٬۰۸۳: | خط ۱٬۱۱۹: | ||
.pd-step:nth-child(4) | .pd-step:nth-child(4) | ||
.pd-step-number{ | .pd-step-number{ | ||
background:var(--gold); | background:var(--gold); | ||
} | } | ||
| خط ۱٬۰۹۳: | خط ۱٬۱۲۸: | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.8rem; | ||
} | } | ||
| خط ۱٬۱۰۰: | خط ۱٬۱۳۵: | ||
color:var(--muted); | color:var(--muted); | ||
font-size:. | font-size:.68rem; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
مجله اهدای مثبت | |||
MOBILE = VERTICAL | |||
========================================================= */ | ========================================================= */ | ||
.pd-articles{ | .pd-articles{ | ||
display: | display:grid; | ||
grid-template-columns:1fr; | |||
gap: | gap:14px; | ||
width:100%; | |||
} | } | ||
.pd-article{ | .pd-article{ | ||
min-width: | width:100%; | ||
min-width:0; | |||
overflow:hidden; | overflow:hidden; | ||
| خط ۱٬۱۲۸: | خط ۱٬۱۶۹: | ||
var(--border); | var(--border); | ||
border-radius: | border-radius:26px; | ||
box-shadow:var(--shadow-soft); | box-shadow:var(--shadow-soft); | ||
| خط ۱٬۱۳۵: | خط ۱٬۱۷۶: | ||
.pd-article-image{ | .pd-article-image{ | ||
height: | width:100%; | ||
height:180px; | |||
background:var(--lavender); | background:var(--lavender); | ||
| خط ۱٬۱۴۶: | خط ۱٬۱۸۹: | ||
object-fit:cover; | object-fit:cover; | ||
object-position:center; | |||
} | } | ||
.pd-article-body{ | .pd-article-body{ | ||
padding: | padding:15px; | ||
} | } | ||
| خط ۱٬۱۵۷: | خط ۱٬۲۰۲: | ||
color:var(--pink-dark); | color:var(--pink-dark); | ||
font-size:. | font-size:.68rem; | ||
font-weight: | font-weight:900; | ||
} | } | ||
.pd-article-body h3{ | .pd-article-body h3{ | ||
margin: | margin:5px 0; | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.9rem; | ||
line-height:1. | line-height:1.8; | ||
} | } | ||
| خط ۱٬۱۷۹: | خط ۱٬۲۲۴: | ||
color:var(--muted); | color:var(--muted); | ||
font-size:. | font-size:.7rem; | ||
line-height:1.9; | |||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| خط ۱٬۱۹۰: | خط ۱٬۲۳۸: | ||
display:grid; | display:grid; | ||
gap: | gap:9px; | ||
} | } | ||
| خط ۱٬۲۰۱: | خط ۱٬۲۴۹: | ||
var(--border); | var(--border); | ||
border-radius: | border-radius:19px; | ||
padding: | padding:13px 15px; | ||
box-shadow:var(--shadow-soft); | box-shadow:var(--shadow-soft); | ||
| خط ۱٬۲۱۴: | خط ۱٬۲۶۲: | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.78rem; | ||
font-weight: | font-weight:900; | ||
} | } | ||
| خط ۱٬۲۲۳: | خط ۱٬۲۷۱: | ||
color:var(--muted); | color:var(--muted); | ||
font-size:. | font-size:.72rem; | ||
margin: | line-height:2; | ||
margin:9px 0 0; | |||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| خط ۱٬۲۳۸: | خط ۱٬۲۸۹: | ||
overflow:hidden; | overflow:hidden; | ||
padding: | padding:32px 18px; | ||
border-radius: | border-radius:31px; | ||
text-align:center; | text-align:center; | ||
| خط ۱٬۲۴۸: | خط ۱٬۲۹۹: | ||
radial-gradient( | radial-gradient( | ||
circle at 85% 15%, | circle at 85% 15%, | ||
rgba(232,91,155,. | rgba(232,91,155,.34), | ||
transparent 30% | transparent 30% | ||
), | ), | ||
| خط ۱٬۲۶۷: | خط ۱٬۳۱۸: | ||
position:absolute; | position:absolute; | ||
font-size: | font-size:160px; | ||
color: | color: | ||
| خط ۱٬۲۷۳: | خط ۱٬۳۲۴: | ||
left:-10px; | left:-10px; | ||
bottom:- | bottom:-65px; | ||
} | } | ||
| خط ۱٬۲۸۰: | خط ۱٬۳۳۱: | ||
position:relative; | position:relative; | ||
margin:0 0 | margin:0 0 6px; | ||
color:#fff; | color:#fff; | ||
font-size:1. | font-size:1.35rem; | ||
} | } | ||
| خط ۱٬۲۹۱: | خط ۱٬۳۴۲: | ||
position:relative; | position:relative; | ||
max-width: | max-width:650px; | ||
margin:0 auto | margin:0 auto 15px; | ||
color: | color: | ||
rgba(255,255,255,. | rgba(255,255,255,.88); | ||
font-size:.76rem; | |||
line-height:2; | |||
} | } | ||
| خط ۱٬۳۰۷: | خط ۱٬۳۶۰: | ||
display:inline-flex; | display:inline-flex; | ||
padding: | padding:9px 19px; | ||
border-radius: | border-radius:15px; | ||
background:#fff; | background:#fff; | ||
| خط ۱٬۳۱۵: | خط ۱٬۳۶۸: | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.74rem; | ||
font-weight:900; | font-weight:900; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
| خط ۱٬۳۲۶: | خط ۱٬۳۸۰: | ||
.pd-footer{ | .pd-footer{ | ||
margin-top: | margin-top:30px; | ||
padding: | padding:24px 15px; | ||
background: | background: | ||
| خط ۱٬۳۳۷: | خط ۱٬۳۹۱: | ||
var(--border); | var(--border); | ||
border-radius: | border-radius:26px; | ||
padding-bottom:90px; | |||
} | } | ||
| خط ۱٬۳۴۶: | خط ۱٬۴۰۲: | ||
grid-template-columns:1fr; | grid-template-columns:1fr; | ||
gap: | gap:20px; | ||
} | } | ||
.pd-footer h3{ | .pd-footer h3{ | ||
margin:0 0 | margin:0 0 7px; | ||
color:var(--purple); | color:var(--purple); | ||
font-size:. | font-size:.86rem; | ||
} | } | ||
| خط ۱٬۳۶۳: | خط ۱٬۴۱۹: | ||
color:var(--muted); | color:var(--muted); | ||
font-size:. | font-size:.68rem; | ||
line-height:2; | |||
} | } | ||
| خط ۱٬۳۷۵: | خط ۱٬۴۳۳: | ||
.pd-footer li{ | .pd-footer li{ | ||
margin:4px 0; | margin:4px 0; | ||
} | } | ||
| خط ۱٬۳۸۱: | خط ۱٬۴۳۸: | ||
.pd-footer-bottom{ | .pd-footer-bottom{ | ||
margin-top: | margin-top:17px; | ||
padding-top: | padding-top:13px; | ||
border-top: | border-top: | ||
| خط ۱٬۳۹۳: | خط ۱٬۴۵۰: | ||
color:var(--muted); | color:var(--muted); | ||
font-size:. | font-size:.62rem; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
MOBILE BOTTOM NAV | |||
========================================================= */ | ========================================================= */ | ||
.pd-mobile-nav{ | |||
position:fixed; | |||
z-index:99999; | |||
right:7px; | |||
left:7px; | |||
bottom:7px; | |||
height:67px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:space-around; | |||
background: | |||
rgba(63,32,88,.97); | |||
. | border: | ||
1px solid | |||
rgba(255,255,255,.13); | |||
border-radius:22px; | |||
box-shadow: | |||
0 8px 35px | |||
rgba(63,32,88,.28); | |||
direction:rtl; | |||
} | |||
.pd-mobile-nav a{ | |||
min-width:55px; | |||
height:58px; | |||
display:flex; | |||
flex-direction:column; | |||
align-items:center; | |||
justify-content:center; | |||
gap:1px; | |||
border-radius:16px; | |||
color: | |||
rgba(255,255,255,.76); | |||
font-size:.58rem; | |||
font-weight:800; | |||
. | transition:.2s ease; | ||
} | |||
.pd-mobile-nav a span{ | |||
width:30px; | |||
height:30px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
border-radius:11px; | |||
.pd- | font-size:1rem; | ||
} | |||
.pd-mobile-nav a.active{ | |||
color:#fff; | |||
} | |||
.pd-mobile-nav a.active span{ | |||
background:var(--pink); | |||
color:#fff; | |||
box-shadow: | |||
0 5px 15px | |||
rgba(232,91,155,.35); | |||
} | |||
/* ========================================================= | |||
TABLET | |||
========================================================= */ | |||
@media (min-width:700px){ | |||
.positive-donation-page{ | |||
padding:15px; | |||
font-size:16px; | |||
} | } | ||
.pd- | .pd-header{ | ||
padding:13px 18px; | |||
} | } | ||
.pd- | .pd-menu{ | ||
display:flex; | |||
align-items:center; | |||
gap:3px; | |||
margin-right:auto; | |||
} | } | ||
.pd- | .pd-menu a{ | ||
padding:8px 10px; | |||
border-radius:12px; | |||
color:var(--purple); | |||
font-size:.72rem; | |||
font-weight:900; | |||
} | } | ||
.pd-header-btn{ | |||
display:inline-flex; | |||
padding:8px 14px; | |||
border-radius:13px; | |||
background:var(--purple); | |||
color:#fff; | |||
font-size:.7rem; | |||
font-size: | |||
font-weight:900; | |||
font- | |||
} | } | ||
.pd-hero{ | .pd-hero{ | ||
min-height: | min-height:400px; | ||
} | } | ||
.pd-hero-content{ | .pd-hero-content{ | ||
min-height: | min-height:400px; | ||
padding: | padding:45px; | ||
} | } | ||
.pd-hero h1{ | .pd-hero h1{ | ||
font-size:2. | font-size:2.25rem; | ||
} | } | ||
| خط ۱٬۵۸۸: | خط ۱٬۶۲۳: | ||
} | } | ||
.pd- | .pd-quick{ | ||
grid-template-columns: | |||
repeat(4,1fr); | |||
} | } | ||
.pd-start-options{ | |||
grid-template-columns: | |||
repeat(4,1fr); | |||
} | |||
.pd-donation: | .pd-donation-grid{ | ||
grid-template-columns: | |||
repeat(3,1fr); | |||
} | |||
.pd-donation-card{ | |||
height: | min-height:320px; | ||
} | |||
.pd-choice{ | |||
grid-template-columns: | |||
repeat(2,1fr); | |||
} | } | ||
.pd- | .pd-choice-card{ | ||
min-height:215px; | |||
} | |||
/* دسکتاپ چندستونه */ | |||
.pd-image-slider{ | |||
grid-template-columns: | |||
repeat(4,1fr); | |||
gap:12px; | |||
} | } | ||
.pd- | .pd-image-slide{ | ||
height:205px; | |||
height: | |||
} | } | ||
.pd-benefits{ | .pd-benefits{ | ||
grid-template-columns: | grid-template-columns: | ||
repeat( | repeat(3,1fr); | ||
} | } | ||
.pd- | .pd-steps{ | ||
grid-template-columns: | |||
repeat(4,1fr); | |||
} | } | ||
.pd-step{ | |||
display:block; | |||
text-align:center; | |||
} | } | ||
.pd-step-number{ | |||
.pd-step | |||
margin:0 auto 8px; | |||
} | } | ||
.pd- | .pd-articles{ | ||
grid-template-columns: | |||
repeat(3,1fr); | |||
} | |||
.pd-footer-grid{ | |||
grid-template-columns: | |||
1.5fr 1fr 1fr; | |||
} | |||
/* حذف منوی موبایل */ | |||
.pd-mobile-nav{ | |||
display:none; | |||
} | |||
.pd-footer{ | |||
padding-bottom:24px; | |||
} | } | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
DESKTOP | |||
========================================================= */ | ========================================================= */ | ||
@media ( | @media (min-width:1050px){ | ||
. | .pd-section{ | ||
margin-top:46px; | |||
} | } | ||
.pd- | .pd-title{ | ||
margin-bottom:26px; | |||
} | } | ||
.pd- | .pd-title h2{ | ||
font-size:1.7rem; | |||
} | } | ||
.pd- | .pd-title p{ | ||
font-size:.9rem; | |||
} | } | ||
.pd-hero | .pd-hero{ | ||
min-height:470px; | |||
border-radius:38px; | |||
} | } | ||
.pd- | .pd-hero-content{ | ||
min-height:470px; | |||
padding:60px; | |||
} | |||
.pd-hero h1{ | |||
font-size:2.7rem; | |||
} | |||
.pd-hero p{ | |||
font-size:1rem; | |||
} | |||
.pd-donation{ | |||
padding:37px 20px 30px; | |||
border-radius:40px; | |||
} | |||
.pd-donation::before{ | |||
width:520px; | |||
height:470px; | |||
top:-155px; | |||
right:-120px; | |||
} | |||
.pd-donation::after{ | |||
width:430px; | |||
height:350px; | |||
bottom:-160px; | |||
left:-120px; | |||
} | |||
.pd-donation-card{ | |||
min-height:390px; | |||
border-radius:33px; | |||
} | |||
.pd-donation-card h3{ | |||
font-size:1.2rem; | |||
} | |||
.pd-donation-card p{ | |||
font-size:.8rem; | |||
} | |||
.pd-image-slide{ | |||
height:230px; | |||
border-radius:29px; | |||
} | |||
.pd-benefits{ | |||
grid-template-columns: | |||
repeat(6,1fr); | |||
} | |||
.pd-article-image{ | |||
height:185px; | |||
} | |||
.pd-article-body h3{ | |||
font-size:.95rem; | |||
} | |||
} | |||
/* ========================================================= | |||
HOVER | |||
========================================================= */ | |||
@media (hover:hover){ | |||
.pd-quick-card, | |||
.pd-donation-card, | |||
.pd-choice-card, | |||
.pd-benefit, | |||
.pd-step, | |||
.pd-article{ | |||
transition: | |||
transform .22s ease, | |||
box-shadow .22s ease; | |||
} | |||
.pd-quick-card:hover, | |||
.pd-donation-card:hover, | |||
.pd-choice-card:hover, | |||
.pd-benefit:hover, | |||
.pd-step:hover, | |||
.pd-article:hover{ | |||
transform:translateY(-4px); | |||
box-shadow: | |||
0 18px 38px | |||
rgba(88,49,116,.15); | |||
} | |||
.pd-menu a:hover{ | |||
background:var(--pink-light); | |||
color:var(--pink-dark); | |||
} | |||
} | |||
/* ========================================================= | |||
VERY SMALL MOBILE | |||
========================================================= */ | |||
@media (max-width:390px){ | |||
.positive-donation-page{ | |||
padding:6px; | |||
} | |||
.pd-brand-text strong{ | |||
font-size:.84rem; | |||
} | |||
.pd-brand-text small{ | |||
font-size:.65rem; | |||
} | |||
.pd-hero{ | |||
min-height:285px; | |||
} | |||
.pd-hero-content{ | |||
min-height:285px; | |||
padding:23px 16px; | |||
} | |||
.pd-hero h1{ | |||
font-size:1.5rem; | |||
} | |||
.pd-hero p{ | |||
font-size:.8rem; | |||
} | |||
.pd-donation-card{ | |||
min-height:240px; | |||
} | |||
.pd-mobile-nav{ | |||
height:64px; | |||
} | |||
.pd-mobile-nav a{ | |||
min-width:49px; | |||
font-size:.54rem; | |||
} | |||
} | |||
</style> | |||
<!-- ======================================================= | |||
HEADER | |||
======================================================= --> | |||
<header class="pd-header"> | |||
<a href="#" class="pd-brand"> | |||
<span class="pd-logo"> | |||
+ | |||
</span> | |||
<span class="pd-brand-text"> | |||
<strong> | |||
گروه اهدای مثبت بخشنده | |||
</strong> | |||
</ | <small> | ||
با مدیریت آقای بخشنده | |||
</small> | |||
</ | </span> | ||
</ | </a> | ||
<nav class="pd-menu"> | |||
< | <a href="#donation"> | ||
خدمات اهدا | |||
</a> | |||
< | <a href="#choice"> | ||
مسیر خدمات | |||
</a> | |||
<a href="#about"> | |||
درباره ما | |||
</a> | |||
< | <a href="#articles"> | ||
مجله | |||
</a> | |||
<a href="#faq"> | |||
سوالات متداول | |||
</a> | |||
</nav> | |||
<a href="#contact" | |||
class="pd-header-btn"> | |||
درخواست مشاوره | |||
</a> | |||
</header> | |||
</ | |||
<!-- ======================================================= | <!-- ======================================================= | ||
HERO | |||
======================================================= --> | ======================================================= --> | ||
<section class="pd- | <section class="pd-hero"> | ||
<div class="pd- | <div class="pd-hero-content"> | ||
< | <span class="pd-hero-badge"> | ||
همراه شما در مسیر تشکیل خانواده | |||
</span> | |||
< | <h1> | ||
گروه | |||
<strong> | |||
اهدای مثبت بخشنده | |||
</strong> | |||
</h1> | |||
<p> | |||
همراهی و راهنمایی در مسیر | |||
اهدای تخمک، اهدای جنین و رحم جایگزین | |||
با تأکید بر آگاهی، احترام و حفظ حریم خصوصی. | |||
</p> | |||
<div class="pd-buttons"> | |||
<a href="#donation" | |||
class="pd-btn pd-btn-main"> | |||
مشاهده خدمات اهدا | |||
</a> | |||
</ | <a href="#contact" | ||
class="pd-btn pd-btn-light"> | |||
دریافت مشاوره | |||
</a> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ======================================================= | |||
QUICK SERVICES | |||
======================================================= --> | |||
<section class="pd-section"> | |||
<div class="pd-container"> | |||
<div class="pd-quick"> | |||
<a href="#egg" | |||
class="pd-quick-card"> | |||
<span class="pd-quick-icon"> | |||
♡ | |||
</span> | |||
<strong> | |||
اهدای تخمک | |||
</strong> | |||
<small> | |||
شرایط و مراحل | |||
</small> | |||
</a> | |||
<a href="#embryo" | |||
class="pd-quick-card"> | |||
<span class="pd-quick-icon"> | |||
✦ | |||
</span> | |||
<strong> | |||
اهدای جنین | |||
</strong> | |||
<small> | |||
راهنمای دریافت | |||
</small> | |||
</a> | |||
<a href="#surrogacy" | |||
class="pd-quick-card"> | |||
< | <span class="pd-quick-icon"> | ||
♧ | |||
</span> | |||
< | <strong> | ||
رحم جایگزین | |||
</strong> | |||
< | <small> | ||
آشنایی با مسیر | |||
</small> | |||
</a> | |||
<a href="#contact" | |||
class="pd-quick-card"> | |||
<span class="pd-quick-icon"> | |||
☎ | |||
</span> | |||
<strong> | |||
مشاوره | |||
</strong> | |||
<small> | |||
شروع گفتوگو | |||
</small> | |||
</a> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ======================================================= | |||
START | |||
======================================================= --> | |||
<section class="pd-section"> | |||
<div class="pd-container"> | |||
<div class="pd-start"> | |||
< | <h2> | ||
از کدام مسیر میخواهید شروع کنید؟ | |||
</h2> | |||
<p> | |||
مسیر مناسب خود را انتخاب کنید تا اطلاعات | |||
موردنیاز را سادهتر پیدا کنید. | |||
</p> | |||
<div class="pd-start-options"> | |||
</ | <a href="#choice" | ||
class="pd-start-option"> | |||
من گیرنده هستم | |||
</a> | |||
<a href="#choice" | |||
class="pd-start-option"> | |||
من اهداکننده هستم | |||
</a> | |||
<a href="#articles" | |||
class="pd-start-option"> | |||
میخواهم بیشتر بدانم | |||
</a> | |||
<a href="#contact" | |||
class="pd-start-option"> | |||
مشاوره میخواهم | |||
</a> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ======================================================= | |||
DONATION SERVICES | |||
======================================================= --> | |||
<section class="pd-section" | |||
id="donation"> | |||
<div class="pd-container"> | |||
<div class="pd-donation"> | |||
< | <div class="pd-title"> | ||
<span> | |||
خدمات اهدای مثبت | |||
</span> | |||
<h2> | |||
خدمات اهدا | |||
</h2> | |||
</ | <p> | ||
اطلاعات و راهنمایی برای اهدای تخمک، | |||
اهدای جنین و رحم جایگزین | |||
</p> | |||
</div> | |||
< | <div class="pd-donation-grid"> | ||
<article class="pd-donation-card" | |||
id="egg"> | |||
<div class="pd-donation-image"> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-15.jpg" | |||
alt="اهدای تخمک" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-donation-content"> | |||
<div class="pd-donation-icon"> | |||
♡ | |||
</div> | |||
<h3> | |||
اهدای تخمک | |||
</h3> | |||
<p> | |||
آشنایی با شرایط اهدای تخمک، | |||
مراحل دریافت و نکات مهم پیش از تصمیمگیری. | |||
</p> | |||
<div class="pd-donation-actions"> | |||
<a href="#"> | |||
من گیرنده هستم | |||
</a> | |||
<a href="#"> | |||
من اهداکننده هستم | |||
</a> | |||
</div> | |||
</div> | |||
</article> | |||
< | <article class="pd-donation-card" | ||
id="embryo"> | |||
<div class="pd-donation-image"> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-36.png" | |||
alt="اهدای جنین" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-donation-content"> | |||
</ | <div class="pd-donation-icon"> | ||
✦ | |||
</div> | |||
<h3> | |||
اهدای جنین | |||
</h3> | |||
< | <p> | ||
آشنایی با مفهوم اهدای جنین، | |||
شرایط دریافت و مراحل این مسیر. | |||
</p> | |||
< | <div class="pd-donation-actions"> | ||
<a href="#"> | |||
شرایط دریافت | |||
</a> | |||
<a href="#"> | |||
مشاوره | |||
</a> | |||
</div> | |||
</div> | |||
</article> | |||
<article class="pd-donation-card" | |||
id="surrogacy"> | |||
<div class="pd-donation-image"> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-63.png" | |||
alt="رحم جایگزین" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-donation-content"> | |||
<div class="pd-donation-icon"> | |||
♧ | |||
</div> | |||
<h3> | |||
رحم جایگزین | |||
</h3> | |||
<p> | |||
آشنایی با مفهوم رحم جایگزین، | |||
شرایط و مراحل این مسیر. | |||
</p> | |||
<div class="pd-donation-actions"> | |||
<a href="#"> | |||
آشنایی بیشتر | |||
</a> | |||
<a href="#"> | |||
مشاوره | |||
</a> | |||
</div> | |||
</div> | |||
</article> | |||
</ | |||
</ | </div> | ||
</div> | |||
</div> | |||
</section> | |||
</section> | |||
<!-- ======================================================= | <!-- ======================================================= | ||
RECEIVER / DONOR | |||
======================================================= --> | ======================================================= --> | ||
<section class="pd-section" | <section class="pd-section" | ||
id=" | id="choice"> | ||
<div class="pd-container"> | <div class="pd-container"> | ||
| خط ۲٬۳۱۴: | خط ۲٬۳۴۹: | ||
<span> | <span> | ||
انتخاب مسیر | |||
</span> | </span> | ||
<h2> | <h2> | ||
شما در کدام گروه قرار میگیرید؟ | |||
</h2> | </h2> | ||
<p> | <p> | ||
برای دریافت اطلاعات متناسب با شرایط خود، | |||
یکی از مسیرهای زیر را انتخاب کنید. | |||
</p> | </p> | ||
| خط ۲٬۳۲۹: | خط ۲٬۳۶۴: | ||
<div class="pd- | <div class="pd-choice"> | ||
<div class="pd-choice-card"> | |||
<h3> | |||
من گیرنده هستم | |||
</h3> | |||
< | <p> | ||
برای آشنایی با خدمات و مسیر دریافت | |||
</ | خدمات اهدا. | ||
</p> | |||
< | <a href="#"> | ||
مشاهده راهنمای گیرندگان | |||
</ | </a> | ||
</div> | </div> | ||
<div class="pd- | <div class="pd-choice-card"> | ||
< | <h3> | ||
من اهداکننده هستم | |||
</ | </h3> | ||
< | <p> | ||
برای آشنایی با شرایط و مراحل | |||
</ | اهدای تخمک، جنین یا سایر خدمات. | ||
</p> | |||
< | <a href="#"> | ||
مشاهده راهنمای اهداکنندگان | |||
</ | </a> | ||
</div> | </div> | ||
</div> | |||
</div> | |||
</section> | |||
<!-- ======================================================= | |||
همراهی و آگاهی | |||
MOBILE VERTICAL | |||
======================================================= --> | |||
<section class="pd-section"> | |||
<div class="pd-container"> | |||
<div class="pd-title"> | |||
<span> | |||
همراهی و آگاهی | |||
</span> | |||
<h2> | |||
مسیر آگاهانه، تصمیم مطمئنتر | |||
</h2> | |||
<p> | |||
اطلاعات درست و همراهی مناسب میتواند | |||
</ | مسیر تصمیمگیری را روشنتر کند. | ||
</p> | |||
</div> | |||
<div class="pd-image-slider"> | |||
<a href="#" class="pd-image-slide"> | |||
< | <img | ||
src="IMAGE-SLIDE-1" | |||
alt="مشاوره اهدای تخمک" | |||
loading="lazy" | |||
> | |||
< | <span> | ||
مشاوره اهدای تخمک | |||
</ | </span> | ||
</ | </a> | ||
< | <a href="#" class="pd-image-slide"> | ||
< | <img | ||
src="IMAGE-SLIDE-2" | |||
alt="اهدای جنین" | |||
loading="lazy" | |||
> | |||
< | <span> | ||
آشنایی با اهدای جنین | |||
</ | </span> | ||
</a> | |||
<a href="#" class="pd-image-slide"> | |||
<img | |||
src="IMAGE-SLIDE-3" | |||
alt="رحم جایگزین" | |||
loading="lazy" | |||
> | |||
<span> | |||
رحم جایگزین | |||
</span> | |||
</ | </a> | ||
< | <a href="#" class="pd-image-slide"> | ||
<section class="pd-section"> | <img | ||
src="IMAGE-SLIDE-4" | |||
alt="گروه اهدای مثبت بخشنده" | |||
loading="lazy" | |||
> | |||
<span> | |||
همراهی گروه اهدای مثبت | |||
</span> | |||
</a> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ======================================================= | |||
BENEFITS | |||
======================================================= --> | |||
<section class="pd-section" | |||
id="about"> | |||
<div class="pd-container"> | <div class="pd-container"> | ||
| خط ۲٬۴۵۲: | خط ۲٬۵۱۵: | ||
<span> | <span> | ||
چرا اهدای مثبت؟ | |||
</span> | </span> | ||
<h2> | <h2> | ||
همراهی با احترام و حفظ حریم خصوصی | |||
</h2> | </h2> | ||
<p> | |||
هدف گروه اهدای مثبت بخشنده، | |||
ایجاد مسیری روشن و آگاهانه برای مراجعین است. | |||
</p> | |||
</div> | </div> | ||
<div class="pd- | <div class="pd-benefits"> | ||
<div class="pd-benefit"> | |||
<div class="pd-benefit-icon"> | |||
✓ | |||
<div class="pd- | |||
</div> | </div> | ||
< | <strong> | ||
مشاوره | |||
</strong> | |||
<small> | |||
راهنمایی پیش از تصمیم | |||
</small> | |||
</ | |||
</div> | </div> | ||
<div class="pd- | <div class="pd-benefit"> | ||
<div class="pd- | <div class="pd-benefit-icon"> | ||
🔒 | |||
</div> | </div> | ||
< | <strong> | ||
محرمانگی | |||
</strong> | |||
<small> | |||
احترام به حریم خصوصی | |||
</small> | |||
</ | |||
</div> | </div> | ||
<div class="pd- | <div class="pd-benefit"> | ||
<div class="pd- | <div class="pd-benefit-icon"> | ||
♡ | |||
</div> | </div> | ||
< | <strong> | ||
همراهی | |||
</strong> | |||
<small> | |||
در طول مسیر | |||
</small> | |||
</ | |||
</div> | </div> | ||
<div class="pd- | <div class="pd-benefit"> | ||
<div class="pd- | <div class="pd-benefit-icon"> | ||
✦ | |||
</div> | </div> | ||
< | <strong> | ||
آگاهی | |||
</strong> | |||
<small> | |||
اطلاعات قابل فهم | |||
</small> | |||
</div> | |||
< | <div class="pd-benefit"> | ||
<div class="pd-benefit-icon"> | |||
☎ | |||
</div> | |||
<strong> | |||
پاسخگویی | |||
</strong> | |||
<small> | |||
ارتباط و راهنمایی | |||
</small> | |||
</ | </div> | ||
<!-- ======================================================= | <div class="pd-benefit"> | ||
<div class="pd-benefit-icon"> | |||
+ | |||
</div> | |||
<strong> | |||
مسیر روشن | |||
</strong> | |||
<small> | |||
مرحله به مرحله | |||
</small> | |||
</div> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ======================================================= | |||
STEPS | |||
======================================================= --> | ======================================================= --> | ||
<section class="pd-section | <section class="pd-section"> | ||
<div class="pd-container"> | <div class="pd-container"> | ||
| خط ۲٬۵۶۸: | خط ۲٬۶۵۱: | ||
<span> | <span> | ||
چگونه شروع کنیم؟ | |||
</span> | </span> | ||
<h2> | <h2> | ||
مسیر دریافت خدمات | |||
</h2> | </h2> | ||
</div> | </div> | ||
<div class="pd- | <div class="pd-steps"> | ||
<div class="pd-step"> | |||
<div class="pd-step-number"> | |||
۱ | |||
</div> | |||
<div | <div> | ||
< | <strong> | ||
مشاوره اولیه | |||
</strong> | |||
<small> | <small> | ||
بررسی نیاز و شرایط | |||
</small> | </small> | ||
</div> | </div> | ||
</ | </div> | ||
< | <div class="pd-step"> | ||
<div class="pd- | <div class="pd-step-number"> | ||
۲ | |||
</div> | |||
<div> | |||
<strong> | |||
بررسی شرایط | |||
</strong> | |||
<small> | <small> | ||
شناخت مسیر مناسب | |||
</small> | </small> | ||
</div> | |||
</div> | |||
< | <div class="pd-step"> | ||
<div class="pd-step-number"> | |||
۳ | |||
</div> | |||
<div> | |||
<strong> | |||
انتخاب مسیر | |||
</strong> | |||
< | <small> | ||
تصمیمگیری آگاهانه | |||
</small> | |||
> | |||
</div> | </div> | ||
</div> | |||
<div class="pd-step"> | |||
<div class="pd-step-number"> | |||
۴ | |||
</div> | </div> | ||
<div> | |||
<strong> | |||
ادامه مسیر | |||
</strong> | |||
</div> | <small> | ||
همراهی و راهنمایی | |||
</small> | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
| خط ۲٬۶۸۶: | خط ۲٬۷۵۴: | ||
<!-- ======================================================= | <!-- ======================================================= | ||
مجله اهدای مثبت | |||
MOBILE VERTICAL | |||
======================================================= --> | ======================================================= --> | ||
<section class="pd-section" | <section class="pd-section" | ||
id=" | id="articles"> | ||
<div class="pd-container"> | <div class="pd-container"> | ||
| خط ۲٬۶۹۷: | خط ۲٬۷۶۶: | ||
<span> | <span> | ||
مجله اهدای مثبت | |||
</span> | </span> | ||
<h2> | <h2> | ||
دانستنیهای باروری و اهدا | |||
</h2> | </h2> | ||
<p> | |||
محتوای آموزشی کوتاه و کاربردی برای تصمیمگیری آگاهانه. | |||
</p> | |||
</div> | </div> | ||
<div class="pd- | <div class="pd-articles"> | ||
< | <article class="pd-article"> | ||
< | <div class="pd-article-image"> | ||
<img | |||
src="IMAGE-ARTICLE-1" | |||
alt="سن مناسب برای اهدای تخمک" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-article-body"> | |||
<small> | |||
اهدای تخمک | |||
</small> | |||
<h3> | |||
سن مناسب برای اهدای تخمک | |||
</h3> | |||
<p> | |||
آشنایی با شرایط سنی و نکات مهم پیش از اهدا. | |||
</p> | |||
</div> | |||
</article> | |||
<article class="pd-article"> | |||
< | <div class="pd-article-image"> | ||
<img | |||
src="IMAGE-ARTICLE-2" | |||
alt="اهدای جنین چیست" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-article-body"> | |||
<small> | |||
اهدای جنین | |||
</small> | |||
<h3> | |||
اهدای جنین چیست؟ | |||
</h3> | |||
<p> | |||
آشنایی با مفهوم اهدای جنین و مسیر دریافت. | |||
</p> | |||
</div> | |||
</article> | |||
<article class="pd-article"> | |||
< | <div class="pd-article-image"> | ||
<img | |||
</ | src="IMAGE-ARTICLE-3" | ||
alt="رحم جایگزین چیست" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-article-body"> | |||
<small> | |||
رحم جایگزین | |||
</small> | |||
<h3> | |||
رحم جایگزین چیست؟ | |||
</h3> | |||
<p> | |||
آشنایی اولیه با مفهوم و مراحل رحم جایگزین. | |||
</p> | |||
</div> | |||
</article> | |||
</div> | </div> | ||
| خط ۲٬۷۹۰: | خط ۲٬۸۸۳: | ||
<!-- ======================================================= | <!-- ======================================================= | ||
FAQ | |||
======================================================= --> | ======================================================= --> | ||
<section class="pd-section" | <section class="pd-section" | ||
id=" | id="faq"> | ||
<div class="pd-container"> | <div class="pd-container"> | ||
<div class="pd- | <div class="pd-title"> | ||
<span> | |||
سوالات متداول | |||
</span> | |||
<h2> | <h2> | ||
پاسخ به سوالات شما | |||
</h2> | </h2> | ||
</div> | </div> | ||
< | <div class="pd-faq"> | ||
<details> | |||
< | <summary> | ||
اهدای تخمک چیست؟ | |||
</summary> | |||
< | <p> | ||
اهدای تخمک فرایندی است که در آن تخمک | |||
فرد اهداکننده برای استفاده در درمان ناباروری | |||
در اختیار گیرنده قرار میگیرد. | |||
</p> | |||
</details> | |||
<details> | |||
<summary> | |||
شرایط اهدای تخمک چیست؟ | |||
</summary> | |||
<p> | |||
شرایط اهدا باید بر اساس معیارهای پزشکی، | |||
قانونی و ارزیابیهای تخصصی بررسی شود. | |||
</p> | |||
</details> | |||
<details> | |||
<summary> | |||
اهدای جنین چگونه انجام میشود؟ | |||
</summary> | |||
<p> | |||
شرایط و مراحل دریافت یا اهدای جنین | |||
نیازمند بررسی تخصصی و طی مراحل قانونی مربوط است. | |||
</p> | |||
</details> | |||
<details> | |||
< | <summary> | ||
رحم جایگزین چیست؟ | |||
</summary> | |||
</ | |||
<p> | |||
رحم جایگزین روشی است که در آن بارداری | |||
توسط فرد دیگری برای متقاضیان انجام میشود | |||
و جزئیات آن باید به صورت تخصصی بررسی شود. | |||
</p> | |||
</details> | |||
<details> | |||
<summary> | |||
چگونه برای مشاوره اقدام کنم؟ | |||
</summary> | |||
<p> | |||
میتوانید از طریق اطلاعات تماس مجموعه | |||
برای دریافت راهنمایی اولیه اقدام کنید. | |||
</p> | |||
</details> | |||
</ | |||
</div> | </div> | ||
</div> | </div> | ||
</section> | |||
<!-- ======================================================= | |||
CTA | |||
======================================================= --> | |||
<section class="pd-section" | |||
id="contact"> | |||
< | <div class="pd-container"> | ||
< | <div class="pd-cta"> | ||
<h2> | |||
برای شروع مسیر خود تنها نیستید | |||
</h2> | |||
<p> | |||
برای آشنایی بیشتر با اهدای تخمک، | |||
اهدای جنین و رحم جایگزین با ما در ارتباط باشید. | |||
</p> | |||
<a href="#"> | |||
درخواست مشاوره | |||
</a> | |||
</div> | |||
</div> | |||
</section> | |||
<!-- ======================================================= | |||
FOOTER | |||
======================================================= --> | |||
<footer class="pd-footer"> | |||
<div class="pd-footer-grid"> | |||
<div> | |||
<h3> | |||
گروه اهدای مثبت بخشنده | |||
</h3> | |||
<p> | |||
گروه اهدای مثبت بخشنده با مدیریت آقای بخشنده، | |||
در زمینه راهنمایی و ارائه اطلاعات مرتبط با | |||
اهدای تخمک، اهدای جنین و رحم جایگزین فعالیت میکند. | |||
</p> | |||
</div> | |||
<div> | |||
<h3> | |||
خدمات | |||
</h3> | |||
<ul> | |||
<li> | |||
<a href="#egg"> | |||
اهدای تخمک | |||
</a> | |||
</li> | |||
<li> | |||
<a href="#embryo"> | |||
اهدای جنین | |||
</a> | |||
</li> | |||
<li> | |||
<a href="#surrogacy"> | |||
رحم جایگزین | |||
</a> | |||
</li> | |||
<li> | |||
<a href="#contact"> | |||
مشاوره | |||
</a> | |||
</li> | |||
</ul> | |||
</div> | |||
<div> | |||
<h3> | |||
ارتباط با ما | |||
</h3> | |||
<ul> | |||
<li> | |||
تلفن: شماره تماس مجموعه | |||
</li> | |||
<li> | |||
ایمیل: ایمیل مجموعه | |||
</li> | |||
<li> | |||
آدرس: آدرس مجموعه | |||
</li> | |||
</ul> | |||
</div> | |||
</div> | |||
<div class="pd-footer-bottom"> | |||
© تمامی حقوق برای گروه اهدای مثبت بخشنده محفوظ است. | |||
</div> | |||
</footer> | |||
<!-- ======================================================= | |||
MOBILE BOTTOM NAV | |||
======================================================= --> | |||
<nav class="pd-mobile-nav" | |||
aria-label="منوی اصلی موبایل"> | |||
<a href="#donation" | |||
class="active"> | |||
<span> | |||
♡ | |||
</span> | |||
خدمات اهدا | |||
</a> | |||
<a href="#choice"> | |||
<span> | |||
◉ | |||
</span> | |||
مسیر خدمات | |||
</a> | |||
<a href="#about"> | |||
<span> | |||
✦ | |||
</span> | |||
درباره ما | |||
</a> | |||
<a href="#articles"> | |||
<span> | |||
▣ | |||
</span> | |||
مجله | |||
</a> | |||
<a href="#contact"> | |||
<span> | |||
☎ | |||
</span> | |||
تماس | |||
</a> | |||
</nav> | |||
</div> | |||
</html> | </html> | ||
همراهی و راهنمایی در مسیر اهدای تخمک، اهدای جنین و رحم جایگزین با تأکید بر آگاهی، احترام و حفظ حریم خصوصی.
مسیر مناسب خود را انتخاب کنید تا اطلاعات موردنیاز را سادهتر پیدا کنید.
اطلاعات و راهنمایی برای اهدای تخمک، اهدای جنین و رحم جایگزین
آشنایی با شرایط اهدای تخمک، مراحل دریافت و نکات مهم پیش از تصمیمگیری.
برای دریافت اطلاعات متناسب با شرایط خود، یکی از مسیرهای زیر را انتخاب کنید.
برای آشنایی با شرایط و مراحل اهدای تخمک، جنین یا سایر خدمات.
مشاهده راهنمای اهداکنندگاناطلاعات درست و همراهی مناسب میتواند مسیر تصمیمگیری را روشنتر کند.
هدف گروه اهدای مثبت بخشنده، ایجاد مسیری روشن و آگاهانه برای مراجعین است.
محتوای آموزشی کوتاه و کاربردی برای تصمیمگیری آگاهانه.
آشنایی با شرایط سنی و نکات مهم پیش از اهدا.
آشنایی با مفهوم اهدای جنین و مسیر دریافت.
آشنایی اولیه با مفهوم و مراحل رحم جایگزین.
اهدای تخمک فرایندی است که در آن تخمک فرد اهداکننده برای استفاده در درمان ناباروری در اختیار گیرنده قرار میگیرد.
شرایط اهدا باید بر اساس معیارهای پزشکی، قانونی و ارزیابیهای تخصصی بررسی شود.
شرایط و مراحل دریافت یا اهدای جنین نیازمند بررسی تخصصی و طی مراحل قانونی مربوط است.
رحم جایگزین روشی است که در آن بارداری توسط فرد دیگری برای متقاضیان انجام میشود و جزئیات آن باید به صورت تخصصی بررسی شود.
میتوانید از طریق اطلاعات تماس مجموعه برای دریافت راهنمایی اولیه اقدام کنید.
برای آشنایی بیشتر با اهدای تخمک، اهدای جنین و رحم جایگزین با ما در ارتباط باشید.
درخواست مشاوره