فراغیب

تست: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۲۵ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۲۳: خط ۲۳:
<style>
<style>


section {
 
         padding: 20px 0 !important; /* این خط باعث می‌شود فاصله بین تمام بخش‌ها بسیار کم شود */
#content {
         margin: 0 auto;
         width: 95% !important; /* اجازه بده عرض صفحه زیاد شود */
        max-width: none !important; /* هرگونه سقف عرض را حذف کن */
         margin: 0 auto !important; /* وسط‌چین کردن کانتینر بزرگ شده */
     }
     }


     /* اگر از کلاس‌های خاصی برای فاصله‌ها استفاده کرده‌اید، این را هم اضافه کنید */
     /* اگر قالب شما از کلاس‌های دیگری برای بدنه استفاده می‌کند */
     .container, .row {
     .mw-body {
         margin-bottom: 0 !important;  
         width: 95% !important;
        max-width: none !important;
     }
     }


خط ۵۸: خط ۶۱:


     --sidebar:105px;
     --sidebar:105px;
    /* فاصله سایدبار از لبه چپ و بالای مانیتور — فقط این عدد را تغییر بده */
    --sidebar-offset-top:-20px;
    --sidebar-offset-left:40px;


}
}
خط ۸۰: خط ۸۷:


     margin:0;
     margin:0;
    text-align:center;


     font-family:
     font-family:
خط ۱۵۸: خط ۱۶۷:


.left-sidebar{
.left-sidebar{
margin-top:calc(var(--sidebar) + var(--sidebar-offset-top));
margin-left:calc(var(--sidebar) + var(--sidebar-offset-left));


     position:fixed;
     position:fixed;
خط ۴۴۸: خط ۴۵۹:
.main-content{
.main-content{


     margin-left:var(--sidebar);
     margin-left:calc(var(--sidebar) + var(--sidebar-offset));


     min-width:0;
     min-width:0;
خط ۴۹۰: خط ۵۰۱:
     position:relative;
     position:relative;


     padding:30px 0;
     padding:55px 0;


     min-height:100vh;
     min-height:auto;


     display:flex;
     display:flex;
خط ۵۱۹: خط ۵۳۰:
     text-align:center;
     text-align:center;


     margin-bottom:50px;
     margin-bottom:28px;


}
}
خط ۵۵۶: خط ۵۶۷:
     max-width:650px;
     max-width:650px;


     margin:12px auto 0;
     margin:12px 0 0;


     color:var(--muted);
     color:var(--muted);
خط ۵۸۵: خط ۵۹۶:
.hero-inner{
.hero-inner{


     max-width:850px;
     max-width:900px;


     margin:auto;
     margin:auto;
خط ۶۷۸: خط ۶۸۹:
     display:flex;
     display:flex;


     justify-content:center;
     justify-content:flex-start;


     flex-wrap:wrap;
     flex-wrap:wrap;
خط ۷۶۰: خط ۷۷۱:


     grid-template-columns:
     grid-template-columns:
         repeat(4,1fr);
         repeat(5,1fr);


     gap:12px;
     gap:12px;
خط ۹۲۱: خط ۹۳۲:


     grid-template-columns:
     grid-template-columns:
         repeat(4,1fr);
         repeat(6,1fr);


     gap:15px;
     gap:12px;


}
}
خط ۹۷۷: خط ۹۸۸:
.skills-grid{
.skills-grid{


     max-width:900px;
     max-width:1050px;


     margin:auto;
     margin:auto;
خط ۹۸۶: خط ۹۹۷:
         repeat(2,1fr);
         repeat(2,1fr);


     gap:18px 35px;
     gap:22px 28px;


}
}
خط ۹۹۲: خط ۱٬۰۰۳:
.skill{
.skill{


     padding:19px;
     padding:24px;


     background:#111;
     background:#111;
خط ۹۹۹: خط ۱٬۰۱۰:
         1px solid rgba(255,255,255,.07);
         1px solid rgba(255,255,255,.07);


    border-radius:18px;
    min-height:230px;
    text-align:right;
}
.skill-image{
    width:100%;
    height:135px;
    margin-bottom:18px;
    overflow:hidden;
     border-radius:14px;
     border-radius:14px;
    background:#181818;
    border:1px solid rgba(255,255,255,.06);
}


.skill-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
}


خط ۱٬۳۲۲: خط ۱٬۳۵۳:
}
}


