|
|
| (یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) |
| خط ۱: |
خط ۱: |
| <!DOCTYPE html> | | <html> |
| <html lang="fa" dir="rtl"> | | <style> |
| <head>
| | /* تلاش برای شکستن محدودیت عرض از طریق استایل داخلی */ |
| | #content { |
| | width: 96% !important; |
| | max-width: 100% !important; |
| | margin-left: auto !important; |
| | margin-right: auto !important; |
| | border: none !important; /* برای تمیزتر شدن */ |
| | } |
|
| |
|
| <meta charset="UTF-8"> | | /* اگر قالب شما از لایههای اضافه استفاده میکند */ |
| | #bodyContent, .mw-body { |
| | width: 100% !important; |
| | max-width: 100% !important; |
| | } |
|
| |
|
| <meta name="viewport" | | /* حذف حاشیه اضافه که باعث میشود صفحه از کادر بیرون بزند */ |
| content="width=device-width, initial-scale=1.0">
| | body { |
| | overflow-x: hidden; |
| | } |
| | </style> |
|
| |
|
| <title>مجله اهدای مثبت بخشنده | اهدای تخمک، رحم جایگزین و اهدای جنین</title>
| | <div style="width: 100%; background: #f0f0f0; padding: 20px; text-align: center; border: 1px solid #ccc;"> |
| | | <b>تست: اگر این کادر تمام عرض صفحه است، یعنی استایل اعمال شده است.</b> |
| <meta name="description"
| | </div> |
| content="مجله گروه اهدای مثبت بخشنده؛ مرجع مطالب تخصصی درباره اهدای تخمک، رحم جایگزین، اهدای جنین، شرایط، مدارک، آزمایشها، مراحل قانونی و درمان ناباروری.">
| |
| | |
| <meta name="robots"
| |
| content="index,follow,max-image-preview:large">
| |
| | |
| <meta name="theme-color"
| |
| content="#18B7A0">
| |
| | |
| <link rel="canonical"
| |
| href="https://example.com/blog/">
| |
| | |
| <!-- Open Graph -->
| |
| <meta property="og:type" content="website">
| |
| <meta property="og:title"
| |
| content="مجله اهدای مثبت بخشنده | اهدای تخمک، رحم جایگزین و اهدای جنین">
| |
| <meta property="og:description"
| |
| content="مطالب تخصصی و کاربردی درباره اهدای تخمک، رحم جایگزین، اهدای جنین و درمان ناباروری">
| |
| <meta property="og:url"
| |
| content="https://example.com/blog/">
| |
| <meta property="og:image"
| |
| content="https://example.com/images/blog-cover.jpg">
| |
| <meta property="og:locale" content="fa_IR">
| |
| | |
| <!-- Twitter -->
| |
| <meta name="twitter:card" content="summary_large_image">
| |
| <meta name="twitter:title"
| |
| content="مجله اهدای مثبت بخشنده">
| |
| <meta name="twitter:description"
| |
| content="راهنمای تخصصی اهدای تخمک، رحم جایگزین و اهدای جنین">
| |
| | |
| <!-- Font Awesome -->
| |
| <link rel="stylesheet"
| |
| href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
| |
| | |
| <style>
| |
| | |
| /* =========================
| |
| ROOT
| |
| ========================= */
| |
| | |
| :root {
| |
| --cyan: #18B7A0;
| |
| --cyan-dark: #079985;
| |
| --cyan-light: #E8FAF7;
| |
| | |
| --orange: #F5A623;
| |
| --orange-dark: #DF8D0B;
| |
| --orange-light: #FFF4DF;
| |
| | |
| --white: #ffffff;
| |
| --black: #17202A;
| |
| | |
| --text: #38434D;
| |
| --muted: #78838C;
| |
| | |
| --bg: #F7FAFA;
| |
| --border: #E5ECEB;
| |
| | |
| --shadow:
| |
| 0 10px 35px rgba(24,183,160,.10);
| |
| | |
| --radius: 20px;
| |
| | |
| --font:
| |
| "IRANSans",
| |
| "Vazirmatn",
| |
| Tahoma,
| |
| Arial,
| |
| sans-serif;
| |
| }
| |
| | |
| | |
| /* =========================
| |
| RESET
| |
| ========================= */
| |
| | |
| * {
| |
| box-sizing: border-box;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| | |
| html {
| |
| scroll-behavior: smooth;
| |
| }
| |
| | |
| body {
| |
| font-family: var(--font);
| |
| background: var(--bg);
| |
| color: var(--text);
| |
| line-height: 1.9;
| |
| }
| |
| | |
| img {
| |
| max-width: 100%;
| |
| display: block;
| |
| }
| |
| | |
| a {
| |
| text-decoration: none;
| |
| color: inherit;
| |
| }
| |
| | |
| button,
| |
| input {
| |
| font-family: inherit;
| |
| }
| |
| | |
| .container {
| |
| width: min(1180px, 92%);
| |
| margin-inline: auto;
| |
| }
| |
| | |
| | |
| /* =========================
| |
| HERO
| |
| ========================= */
| |
| | |
| .blog-hero {
| |
| position: relative;
| |
| overflow: hidden;
| |
| padding: 55px 0 70px;
| |
| | |
| background:
| |
| linear-gradient(
| |
| 135deg,
| |
| #079985 0%,
| |
| #18B7A0 48%,
| |
| #F5A623 100%
| |
| );
| |
| | |
| color: var(--white);
| |
| }
| |
| | |
| .blog-hero::before {
| |
| content: "";
| |
| position: absolute;
| |
| width: 240px;
| |
| height: 240px;
| |
| border-radius: 50%;
| |
| background: rgba(255,255,255,.08);
| |
| top: -100px;
| |
| right: -80px;
| |
| }
| |
| | |
| .blog-hero::after {
| |
| content: "";
| |
| position: absolute;
| |
| width: 180px;
| |
| height: 180px;
| |
| border-radius: 50%;
| |
| background: rgba(255,255,255,.07);
| |
| bottom: -80px;
| |
| left: -60px;
| |
| }
| |
| | |
| .hero-content {
| |
| position: relative;
| |
| z-index: 2;
| |
| text-align: center;
| |
| }
| |
| | |
| .hero-icon {
| |
| width: 70px;
| |
| height: 70px;
| |
| margin: 0 auto 18px;
| |
| | |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| | |
| border-radius: 50%;
| |
| | |
| background: rgba(255,255,255,.18);
| |
| | |
| border: 1px solid rgba(255,255,255,.35);
| |
| | |
| font-size: 28px;
| |
| }
| |
| | |
| .hero-content h1 {
| |
| font-size: clamp(27px, 6vw, 48px);
| |
| line-height: 1.4;
| |
| margin-bottom: 14px;
| |
| font-weight: 900;
| |
| }
| |
| | |
| .hero-content h1 span {
| |
| color: #FFF4DF;
| |
| }
| |
| | |
| .hero-content p {
| |
| max-width: 720px;
| |
| margin: auto;
| |
| font-size: 15px;
| |
| color: rgba(255,255,255,.92);
| |
| }
| |
| | |
| | |
| /* =========================
| |
| SEARCH
| |
| ========================= */
| |
| | |
| .search-wrapper {
| |
| margin-top: -30px;
| |
| position: relative;
| |
| z-index: 10;
| |
| }
| |
| | |
| .search-box {
| |
| background: var(--white);
| |
| border-radius: 18px;
| |
| padding: 10px;
| |
| | |
| display: flex;
| |
| align-items: center;
| |
| | |
| box-shadow: 0 15px 45px rgba(0,0,0,.12);
| |
| }
| |
| | |
| .search-box i {
| |
| color: var(--cyan);
| |
| font-size: 20px;
| |
| margin: 0 12px;
| |
| }
| |
| | |
| .search-box input {
| |
| width: 100%;
| |
| border: 0;
| |
| outline: 0;
| |
| | |
| font-size: 15px;
| |
| color: var(--text);
| |
| | |
| padding: 13px 5px;
| |
| background: transparent;
| |
| }
| |
| | |
| | |
| /* =========================
| |
| SECTION
| |
| ========================= */
| |
| | |
| .section {
| |
| padding: 55px 0;
| |
| }
| |
| | |
| .section-title {
| |
| text-align: center;
| |
| margin-bottom: 30px;
| |
| }
| |
| | |
| .section-title span {
| |
| display: inline-block;
| |
| | |
| padding: 5px 15px;
| |
| border-radius: 50px;
| |
| | |
| background: var(--cyan-light);
| |
| color: var(--cyan-dark);
| |
| | |
| font-size: 13px;
| |
| font-weight: 800;
| |
| | |
| margin-bottom: 8px;
| |
| }
| |
| | |
| .section-title h2 {
| |
| font-size: clamp(23px, 5vw, 32px);
| |
| color: var(--black);
| |
| line-height: 1.5;
| |
| }
| |
| | |
| .section-title p {
| |
| color: var(--muted);
| |
| font-size: 14px;
| |
| margin-top: 5px;
| |
| }
| |
| | |
| | |
| /* =========================
| |
| CATEGORY CARDS
| |
| ========================= */
| |
| | |
| .categories {
| |
| display: grid;
| |
| grid-template-columns: 1fr;
| |
| gap: 16px;
| |
| }
| |
| | |
| .category-card {
| |
| position: relative;
| |
| | |
| display: flex;
| |
| align-items: center;
| |
| gap: 15px;
| |
| | |
| background: var(--white);
| |
| | |
| padding: 20px;
| |
| | |
| border: 1px solid var(--border);
| |
| border-radius: var(--radius);
| |
| | |
| box-shadow: var(--shadow);
| |
| | |
| transition:
| |
| transform .25s ease,
| |
| box-shadow .25s ease;
| |
| }
| |
| | |
| .category-card:hover {
| |
| transform: translateY(-5px);
| |
| box-shadow: 0 15px 40px rgba(24,183,160,.15);
| |
| }
| |
| | |
| .category-icon {
| |
| flex: 0 0 58px;
| |
| | |
| width: 58px;
| |
| height: 58px;
| |
| | |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| | |
| border-radius: 17px;
| |
| | |
| background: var(--cyan-light);
| |
| color: var(--cyan);
| |
| | |
| font-size: 24px;
| |
| }
| |
| | |
| .category-card:nth-child(2) .category-icon,
| |
| .category-card:nth-child(4) .category-icon {
| |
| background: var(--orange-light);
| |
| color: var(--orange-dark);
| |
| }
| |
| | |
| .category-card h3 {
| |
| color: var(--black);
| |
| font-size: 17px;
| |
| margin-bottom: 3px;
| |
| }
| |
| | |
| .category-card p {
| |
| color: var(--muted);
| |
| font-size: 12px;
| |
| }
| |
| | |
| .category-arrow {
| |
| margin-right: auto;
| |
| color: var(--cyan);
| |
| }
| |
| | |
| | |
| /* =========================
| |
| FEATURED
| |
| ========================= */
| |
| | |
| .featured {
| |
| display: grid;
| |
| grid-template-columns: 1fr;
| |
| gap: 20px;
| |
| }
| |
| | |
| .featured-main {
| |
| background: var(--white);
| |
| border-radius: 24px;
| |
| overflow: hidden;
| |
| | |
| box-shadow: var(--shadow);
| |
| border: 1px solid var(--border);
| |
| }
| |
| | |
| .featured-image {
| |
| height: 230px;
| |
| | |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| | |
| background:
| |
| linear-gradient(
| |
| 135deg,
| |
| var(--cyan),
| |
| var(--orange)
| |
| );
| |
| | |
| color: var(--white);
| |
| font-size: 60px;
| |
| }
| |
| | |
| .featured-content {
| |
| padding: 22px;
| |
| }
| |
| | |
| .article-label {
| |
| display: inline-block;
| |
| | |
| background: var(--orange-light);
| |
| color: var(--orange-dark);
| |
| | |
| padding: 4px 12px;
| |
| | |
| border-radius: 50px;
| |
| | |
| font-size: 11px;
| |
| font-weight: bold;
| |
| | |
| margin-bottom: 10px;
| |
| }
| |
| | |
| .featured-content h3 {
| |
| color: var(--black);
| |
| font-size: 21px;
| |
| line-height: 1.7;
| |
| margin-bottom: 10px;
| |
| }
| |
| | |
| .featured-content p {
| |
| font-size: 13px;
| |
| color: var(--muted);
| |
| }
| |
| | |
| .read-more {
| |
| display: inline-flex;
| |
| align-items: center;
| |
| gap: 8px;
| |
| | |
| margin-top: 16px;
| |
| | |
| color: var(--cyan-dark);
| |
| | |
| font-size: 13px;
| |
| font-weight: 800;
| |
| }
| |
| | |
| | |
| /* =========================
| |
| ARTICLE GRID
| |
| ========================= */
| |
| | |
| .article-grid {
| |
| display: grid;
| |
| grid-template-columns: 1fr;
| |
| gap: 18px;
| |
| }
| |
| | |
| .article-card {
| |
| background: var(--white);
| |
| | |
| border-radius: var(--radius);
| |
| | |
| overflow: hidden;
| |
| | |
| border: 1px solid var(--border);
| |
| | |
| transition:
| |
| transform .25s ease,
| |
| box-shadow .25s ease;
| |
| }
| |
| | |
| .article-card:hover {
| |
| transform: translateY(-5px);
| |
| box-shadow: var(--shadow);
| |
| }
| |
| | |
| .article-image {
| |
| height: 170px;
| |
| | |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| | |
| background:
| |
| linear-gradient(
| |
| 135deg,
| |
| #E8FAF7,
| |
| #FFF4DF
| |
| );
| |
| | |
| color: var(--cyan);
| |
| font-size: 42px;
| |
| }
| |
| | |
| .article-body {
| |
| padding: 18px;
| |
| }
| |
| | |
| .article-category {
| |
| color: var(--orange-dark);
| |
| font-size: 11px;
| |
| font-weight: bold;
| |
| }
| |
| | |
| .article-card h3 {
| |
| color: var(--black);
| |
| font-size: 17px;
| |
| line-height: 1.7;
| |
| | |
| margin: 7px 0;
| |
| }
| |
| | |
| .article-card p {
| |
| color: var(--muted);
| |
| font-size: 12px;
| |
| | |
| display: -webkit-box;
| |
| -webkit-line-clamp: 2;
| |
| -webkit-box-orient: vertical;
| |
| overflow: hidden;
| |
| }
| |
| | |
| .article-meta {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| | |
| margin-top: 13px;
| |
| | |
| color: #98A2A9;
| |
| font-size: 11px;
| |
| }
| |
| | |
| | |
| /* =========================
| |
| TOPIC CLUSTER
| |
| ========================= */
| |
| | |
| .cluster {
| |
| display: grid;
| |
| grid-template-columns: 1fr;
| |
| gap: 18px;
| |
| }
| |
| | |
| .cluster-box {
| |
| background: var(--white);
| |
| | |
| border: 1px solid var(--border);
| |
| | |
| border-radius: var(--radius);
| |
| | |
| padding: 20px;
| |
| | |
| box-shadow: var(--shadow);
| |
| }
| |
| | |
| .cluster-header {
| |
| display: flex;
| |
| align-items: center;
| |
| gap: 12px;
| |
| | |
| margin-bottom: 15px;
| |
| }
| |
| | |
| .cluster-header i {
| |
| width: 45px;
| |
| height: 45px;
| |
| | |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| | |
| border-radius: 13px;
| |
| | |
| background: var(--cyan-light);
| |
| color: var(--cyan);
| |
| }
| |
| | |
| .cluster-header h3 {
| |
| font-size: 17px;
| |
| color: var(--black);
| |
| }
| |
| | |
| .cluster-list {
| |
| list-style: none;
| |
| }
| |
| | |
| .cluster-list li {
| |
| border-top: 1px solid var(--border);
| |
| }
| |
| | |
| .cluster-list a {
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: space-between;
| |
| | |
| padding: 10px 0;
| |
| | |
| color: var(--text);
| |
| font-size: 13px;
| |
| }
| |
| | |
| .cluster-list a:hover {
| |
| color: var(--cyan-dark);
| |
| }
| |
| | |
| .cluster-list i {
| |
| font-size: 10px;
| |
| color: var(--orange);
| |
| }
| |
| | |
| | |
| /* =========================
| |
| FAQ
| |
| ========================= */
| |
| | |
| .faq {
| |
| max-width: 850px;
| |
| margin: auto;
| |
| }
| |
| | |
| .faq-item {
| |
| background: var(--white);
| |
| | |
| border: 1px solid var(--border);
| |
| | |
| border-radius: 15px;
| |
| | |
| margin-bottom: 10px;
| |
| | |
| overflow: hidden;
| |
| }
| |
| | |
| .faq-question {
| |
| width: 100%;
| |
| | |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| | |
| border: 0;
| |
| background: transparent;
| |
| | |
| padding: 17px;
| |
| | |
| cursor: pointer;
| |
| | |
| color: var(--black);
| |
| text-align: right;
| |
| | |
| font-size: 14px;
| |
| font-weight: 700;
| |
| }
| |
| | |
| .faq-question i {
| |
| color: var(--cyan);
| |
| transition: transform .3s ease;
| |
| }
| |
| | |
| .faq-answer {
| |
| max-height: 0;
| |
| overflow: hidden;
| |
| | |
| transition: max-height .35s ease;
| |
| | |
| padding: 0 17px;
| |
| | |
| color: var(--muted);
| |
| font-size: 13px;
| |
| }
| |
| | |
| .faq-item.active .faq-answer {
| |
| max-height: 300px;
| |
| padding-bottom: 17px;
| |
| }
| |
| | |
| .faq-item.active .faq-question i {
| |
| transform: rotate(180deg);
| |
| }
| |
| | |
| | |
| /* =========================
| |
| CTA
| |
| ========================= */
| |
| | |
| .cta {
| |
| position: relative;
| |
| overflow: hidden;
| |
| | |
| background:
| |
| linear-gradient(
| |
| 135deg,
| |
| var(--cyan-dark),
| |
| var(--cyan)
| |
| );
| |
| | |
| border-radius: 25px;
| |
| | |
| padding: 35px 22px;
| |
| | |
| color: var(--white);
| |
| | |
| text-align: center;
| |
| | |
| box-shadow:
| |
| 0 15px 40px rgba(24,183,160,.20);
| |
| }
| |
| | |
| .cta::before {
| |
| content: "";
| |
| | |
| position: absolute;
| |
| | |
| width: 180px;
| |
| height: 180px;
| |
| | |
| border-radius: 50%;
| |
| | |
| background: rgba(255,255,255,.08);
| |
| | |
| left: -60px;
| |
| bottom: -90px;
| |
| }
| |
| | |
| .cta h2 {
| |
| position: relative;
| |
| | |
| font-size: 23px;
| |
| margin-bottom: 8px;
| |
| }
| |
| | |
| .cta p {
| |
| position: relative;
| |
| | |
| max-width: 650px;
| |
| margin: auto;
| |
| | |
| font-size: 13px;
| |
| | |
| color: rgba(255,255,255,.9);
| |
| }
| |
| | |
| .cta-buttons {
| |
| position: relative;
| |
| | |
| display: flex;
| |
| flex-direction: column;
| |
| gap: 10px;
| |
| | |
| margin-top: 22px;
| |
| }
| |
| | |
| .cta-btn {
| |
| display: inline-flex;
| |
| | |
| justify-content: center;
| |
| align-items: center;
| |
| | |
| gap: 8px;
| |
| | |
| padding: 12px 22px;
| |
| | |
| border-radius: 50px;
| |
| | |
| font-size: 13px;
| |
| font-weight: 800;
| |
| }
| |
| | |
| .cta-primary {
| |
| background: var(--orange);
| |
| color: var(--white);
| |
| }
| |
| | |
| .cta-secondary {
| |
| background: rgba(255,255,255,.13);
| |
| border: 1px solid rgba(255,255,255,.3);
| |
| color: var(--white);
| |
| }
| |
| | |
| | |
| /* =========================
| |
| FOOTER
| |
| ========================= */
| |
| | |
| .blog-footer {
| |
| margin-top: 50px;
| |
| | |
| background: #102C2A;
| |
| | |
| color: rgba(255,255,255,.8);
| |
| | |
| padding: 35px 0;
| |
| }
| |
| | |
| .footer-content {
| |
| text-align: center;
| |
| }
| |
| | |
| .footer-content h3 {
| |
| color: var(--white);
| |
| font-size: 18px;
| |
| margin-bottom: 7px;
| |
| }
| |
| | |
| .footer-content p {
| |
| font-size: 12px;
| |
| max-width: 600px;
| |
| margin: auto;
| |
| }
| |
| | |
| | |
| /* =========================
| |
| TABLET
| |
| ========================= */
| |
| | |
| @media (min-width: 600px) {
| |
| | |
| .categories {
| |
| grid-template-columns: repeat(2, 1fr);
| |
| }
| |
| | |
| .article-grid {
| |
| grid-template-columns: repeat(2, 1fr);
| |
| }
| |
| | |
| .cluster {
| |
| grid-template-columns: repeat(2, 1fr);
| |
| }
| |
| | |
| .cta-buttons {
| |
| flex-direction: row;
| |
| justify-content: center;
| |
| }
| |
| | |
| }
| |
| | |
| | |
| /* =========================
| |
| DESKTOP
| |
| ========================= */
| |
| | |
| @media (min-width: 900px) {
| |
| | |
| .blog-hero {
| |
| padding: 80px 0 95px;
| |
| }
| |
| | |
| .categories {
| |
| grid-template-columns: repeat(4, 1fr);
| |
| }
| |
| | |
| .featured {
| |
| grid-template-columns: 1.2fr .8fr;
| |
| }
| |
| | |
| .article-grid {
| |
| grid-template-columns: repeat(3, 1fr);
| |
| }
| |
| | |
| .cluster {
| |
| grid-template-columns: repeat(3, 1fr);
| |
| }
| |
| | |
| .featured-image {
| |
| height: 100%;
| |
| min-height: 330px;
| |
| }
| |
| | |
| }
| |
| | |
| | |
| /* =========================
| |
| ACCESSIBILITY
| |
| ========================= */
| |
| | |
| @media (prefers-reduced-motion: reduce) {
| |
| | |
| *,
| |
| *::before,
| |
| *::after {
| |
| scroll-behavior: auto !important;
| |
| transition: none !important;
| |
| }
| |
| | |
| }
| |
| | |
| </style>
| |
| | |
| | |
| <!-- =========================
| |
| STRUCTURED DATA
| |
| ========================= -->
| |
| | |
| <script type="application/ld+json">
| |
| {
| |
| "@context": "https://schema.org",
| |
| "@type": "Organization",
| |
| "name": "گروه اهدای مثبت بخشنده",
| |
| "description": "گروه اهدای مثبت بخشنده؛ ارائه اطلاعات و معرفی متقاضیان در حوزه اهدای تخمک، رحم جایگزین و اهدای جنین با رعایت ضوابط و مراحل قانونی.",
| |
| "url": "https://example.com/",
| |
| "logo": "https://example.com/images/logo.png"
| |
| }
| |
| </script>
| |
| | |
| | |
| <script type="application/ld+json"> | |
| {
| |
| "@context": "https://schema.org",
| |
| "@type": "WebSite",
| |
| "name": "گروه اهدای مثبت بخشنده",
| |
| "url": "https://example.com/",
| |
| "potentialAction": {
| |
| "@type": "SearchAction",
| |
| "target": "https://example.com/blog/?s={search_term_string}",
| |
| "query-input": "required name=search_term_string"
| |
| }
| |
| }
| |
| </script>
| |
| | |
| | |
| <script type="application/ld+json">
| |
| {
| |
| "@context": "https://schema.org",
| |
| "@type": "BreadcrumbList",
| |
| "itemListElement": [
| |
| {
| |
| "@type": "ListItem",
| |
| "position": 1,
| |
| "name": "خانه",
| |
| "item": "https://example.com/"
| |
| },
| |
| {
| |
| "@type": "ListItem",
| |
| "position": 2,
| |
| "name": "مجله",
| |
| "item": "https://example.com/blog/"
| |
| }
| |
| ]
| |
| }
| |
| </script>
| |
| | |
| </head>
| |
| | |
| | |
| <body>
| |
| | |
| | |
| <!-- =========================
| |
| HERO
| |
| ========================= -->
| |
| | |
| <header class="blog-hero">
| |
| | |
| <div class="container">
| |
| | |
| <div class="hero-content">
| |
| | |
| <div class="hero-icon">
| |
| <i class="fa-solid fa-book-open-reader"></i>
| |
| </div>
| |
| | |
| <h1>
| |
| مجله <span>اهدای مثبت بخشنده</span>
| |
| </h1>
| |
| | |
| <p>
| |
| راهنمای جامع و کاربردی درباره اهدای تخمک،
| |
| رحم جایگزین، اهدای جنین و درمان ناباروری
| |
| </p>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </header>
| |
| | |
| | |
| <!-- =========================
| |
| SEARCH
| |
| ========================= -->
| |
| | |
| <div class="search-wrapper">
| |
| | |
| <div class="container">
| |
| | |
| <div class="search-box">
| |
| | |
| <i class="fa-solid fa-magnifying-glass"></i>
| |
| | |
| <input
| |
| type="search"
| |
| id="articleSearch"
| |
| placeholder="مثلاً: شرایط اهدای تخمک، سن مناسب، رحم جایگزین..."
| |
| aria-label="جستجو در مقالات">
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| | |
| <main>
| |
| | |
| | |
| <!-- =========================
| |
| CATEGORIES
| |
| ========================= -->
| |
| | |
| <section class="section">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-title">
| |
| | |
| <span>موضوعات اصلی</span>
| |
| | |
| <h2>
| |
| از کجا شروع کنیم؟
| |
| </h2>
| |
| | |
| <p>
| |
| موضوع موردنظر خود را انتخاب کنید
| |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="categories">
| |
| | |
| | |
| <a href="#egg-donation"
| |
| class="category-card">
| |
| | |
| <div class="category-icon">
| |
| <i class="fa-solid fa-heart"></i>
| |
| </div>
| |
| | |
| <div>
| |
| <h3>اهدای تخمک</h3>
| |
| <p>شرایط، مراحل، آزمایشها و مدارک</p>
| |
| </div>
| |
| | |
| <div class="category-arrow">
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </div>
| |
| | |
| </a>
| |
| | |
| | |
| <a href="#surrogacy"
| |
| class="category-card">
| |
| | |
| <div class="category-icon">
| |
| <i class="fa-solid fa-person-pregnant"></i>
| |
| </div>
| |
| | |
| <div>
| |
| <h3>رحم جایگزین</h3>
| |
| <p>شرایط، مراحل و نکات مهم</p>
| |
| </div>
| |
| | |
| <div class="category-arrow">
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </div>
| |
| | |
| </a>
| |
| | |
| | |
| <a href="#embryo"
| |
| class="category-card">
| |
| | |
| <div class="category-icon">
| |
| <i class="fa-solid fa-dna"></i>
| |
| </div>
| |
| | |
| <div>
| |
| <h3>اهدای جنین</h3>
| |
| <p>شرایط، مراحل و اطلاعات کاربردی</p>
| |
| </div>
| |
| | |
| <div class="category-arrow">
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </div>
| |
| | |
| </a>
| |
| | |
| | |
| <a href="#fertility"
| |
| class="category-card">
| |
| | |
| <div class="category-icon">
| |
| <i class="fa-solid fa-stethoscope"></i>
| |
| </div>
| |
| | |
| <div>
| |
| <h3>ناباروری و IVF</h3>
| |
| <p>راهنمای درمان و پرسشهای رایج</p>
| |
| </div>
| |
| | |
| <div class="category-arrow">
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </div>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| FEATURED ARTICLE
| |
| ========================= -->
| |
| | |
| <section class="section"
| |
| style="padding-top:0;">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-title">
| |
| | |
| <span>پیشنهاد سردبیر</span>
| |
| | |
| <h2>
| |
| مهمترین مطالب مجله
| |
| </h2>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="featured">
| |
| | |
| <article class="featured-main">
| |
| | |
| <div class="featured-image">
| |
| | |
| <i class="fa-solid fa-seedling"></i>
| |
| | |
| </div>
| |
| | |
| <div class="featured-content">
| |
| | |
| <span class="article-label">
| |
| اهدای تخمک
| |
| </span>
| |
| | |
| <h3>
| |
| شرایط اهدای تخمک چیست؟
| |
| راهنمای کامل متقاضیان
| |
| </h3>
| |
| | |
| <p>
| |
| در این راهنما با شرایط اولیه،
| |
| مراحل بررسی، مدارک و روند کلی
| |
| اهدای تخمک آشنا میشوید.
| |
| </p>
| |
| | |
| <a href="#"
| |
| class="read-more">
| |
| | |
| مطالعه مقاله
| |
| | |
| <i class="fa-solid fa-arrow-left"></i>
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| <div class="article-grid">
| |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-calendar-check"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| شرایط اهدای تخمک
| |
| </span>
| |
| | |
| <h3>
| |
| سن مناسب برای اهدای تخمک
| |
| چه زمانی است؟
| |
| </h3>
| |
| | |
| <p>
| |
| آشنایی با موضوع سن و سایر
| |
| معیارهای بررسی متقاضیان.
| |
| </p>
| |
| | |
| <div class="article-meta">
| |
| <span>
| |
| <i class="fa-regular fa-clock"></i>
| |
| مطالعه ۵ دقیقه
| |
| </span>
| |
| | |
| <span>
| |
| راهنما
| |
| </span>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-vial"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| آزمایشها
| |
| </span>
| |
| | |
| <h3>
| |
| آزمایشهای لازم قبل از
| |
| اهدای تخمک
| |
| </h3>
| |
| | |
| <p>
| |
| بررسی کلی آزمایشها و
| |
| ارزیابیهای موردنیاز.
| |
| </p>
| |
| | |
| <div class="article-meta">
| |
| <span>
| |
| <i class="fa-regular fa-clock"></i>
| |
| مطالعه ۶ دقیقه
| |
| </span>
| |
| | |
| <span>
| |
| پزشکی
| |
| </span>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| TOP ARTICLES
| |
| ========================= -->
| |
| | |
| <section class="section"
| |
| id="latest">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-title">
| |
| | |
| <span>مطالب کاربردی</span>
| |
| | |
| <h2>
| |
| جدیدترین راهنماها
| |
| </h2>
| |
| | |
| <p>
| |
| پاسخ به پرسشهای مهم متقاضیان
| |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="article-grid">
| |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-file-lines"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| مدارک
| |
| </span>
| |
| | |
| <h3>
| |
| مدارک موردنیاز برای اهدای تخمک
| |
| چیست؟
| |
| </h3>
| |
| | |
| <p>
| |
| فهرستی از مدارک و اطلاعاتی که
| |
| ممکن است در مراحل بررسی درخواست
| |
| موردنیاز باشد.
| |
| </p>
| |
| | |
| <div class="article-meta">
| |
| <span>مطالعه ۴ دقیقه</span>
| |
| <span>اهدای تخمک</span>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-list-check"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| مراحل
| |
| </span>
| |
| | |
| <h3>
| |
| مراحل اهدای تخمک از ابتدا تا انتها
| |
| </h3>
| |
| | |
| <p>
| |
| آشنایی با روند کلی بررسی و مراحل
| |
| انجام فرآیند اهدای تخمک.
| |
| </p>
| |
| | |
| <div class="article-meta">
| |
| <span>مطالعه ۷ دقیقه</span>
| |
| <span>مراحل</span>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-shield-heart"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| آمادگی
| |
| </span>
| |
| | |
| <h3>
| |
| قبل از اهدای تخمک به چه نکاتی
| |
| توجه کنیم؟
| |
| </h3>
| |
| | |
| <p>
| |
| نکات عمومی درباره آمادگی و
| |
| اهمیت بررسی شرایط فردی.
| |
| </p>
| |
| | |
| <div class="article-meta">
| |
| <span>مطالعه ۵ دقیقه</span>
| |
| <span>راهنما</span>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-person-pregnant"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| رحم جایگزین
| |
| </span>
| |
| | |
| <h3>
| |
| رحم جایگزین چیست و چه مراحلی دارد؟
| |
| </h3>
| |
| | |
| <p>
| |
| آشنایی با مفهوم رحم جایگزین و روند
| |
| کلی بررسی و انجام آن.
| |
| </p>
| |
| | |
| <div class="article-meta">
| |
| <span>مطالعه ۶ دقیقه</span>
| |
| <span>رحم جایگزین</span>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-scale-balanced"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| قوانین و مدارک
| |
| </span>
| |
| | |
| <h3>
| |
| نکات قانونی مهم درباره رحم جایگزین
| |
| </h3>
| |
| | |
| <p>
| |
| آشنایی کلی با اهمیت قرارداد،
| |
| مدارک و بررسی ضوابط مربوط.
| |
| </p>
| |
| | |
| <div class="article-meta">
| |
| <span>مطالعه ۶ دقیقه</span>
| |
| <span>قوانین</span>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-dna"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| اهدای جنین
| |
| </span>
| |
| | |
| <h3>
| |
| اهدای جنین چیست و چه شرایطی دارد؟
| |
| </h3>
| |
| | |
| <p>
| |
| راهنمای آشنایی با مفهوم اهدای جنین،
| |
| شرایط و مراحل کلی آن.
| |
| </p>
| |
| | |
| <div class="article-meta">
| |
| <span>مطالعه ۵ دقیقه</span>
| |
| <span>اهدای جنین</span>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| TOPIC CLUSTERS
| |
| ========================= -->
| |
| | |
| <section class="section"
| |
| id="egg-donation">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-title">
| |
| | |
| <span>Topic Cluster</span>
| |
| | |
| <h2>
| |
| راهنمای جامع اهدای تخمک
| |
| </h2>
| |
| | |
| <p>
| |
| همه مطالب مهم در یک مسیر محتوایی
| |
| </p>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="cluster">
| |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| | |
| <i class="fa-solid fa-circle-info"></i>
| |
| | |
| <h3>
| |
| آشنایی و شرایط
| |
| </h3>
| |
| | |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| اهدای تخمک چیست؟
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| شرایط اهدای تخمک
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| سن مناسب برای اهدای تخمک
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| چه کسانی نمیتوانند اهدا کنند؟
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| | |
| <i class="fa-solid fa-vials"></i>
| |
| | |
| <h3>
| |
| آزمایش و آمادهسازی
| |
| </h3>
| |
| | |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| آزمایشهای قبل از اهدای تخمک
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| سونوگرافی قبل از اهدا
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| آمادگی قبل از مراجعه
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| مراقبتهای بعد از فرآیند
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| | |
| <i class="fa-solid fa-route"></i>
| |
| | |
| <h3>
| |
| مراحل و مدارک
| |
| </h3>
| |
| | |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| مراحل اهدای تخمک
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| مدارک موردنیاز
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| زمانبندی فرآیند
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| پرسشهای متداول
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| SURROGACY
| |
| ========================= -->
| |
| | |
| <section class="section"
| |
| id="surrogacy">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-title">
| |
| | |
| <span>Topic Cluster</span>
| |
| | |
| <h2>
| |
| راهنمای جامع رحم جایگزین
| |
| </h2>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="cluster">
| |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| <i class="fa-solid fa-person-pregnant"></i>
| |
| | |
| <h3>
| |
| آشنایی با رحم جایگزین
| |
| </h3>
| |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| رحم جایگزین چیست؟
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| چه شرایطی برای رحم جایگزین وجود دارد؟
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| مراحل کلی رحم جایگزین
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| <i class="fa-solid fa-scale-balanced"></i>
| |
| | |
| <h3>
| |
| مدارک و ضوابط
| |
| </h3>
| |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| مدارک موردنیاز
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| اهمیت قرارداد
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| نکات قانونی مهم
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| <i class="fa-solid fa-comments"></i>
| |
| | |
| <h3>
| |
| پرسشهای رایج
| |
| </h3>
| |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| هزینه رحم جایگزین چگونه تعیین میشود؟
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| مدت زمان انجام فرآیند چقدر است؟
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| چه آزمایشهایی لازم است؟
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| EMBRYO
| |
| ========================= -->
| |
| | |
| <section class="section"
| |
| id="embryo">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-title">
| |
| | |
| <span>Topic Cluster</span>
| |
| | |
| <h2>
| |
| راهنمای جامع اهدای جنین
| |
| </h2>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="cluster">
| |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| <i class="fa-solid fa-dna"></i>
| |
| | |
| <h3>
| |
| شناخت اهدای جنین
| |
| </h3>
| |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| اهدای جنین چیست؟
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| تفاوت اهدای جنین و اهدای تخمک
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| شرایط دریافت جنین اهدایی
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| <i class="fa-solid fa-list-check"></i>
| |
| | |
| <h3>
| |
| مراحل و مدارک
| |
| </h3>
| |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| مراحل اهدای جنین
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| مدارک لازم
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| آزمایشهای موردنیاز
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="cluster-box">
| |
| | |
| <div class="cluster-header">
| |
| <i class="fa-solid fa-scale-balanced"></i>
| |
| | |
| <h3>
| |
| قوانین و نکات مهم
| |
| </h3>
| |
| </div>
| |
| | |
| <ul class="cluster-list">
| |
| | |
| <li>
| |
| <a href="#">
| |
| نکات قانونی اهدای جنین
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| سوالات متداول اهدای جنین
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| <li>
| |
| <a href="#">
| |
| اهمیت مراجعه به مراکز معتبر
| |
| <i class="fa-solid fa-chevron-left"></i>
| |
| </a>
| |
| </li>
| |
| | |
| </ul>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| FERTILITY
| |
| ========================= -->
| |
| | |
| <section class="section"
| |
| id="fertility">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-title">
| |
| | |
| <span>اطلاعات تخصصی</span>
| |
| | |
| <h2>
| |
| ناباروری و درمان
| |
| </h2>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="article-grid">
| |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-microscope"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| IVF
| |
| </span>
| |
| | |
| <h3>
| |
| IVF چیست و چه مراحلی دارد؟
| |
| </h3>
| |
| | |
| <p>
| |
| آشنایی عمومی با لقاح آزمایشگاهی
| |
| و مراحل اصلی آن.
| |
| </p>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-heart-pulse"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| ناباروری
| |
| </span>
| |
| | |
| <h3>
| |
| روشهای کمکباروری چه تفاوتی دارند؟
| |
| </h3>
| |
| | |
| <p>
| |
| آشنایی کلی با روشهای مختلف
| |
| درمان ناباروری.
| |
| </p>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| | |
| | |
| <article class="article-card">
| |
| | |
| <div class="article-image">
| |
| <i class="fa-solid fa-user-doctor"></i>
| |
| </div>
| |
| | |
| <div class="article-body">
| |
| | |
| <span class="article-category">
| |
| مشاوره
| |
| </span>
| |
| | |
| <h3>
| |
| چرا مشاوره قبل از تصمیمگیری مهم است؟
| |
| </h3>
| |
| | |
| <p>
| |
| اهمیت دریافت اطلاعات صحیح و
| |
| بررسی شرایط فردی قبل از اقدام.
| |
| </p>
| |
| | |
| </div>
| |
| | |
| </article>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| FAQ
| |
| ========================= -->
| |
| | |
| <section class="section">
| |
| | |
| <div class="container">
| |
| | |
| <div class="section-title">
| |
| | |
| <span>سوالات متداول</span>
| |
| | |
| <h2>
| |
| سوالات رایج کاربران
| |
| </h2>
| |
| | |
| </div>
| |
| | |
| | |
| <div class="faq">
| |
| | |
| | |
| <div class="faq-item">
| |
| | |
| <button class="faq-question">
| |
| | |
| شرایط اهدای تخمک چیست؟
| |
| | |
| <i class="fa-solid fa-chevron-down"></i>
| |
| | |
| </button>
| |
| | |
| <div class="faq-answer">
| |
| | |
| شرایط پذیرش متقاضی به عوامل مختلفی
| |
| مانند سن، وضعیت سلامت، نتایج آزمایشها
| |
| و ضوابط مرکز مربوط بستگی دارد و
| |
| باید بهصورت فردی بررسی شود.
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="faq-item">
| |
| | |
| <button class="faq-question">
| |
| | |
| مراحل اهدای تخمک چگونه است؟
| |
| | |
| <i class="fa-solid fa-chevron-down"></i>
| |
| | |
| </button>
| |
| | |
| <div class="faq-answer">
| |
| | |
| روند کلی میتواند شامل مشاوره،
| |
| بررسی شرایط، آزمایشها، سونوگرافی،
| |
| هماهنگیهای لازم و معرفی به مرکز
| |
| درمانی باشد.
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="faq-item">
| |
| | |
| <button class="faq-question">
| |
| | |
| آیا شرایط هر متقاضی یکسان است؟
| |
| | |
| <i class="fa-solid fa-chevron-down"></i>
| |
| | |
| </button>
| |
| | |
| <div class="faq-answer">
| |
| | |
| خیر. شرایط افراد باید بر اساس
| |
| وضعیت فردی و ضوابط مربوط بررسی شود.
| |
| اطلاعات این صفحه جایگزین نظر پزشک
| |
| یا مرکز درمانی نیست.
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| | |
| | |
| <div class="faq-item">
| |
| | |
| <button class="faq-question">
| |
| | |
| آیا اطلاعات متقاضیان محرمانه است؟
| |
| | |
| <i class="fa-solid fa-chevron-down"></i>
| |
| | |
| </button>
| |
| | |
| <div class="faq-answer">
| |
| | |
| حفظ محرمانگی اطلاعات متقاضیان از
| |
| اصول مهم فرآیند ارتباط و بررسی
| |
| درخواستهاست و اطلاعات باید مطابق
| |
| ضوابط مربوط مدیریت شود.
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| CTA
| |
| ========================= -->
| |
| | |
| <section class="section">
| |
| | |
| <div class="container">
| |
| | |
| <div class="cta">
| |
| | |
| <h2>
| |
| درباره شرایط خود سوال دارید؟
| |
| </h2>
| |
| | |
| <p>
| |
| برای دریافت اطلاعات درباره شرایط،
| |
| مدارک، زمانبندی و مراحل بررسی،
| |
| با گروه اهدای مثبت بخشنده در ارتباط باشید.
| |
| </p>
| |
| | |
| <div class="cta-buttons">
| |
| | |
| <a href="#"
| |
| class="cta-btn cta-primary">
| |
| | |
| <i class="fa-solid fa-phone"></i>
| |
| | |
| تماس و مشاوره
| |
| | |
| </a>
| |
| | |
| <a href="#"
| |
| class="cta-btn cta-secondary">
| |
| | |
| <i class="fa-solid fa-file-pen"></i>
| |
| | |
| فرم ثبت درخواست
| |
| | |
| </a>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </section>
| |
| | |
| </main>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| FOOTER
| |
| ========================= -->
| |
| | |
| <footer class="blog-footer">
| |
| | |
| <div class="container">
| |
| | |
| <div class="footer-content">
| |
| | |
| <h3>
| |
| گروه اهدای مثبت بخشنده
| |
| </h3>
| |
| | |
| <p>
| |
| مرجع معرفی متقاضیان اهدای تخمک،
| |
| رحم جایگزین و اهدای جنین در تهران،
| |
| کرج و سایر شهرهای ایران با رعایت
| |
| ضوابط و مراحل قانونی.
| |
| </p>
| |
| | |
| </div>
| |
| | |
| </div>
| |
| | |
| </footer>
| |
| | |
| | |
| | |
| <!-- =========================
| |
| JAVASCRIPT
| |
| ========================= -->
| |
| | |
| <script>
| |
| | |
| /* =========================
| |
| FAQ
| |
| ========================= */
| |
| | |
| document
| |
| .querySelectorAll(".faq-question")
| |
| .forEach(function(button) {
| |
| | |
| button.addEventListener("click", function() {
| |
| | |
| const item =
| |
| button.parentElement;
| |
| | |
| const isActive =
| |
| item.classList.contains("active");
| |
| | |
| document
| |
| .querySelectorAll(".faq-item")
| |
| .forEach(function(other) {
| |
| | |
| other.classList.remove("active");
| |
| | |
| });
| |
| | |
| if (!isActive) {
| |
| item.classList.add("active");
| |
| }
| |
| | |
| });
| |
| | |
| });
| |
| | |
| | |
| | |
| /* =========================
| |
| ARTICLE SEARCH
| |
| ========================= */
| |
| | |
| const search =
| |
| document.getElementById("articleSearch");
| |
| | |
| search.addEventListener("input", function() {
| |
| | |
| const value =
| |
| search.value.trim().toLowerCase();
| |
| | |
| const cards =
| |
| document.querySelectorAll(".article-card");
| |
| | |
| cards.forEach(function(card) {
| |
| | |
| const text =
| |
| card.innerText.toLowerCase();
| |
| | |
| if (
| |
| value === "" ||
| |
| text.includes(value)
| |
| ) {
| |
| | |
| card.style.display = "";
| |
| | |
| } else {
| |
| | |
| card.style.display = "none";
| |
| | |
| }
| |
| | |
| });
| |
| | |
| });
| |
| | |
| </script>
| |
| | |
| | |
| </body>
| |
| </html> | | </html> |