تست۶: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| (۱۶ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۱٬۹۵۶: | خط ۱٬۹۵۶: | ||
.positive-donation-page .pd-footer p,.positive-donation-page .pd-footer li{font-size:.82rem;} | .positive-donation-page .pd-footer p,.positive-donation-page .pd-footer li{font-size:.82rem;} | ||
.pd-hero-slider{position:relative;min-height:360px;background: | .pd-hero-slider{ | ||
.pd-hero-slides{position:absolute;inset:0;} | position:relative; | ||
.pd-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease;} | min-height:360px; | ||
.pd-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;} | background:#f7f0fa; | ||
.pd-hero-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit: | isolation:isolate; | ||
.pd-hero-overlay{position:absolute;inset:0;background:linear-gradient( | } | ||
.pd-hero-slider .pd-hero-content{position: | |||
.pd-hero-slides{ | |||
position:absolute; | |||
inset:0; | |||
} | |||
.pd-hero-slide{ | |||
position:absolute; | |||
inset:0; | |||
opacity:0; | |||
visibility:hidden; | |||
pointer-events:none; | |||
transition:opacity .45s ease; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
overflow:hidden; | |||
} | |||
.pd-hero-slide.is-active{ | |||
opacity:1; | |||
visibility:visible; | |||
pointer-events:auto; | |||
} | |||
.pd-hero-slide>img{ | |||
position:absolute; | |||
inset:0; | |||
width:100%; | |||
height:100%; | |||
object-fit:contain; | |||
object-position:center center; | |||
} | |||
.pd-hero-overlay{ | |||
position:absolute; | |||
inset:0; | |||
background:linear-gradient(0deg,rgba(63,32,88,.45),rgba(88,49,116,.05)); | |||
z-index:1; | |||
} | |||
.pd-hero-slider .pd-hero-content{ | |||
position:absolute; | |||
z-index:2; | |||
left:0; | |||
right:0; | |||
bottom:0; | |||
min-height:auto; | |||
padding:0 24px 28px; | |||
justify-content:flex-end; | |||
align-items:center; | |||
} | |||
.pd-hero-slider .pd-buttons{ | |||
justify-content:right; | |||
width:100%; | |||
} | |||
.pd-hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(63,32,88,.58);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;} | .pd-hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(63,32,88,.58);color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;} | ||
.pd-hero-prev{right:14px;} | .pd-hero-prev{right:14px;} | ||
| خط ۱٬۹۷۷: | خط ۲٬۰۳۱: | ||
.positive-donation-page .pd-header-btn{font-size:.88rem;} | .positive-donation-page .pd-header-btn{font-size:.88rem;} | ||
.pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:450px;} | .pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:450px;} | ||
.pd-hero-slider .pd-hero-content{padding: | .pd-hero-slider .pd-hero-content{padding:0 70px 35px;} | ||
.positive-donation-page .pd-hero h1{font-size:2.6rem;} | .positive-donation-page .pd-hero h1{font-size:2.6rem;} | ||
.positive-donation-page .pd-hero p{font-size:1.08rem;} | .positive-donation-page .pd-hero p{font-size:1.08rem;} | ||
| خط ۱٬۹۸۷: | خط ۲٬۰۴۱: | ||
.positive-donation-page{font-size:19px;} | .positive-donation-page{font-size:19px;} | ||
.positive-donation-page .pd-title h2{font-size:2.15rem;} | .positive-donation-page .pd-title h2{font-size:2.15rem;} | ||
.pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height: | .pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:480px;} | ||
.pd-hero-slider .pd-hero-content{padding: | .pd-hero-slider .pd-hero-content{padding:0 85px 45px;} | ||
.positive-donation-page .pd-hero h1{font-size:3.05rem;} | .positive-donation-page .pd-hero h1{font-size:3.05rem;} | ||
.positive-donation-page .pd-hero p{font-size:1.12rem;} | .positive-donation-page .pd-hero p{font-size:1.12rem;} | ||
| خط ۱٬۹۹۷: | خط ۲٬۰۵۱: | ||
@media (max-width:480px){ | @media (max-width:480px){ | ||
.pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:430px;} | .pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:430px;} | ||
.pd-hero-slider .pd-hero-content{padding:28px | .pd-hero-slider .pd-hero-content{padding:0 52px 28px;} | ||
.positive-donation-page .pd-hero h1{font-size:2rem;} | .positive-donation-page .pd-hero h1{font-size:2rem;} | ||
.positive-donation-page .pd-hero p{font-size:.98rem;line-height:2.05;} | .positive-donation-page .pd-hero p{font-size:.98rem;line-height:2.05;} | ||
| خط ۲٬۰۰۹: | خط ۲٬۰۶۳: | ||
@media (max-width:390px){ | @media (max-width:390px){ | ||
.positive-donation-page{font-size:17px;} | .positive-donation-page{font-size:17px;} | ||
.pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height: | .pd-hero-slider,.pd-hero-slider .pd-hero-content{min-height:180px;} | ||
.pd-hero-slider .pd-hero-content{padding: | .pd-hero-slider .pd-hero-content{padding:0 46px 22px;} | ||
.positive-donation-page .pd-hero h1{font-size:1.78rem;} | .positive-donation-page .pd-hero h1{font-size:1.78rem;} | ||
.positive-donation-page .pd-hero p{font-size:.9rem;} | .positive-donation-page .pd-hero p{font-size:.9rem;} | ||
| خط ۲٬۰۹۶: | خط ۲٬۱۵۰: | ||
<h1><br><br><br></h1> | <h1><br><br><br></h1> | ||
<p><br></p> | <p><br></p> | ||
<div class="pd-buttons"> | <!-- <div class="pd-buttons"> | ||
<a href="#donation" class="pd-btn pd-btn-main">مشاهده خدمات اهدا</a> | |||
<a href="#contact" class="pd-btn pd-btn-main">دریافت مشاوره</a> | <a href="#contact" class="pd-btn pd-btn-main">دریافت مشاوره</a> | ||
</div> | </div> --> | ||
</div> | </div> | ||
</article> | </article> | ||
| خط ۲٬۱۱۲: | خط ۲٬۱۶۶: | ||
<h1><br><br></h1> | <h1><br><br></h1> | ||
<p><br></p> | <p><br></p> | ||
<div class="pd-buttons"> | <!-- <div class="pd-buttons"> | ||
<a href="#egg" class="pd-btn pd-btn-main">آشنایی با اهدای تخمک</a> | <a href="#egg" class="pd-btn pd-btn-main">آشنایی با اهدای تخمک</a> | ||
<a href="#contact" class="pd-btn pd-btn-main">مشاوره</a> | <a href="#contact" class="pd-btn pd-btn-main">دریافت مشاوره</a> | ||
</div> | </div> --> | ||
</div> | </div> | ||
</article> | </article> | ||
| خط ۲٬۱۲۸: | خط ۲٬۱۸۲: | ||
<h1><br></h1> | <h1><br></h1> | ||
<p><br></p> | <p><br></p> | ||
<div class="pd-buttons"> | <!-- <div class="pd-buttons"> | ||
<a href="#donation" class="pd-btn pd-btn-main">مشاهده خدمات</a> | < a href="#donation" class="pd-btn pd-btn-main">مشاهده خدمات</a> | ||
<a href="#articles" class="pd-btn pd-btn-main"> | <a href="#articles" class="pd-btn pd-btn-main">دریافت مشاوره</a> | ||
</div> | </div> --> | ||
</div> | </div> | ||
</article> | </article> | ||
| خط ۲٬۹۰۸: | خط ۲٬۹۶۲: | ||
<article class="pd-article"> | <article class="pd-article"> | ||
<div class="pd-article-image"> | <div class="pd-article-image" style=" | ||
background: #d0b8e3; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
"> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-103.png" | |||
alt="سن مناسب برای اهدای تخمک" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-article-body"> | <div class="pd-article-body"> | ||
| خط ۲٬۹۳۹: | خط ۲٬۹۹۸: | ||
<article class="pd-article"> | <article class="pd-article"> | ||
<div class="pd-article-image"> | <div class="pd-article-image" style=" | ||
background: #d0b8e3; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
"> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-103.png" | |||
alt="سن مناسب برای اهدای تخمک" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-article-body"> | <div class="pd-article-body"> | ||
| خط ۲٬۹۷۰: | خط ۳٬۰۳۴: | ||
<article class="pd-article"> | <article class="pd-article"> | ||
<div class="pd-article-image" style=" | |||
background: #d0b8e3; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
"> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260009-01/260009-01-103.png" | |||
alt="سن مناسب برای اهدای تخمک" | |||
loading="lazy" | |||
> | |||
</div> | |||
<div class="pd-article-body"> | <div class="pd-article-body"> | ||
| خط ۳٬۱۴۲: | خط ۳٬۲۱۱: | ||
======================================================= --> | ======================================================= --> | ||
<footer | <footer > | ||
<div class="pd-footer-bottom"> | <div class="pd-footer-bottom"> | ||