.testimonial-person img{
.testimonial-avatar{
 
     width:52px;
     width:45px;
    height:52px;
 
     flex:0 0 52px;
     height:45px;
    display:grid;
 
    place-items:center;
     border-radius:50%;
     border-radius:50%;
 
    background:var(--gold-light);
     object-fit:cover;
     border:1px solid rgba(244,185,66,.2);
 
    color:var(--gold);
    font-size:1.25rem;
}
}


خط ۱٬۷۰۶: خط ۱٬۷۳۸:
     .section{
     .section{


         padding:75px 0;
         padding:45px 0;


     }
     }
خط ۱٬۷۶۳: خط ۱٬۷۹۵:
     .section{
     .section{


         min-height:100vh;
         min-height:auto;


         padding:15px 0;
         padding:35px 0;


     }
     }
خط ۱٬۸۴۲: خط ۱٬۸۷۴:
         grid-template-columns:1fr;
         grid-template-columns:1fr;


    }
    .skill-image{
        height:155px;
     }
     }


خط ۱٬۸۹۶: خط ۱٬۹۳۲:
     .section-title{
     .section-title{


         margin-bottom:10px;
         margin-bottom:20px;


     }
     }
خط ۱٬۹۴۸: خط ۱٬۹۸۴:
}
}


.card-content,
.contact-item > div:last-child,
.form-group label,
.form-group input,
.form-group textarea{
    text-align:center;
}
.footer{
    text-align:center;
}
.skill-image + .skill-title{
    margin-top:0;
}


/* =========================================================
/* =========================================================
   REDUCED MOTION
   FINAL ALIGNMENT & SPACING
========================================================= */
========================================================= */


@media(prefers-reduced-motion:reduce){
.section > .container{
    width:min(calc(100% - 50px),1180px);
    margin-inline:auto;
}


    *,
.section-title,
    *::before,
.about-content,
     *::after{
.card,
.skill,
.timeline,
.contact-list,
.contact-form{
     text-align:center;
}


        scroll-behavior:auto !important;
.hero-inner,
.hero-info,
.about-grid,
.skills-grid,
.cards-grid,
.timeline,
.contact-grid,
.cta-inner{
    margin-inline:auto;
}


        transition:none !important;
.about-grid{
    max-width:1080px;
}


        animation:none !important;
.cards-grid{
    max-width:1180px;
}


@media(max-width:900px){
    .section > .container{
        width:min(calc(100% - 40px),720px);
     }
     }


    .counter-grid{
        grid-template-columns:repeat(3,1fr);
    }
}
}


</style>
@media(max-width:600px){
    .section > .container{
        width:calc(100% - 28px);
    }


</head>
    .hero-buttons{
        justify-content:stretch;
    }
 
    .cards-grid{
        gap:15px;
    }
}
 
/* =========================================================
  REDUCED MOTION
========================================================= */
 
@media(prefers-reduced-motion:reduce){
 
    *,
    *::before,
    *::after{
 
        scroll-behavior:auto !important;
 
        transition:none !important;
 
        animation:none !important;
 
    }
 
}
 
</style>
 
</head>




خط ۲٬۱۵۷: خط ۲٬۲۷۱:
===================================================== -->
===================================================== -->


<header class="mobile-header">
<header class="mobile-header ">


     <strong>
     <strong>
خط ۲٬۱۷۰: خط ۲٬۲۸۴:
===================================================== -->
===================================================== -->


<main class="main-content">
<main class="main-content full-width-page">




خط ۲٬۳۰۳: خط ۲٬۴۱۷:
                     <span>
                     <span>
                         ارتباط با خود
                         ارتباط با خود
                    </span>
                </div>
                <div class="hero-info-box">
                    <i class="fa-solid fa-bullseye"></i>
                    <strong>
                        تمرکز
                    </strong>
                    <span>
                        هدفمندی بیشتر
                     </span>
                     </span>


خط ۲٬۳۴۵: خط ۲٬۴۷۳:


                 <img
                 <img
                 src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                 src="https://dl.faraghaib.ir/m/260021-01/260021-01-16.png"
                 alt="محمدرضا شایق مدرس خودشناسی"
                 alt="محمدرضا شایق مدرس خودشناسی"
                 loading="lazy">
                 loading="lazy">
خط ۲٬۳۵۲: خط ۲٬۴۸۰:




             <div class="about-content">
             <div class="about-content" style="text-align:right;">


                 <h2>
                 <h2>
