فراغیب

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

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


<style>
<style>
#content {
        width: 95% !important; /* اجازه بده عرض صفحه زیاد شود */
        max-width: none !important; /* هرگونه سقف عرض را حذف کن */
        margin: 0 auto !important; /* وسط‌چین کردن کانتینر بزرگ شده */
    }
    /* اگر قالب شما از کلاس‌های دیگری برای بدنه استفاده می‌کند */
    .mw-body {
        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:100px 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;
    height:52px;
    flex:0 0 52px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:var(--gold-light);
    border:1px solid rgba(244,185,66,.2);
    color:var(--gold);
    font-size:1.25rem;
}


    width:45px;
.testimonial-person strong{


    height:45px;
     display:block;
 
    border-radius:50%;
 
    object-fit:cover;
 
}
 
.testimonial-person strong{
 
     display:block;


     color:#fff;
     color:#fff;
خط ۱٬۶۹۵: خط ۱٬۷۳۸:
     .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,
  REDUCED MOTION
.contact-item > div:last-child,
========================================================= */
.form-group label,
.form-group input,
.form-group textarea{
    text-align:center;
}


@media(prefers-reduced-motion:reduce){
.footer{
    text-align:center;
}


    *,
.skill-image + .skill-title{
     *::before,
     margin-top:0;
    *::after{
}


        scroll-behavior:auto !important;
/* =========================================================
  FINAL ALIGNMENT & SPACING
========================================================= */


        transition:none !important;
.section > .container{
 
    width:min(calc(100% - 50px),1180px);
        animation:none !important;
    margin-inline:auto;
 
}
    }


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


</style>
.hero-inner,
.hero-info,
.about-grid,
.skills-grid,
.cards-grid,
.timeline,
.contact-grid,
.cta-inner{
    margin-inline:auto;
}


</head>
.about-grid{
    max-width:1080px;
}


.cards-grid{
    max-width:1180px;
}


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


<div class="page">
    .counter-grid{
        grid-template-columns:repeat(3,1fr);
    }
}


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


<!-- =====================================================
    .hero-buttons{
    LEFT ICON MENU
        justify-content:stretch;
===================================================== -->
    }


<aside class="left-sidebar">
    .cards-grid{
        gap:15px;
    }
}


/* =========================================================
  REDUCED MOTION
========================================================= */


    <div class="sidebar-logo">
@media(prefers-reduced-motion:reduce){


        <div class="logo-circle">
    *,
    *::before,
    *::after{


            <i class="fa-solid fa-user"></i>
        scroll-behavior:auto !important;


         </div>
        transition:none !important;
 
        animation:none !important;
 
    }
 
}
 
</style>
 
</head>
 
 
<body>
 
<div class="page">
 
 
<!-- =====================================================
    LEFT ICON MENU
===================================================== -->
 
<aside class="left-sidebar">
 
 
    <div class="sidebar-logo">
 
        <div class="logo-circle">
 
            <i class="fa-solid fa-user"></i>
 
         </div>


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


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


     <strong>
     <strong>
خط ۲٬۱۵۹: خط ۲٬۲۸۴:
===================================================== -->
===================================================== -->


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




خط ۲٬۲۹۶: خط ۲٬۴۲۱:
                 </div>
                 </div>


                <div class="hero-info-box">


            </div>
                    <i class="fa-solid fa-bullseye"></i>


        </div>
                    <strong>
                        تمرکز
                    </strong>


     </div>
                    <span>
                        هدفمندی بیشتر
                    </span>
 
                </div>
 
 
            </div>
 
        </div>
 
     </div>


</section>
</section>
خط ۲٬۳۳۴: خط ۲٬۴۷۳:


                 <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>
خط ۲٬۴۶۵: خط ۲٬۶۰۴:
                 <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>


</section>
                <div class="card-content">
                    <span class="card-tag">مهارت فردی</span>


                    <h3>تقویت مهارت‌های فردی</h3>


<!-- =====================================================
                    <p>
    EXPERIENCE
                        تمرین مهارت‌های کاربردی برای
===================================================== -->
                        ارتباط بهتر با خود و دیگران.
                    </p>
                </div>


<section class="section"
            </article>
        id="experience">


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


        <div class="section-title">
                <div class="card-image">
                    <img
                    src="https://dl.faraghaib.ir/m/260021-01/260021-01-08.jpg"
                    alt="دوره آگاهی فردی"
                    loading="lazy">
                </div>


            <small>
                <div class="card-content">
                سوابق
                    <span class="card-tag">آگاهی</span>
            </small>


            <h2>
                    <h3>افزایش آگاهی فردی</h3>
                مسیر حرفه‌ای
            </h2>


        </div>
                    <p>
                        شناخت الگوهای ذهنی و ایجاد
                        انتخاب‌های آگاهانه‌تر در زندگی.
                    </p>
                </div>


            </article>


         <div class="timeline">
            <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>
 
 
<!-- =====================================================
    TESTIMONIALS
===================================================== -->
 
<section class="section"
        id="testimonials">
 
    <div class="container">


        <div class="section-title">


             <div class="timeline-item">
             <small>
                نظرات
            </small>


                <span class="timeline-year">
            <h2>
                    ۱۴۰۲ — اکنون
                تجربه همراهان
                </span>
            </h2>


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


            </div>


        <div class="cards-grid">


            <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>
                 </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>
 
 
        </div>
 
    </div>
 
</section>
 
 
<!-- =====================================================
    TESTIMONIALS
===================================================== -->
 
<section class="section"
        id="testimonials">
 
    <div class="container">
 
        <div class="section-title">
 
            <small>
                 نظرات
            </small>
 
            <h2>
                تجربه همراهان
            </h2>
 
        </div>


 
            </article>
        <div class="cards-grid">




خط ۲٬۹۸۹: خط ۳٬۲۸۱:


                 <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"></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/تست»