خط ۲٬۴۱۴: خط ۲٬۵۴۲:
===================================================== -->
===================================================== -->


<section class="section">
<section class="section counters">


     <div>
     <div class="container">


         <div class="counter-grid">
         <div class="counter-grid">
خط ۲٬۴۷۶: خط ۲٬۶۰۴:
                 <span>
                 <span>
                     رضایت
                     رضایت
                </span>
            </div>
            <div class="counter">
                <i class="fa-solid fa-chalkboard-user"></i>
                <strong>
                    50+
                </strong>
                <span>
                    کارگاه آموزشی
                </span>
            </div>
            <div class="counter">
                <i class="fa-solid fa-award"></i>
                <strong>
                    10+
                </strong>
                <span>
                    سال تجربه
                 </span>
                 </span>


خط ۲٬۵۱۴: خط ۲٬۶۷۰:


             <div class="skill">
             <div class="skill">
                <div class="skill-image">
                    <img src="https://dl.faraghaib.ir/m/260021-01/260021-01-17.png"
                        alt="تصویر حوزه تخصصی خودشناسی"
                        loading="lazy">
                </div>


                 <div class="skill-title">
                 <div class="skill-title">
خط ۲٬۵۳۷: خط ۲٬۶۹۹:


             <div class="skill">
             <div class="skill">
                <div class="skill-image">
                    <img src="https://dl.faraghaib.ir/m/260021-01/260021-01-18.png"
                        alt="تصویر حوزه تخصصی خودشناسی"
                        loading="lazy">
                </div>


                 <div class="skill-title">
                 <div class="skill-title">
خط ۲٬۵۶۰: خط ۲٬۷۲۸:


             <div class="skill">
             <div class="skill">
                <div class="skill-image">
                    <img src="https://dl.faraghaib.ir/m/260021-01/260021-01-19.png"
                        alt="تصویر حوزه تخصصی خودشناسی"
                        loading="lazy">
                </div>


                 <div class="skill-title">
                 <div class="skill-title">
خط ۲٬۵۸۳: خط ۲٬۷۵۷:


             <div class="skill">
             <div class="skill">
                <div class="skill-image">
                    <img src="https://dl.faraghaib.ir/m/260021-01/260021-01-20.png"
                        alt="تصویر حوزه تخصصی خودشناسی"
                        loading="lazy">
                </div>


                 <div class="skill-title">
                 <div class="skill-title">
خط ۲٬۷۸۷: خط ۲٬۹۶۷:


                     <img
                     <img
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-04.jpg"
                     alt="دوره خودشناسی"
                     alt="دوره خودشناسی"
                     loading="lazy">
                     loading="lazy">
خط ۲٬۸۱۸: خط ۲٬۹۹۸:


                     <img
                     <img
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-05.jpg"
                     alt="دوره توسعه فردی"
                     alt="دوره توسعه فردی"
                     loading="lazy">
                     loading="lazy">
خط ۲٬۸۴۹: خط ۳٬۰۲۹:


                     <img
                     <img
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-06.jpg"
                     alt="کارگاه خودشناسی"
                     alt="کارگاه خودشناسی"
                     loading="lazy">
                     loading="lazy">
خط ۲٬۸۷۵: خط ۳٬۰۵۵:




        </div>
            <article class="card course-card">


     </div>
                <div class="card-image">
                    <img
                    src="https://dl.faraghaib.ir/m/260021-01/260021-01-07.jpg"
                    alt="دوره مهارت‌های فردی"
                    loading="lazy">
                </div>
 
                <div class="card-content">
                    <span class="card-tag">مهارت فردی</span>
 
                    <h3>تقویت مهارت‌های فردی</h3>
 
                    <p>
                        تمرین مهارت‌های کاربردی برای
                        ارتباط بهتر با خود و دیگران.
                    </p>
                </div>
 
            </article>
 
            <article class="card course-card">
 
                <div class="card-image">
                    <img
                    src="https://dl.faraghaib.ir/m/260021-01/260021-01-08.jpg"
                    alt="دوره آگاهی فردی"
                    loading="lazy">
                </div>
 
                <div class="card-content">
                    <span class="card-tag">آگاهی</span>
 
                    <h3>افزایش آگاهی فردی</h3>
 
                    <p>
                        شناخت الگوهای ذهنی و ایجاد
                        انتخاب‌های آگاهانه‌تر در زندگی.
                    </p>
                </div>
 
            </article>
 
            <article class="card course-card">
 
                <div class="card-image">
                    <img
                    src="https://dl.faraghaib.ir/m/260021-01/260021-01-09.jpg"
                    alt="کارگاه رشد فردی"
                    loading="lazy">
                </div>
 
                <div class="card-content">
                    <span class="card-tag">رشد فردی</span>
 
                    <h3>کارگاه مسیر رشد</h3>
 
                    <p>
                        بررسی موانع رشد و ساختن مسیر
                        عملی برای پیشرفت شخصی.
                    </p>
                </div>
 
            </article>
 
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    EXPERIENCE
===================================================== -->
 
<section class="section"
        id="experience">
 
    <div class="container">
 
        <div class="section-title">
 
            <small>
                سوابق
            </small>
 
            <h2>
                مسیر حرفه‌ای
            </h2>
 
        </div>
 
 
        <div class="timeline">
 
 
            <div class="timeline-item">
 
                <span class="timeline-year">
                    ۱۴۰۲ — اکنون
                </span>
 
                <h3>
                    مدرس خودشناسی و توسعه فردی
                </h3>
 
                <p>
                    برگزاری دوره‌ها و کارگاه‌های آموزشی
                    در زمینه خودشناسی و رشد فردی.
                </p>
 
            </div>
 
 
            <div class="timeline-item">
 
                <span class="timeline-year">
                    ۱۳۹۹ — ۱۴۰۲
                </span>
 
                <h3>
                    مدرس و برگزارکننده کارگاه
                </h3>
 
                <p>
                    طراحی و اجرای برنامه‌های آموزشی
                    با تمرکز بر آگاهی و مهارت‌های فردی.
                </p>
 
            </div>
 
 
            <div class="timeline-item">
 
                <span class="timeline-year">
                    ۱۳۹۷ — ۱۳۹۹
                </span>
 
                <h3>
                    آغاز فعالیت آموزشی
                </h3>
 
                <p>
                    آغاز فعالیت تخصصی در زمینه آموزش،
                    مطالعه و توسعه فردی.
                </p>
 
            </div>
 
 
        </div>
 
     </div>


</section>
</section>
خط ۲٬۸۸۳: خط ۳٬۲۱۶:


<!-- =====================================================
<!-- =====================================================
     EXPERIENCE
     TESTIMONIALS
===================================================== -->
===================================================== -->


<section class="section"
<section class="section"
         id="experience">
         id="testimonials">


     <div class="container">
     <div class="container">
خط ۲٬۸۹۴: خط ۳٬۲۲۷:


             <small>
             <small>
                 سوابق
                 نظرات
             </small>
             </small>


             <h2>
             <h2>
                 مسیر حرفه‌ای
                 تجربه همراهان
             </h2>
             </h2>


خط ۲٬۹۰۴: خط ۳٬۲۳۷:




         <div class="timeline">
         <div class="cards-grid">




             <div class="timeline-item">
             <article class="card testimonial">


                 <span class="timeline-year">
                 <div class="quote">
                     ۱۴۰۲ — اکنون
                     <i class="fa-solid fa-quote-right"></i>
                </span>
                 </div>
 
                <h3>
                    مدرس خودشناسی و توسعه فردی
                 </h3>


                 <p>
                 <p>
                     برگزاری دوره‌ها و کارگاه‌های آموزشی
                     شرکت در دوره باعث شد نگاه متفاوتی
                     در زمینه خودشناسی و رشد فردی.
                     نسبت به خودم و تصمیم‌هایم پیدا کنم.
                 </p>
                 </p>


            </div>
                <div class="testimonial-person">


                    <div class="testimonial-avatar" aria-label="کارکتر خانم">
                        <i class="fa-solid fa-person-dress"></i>
                    </div>


            <div class="timeline-item">
                    <div>


                <span class="timeline-year">
                        <strong>
                    ۱۳۹۹ — ۱۴۰۲
                            سارا احمدی
                </span>
                        </strong>


                <h3>
                        <span>
                    مدرس و برگزارکننده کارگاه
                            شرکت‌کننده دوره
                </h3>
                        </span>


                <p>
                     </div>
                    طراحی و اجرای برنامه‌های آموزشی
                     با تمرکز بر آگاهی و مهارت‌های فردی.
                </p>


            </div>
                </div>


            </article>


            <div class="timeline-item">


                <span class="timeline-year">
            <article class="card testimonial">
                    ۱۳۹۷ — ۱۳۹۹
                </span>


                 <h3>
                 <div class="quote">
                     آغاز فعالیت آموزشی
                     <i class="fa-solid fa-quote-right"></i>
                 </h3>
                 </div>


                 <p>
                 <p>
                     آغاز فعالیت تخصصی در زمینه آموزش،
                     محتوای دوره بسیار کاربردی بود و کمک کرد
                    مطالعه و توسعه فردی.
                     نقاط قوت خودم را بهتر بشناسم.
                </p>
 
            </div>
 
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    TESTIMONIALS
===================================================== -->
 
<section class="section"
        id="testimonials">
 
    <div class="container">
 
        <div class="section-title">
 
            <small>
                نظرات
            </small>
 
            <h2>
                تجربه همراهان
            </h2>
 
        </div>
 
 
        <div class="cards-grid">
 
 
            <article class="card testimonial">
 
                <div class="quote">
                     <i class="fa-solid fa-quote-right"></i>
                </div>
 
                <p>
                    شرکت در دوره باعث شد نگاه متفاوتی
                    نسبت به خودم و تصمیم‌هایم پیدا کنم.
                 </p>
                 </p>


                 <div class="testimonial-person">
                 <div class="testimonial-person">


                     <img
                     <div class="testimonial-avatar" aria-label="کارکتر آقا">
                    src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                        <i class="fa-solid fa-person"></i>
                    alt="شرکت کننده دوره">
                    </div>


                     <div>
                     <div>


                         <strong>
                         <strong>
                             سارا احمدی
                             علی رضایی
                         </strong>
                         </strong>


                         <span>
                         <span>
                             شرکت‌کننده دوره
                             شرکت‌کننده کارگاه
                         </span>
                         </span>


خط ۳٬۰۳۴: خط ۳٬۳۱۵:


                 <p>
                 <p>
                     محتوای دوره بسیار کاربردی بود و کمک کرد
                     فضای آموزشی خوب و محتوای دوره باعث شد
                     نقاط قوت خودم را بهتر بشناسم.
                     بعضی از الگوهای رفتاری خودم را بهتر ببینم.
                 </p>
                 </p>


                 <div class="testimonial-person">
                 <div class="testimonial-person">


                     <img
                     <div class="testimonial-avatar" aria-label="کارکتر خانم">
                    src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                         <i class="fa-solid fa-person-dress"></i>
                    alt="شرکت کننده کارگاه">
 
                    <div>
 
                         <strong>
                            علی رضایی
                        </strong>
 
                        <span>
                            شرکت‌کننده کارگاه
                        </span>
 
                     </div>
                     </div>
                </div>
            </article>
            <article class="card testimonial">
                <div class="quote">
                    <i class="fa-solid fa-quote-right"></i>
                </div>
                <p>
                    فضای آموزشی خوب و محتوای دوره باعث شد
                    بعضی از الگوهای رفتاری خودم را بهتر ببینم.
                </p>
                <div class="testimonial-person">
                    <img
                    src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                    alt="شرکت کننده دوره">


                     <div>
                     <div>
خط ۳٬۱۳۲: خط ۳٬۳۷۹:


                     <img
                     <img
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-02.jpg"
                     alt="خودشناسی چیست">
                     alt="خودشناسی چیست">


خط ۳٬۱۶۲: خط ۳٬۴۰۹:


                     <img
                     <img
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-01.jpg"
                     src="https://dl.faraghaib.ir/m/260021-01/260021-01-10.jpg"
                     alt="رشد فردی">
                     alt="رشد فردی">


خط ۳٬۶۲۵: خط ۳٬۸۷۲:
         );
         );


 
/*
         /* -------------------------------------------------
         /* -------------------------------------------------
           BLOCK KEYBOARD SCROLL
           BLOCK KEYBOARD SCROLL
خط ۳٬۶۶۶: خط ۳٬۹۱۳:
             }
             }
         );
         );
*/


 
      /* -------------------------------------------------
        /* -------------------------------------------------
           CLICKING HOME BUTTON INSIDE PAGE
           CLICKING HOME BUTTON INSIDE PAGE
         ------------------------------------------------- */
         ------------------------------------------------- */
برگرفته از «https://fa.faraghaib.ir/wiki/تست»