پرش به محتوا

تست - فراغیب

از فراغیب
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
 
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>


خط ۸: خط ۷:
<meta name="viewport"
<meta name="viewport"
       content="width=device-width, initial-scale=1.0">
       content="width=device-width, initial-scale=1.0">
<title>
چاپ و تبلیغات | چاپ تراکت، پوستر، کارت ویزیت و خدمات تبلیغاتی
</title>


<meta name="description"
<meta name="description"
content="خدمات چاپ و تبلیغات شامل چاپ تراکت، پوستر، کارت ویزیت، بنر، فلکس، هولوگرام و طراحی لوگو با کیفیت بالا و قیمت مناسب. سفارش چاپ و تبلیغات حرفه‌ای.">
      content="محمدرضا شایق، مدرس خودشناسی و توسعه فردی؛ آموزش خودشناسی، رشد فردی، شناخت توانمندی‌ها و ساختن زندگی آگاهانه.">


<meta name="keywords"
<meta name="keywords"
content="چاپ و تبلیغات, چاپ تراکت, چاپ پوستر, چاپ کارت ویزیت, چاپ هولوگرام, چاپ بنر, چاپ فلکس, طراحی لوگو, خدمات چاپ, تبلیغات">
      content="محمدرضا شایق, مدرس خودشناسی, خودشناسی, توسعه فردی, رشد فردی, آموزش خودشناسی, شخصیت شناسی, آگاهی فردی">
 
<meta name="author"
      content="محمدرضا شایق">
 
<title>محمدرضا شایق | مدرس خودشناسی و توسعه فردی</title>


<meta name="robots"
<link rel="preconnect"
content="index, follow">
      href="https://fonts.googleapis.com">


<meta name="author"
<link rel="preconnect"
content="چاپ و تبلیغات">
      href="https://fonts.gstatic.com"
      crossorigin>


<link rel="canonical"
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap"
      href="https://example.com/">
      rel="stylesheet">


<link rel="stylesheet"
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
 


<style>
<style>


/* =====================================================
/* =========================================================
   RESET
   ROOT
===================================================== */
========================================================= */


* {
:root{
    box-sizing:border-box;
    margin:0;
    padding:0;
}
 
html {
    scroll-behavior:smooth;
}


body {
    --primary:#171717;
    --primary-soft:#252525;


     font-family:
     --accent:#f4b942;
        IRANSans,
    --accent-dark:#d89a21;
        Tahoma,
    --accent-light:#fff4d6;
        Arial,
        sans-serif;


     background:#fff;
     --cream:#f8f6f0;
    --cream-dark:#eeeae0;


     color:#202124;
     --white:#ffffff;


     line-height:1.9;
     --text:#202124;
    --text-light:#666;


     overflow-x:hidden;
     --border:#e7e3da;


}
    --success:#3c8c68;


img {
    --shadow:
        0 15px 45px rgba(0,0,0,.08);


     display:block;
     --shadow-hover:
        0 20px 55px rgba(0,0,0,.14);


     max-width:100%;
     --radius:22px;


     height:auto;
     --container:1180px;


}
}


a {


    text-decoration:none;
/* =========================================================
  RESET
========================================================= */


     color:inherit;
*,
*::before,
*::after{
     box-sizing:border-box;
}


html{
    scroll-behavior:smooth;
    scroll-padding-top:80px;
}
}


body{


/* =====================================================
    margin:0;
  VARIABLES
===================================================== */


:root {
    background:var(--cream);


     /* =========================
     color:var(--text);
      رنگ اصلی - سبز
    ========================= */


     --primary: #20b957;
     font-family:
        "Vazirmatn",
        Tahoma,
        Arial,
        sans-serif;


     /* سبز تیره برای هاور و بخش‌های مهم */
     line-height:1.9;
    --primary-dark: #168a40;


    overflow-x:hidden;


    /* =========================
}
      رنگ مکمل سوم - سرمه‌ای
    ========================= */


    --secondary: #16324f;
img{


    display:block;


     /* =========================
     max-width:100%;
      طلایی - رنگ تأکیدی
    ========================= */


     --accent: #d4a72c;
     height:auto;


    /* طلایی روشن برای جزئیات و آیکون‌ها */
}
    --gold-light: #f2c94c;


    /* طلایی تیره برای هاور */
a{
    --gold-dark: #b88916;


    color:inherit;


     /* =========================
     text-decoration:none;
      رنگ‌های خنثی
    ========================= */


    --light: #f7f8fa;
}


    --white: #ffffff;
button,
input,
textarea{


     --text: #202124;
     font-family:inherit;


    --muted: #6b7280;
}


    --border: #e5e7eb;
button{


    cursor:pointer;


    /* =========================
}
      سایه
    ========================= */


    --shadow:
.container{
        0 8px 20px rgba(0,0,0,.08);


    width:min(
        calc(100% - 32px),
        var(--container)
    );


     /* =========================
     margin-inline:auto;
      عرض اصلی
    ========================= */


    --max-width: 1200px;
}
}


section{


    position:relative;


/* =====================================================
    padding:
  MAIN CONTAINER
        70px 0;
===================================================== */


.container {
}


    width:92%;


    max-width:var(--max-width);
/* =========================================================
  TYPOGRAPHY
========================================================= */


    margin-left:auto !important;
h1,
h2,
h3,
h4,
p{


     margin-right:auto !important;
     margin-top:0;


}
}


h1{


/* =====================================================
    font-size:
  HEADER
        clamp(2rem, 7vw, 4.5rem);
===================================================== */


.header {
    line-height:1.35;


     position:sticky;
     font-weight:900;


     top:0;
     margin-bottom:18px;


    z-index:1000;
}


    background:rgba(255,255,255,.97);
h2{


     backdrop-filter:blur(12px);
     font-size:
        clamp(1.7rem, 5vw, 2.7rem);


     border-bottom:1px solid var(--border);
     line-height:1.4;


}
    font-weight:900;


.header-inner {
    margin-bottom:14px;


    min-height:70px;
}


    display:flex;
h3{


     align-items:center;
     font-size:
        clamp(1.15rem, 3vw, 1.4rem);


     justify-content:space-between;
     line-height:1.5;
 
    gap:15px;


}
}


.logo {
p{


     display:flex;
     color:var(--text-light);


    align-items:center;
}


    gap:10px;
.section-heading{


     font-size:18px;
     text-align:center;


     font-weight:900;
     max-width:720px;


     white-space:nowrap;
     margin:
        0 auto 45px;


}
}


.logo-icon {
.section-heading .eyebrow{


    width:42px;
     display:inline-flex;
 
    height:42px;
 
     display:flex;


     align-items:center;
     align-items:center;


     justify-content:center;
     gap:8px;


     background:var(--primary);
     color:
        var(--accent-dark);


     color:#fff;
     font-size:.9rem;


     border-radius:12px;
     font-weight:800;


     font-size:20px;
     margin-bottom:8px;


}
}


.desktop-menu {
.section-heading .eyebrow::before{


     display:none;
     content:"";


}
    width:28px;


.header-call {
    height:3px;


     display:flex;
     background:var(--accent);


     align-items:center;
     border-radius:20px;


    justify-content:center;
}


    width:44px;
.section-heading p{


     height:44px;
     font-size:1rem;


     border-radius:12px;
     margin:0;


    background:#fff0f1;
}


    color:var(--primary);


    font-size:18px;
/* =========================================================
  BUTTONS
========================================================= */


}
.btn{


    display:inline-flex;


/* =====================================================
    align-items:center;
  TOP BANNER
===================================================== */


.top-banner {
    justify-content:center;


     width:100%;
     gap:10px;


     text-align:center;
     min-height:52px;


     margin:0 auto;
     padding:
        12px 22px;


     padding: 0px 0px  20px  0px ;
     border-radius:14px;


}
    font-weight:800;


.top-banner-inner {
    border:2px solid transparent;


     display:block;
     transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;


    width:100%;
}


    max-width:1200px;
.btn:hover{


     margin:0 auto;
     transform:translateY(-2px);
 
    overflow:hidden;
 
    border-radius:8px;


}
}


.top-banner img {
.btn-primary{


     width:100%;
     background:var(--primary);


     height:auto;
     color:var(--white);


     margin:0 auto;
     box-shadow:
        0 10px 25px rgba(0,0,0,.12);


}
}


.btn-primary:hover{


/* =====================================================
    background:var(--primary-soft);
  HERO
===================================================== */


.hero {
     box-shadow:
 
        0 14px 30px rgba(0,0,0,.17);
     padding:20px 0 30px;


}
}


.hero-box {
.btn-accent{


     position:relative;
     background:var(--accent);


     min-height:480px;
     color:#171717;


    border-radius:24px;
}
 
    overflow:hidden;
 
    display:flex;


    align-items:center;
.btn-outline{


     justify-content:center;
     border-color:
 
        var(--border);
    text-align:center;


     background:
     background:
    linear-gradient(
         rgba(255,255,255,.65);
        135deg,
        rgba(17,24,39,.96),
         rgba(17,24,39,.72)
    );


}
}


.hero-bg {
.btn-outline:hover{


     position:absolute;
     border-color:
        var(--accent);


    inset:0;
}


    background-image:
    url("https://images.unsplash.com/photo-1586953208448-b95a79798f07?auto=format&fit=crop&w=1600&q=80");


    background-size:cover;
/* =========================================================
  HEADER
========================================================= */


    background-position:center;
.site-header{


     opacity:.38;
     position:sticky;


}
    top:0;


.hero-overlay {
    z-index:1000;


     position:absolute;
     background:
        rgba(248,246,240,.94);


     inset:0;
     backdrop-filter:
        blur(15px);


     background:
     border-bottom:
    linear-gradient(
         1px solid var(--border);
        90deg,
         rgba(0,0,0,.9),
        rgba(0,0,0,.45)
    );


}
}


.hero-content {
.header-inner{


     position:relative;
     min-height:72px;


     z-index:2;
     display:flex;


     color:#fff;
     align-items:center;


     width:100%;
     justify-content:space-between;


     max-width:750px;
     gap:20px;


    margin-left:auto;
}


    margin-right:auto;
.logo{


     padding:35px 25px;
     display:flex;


     text-align:center;
     align-items:center;
 
    gap:10px;
 
    font-weight:900;
 
    font-size:1.05rem;


}
}


.hero-badge {
.logo-mark{


     display:inline-flex;
     width:42px;


     align-items:center;
     height:42px;


     justify-content:center;
     display:grid;


     padding:5px 13px;
     place-items:center;


     margin-bottom:14px;
     border-radius:13px;


     background:rgba(255,183,3,.15);
     background:var(--primary);
 
    border:1px solid rgba(255,183,3,.5);


     color:var(--accent);
     color:var(--accent);


    border-radius:50px;
}


    font-size:13px;
.desktop-nav{


     font-weight:bold;
     display:none;


}
}


.hero h1 {
.desktop-nav ul{


     font-size:clamp(28px,7vw,54px);
     list-style:none;


     line-height:1.35;
     display:flex;


     margin-bottom:15px;
     align-items:center;


     font-weight:900;
     gap:25px;
 
    margin:0;


     text-align:center;
     padding:0;


}
}


.hero h1 span {
.desktop-nav a{


     color:var(--accent);
     font-size:.9rem;


}
    font-weight:700;


.hero p {
    color:#444;


     color:#f1f1f1;
     transition:color .2s ease;


     font-size:15px;
}
 
.desktop-nav a:hover{
 
     color:var(--accent-dark);


    max-width:650px;
}


    margin:0 auto 25px;
.header-cta{


     text-align:center;
     display:none;


}
}


.hero-buttons {


    display:flex;
/* =========================================================
  HERO
========================================================= */


    flex-direction:column;
.hero{


     align-items:center;
     padding:
        70px 0 55px;


     justify-content:center;
     background:
 
    gap:10px;


    width:100%;
        radial-gradient(
            circle at 90% 10%,
            rgba(244,185,66,.18),
            transparent 30%
        ),


    margin:0 auto;
        linear-gradient(
            180deg,
            var(--cream),
            #fff
        );


}
}


.btn {
.hero-grid{
 
    display:grid;


     display:flex;
     gap:35px;


     align-items:center;
     align-items:center;


    justify-content:center;
}


    gap:9px;
.hero-content{


     min-height:50px;
     text-align:center;


    padding:0 20px;
}


    border-radius:12px;
.hero-badge{


     font-weight:bold;
     display:inline-flex;


     transition:.25s;
     align-items:center;


}
    gap:8px;


.btn-primary {
    padding:
        7px 14px;


     background:var(--primary);
    border-radius:50px;
 
     background:
        var(--accent-light);
 
    color:
        var(--accent-dark);
 
    font-size:.85rem;
 
    font-weight:800;


     color:#fff;
     margin-bottom:18px;


}
}


.btn-primary:hover {
.hero-badge i{
 
    font-size:.75rem;


    background:var(--primary-dark);
}


     transform:translateY(-2px);
.hero-title{
 
     color:var(--primary);


}
}


.btn-light {
.hero-title span{


     background:#fff;
     color:var(--accent-dark);


     color:#111827;
     display:block;


}
}


.btn-light:hover {
.hero-description{


     transform:translateY(-2px);
     max-width:720px;
 
    margin:
        0 auto 28px;
 
    font-size:
        clamp(1rem, 2.5vw, 1.15rem);


}
}


.hero-buttons{
    display:flex;


/* =====================================================
    flex-direction:column;
  FEATURES
===================================================== */


.features {
    gap:12px;


     padding:20px 0 40px;
     justify-content:center;


}
}


.feature-grid {
.hero-features{


     display:grid;
     display:grid;


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


     gap:12px;
     gap:12px;


     justify-items:stretch;
     margin-top:35px;


}
}


.feature {
.hero-feature{


     width:100%;
     background:var(--white);


     background:#fff;
     border:
        1px solid var(--border);


     border:1px solid var(--border);
     border-radius:18px;


    border-radius:16px;
     padding:18px 12px;
 
     padding:20px 12px;


     text-align:center;
     text-align:center;
خط ۵۷۶: خط ۶۱۰:
}
}


.feature-icon {
.hero-feature i{


     width:48px;
     color:var(--accent-dark);


     height:48px;
     font-size:1.3rem;


     margin:0 auto 10px;
     margin-bottom:5px;


    display:flex;
}


    align-items:center;
.hero-feature strong{


     justify-content:center;
     display:block;
 
    font-size:1.1rem;


    border-radius:14px;
}


    background:#fff1f2;
.hero-feature span{


     color:var(--primary);
     color:var(--text-light);


     font-size:20px;
     font-size:.8rem;


}
}


.feature h2 {


    font-size:15px;
/* =========================================================
  ABOUT
========================================================= */


    margin-bottom:3px;
.about{


     text-align:center;
     background:var(--white);


}
}


.feature p {
.about-grid{


     font-size:12px;
     display:grid;
 
    gap:35px;


    color:var(--muted);
}


    text-align:center;
.about-image{


}
    background:var(--cream);


    border-radius:
        var(--radius);


/* =====================================================
    overflow:hidden;
  SECTION
===================================================== */


.section {
    border:
        1px solid var(--border);


     padding:15px 0;
     padding:12px;


}
}


.section-header {
.about-image img{


     width:100%;
     width:100%;


     margin:0 auto 25px;
     aspect-ratio:4 / 3;


     text-align:center !important;
     object-fit:contain;


}
    border-radius:16px;


.section-title {
    background:var(--cream);


    width:100%;
}


    font-size:25px;
.about-content{


     font-weight:900;
     align-self:center;


    color:var(--secondary);
}


    margin:0 auto 7px;
.about-content h2{


     text-align:center !important;
     margin-bottom:18px;


}
}


.section-title span {
.about-content > p{


     color:var(--primary);
     font-size:1rem;


}
}


.section-description {
.about-list{


     max-width:650px;
     list-style:none;


     margin:0 auto;
     padding:0;


     color:var(--muted);
     margin:
        25px 0;


    font-size:14px;
}


    text-align:center !important;
.about-list li{


}
    display:flex;


    align-items:flex-start;


/* =====================================================
    gap:12px;
  SERVICES
===================================================== */


.services-grid {
    margin-bottom:12px;


     display:grid;
     font-weight:600;
 
}


    grid-template-columns:repeat(2,1fr);
.about-list i{


     gap:12px;
     color:var(--accent-dark);


     justify-items:stretch;
     margin-top:6px;


}
}


.service-card {
.about-info{


     width:100%;
     display:grid;


     background:#fff;
     grid-template-columns:
        repeat(2,1fr);


     border:1px solid var(--border);
     gap:10px;


    border-radius:18px;
}


    overflow:hidden;
.about-info div{


     transition:.3s;
     padding:14px;


     box-shadow:
     background:var(--cream);
        0 5px 20px rgba(0,0,0,.05);


     text-align:center;
     border-radius:14px;


}
}


.service-card:hover {
.about-info small{
 
    display:block;


     transform:translateY(-5px);
     color:var(--text-light);


     box-shadow:
     font-size:.75rem;
        0 12px 30px rgba(0,0,0,.12);


}
}


.service-image {
.about-info strong{


     width:100%;
     font-size:.9rem;


    height:145px;
}


    overflow:hidden;


}
/* =========================================================
  STATS
========================================================= */


.service-image img {
.stats{


     width:100%;
     background:var(--primary);


     height:100%;
     color:var(--white);


    object-fit:cover;
}


    transition:.4s;
.stats-grid{


}
    display:grid;


.service-card:hover
    grid-template-columns:
.service-image img {
        repeat(2,1fr);


     transform:scale(1.06);
     gap:12px;


}
}


.service-content {
.stat{
 
    padding:15px;


     text-align:center;
     text-align:center;


}
    padding:22px 10px;


.service-content h3 {
    border:
        1px solid rgba(255,255,255,.1);


     font-size:16px;
     border-radius:18px;


     margin-bottom:5px;
     background:
 
        rgba(255,255,255,.04);
    text-align:center;


}
}


.service-content p {
.stat i{


     color:var(--muted);
     color:var(--accent);


     font-size:12px;
     font-size:1.3rem;


    line-height:1.8;
     margin-bottom:6px;
 
     margin-bottom:10px;
 
    text-align:center;


}
}


.service-link {
.stat strong{


     color:var(--primary);
     display:block;


     font-size:12px;
     font-size:
        clamp(1.6rem,6vw,2.4rem);


     font-weight:bold;
     color:var(--white);


     display:flex;
     line-height:1.3;


    align-items:center;
}


    justify-content:center;
.stat span{


     gap:5px;
     color:#ccc;


     text-align:center;
     font-size:.82rem;


}
}




/* =====================================================
/* =========================================================
   CATEGORIES
   SERVICES
===================================================== */
========================================================= */


.category-section {
.services{


     background:var(--light);
     background:var(--cream);


}
}


.category-grid {
.services-grid{


     display:grid;
     display:grid;


     grid-template-columns:repeat(2,1fr);
     gap:16px;


    gap:12px;
}


    justify-items:stretch;
.service-card{


}
    background:var(--white);


.category {
    border:
        1px solid var(--border);


     width:100%;
     border-radius:
        var(--radius);


     min-height:110px;
     padding:25px;


     border-radius:17px;
     box-shadow:
        0 8px 25px rgba(0,0,0,.04);


     padding:18px;
     transition:
        transform .2s ease,
        box-shadow .2s ease;


    background:#fff;
}


    display:flex;
.service-card:hover{


     flex-direction:column;
     transform:translateY(-5px);


     justify-content:center;
     box-shadow:var(--shadow-hover);


    align-items:center;
}


    text-align:center;
.service-icon{


     border:1px solid var(--border);
     width:58px;


     transition:.3s;
     height:58px;


}
    display:grid;


.category:hover {
    place-items:center;


     border-color:var(--primary);
     border-radius:17px;


     transform:translateY(-3px);
     background:var(--accent-light);


}
    color:var(--accent-dark);


.category i {
    font-size:1.4rem;


     font-size:25px;
     margin-bottom:18px;


    color:var(--primary);
}
 
.service-card h3{


     margin-bottom:7px;
     margin-bottom:8px;


}
}


.category strong {
.service-card p{


     font-size:14px;
     font-size:.9rem;


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


}
}


.category span {


    color:var(--muted);
/* =========================================================
  SKILLS
========================================================= */


    font-size:11px;
.skills{


     text-align:center;
     background:var(--white);


}
}


.skills-grid{
    display:grid;
    gap:18px;


/* =====================================================
}
  ABOUT
===================================================== */


.about {
.skill{


     display:flex;
     padding:20px;


     flex-direction:column;
     border:
        1px solid var(--border);


     gap:25px;
     border-radius:18px;


     align-items:center;
     background:var(--cream);


}
}


.about-image {
.skill-top{


     width:100%;
     display:flex;
 
    align-items:center;


     min-height:300px;
     justify-content:space-between;


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


     overflow:hidden;
     font-weight:800;


}
}


.about-image img {
.progress{


     width:100%;
     height:8px;


     height:100%;
     background:#e3dfd5;


     min-height:300px;
     border-radius:50px;


     object-fit:cover;
     overflow:hidden;


}
}


.about-content {
.progress span{
 
    display:block;


     width:100%;
     height:100%;
 
    width:var(--value);
 
    background:var(--accent);


     text-align:center;
     border-radius:inherit;


}
}


.about-content h2 {


    font-size:25px;
/* =========================================================
  COURSES
========================================================= */


    margin-bottom:12px;
.courses{


     text-align:center;
     background:var(--cream);


}
}


.about-content h2 span {
.courses-grid{
 
    display:grid;


     color:var(--primary);
     gap:18px;


}
}


.about-content p {
.course-card{


     color:var(--muted);
     background:var(--white);


     font-size:14px;
     border:
        1px solid var(--border);


     margin:0 auto 15px;
     border-radius:
        var(--radius);


     text-align:center;
     overflow:hidden;


     max-width:700px;
     box-shadow:
        0 8px 25px rgba(0,0,0,.05);


}
}


.about-list {
.course-image{
 
    padding:10px;


     list-style:none;
     background:#f4f1e9;


    display:grid;
}


    gap:8px;
.course-image img{


     width:fit-content;
     width:100%;


     max-width:100%;
     aspect-ratio:16 / 9;


     margin:0 auto;
     object-fit:contain;


     padding:0;
     border-radius:15px;


}
}


.about-list li {
.course-body{


     display:flex;
     padding:22px;


    align-items:center;
}


    justify-content:center;
.course-tag{


     gap:8px;
     display:inline-block;


     font-size:13px;
     padding:5px 10px;


     text-align:center;
     background:var(--accent-light);


}
    color:var(--accent-dark);


.about-list i {
    border-radius:50px;


     color:#16a34a;
     font-size:.72rem;


}
    font-weight:800;


    margin-bottom:10px;


/* =====================================================
}
  SPECIAL
===================================================== */
 
.special-box {
 
    background:
    linear-gradient(
        135deg,
        #111827,
        #252f3f
    );
 
    color:#fff;
 
    border-radius:22px;


    padding:30px 20px;
.course-body h3{


     text-align:center;
     margin-bottom:8px;


}
}


.special-grid {
.course-body p{
 
    display:grid;
 
    gap:15px;


     justify-items:stretch;
     font-size:.88rem;


}
}


.special-item {
.course-meta{
 
    width:100%;


     display:flex;
     display:flex;


     flex-direction:column;
     flex-wrap:wrap;


     gap:10px;
     gap:10px;


     align-items:center;
     padding-top:12px;


     justify-content:center;
     margin-top:12px;


     padding:18px 15px;
     border-top:
        1px solid var(--border);


    background:rgba(255,255,255,.06);
}


    border:1px solid rgba(255,255,255,.1);
.course-meta span{


     border-radius:15px;
     font-size:.75rem;


     text-align:center;
     color:var(--text-light);


}
}


.special-icon {


    width:44px;
/* =========================================================
  TIMELINE
========================================================= */


    min-width:44px;
.experience{


     height:44px;
     background:var(--white);


    border-radius:12px;
}


    display:flex;
.timeline{


     align-items:center;
     position:relative;


     justify-content:center;
     max-width:850px;


     background:var(--primary);
     margin:auto;


}
}


.special-item h3 {
.timeline-item{


     color:#fff;
     position:relative;


     font-size:15px;
     padding:
        0 25px 35px;


     margin-bottom:3px;
     border-right:
 
        2px solid var(--border);
    text-align:center;


}
}


.special-item p {
.timeline-item:last-child{
 
    color:#d1d5db;
 
    font-size:12px;


     text-align:center;
     border-right-color:
        transparent;


}
}


.white {
.timeline-dot{


     color:#fff !important;
     position:absolute;


}
    right:-9px;


    top:0;


/* =====================================================
    width:16px;
  BLOG
===================================================== */


.blog-grid {
    height:16px;


     display:grid;
     border-radius:50%;


     grid-template-columns:1fr;
     background:var(--accent);


     gap:15px;
     border:
        4px solid var(--white);


     justify-items:stretch;
     box-shadow:
        0 0 0 1px var(--accent);


}
}


.blog-card {
.timeline-year{
 
    display:inline-block;


     width:100%;
     color:var(--accent-dark);


     border:1px solid var(--border);
     font-weight:800;


     border-radius:18px;
     font-size:.82rem;


     overflow:hidden;
     margin-bottom:4px;


    background:#fff;
}


    transition:.3s;
.timeline-item h3{


     text-align:center;
     margin-bottom:4px;


}
}


.blog-card:hover {
.timeline-item p{


     transform:translateY(-4px);
     font-size:.88rem;


    box-shadow:var(--shadow);
}


}


.blog-image {
/* =========================================================
  TESTIMONIALS
========================================================= */


    height:180px;
.testimonials{


     overflow:hidden;
     background:var(--cream);


}
}


.blog-image img {
.testimonials-grid{


     width:100%;
     display:grid;
 
    gap:18px;


    height:100%;
}


    object-fit:cover;
.testimonial{


}
    background:var(--white);


.blog-content {
    border:
        1px solid var(--border);


     padding:16px;
     border-radius:
        var(--radius);


     text-align:center;
     padding:25px;


}
}


.blog-category {
.stars{


     font-size:11px;
     color:var(--accent-dark);


     color:var(--primary);
     margin-bottom:12px;
 
}
 
.testimonial p{


     font-weight:bold;
     font-size:.9rem;


}
}


.blog-content h3 {
.person{
 
    display:flex;


     font-size:16px;
     align-items:center;


     margin:5px 0 7px;
     gap:12px;


     text-align:center;
     margin-top:18px;


}
}


.blog-content p {
.person img{
 
    width:48px;


     font-size:12px;
     height:48px;


     color:var(--muted);
     border-radius:50%;


     text-align:center;
     object-fit:cover;


}
}


.person strong{


/* =====================================================
    display:block;
  CTA
===================================================== */


.cta {
    font-size:.9rem;


    width:100%;
}


    padding:20px 0 50px;
.person span{


     display:flex;
     color:var(--text-light);


     justify-content:center;
     font-size:.75rem;
 
    align-items:center;
 
    text-align:center;


}
}


.cta .container {


    width:92%;
/* =========================================================
 
  BLOG
    max-width:var(--max-width);
========================================================= */


    margin-left:auto !important;
.blog{


     margin-right:auto !important;
     background:var(--white);


}
}


.cta-box {
.blog-grid{


     width:100%;
     display:grid;


     max-width:1000px;
     gap:18px;


    margin-left:auto !important;
}


    margin-right:auto !important;
.blog-card{


     background:
     background:var(--cream);
    linear-gradient(
        135deg,
        var(--primary),
        #b91c2c
    );


     color:#fff;
     border:
        1px solid var(--border);


     border-radius:22px;
     border-radius:
        var(--radius);


     padding:35px 20px;
     overflow:hidden;


    display:flex;
}
 
    flex-direction:column;
 
    align-items:center;


    justify-content:center;
.blog-image{


     text-align:center;
     padding:10px;


}
}


.cta-box h2 {
.blog-image img{


     width:100%;
     width:100%;


     font-size:25px;
     aspect-ratio:
        16 / 9;
 
    object-fit:contain;


     margin-bottom:10px;
     border-radius:15px;


     text-align:center;
     background:var(--white);


}
}


.cta-box p {
.blog-body{
 
    padding:20px;


    max-width:650px;
}


    font-size:14px;
.blog-date{


     margin:0 auto 20px;
     color:var(--accent-dark);


     color:#ffe9eb;
     font-size:.75rem;


     text-align:center;
     font-weight:800;


}
}


.cta-box .btn {
.blog-body h3{


     margin-left:auto;
     margin:
 
        7px 0;
    margin-right:auto;


}
}


.blog-body p{


/* =====================================================
    font-size:.85rem;
  FOOTER
 
===================================================== */
}


.footer {


    background:#111827;
/* =========================================================
  CTA
========================================================= */


    color:#fff;
.cta{


     padding:45px 0 20px;
     padding:
        30px 0 70px;


     text-align:center;
     background:var(--white);


}
}


.footer-grid {
.cta-box{


     display:grid;
     background:var(--primary);


     gap:30px;
     color:var(--white);


     justify-items:center;
     border-radius:
        28px;


}
    padding:
        35px 22px;


.footer-grid > div {
    text-align:center;


     width:100%;
     position:relative;


     text-align:center;
     overflow:hidden;


}
}


.footer h3 {
.cta-box::before{


     font-size:17px;
     content:"";


     margin-bottom:12px;
     position:absolute;


     text-align:center;
     width:200px;


}
    height:200px;


.footer p {
    border-radius:50%;


     color:#cbd5e1;
     background:
        rgba(244,185,66,.12);


     font-size:13px;
     top:-100px;


     text-align:center;
     left:-70px;


}
}


.footer-links {
.cta-box h2{


     list-style:none;
     position:relative;


     display:grid;
     color:var(--white);


    gap:6px;
}


    padding:0;
.cta-box p{


     text-align:center;
     position:relative;


}
    max-width:650px;


.footer-links li {
    margin:
        0 auto 20px;


     text-align:center;
     color:#ddd;


}
}


.footer-links a {
.cta-box .btn{


     color:#cbd5e1;
     position:relative;


    font-size:13px;
}


    transition:.2s;


}
/* =========================================================
  CONTACT
========================================================= */


.footer-links a:hover {
.contact{


     color:#fff;
     background:var(--cream);


}
}


.contact-item {
.contact-grid{


     display:flex;
     display:grid;


     align-items:center;
     gap:25px;


    justify-content:center;
}


    gap:10px;
.contact-info{


     margin-bottom:10px;
     display:grid;


     color:#cbd5e1;
     gap:12px;
 
    font-size:13px;
 
    text-align:center;


}
}


.contact-item i {
.contact-card{


     color:var(--accent);
     display:flex;


     width:20px;
     align-items:center;


}
    gap:15px;


.social {
    padding:17px;


     display:flex;
     background:var(--white);


     justify-content:center;
     border:
        1px solid var(--border);


     gap:8px;
     border-radius:17px;
 
    margin-top:15px;


}
}


.social a {
.contact-icon{


     width:40px;
     width:48px;


     height:40px;
     height:48px;


     border-radius:10px;
     flex:0 0 48px;


     display:flex;
     display:grid;


     align-items:center;
     place-items:center;


     justify-content:center;
     border-radius:14px;


     background:rgba(255,255,255,.08);
     background:var(--accent-light);


     transition:.2s;
     color:var(--accent-dark);


}
}


.social a:hover {
.contact-card small{


     background:var(--primary);
     display:block;


}
    color:var(--text-light);


.footer-bottom {
    font-size:.72rem;


    margin-top:30px;
}


    padding-top:15px;
.contact-card strong{


    border-top:1px solid rgba(255,255,255,.1);
     font-size:.9rem;
 
    text-align:center;
 
    color:#9ca3af;
 
     font-size:11px;


}
}


.contact-form{


/* =====================================================
    background:var(--white);
  MOBILE NAV
===================================================== */


.mobile-nav {
    border:
        1px solid var(--border);


     position:fixed;
     border-radius:
        var(--radius);


     bottom:10px;
     padding:22px;


    right:3%;
}


    left:3%;
.form-grid{


     z-index:999;
     display:grid;


     height:62px;
     gap:12px;


    background:#111827;
}


    border-radius:18px;
.form-group label{


     display:flex;
     display:block;


     align-items:center;
     font-size:.8rem;


     justify-content:space-around;
     font-weight:800;


     box-shadow:
     margin-bottom:6px;
        0 10px 30px rgba(0,0,0,.25);


}
}


.mobile-nav a {
.form-group input,
.form-group textarea{


     color:#cbd5e1;
     width:100%;
 
    border:
        1px solid var(--border);


     display:flex;
     background:var(--cream);


     flex-direction:column;
     border-radius:12px;


     align-items:center;
     padding:
        13px 14px;


     justify-content:center;
     outline:none;


     gap:1px;
     font-size:.9rem;


     font-size:10px;
     transition:
        border-color .2s ease,
        box-shadow .2s ease;


}
}


.mobile-nav i {
.form-group input:focus,
.form-group textarea:focus{


     font-size:18px;
     border-color:var(--accent);
 
    box-shadow:
        0 0 0 3px rgba(244,185,66,.15);


}
}


.mobile-nav .active {
.form-group textarea{
 
    min-height:140px;


     color:#fff;
     resize:vertical;


}
}


.mobile-nav .call {


    width:48px;
/* =========================================================
  FOOTER
========================================================= */


    height:48px;
.footer{


     margin-top:-25px;
     background:var(--primary);


     border-radius:50%;
     color:var(--white);


     background:var(--primary);
     padding:
        45px 0 95px;


    display:flex;
}


    align-items:center;
.footer-grid{


     justify-content:center;
     display:grid;


     border:5px solid #fff;
     gap:25px;
 
    color:#fff;


}
}


.footer-logo{


/* =====================================================
    display:flex;
  TABLET
===================================================== */


@media (min-width:600px) {
    align-items:center;


     .container {
     gap:10px;


        width:92%;
    font-weight:900;


     }
     margin-bottom:12px;


    .hero-box {
}


        min-height:520px;
.footer p{


     }
     color:#bbb;


     .hero-content {
     font-size:.85rem;


        padding:50px;
}


    }
.footer-links{


     .hero-buttons {
     list-style:none;


        flex-direction:row;
    padding:0;


        max-width:430px;
    margin:0;


        margin-left:auto;
    display:grid;


        margin-right:auto;
    gap:7px;


    }
}


    .btn {
.footer-links a{


        flex:1;
    color:#ccc;


     }
     font-size:.82rem;


    .services-grid {
}


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


     }
     display:flex;


     .category-grid {
     gap:9px;


        grid-template-columns:repeat(3,1fr);
    margin-top:15px;


    }
}


    .feature-grid {
.socials a{


        grid-template-columns:repeat(6,1fr);
    width:42px;


     }
     height:42px;


     .blog-grid {
     display:grid;


        grid-template-columns:repeat(3,1fr);
    place-items:center;


     }
     border-radius:12px;


     .special-grid {
     background:
        rgba(255,255,255,.07);


        grid-template-columns:repeat(2,1fr);
    color:var(--accent);


    }
}


    .about {
.footer-bottom{


        flex-direction:row;
    margin-top:30px;


        align-items:center;
    padding-top:20px;


     }
     border-top:
        1px solid rgba(255,255,255,.1);


     .about > * {
     text-align:center;


        flex:1;
    color:#aaa;


     }
     font-size:.75rem;


    .about-content {
}


        text-align:center;


    }
/* =========================================================
  MOBILE BOTTOM NAV
========================================================= */


}
.mobile-bottom-nav{


    position:fixed;


/* =====================================================
    bottom:0;
  DESKTOP
===================================================== */


@media (min-width:900px) {
    right:0;


     .header-inner {
     left:0;


        min-height:78px;
    z-index:2000;


     }
     height:68px;


     .desktop-menu {
     display:flex;


        display:flex;
    align-items:center;


        align-items:center;
    justify-content:space-around;


         justify-content:center;
    background:
         rgba(23,23,23,.97);


         gap:25px;
    backdrop-filter:
         blur(15px);


        margin-right:auto;
    border-top:
        1px solid rgba(255,255,255,.1);


         margin-left:30px;
    padding:
         5px 5px
        env(safe-area-inset-bottom);


    }
}


    .desktop-menu a {
.mobile-bottom-nav a{


        font-size:14px;
    flex:1;


        font-weight:bold;
    display:flex;


        color:#374151;
    flex-direction:column;


        transition:.2s;
    align-items:center;


     }
     justify-content:center;


     .desktop-menu a:hover {
     gap:2px;


        color:var(--primary);
    color:#aaa;


     }
     font-size:.65rem;


     .header-call {
     font-weight:700;


        width:auto;
}


        padding:0 17px;
.mobile-bottom-nav i{


        gap:8px;
    font-size:1.05rem;


        font-size:13px;
}


        font-weight:bold;
.mobile-bottom-nav a.active,
.mobile-bottom-nav a:hover{


     }
     color:var(--accent);


   
}


    .mobile-nav {


        display:none;
/* =========================================================
  TABLET
========================================================= */


    }
@media (min-width:600px){


     .hero {
     .container{


         padding:30px 0 50px;
         width:min(
            calc(100% - 48px),
            var(--container)
        );


     }
     }


     .hero-content {
     .hero{


         padding:70px;
         padding:
            90px 0 70px;


     }
     }


     .hero p {
     .hero-buttons{


         font-size:16px;
         flex-direction:row;


     }
     }


     .services-grid {
     .hero-features{


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


     }
     }


     .category-grid {
     .stats-grid{


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


     }
     }


     .special-grid {
     .services-grid{


         grid-template-columns:repeat(3,1fr);
         grid-template-columns:
            repeat(2,1fr);


     }
     }


     .footer-grid {
     .courses-grid{


         grid-template-columns:2fr 1fr 1fr 1.5fr;
         grid-template-columns:
            repeat(2,1fr);


     }
     }


}
    .testimonials-grid{


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


/* =====================================================
     }
  LARGE DESKTOP
===================================================== */
 
@media (min-width:1200px) {
 
    .hero-box {
 
        min-height:570px;
 
     }


     .section {
     .blog-grid{


         padding:65px 0;
         grid-template-columns:
            repeat(2,1fr);


     }
     }


     .service-image {
     .footer-grid{


         height:180px;
         grid-template-columns:
            2fr 1fr 1fr;


     }
     }
خط ۱٬۸۱۷: خط ۱٬۸۹۰:




/* =====================================================
/* =========================================================
   MOBILE FINAL ADJUSTMENTS
   DESKTOP
===================================================== */
========================================================= */


@media (max-width:599px) {
@media (min-width:900px){


     .container {
     section{


         width:94%;
         padding:
            95px 0;


     }
     }


     .section-title {
     .site-header{


         font-size:23px;
         position:sticky;
 
        line-height:1.6;


     }
     }


     .section-description {
     .desktop-nav{


         font-size:13px;
         display:block;
 
        line-height:1.9;


     }
     }


     .about-list {
     .header-cta{
 
        width:100%;


         max-width:360px;
         display:inline-flex;


     }
     }


     .about-list li {
     .mobile-bottom-nav{


         justify-content:center;
         display:none;


     }
     }


     .cta-box {
     .footer{


        width:100%;
         padding-bottom:45px;
 
         padding:30px 18px;


     }
     }


     .cta-box h2 {
     .hero-grid{


         font-size:22px;
         grid-template-columns:
            1fr;


    }
        min-height:
            600px;


    .cta-box p {
         text-align:center;
 
         font-size:13px;


     }
     }


}
    .hero-content{


</style>
        max-width:900px;


</head>
        margin:auto;


    }


<body>
    .about-grid{


        grid-template-columns:
            minmax(0,.9fr)
            minmax(0,1.1fr);


<!-- =====================================================
        align-items:center;
    HEADER
===================================================== -->


        gap:60px;


<!-- =====================================================
    }
    TOP BANNER
===================================================== -->


<div class="top-banner">
    .services-grid{


<div class="top-banner-inner">
        grid-template-columns:
            repeat(3,1fr);


<img
    }
src="https://dl.faraghaib.ir/m/260005-01/baner-01.png"
alt="چاپ و تبلیغات برادران نعمتی">


</div>
    .skills-grid{


</div>
        grid-template-columns:
            repeat(2,1fr);


    }


    .courses-grid{


<main id="home">
        grid-template-columns:
            repeat(3,1fr);


    }


    .testimonials-grid{


<!-- =====================================================
        grid-template-columns:
    FEATURES
            repeat(3,1fr);
===================================================== -->


<section class="features section category-section">
    }


<div class="container">
    .blog-grid{


<div class="feature-grid">
        grid-template-columns:
            repeat(3,1fr);


    }


<div class="feature">
    .contact-grid{


<div class="feature-icon">
        grid-template-columns:
            .85fr 1.15fr;


<i class="fa-solid fa-print"></i>
        align-items:start;


</div>
    }


<h2>
    .form-grid{
چاپ با کیفیت
</h2>


<p>
        grid-template-columns:
استفاده از متریال مناسب
            repeat(2,1fr);
</p>


</div>
    }


    .form-group.full{


        grid-column:
            1 / -1;


<div class="feature">
    }


<div class="feature-icon">
}


<i class="fa-solid fa-bolt"></i>


</div>
/* =========================================================
  LARGE DESKTOP
========================================================= */


<h2>
@media (min-width:1200px){
تحویل سریع
</h2>


<p>
    .hero{
اجرای سریع سفارشات
</p>


</div>
        padding-top:110px;


    }


    .hero-content{


<div class="feature">
        max-width:950px;


<div class="feature-icon">
    }


<i class="fa-solid fa-tags"></i>
}


</div>


<h2>
/* =========================================================
قیمت مناسب
  ACCESSIBILITY / REDUCED MOTION
</h2>
========================================================= */


<p>
@media (prefers-reduced-motion:reduce){
قیمت‌گذاری منصفانه
</p>


</div>
    html{


        scroll-behavior:auto;


    }


<div class="feature">
    *,
    *::before,
    *::after{


<div class="feature-icon">
        transition:none !important;


<i class="fa-solid fa-print"></i>
        animation:none !important;


</div>
    }


<h2>
}
کیفیت بالا
</h2>


<p>
چاپ باکیفیت و ماندگار
</p>


</div>
/* =========================================================
  SMALL MOBILE
========================================================= */


<div class="feature">
@media (max-width:380px){


<div class="feature-icon">
    .container{


<i class="fa-solid fa-file"></i>
        width:
            calc(100% - 24px);


</div>
    }


<h2>
    section{
طراحی مدرن
</h2>


<p>
        padding:
طراحی بروز و مدرن
            55px 0;
</p>


</div>
    }


    .hero-features{


<div class="feature">
        gap:8px;


<div class="feature-icon">
    }


<i class="fa-solid fa-headset"></i>
    .hero-feature{


</div>
        padding:
            15px 7px;


<h2>
    }
مشاوره تخصصی
</h2>


<p>
    .hero-feature strong{
راهنمایی قبل از سفارش
</p>


</div>
        font-size:.95rem;


    }


</div>
    .hero-feature span{


</div>
        font-size:.7rem;


</section>
    }
</html>


{{کانتینر خط و دایره/نعمتی}}
    .about-info{


<html>
        gap:8px;
<!-- =====================================================
    SERVICES
===================================================== -->


<section class="section"
    }
        id="services">


<div class="container">
}


<div class="section-header">


<h2 class="section-title">
/* =========================================================
  PRINT
========================================================= */


خدمات
@media print{
<span>
چاپ و تبلیغات
</span>


</h2>
    .site-header,
    .mobile-bottom-nav,
    .hero-buttons,
    .cta,
    .contact-form{


<p class="section-description">
        display:none !important;


انواع خدمات چاپ و تبلیغات برای معرفی بهتر برند،
    }
کسب‌وکار و محصولات شما با کیفیت حرفه‌ای.


</p>
    body{


</div>
        background:#fff;


    }


<div class="services-grid">
}




/* =========================================================
  SCHEMA VISIBILITY
========================================================= */


<article class="service-card">
.schema-hidden{


<div class="service-image">
    display:none;


<img
}
src="https://dl.faraghaib.ir/m/260005-01/260005-01-49.jpg"
alt="چاپ تراکت تبلیغاتی">


</div>
</style>


<div class="service-content">
<!-- ========================================================
    PERSON SCHEMA
========================================================= -->


<h3>
<script type="application/ld+json">
چاپ تراکت
{
</h3>
    "@context":"https://schema.org",
    "@type":"Person",
    "name":"محمدرضا شایق",
    "jobTitle":"مدرس خودشناسی",
    "description":"مدرس خودشناسی و توسعه فردی",
    "knowsAbout":[
        "خودشناسی",
        "توسعه فردی",
        "رشد فردی",
        "آگاهی فردی",
        "شناخت توانمندی‌ها"
    ]
}
</script>


<p>
</head>
چاپ تراکت تبلیغاتی در انواع سایز و کاغذ
برای معرفی خدمات و محصولات کسب‌وکار.
</p>


<a href="#"
<body>
  class="service-link">


مشاهده جزئیات


<i class="fa-solid fa-arrow-left"></i>
<!-- ========================================================
    HEADER
========================================================= -->


</a>
<header class="site-header">


</div>
    <div class="container header-inner">


</article>
        <a href="#home"
          class="logo"
          aria-label="محمدرضا شایق">


            <span class="logo-mark">
                <i class="fa-solid fa-user"></i>
            </span>


            <span>
                محمدرضا شایق
            </span>


<article class="service-card">
        </a>


<div class="service-image">


<img
        <nav class="desktop-nav"
src="https://dl.faraghaib.ir/m/260005-01/260005-01-48.jpg"
            aria-label="منوی اصلی">
alt="چاپ پوستر تبلیغاتی">


</div>
            <ul>


<div class="service-content">
                <li>
                    <a href="#home">
                        خانه
                    </a>
                </li>


<h3>
                <li>
چاپ پوستر
                    <a href="#about">
</h3>
                        درباره من
                    </a>
                </li>


<p>
                <li>
چاپ پوستر تبلیغاتی با کیفیت بالا برای
                    <a href="#services">
فروشگاه‌ها، شرکت‌ها و رویدادهای تبلیغاتی.
                        حوزه فعالیت
</p>
                    </a>
                </li>


<a href="#"
                <li>
  class="service-link">
                    <a href="#courses">
                        دوره‌ها
                    </a>
                </li>


مشاهده جزئیات
                <li>
                    <a href="#experience">
                        سوابق
                    </a>
                </li>


<i class="fa-solid fa-arrow-left"></i>
                <li>
                    <a href="#blog">
                        مقالات
                    </a>
                </li>


</a>
                <li>
                    <a href="#contact">
                        تماس
                    </a>
                </li>


</div>
            </ul>


</article>
        </nav>




        <a href="#contact"
          class="btn btn-primary header-cta">


<article class="service-card">
            <i class="fa-regular fa-paper-plane"></i>


<div class="service-image">
            ارتباط با من


<img
        </a>
src="https://dl.faraghaib.ir/m/260005-01/260005-01-47.jpg"
alt="چاپ کارت ویزیت">


</div>
    </div>


<div class="service-content">
</header>


<h3>
چاپ کارت ویزیت
</h3>


<p>
<!-- ========================================================
طراحی و چاپ کارت ویزیت حرفه‌ای برای
    HERO
معرفی برند و ارتباط بهتر با مشتریان.
========================================================= -->
</p>


<a href="#"
<main>
  class="service-link">


مشاهده جزئیات
<section class="hero"
        id="home">


<i class="fa-solid fa-arrow-left"></i>
    <div class="container">


</a>
        <div class="hero-grid">


</div>
            <div class="hero-content">


</article>
                <div class="hero-badge">


                    <i class="fa-solid fa-circle"></i>


                    مدرس خودشناسی و توسعه فردی


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


<div class="service-image">


<img
                <h1 class="hero-title">
src="https://dl.faraghaib.ir/m/260005-01/260005-01-52.jpg"
alt="طراحی لوگو">


</div>
                    من
                    <span>
                        محمدرضا شایق
                    </span>


<div class="service-content">
                    هستم


<h3>
                </h1>
طراحی لوگو
</h3>


<p>
طراحی لوگوی اختصاصی و حرفه‌ای برای
ساخت هویت بصری ماندگار برند شما.
</p>


<a href="#"
                <p class="hero-description">
  class="service-link">


مشاهده جزئیات
                    در مسیر خودشناسی، آگاهی و رشد فردی
                    همراه شما هستم تا شناخت عمیق‌تری از
                    خود، توانمندی‌ها و مسیر زندگی‌تان پیدا کنید.


<i class="fa-solid fa-arrow-left"></i>
                </p>


</a>


</div>
                <div class="hero-buttons">


</article>
                    <a href="#courses"
                      class="btn btn-primary">


                        <i class="fa-solid fa-graduation-cap"></i>


                        مشاهده دوره‌ها


<article class="service-card">
                    </a>


<div class="service-image">


<img
                    <a href="#about"
src="https://dl.faraghaib.ir/m/260005-01/260005-01-04.jpg"
                      class="btn btn-outline">
alt="چاپ بنر و فلکس">


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


<div class="service-content">
                        بیشتر درباره من


<h3>
                    </a>
چاپ بنر و فلکس
</h3>


<p>
                </div>
چاپ بنر و فلکس تبلیغاتی در ابعاد مختلف
برای فضای داخلی و محیطی.
</p>


<a href="#"
  class="service-link">


مشاهده جزئیات
                <div class="hero-features">


<i class="fa-solid fa-arrow-left"></i>
                    <div class="hero-feature">


</a>
                        <i class="fa-solid fa-brain"></i>


</div>
                        <strong>
                            خودشناسی
                        </strong>


</article>
                        <span>
                            شناخت عمیق‌تر خود
                        </span>


                    </div>




<article class="service-card">
                    <div class="hero-feature">


<div class="service-image">
                        <i class="fa-solid fa-seedling"></i>


<img
                        <strong>
src="https://dl.faraghaib.ir/m/260005-01/260005-01-51.jpg"
                            رشد فردی
alt="چاپ هولوگرام">
                        </strong>


</div>
                        <span>
                            ساختن نسخه بهتر خود
                        </span>


<div class="service-content">
                    </div>


<h3>
چاپ هولوگرام
</h3>


<p>
                    <div class="hero-feature">
چاپ هولوگرام تبلیغاتی و امنیتی برای
برندینگ و افزایش اعتبار محصولات.
</p>


<a href="#"
                        <i class="fa-solid fa-compass"></i>
  class="service-link">


مشاهده جزئیات
                        <strong>
                            آگاهی
                        </strong>


<i class="fa-solid fa-arrow-left"></i>
                        <span>
                            انتخاب آگاهانه
                        </span>


</a>
                    </div>


</div>


</article>
                    <div class="hero-feature">


                        <i class="fa-solid fa-heart"></i>


                        <strong>
                            آرامش
                        </strong>


<article class="service-card">
                        <span>
                            ارتباط بهتر با خود
                        </span>


<div class="service-image">
                    </div>


<img
                </div>
src="https://dl.faraghaib.ir/m/260005-01/260005-01-39.jpg"
alt="چاپ کاتالوگ">


</div>
            </div>


<div class="service-content">
        </div>


<h3>
    </div>
چاپ کاتالوگ
</h3>


<p>
</section>
طراحی و چاپ کاتالوگ حرفه‌ای برای
معرفی محصولات و خدمات شرکت‌ها.
</p>


<a href="#"
  class="service-link">


مشاهده جزئیات
<!-- ========================================================
    ABOUT
========================================================= -->


<i class="fa-solid fa-arrow-left"></i>
<section class="about"
        id="about">


</a>
    <div class="container">


</div>
        <div class="about-grid">


</article>


            <div class="about-image">


                <!-- تصویر را با عکس واقعی جایگزین کنید -->


<article class="service-card">
                <img
                    src="https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1000&q=85"
                    alt="محمدرضا شایق مدرس خودشناسی"
                    loading="lazy">


<div class="service-image">
            </div>


<img
src="https://dl.faraghaib.ir/m/260005-01/260005-01-42.jpg"
alt="خدمات تبلیغات">


</div>
            <div class="about-content">


<div class="service-content">
                <div class="section-heading"
                    style="text-align:right;margin:0 0 20px;">


<h3>
                    <span class="eyebrow">
خدمات تبلیغات
                        درباره من
</h3>
                    </span>


<p>
                    <h2>
طراحی و اجرای انواع تبلیغات چاپی برای
                        خودشناسی؛
افزایش دیده‌شدن کسب‌وکار شما.
                        شروع یک تغییر واقعی
</p>
                    </h2>


<a href="#"
                </div>
  class="service-link">


مشاهده جزئیات


<i class="fa-solid fa-arrow-left"></i>
                <p>


</a>
                    خودشناسی برای من فقط شناخت ویژگی‌های شخصیتی
                    نیست؛ بلکه مسیری برای شناخت افکار، احساسات،
                    توانمندی‌ها، ارزش‌ها و انتخاب‌های زندگی است.


</div>
                </p>


</article>


                <p>


</div>
                    هدف من کمک به افرادی است که می‌خواهند
                    خودشان را بهتر بشناسند، تصمیم‌های آگاهانه‌تری
                    بگیرند و مسیر رشد شخصی خود را با شناخت بیشتری
                    ادامه دهند.


</div>
                </p>


</section>


                <ul class="about-list">


                    <li>


<!-- =====================================================
                        <i class="fa-solid fa-check"></i>
    CATEGORIES
===================================================== -->


<section class="section category-section"
                        شناخت نقاط قوت و زمینه‌های قابل رشد
        id="categories">


<div class="container">
                    </li>


<div class="section-header">


<h2 class="section-title">
                    <li>


دسته‌بندی
                        <i class="fa-solid fa-check"></i>
<span>
خدمات
</span>


</h2>
                        افزایش آگاهی نسبت به افکار و احساسات


<p class="section-description">
                    </li>


محصولات و خدمات تبلیغاتی مورد نیاز کسب‌وکار خود را انتخاب کنید.


</p>
                    <li>


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


<center>
                        کمک به تصمیم‌گیری آگاهانه‌تر
<div class="category-grid">


                    </li>


<a href="#"
  class="category">


<i class="fa-solid fa-file-lines"></i>
                    <li>


<strong>
                        <i class="fa-solid fa-check"></i>
چاپ تراکت
</strong>


<span>
                        طراحی مسیر شخصی برای رشد و تغییر
تبلیغات مستقیم
</span>


</a>
                    </li>


                </ul>




<a href="#"
                <div class="about-info">
  class="category">


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


<strong>
                        <small>
چاپ پوستر
                            نام
</strong>
                        </small>


<span>
                        <strong>
تبلیغات محیطی
                            محمدرضا شایق
</span>
                        </strong>


</a>
                    </div>




                    <div>


<a href="#"
                        <small>
  class="category">
                            حوزه فعالیت
                        </small>


<i class="fa-regular fa-address-card"></i>
                        <strong>
                            خودشناسی و توسعه فردی
                        </strong>


<strong>
                    </div>
کارت ویزیت
</strong>


<span>
معرفی برند
</span>


</a>
                    <div>


                        <small>
                            نوع آموزش
                        </small>


                        <strong>
                            حضوری و آنلاین
                        </strong>


<a href="#"
                    </div>
  class="category">


<i class="fa-solid fa-rectangle-ad"></i>


<strong>
                    <div>
بنر و فلکس
</strong>


<span>
                        <small>
تبلیغات محیطی
                            تمرکز اصلی
</span>
                        </small>


</a>
                        <strong>
                            آگاهی و رشد فردی
                        </strong>


                    </div>


<a href="#"
                </div>
  class="category">


<i class="fa-solid fa-book-open"></i>
            </div>


<strong>
        </div>
کاتالوگ
</strong>


<span>
    </div>
معرفی محصولات
</span>


</a>
</section>




<!-- ========================================================
    STATS
========================================================= -->


<a href="#"
<section class="stats">
  class="category">


<i class="fa-solid fa-ticket"></i>
    <div class="container">


<strong>
        <div class="stats-grid">
چاپ لیبل
</strong>


<span>
            <div class="stat">
برچسب محصولات
</span>


</a>
                <i class="fa-solid fa-users"></i>


                <strong>
                    500+
                </strong>


                <span>
                    همراه آموزشی
                </span>


<a href="#"
            </div>
  class="category">


<i class="fa-solid fa-stamp"></i>


<strong>
            <div class="stat">
هولوگرام
</strong>


<span>
                <i class="fa-solid fa-book-open"></i>
چاپ امنیتی
</span>


</a>
                <strong>
                    20+
                </strong>


                <span>
                    کارگاه و دوره
                </span>


            </div>


<a href="#"
  class="category">


<i class="fa-solid fa-envelope"></i>
            <div class="stat">


<strong>
                <i class="fa-solid fa-clock"></i>
پاکت و سربرگ
</strong>


<span>
                <strong>
ملزومات اداری
                    1000+
</span>
                </strong>


</a>
                <span>
                    ساعت آموزش
                </span>


            </div>




<a href="#"
            <div class="stat">
  class="category">


<i class="fa-solid fa-gift"></i>
                <i class="fa-solid fa-star"></i>


<strong>
                <strong>
محصولات تبلیغاتی
                    95%
</strong>
                </strong>


<span>
                <span>
هدایای سازمانی
                    رضایت شرکت‌کنندگان
</span>
                </span>


</a>
            </div>


<a href="#"
        </div>
  class="category">


<i class="fa-solid fa-signs-post"></i>
    </div>


<strong>
</section>
تابلو تبلیغاتی
</strong>


<span>
تبلیغات شهری
</span>


</a>
<!-- ========================================================
    SERVICES
========================================================= -->


<section class="services"
        id="services">


<a href="#"
    <div class="container">
  class="category">


<i class="fa-solid fa-box-open"></i>
        <div class="section-heading">


<strong>
            <span class="eyebrow">
چاپ بسته‌بندی
                حوزه فعالیت
</strong>
            </span>


<span>
            <h2>
برندینگ محصول
                در چه زمینه‌هایی همراه شما هستم؟
</span>
            </h2>


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


        </div>


<a href="#"
  class="category">


<i class="fa-solid fa-print"></i>
        <div class="services-grid">


<strong>
چاپ دیجیتال
</strong>


<span>
            <article class="service-card">
چاپ فوری
</span>


</a>
                <div class="service-icon">


                    <i class="fa-solid fa-brain"></i>


</div>
                </div>
</center>
</div>


</section>
                <h3>
                    آموزش خودشناسی
                </h3>


                <p>
                    شناخت بهتر افکار، احساسات، ویژگی‌های فردی،
                    ارزش‌ها و الگوهای رفتاری.
                </p>


<!-- =====================================================
            </article>
    ABOUT
===================================================== -->


<section class="section"
        id="about">


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


<div class="section-header">
                <div class="service-icon">


<h2 class="section-title">
                    <i class="fa-solid fa-seedling"></i>


درباره
                </div>
<span>
دستگاه های چاپ
</span>


</h2>
                <h3>
                    توسعه فردی
                </h3>


<p class="section-description">
                <p>
                    کمک به ساختن عادت‌های بهتر و حرکت آگاهانه
                    در مسیر رشد و پیشرفت شخصی.
                </p>


ارائه خدمات تخصصی چاپ، طراحی و تبلیغات برای معرفی حرفه‌ای کسب‌وکارها.
            </article>


</p>


            <article class="service-card">


                <div class="service-icon">


</html>
                    <i class="fa-solid fa-compass"></i>


{{کانتینر ترکیبی/نعمتی}}
                </div>


                <h3>
                    کشف مسیر شخصی
                </h3>


<html>
                <p>
                    شناخت علایق، ارزش‌ها و توانمندی‌ها برای
                    انتخاب مسیر مناسب‌تر در زندگی.
                </p>


</div>
            </article>


</div>


</section>
            <article class="service-card">


                <div class="service-icon">


                    <i class="fa-solid fa-comments"></i>


<!-- =====================================================
                </div>
    SPECIAL
===================================================== -->


<section class="section category-section">
                <h3>
                    کارگاه‌های آموزشی
                </h3>


<div class="container">
                <p>
                    برگزاری دوره‌ها و کارگاه‌های کاربردی
                    در زمینه خودشناسی و رشد فردی.
                </p>


<div class="special-box">
            </article>




<div class="section-header">
            <article class="service-card">


<h2 class="section-title"
                <div class="service-icon">
    style="color:#fff">


مزایای همکاری با ما
                    <i class="fa-solid fa-lightbulb"></i>


</h2>
                </div>


<p class="section-description"
                <h3>
  style="color:#cbd5e1">
                    افزایش آگاهی
                </h3>


برای یک تبلیغ حرفه‌ای، فقط چاپ کافی نیست؛
                <p>
کیفیت طراحی، انتخاب متریال و اجرای دقیق اهمیت دارد.
                    شناخت الگوهای ذهنی و رفتاری و ایجاد
                    نگاه آگاهانه‌تر به انتخاب‌های زندگی.
                </p>


</p>
            </article>


</div>


            <article class="service-card">


<div class="special-grid">
                <div class="service-icon">


                    <i class="fa-solid fa-heart"></i>


<div class="special-item">
                </div>


<div class="special-icon">
                <h3>
                    رابطه بهتر با خود
                </h3>


<i class="fa-solid fa-medal"></i>
                <p>
                    ایجاد ارتباط سالم‌تر با خود و شناخت
                    نیازها و خواسته‌های شخصی.
                </p>


</div>
            </article>


<div>
        </div>


<h3>
    </div>
کیفیت چاپ بالا
</h3>


<p>
</section>
تلاش برای ارائه چاپی تمیز، دقیق و متناسب با نیاز هر پروژه.
</p>


</div>


</div>
<!-- ========================================================
    SKILLS
========================================================= -->


<section class="skills">


    <div class="container">


<div class="special-item">
        <div class="section-heading">


<div class="special-icon">
            <span class="eyebrow">
                تخصص‌ها
            </span>


<i class="fa-solid fa-clock"></i>
            <h2>
                حوزه‌های تخصصی
            </h2>


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


<div>
        </div>


<h3>
تحویل سریع سفارش
</h3>


<p>
        <div class="skills-grid">
مدیریت دقیق مراحل سفارش برای کاهش زمان آماده‌سازی.
</p>


</div>


</div>
            <div class="skill">


                <div class="skill-top">


                    <span>
                        خودشناسی
                    </span>


<div class="special-item">
                    <span>
                        95%
                    </span>


<div class="special-icon">
                </div>


<i class="fa-solid fa-comments"></i>
                <div class="progress">
                    <span style="--value:95%"></span>
                </div>


</div>
            </div>


<div>


<h3>
            <div class="skill">
مشاوره قبل از چاپ
</h3>


<p>
                <div class="skill-top">
کمک به انتخاب مناسب‌ترین روش چاپ، جنس و ابعاد.
</p>


</div>
                    <span>
                        توسعه فردی
                    </span>


</div>
                    <span>
                        92%
                    </span>


                </div>


                <div class="progress">
                    <span style="--value:92%"></span>
                </div>


<div class="special-item">
            </div>


<div class="special-icon">


<i class="fa-solid fa-palette"></i>
            <div class="skill">


</div>
                <div class="skill-top">


<div>
                    <span>
                        آموزش و برگزاری کارگاه
                    </span>


<h3>
                    <span>
طراحی خلاقانه
                        90%
</h3>
                    </span>


<p>
                </div>
طراحی تبلیغات متناسب با هویت بصری و نوع فعالیت برند.
</p>


</div>
                <div class="progress">
                    <span style="--value:90%"></span>
                </div>


</div>
            </div>




            <div class="skill">


<div class="special-item">
                <div class="skill-top">


<div class="special-icon">
                    <span>
                        مهارت‌های فردی
                    </span>


<i class="fa-solid fa-layer-group"></i>
                    <span>
                        88%
                    </span>


</div>
                </div>


<div>
                <div class="progress">
                    <span style="--value:88%"></span>
                </div>


<h3>
            </div>
تنوع خدمات
</h3>


<p>
        </div>
از کارت ویزیت و تراکت تا بنر، هولوگرام و محصولات تبلیغاتی.
</p>


</div>
    </div>


</div>
</section>




<!-- ========================================================
    COURSES
========================================================= -->


<div class="special-item">
<section class="courses"
        id="courses">


<div class="special-icon">
    <div class="container">


<i class="fa-solid fa-handshake"></i>
        <div class="section-heading">


</div>
            <span class="eyebrow">
                دوره‌ها
            </span>


<div>
            <h2>
                مسیرهای آموزشی
            </h2>


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


<p>
        </div>
هدف ما ایجاد یک همکاری مطمئن و بلندمدت با مشتریان است.
</p>


</div>


</div>
        <div class="courses-grid">




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


</div>
                <div class="course-image">


</div>
                    <img
                        src="https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1000&q=85"
                        alt="دوره مقدماتی خودشناسی"
                        loading="lazy">


</section>
                </div>


                <div class="course-body">


                    <span class="course-tag">
                        مقدماتی
                    </span>


<!-- =====================================================
                    <h3>
    BLOG
                        شروع مسیر خودشناسی
===================================================== -->
                    </h3>


<section class="section"
                    <p>
        id="blog">
                        آشنایی با مفاهیم پایه خودشناسی و
                        شناخت بهتر ویژگی‌ها و الگوهای فردی.
                    </p>


<div class="container">
                    <div class="course-meta">


<div class="section-header">
                        <span>
                            <i class="fa-regular fa-clock"></i>
                            8 جلسه
                        </span>


<h2 class="section-title">
                        <span>
                            <i class="fa-solid fa-laptop"></i>
                            آنلاین
                        </span>


آخرین
                    </div>
<span>
مقالات چاپ و تبلیغات
</span>


</h2>
                </div>


<p class="section-description">
            </article>


مطالب آموزشی و کاربردی درباره چاپ،
طراحی و روش‌های تبلیغات مؤثر.


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


</div>
                <div class="course-image">


                    <img
                        src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1000&q=85"
                        alt="دوره توسعه فردی"
                        loading="lazy">


<div class="blog-grid">
                </div>


                <div class="course-body">


<article class="blog-card">
                    <span class="course-tag">
                        توسعه فردی
                    </span>


<div class="blog-image">
                    <h3>
                        ساختن نسخه بهتر خود
                    </h3>


<img
                    <p>
src="https://dl.faraghaib.ir/m/260005-01/260005-01-45.jpg"
                        شناخت موانع رشد و ایجاد مسیر عملی برای
alt="راهنمای انتخاب چاپ تراکت">
                        پیشرفت و تغییرات فردی.
                    </p>


</div>
                    <div class="course-meta">


<div class="blog-content">
                        <span>
                            <i class="fa-regular fa-clock"></i>
                            10 جلسه
                        </span>


<span class="blog-category">
                        <span>
چاپ
                            <i class="fa-solid fa-users"></i>
</span>
                            گروهی
                        </span>


<h3>
                    </div>
چگونه بهترین نوع چاپ تراکت را انتخاب کنیم؟
</h3>


<p>
                </div>
آشنایی با انواع کاغذ، ابعاد و نکات مهم برای چاپ تراکت تبلیغاتی.
</p>


</div>
            </article>


</article>


            <article class="course-card">


                <div class="course-image">


<article class="blog-card">
                    <img
                        src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1000&q=85"
                        alt="کارگاه آگاهی و خودشناسی"
                        loading="lazy">


<div class="blog-image">
                </div>


<img
                <div class="course-body">
src="https://dl.faraghaib.ir/m/260005-01/260005-01-04.jpg"
alt="نکات طراحی پوستر تبلیغاتی">


</div>
                    <span class="course-tag">
                        کارگاه
                    </span>


<div class="blog-content">
                    <h3>
                        آگاهی و انتخاب آگاهانه
                    </h3>


<span class="blog-category">
                    <p>
طراحی
                        بررسی الگوهای ذهنی و رفتاری برای
</span>
                        تصمیم‌گیری بهتر و زندگی آگاهانه‌تر.
                    </p>


<h3>
                    <div class="course-meta">
اصول طراحی یک پوستر تبلیغاتی جذاب
</h3>


<p>
                        <span>
با رعایت چند نکته ساده می‌توان پوستر تبلیغاتی مؤثرتری طراحی کرد.
                            <i class="fa-regular fa-clock"></i>
</p>
                            4 جلسه
                        </span>


</div>
                        <span>
                            <i class="fa-solid fa-location-dot"></i>
                            حضوری
                        </span>


</article>
                    </div>


                </div>


            </article>


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


<div class="blog-image">
    </div>


<img
</section>
src="https://dl.faraghaib.ir/m/260005-01/260005-01-70.jpg"
alt="اهمیت طراحی لوگو برای برند">


</div>


<div class="blog-content">
<!-- ========================================================
    EXPERIENCE
========================================================= -->


<span class="blog-category">
<section class="experience"
کیفیت
        id="experience">
</span>


<h3>
    <div class="container">
چرا کیفیت چاپ و تبلیغات اهمیت دارد؟
</h3>


<p>
        <div class="section-heading">
چاپ باکیفیت، جلوه حرفه‌ای برند را افزایش داده و تأثیرگذاری تبلیغات را بیشتر می‌کند.
</p>


</div>
            <span class="eyebrow">
                سوابق فعالیت
            </span>


</article>
            <h2>
                مسیر حرفه‌ای من
            </h2>


        </div>


</div>


</div>
        <div class="timeline">


</section>


            <div class="timeline-item">


                <span class="timeline-dot"></span>


<!-- =====================================================
                <span class="timeline-year">
    CTA
                    ۱۴۰۲ — اکنون
===================================================== -->
                </span>


<section class="section category-section cta">
                <h3>
                    مدرس خودشناسی و توسعه فردی
                </h3>


<div class="container">
                <p>
                    برگزاری دوره‌ها و کارگاه‌های آموزشی
                    با تمرکز بر خودشناسی، آگاهی و رشد فردی.
                </p>


<div class="cta-box">
            </div>


<h2>


برای تبلیغات کسب‌وکارتان آماده‌اید؟
            <div class="timeline-item">


</h2>
                <span class="timeline-dot"></span>


<p>
                <span class="timeline-year">
                    ۱۳۹۹ — ۱۴۰۲
                </span>


برای دریافت مشاوره، استعلام قیمت و ثبت سفارش
                <h3>
چاپ و تبلیغات با ما تماس بگیرید.
                    برگزاری کارگاه‌های آموزشی
                </h3>


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


<a
            </div>
href="tel:+989900000000"
class="btn btn-light">


<i class="fa-solid fa-phone"></i>


تماس با ما
            <div class="timeline-item">


</a>
                <span class="timeline-dot"></span>


</div>
                <span class="timeline-year">
                    ۱۳۹۷ — ۱۳۹۹
                </span>


</div>
                <h3>
                    آغاز فعالیت آموزشی
                </h3>


</section>
                <p>
                    آغاز فعالیت حرفه‌ای در حوزه آموزش،
                    مطالعه و توسعه فردی.
                </p>


            </div>


</main>
        </div>


    </div>


</section>


<!-- =====================================================
    FOOTER
===================================================== -->


<footer class="footer"
<!-- ========================================================
        id="contact">
    TESTIMONIALS
========================================================= -->


© کلیه حقوق این وب‌سایت برای مجموعه چاپ و تبلیغات محفوظ است.
<section class="testimonials">


</div>
    <div class="container">


</footer>
        <div class="section-heading">


            <span class="eyebrow">
                تجربه همراهان
            </span>


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


<!-- =====================================================
        </div>
    MOBILE NAV
===================================================== -->


<nav class="mobile-nav"
    aria-label="منوی موبایل">


        <div class="testimonials-grid">


<a href="#home"
  class="active">


<i class="fa-solid fa-house"></i>
            <article class="testimonial">


<span>
                <div class="stars">
خانه
                    ★★★★★
</span>
                </div>


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


                <div class="person">


<a href="#services">
                    <img
                        src="https://i.pravatar.cc/100?img=32"
                        alt="شرکت کننده دوره"
                        loading="lazy">


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


<span>
                        <strong>
خدمات
                            سارا احمدی
</span>
                        </strong>


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


                    </div>


<a
                </div>
href="tel:+989900000000"
class="call"
aria-label="تماس">


<i class="fa-solid fa-phone"></i>
            </article>


</a>


            <article class="testimonial">


<a href="#about">
                <div class="stars">
                    ★★★★★
                </div>


<i class="fa-solid fa-building"></i>
                <p>
                    مطالب بسیار کاربردی و قابل استفاده در
                    زندگی روزمره بود و باعث شد شناخت بیشتری
                    از نقاط قوت خودم پیدا کنم.
                </p>


<span>
                <div class="person">
درباره ما
</span>


</a>
                    <img
                        src="https://i.pravatar.cc/100?img=12"
                        alt="شرکت کننده کارگاه"
                        loading="lazy">


                    <div>


<a href="#contact">
                        <strong>
                            علی رضایی
                        </strong>


<i class="fa-solid fa-location-dot"></i>
                        <span>
                            شرکت‌کننده کارگاه
                        </span>


<span>
                    </div>
تماس
</span>


</a>
                </div>


            </article>


</nav>


            <article class="testimonial">


</body>
                <div class="stars">
                    ★★★★★
                </div>


                <p>
                    فضای آموزشی صمیمی و محتوای دوره کمک کرد
                    بعضی از الگوهای فکری خودم را بهتر ببینم.
                </p>
                <div class="person">
                    <img
                        src="https://i.pravatar.cc/100?img=47"
                        alt="شرکت کننده دوره"
                        loading="lazy">
                    <div>
                        <strong>
                            مریم کریمی
                        </strong>
                        <span>
                            شرکت‌کننده دوره
                        </span>
                    </div>
                </div>
            </article>
        </div>
    </div>
</section>
<!-- ========================================================
    BLOG
========================================================= -->
<section class="blog"
        id="blog">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">
                مجله خودشناسی
            </span>
            <h2>
                مقالات و مطالب آموزشی
            </h2>
            <p>
                مطالبی درباره خودشناسی، رشد فردی و آگاهی بیشتر.
            </p>
        </div>
        <div class="blog-grid">
            <article class="blog-card">
                <div class="blog-image">
                    <img
                        src="https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1000&q=85"
                        alt="خودشناسی چیست"
                        loading="lazy">
                </div>
                <div class="blog-body">
                    <span class="blog-date">
                        خودشناسی
                    </span>
                    <h3>
                        خودشناسی چیست و چرا اهمیت دارد؟
                    </h3>
                    <p>
                        نگاهی ساده به مفهوم خودشناسی و تأثیر
                        آن بر انتخاب‌ها و زندگی روزمره.
                    </p>
                </div>
            </article>
            <article class="blog-card">
                <div class="blog-image">
                    <img
                        src="https://images.unsplash.com/photo-1531482615713-2afd69097998?auto=format&fit=crop&w=1000&q=85"
                        alt="رشد فردی"
                        loading="lazy">
                </div>
                <div class="blog-body">
                    <span class="blog-date">
                        رشد فردی
                    </span>
                    <h3>
                        چگونه مسیر رشد فردی خود را پیدا کنیم؟
                    </h3>
                    <p>
                        چند نکته کاربردی برای شناخت بهتر اهداف،
                        ارزش‌ها و مسیر شخصی.
                    </p>
                </div>
            </article>
            <article class="blog-card">
                <div class="blog-image">
                    <img
                        src="https://images.unsplash.com/photo-1506784983877-45594efa4cbe?auto=format&fit=crop&w=1000&q=85"
                        alt="تصمیم گیری آگاهانه"
                        loading="lazy">
                </div>
                <div class="blog-body">
                    <span class="blog-date">
                        آگاهی
                    </span>
                    <h3>
                        تصمیم‌های آگاهانه چگونه شکل می‌گیرند؟
                    </h3>
                    <p>
                        شناخت عوامل مؤثر بر تصمیم‌گیری و نقش
                        آگاهی در انتخاب‌های مهم زندگی.
                    </p>
                </div>
            </article>
        </div>
    </div>
</section>
<!-- ========================================================
    CTA
========================================================= -->
<section class="cta">
    <div class="container">
        <div class="cta-box">
            <h2>
                آماده‌ای خودت را بهتر بشناسی؟
            </h2>
            <p>
                اگر می‌خواهی مسیر خودشناسی و رشد فردی را
                آگاهانه‌تر شروع کنی، می‌توانی با من در ارتباط باشی.
            </p>
            <a href="#contact"
              class="btn btn-accent">
                <i class="fa-solid fa-arrow-left"></i>
                شروع ارتباط
            </a>
        </div>
    </div>
</section>
<!-- ========================================================
    CONTACT
========================================================= -->
<section class="contact"
        id="contact">
    <div class="container">
        <div class="section-heading">
            <span class="eyebrow">
                ارتباط با من
            </span>
            <h2>
                برای شروع گفت‌وگو آماده‌ام
            </h2>
            <p>
                برای دریافت اطلاعات دوره‌ها، کارگاه‌ها
                و همکاری می‌توانید با من در ارتباط باشید.
            </p>
        </div>
        <div class="contact-grid">
            <div class="contact-info">
                <div class="contact-card">
                    <div class="contact-icon">
                        <i class="fa-solid fa-phone"></i>
                    </div>
                    <div>
                        <small>
                            تلفن
                        </small>
                        <strong>
                            ۰۹۱۲۱۲۳۴۵۶۷۸
                        </strong>
                    </div>
                </div>
                <div class="contact-card">
                    <div class="contact-icon">
                        <i class="fa-regular fa-envelope"></i>
                    </div>
                    <div>
                        <small>
                            ایمیل
                        </small>
                        <strong>
                            info@example.ir
                        </strong>
                    </div>
                </div>
                <div class="contact-card">
                    <div class="contact-icon">
                        <i class="fa-brands fa-instagram"></i>
                    </div>
                    <div>
                        <small>
                            اینستاگرام
                        </small>
                        <strong>
                            @yourusername
                        </strong>
                    </div>
                </div>
                <div class="contact-card">
                    <div class="contact-icon">
                        <i class="fa-solid fa-location-dot"></i>
                    </div>
                    <div>
                        <small>
                            محل فعالیت
                        </small>
                        <strong>
                            ایران
                        </strong>
                    </div>
                </div>
            </div>
            <form class="contact-form">
                <div class="form-grid">
                    <div class="form-group">
                        <label for="name">
                            نام و نام خانوادگی
                        </label>
                        <input
                            id="name"
                            type="text"
                            placeholder="نام خود را وارد کنید"
                            autocomplete="name">
                    </div>
                    <div class="form-group">
                        <label for="phone">
                            شماره تماس
                        </label>
                        <input
                            id="phone"
                            type="tel"
                            placeholder="۰۹xxxxxxxxx"
                            autocomplete="tel">
                    </div>
                    <div class="form-group full">
                        <label for="subject">
                            موضوع
                        </label>
                        <input
                            id="subject"
                            type="text"
                            placeholder="موضوع پیام">
                    </div>
                    <div class="form-group full">
                        <label for="message">
                            پیام
                        </label>
                        <textarea
                            id="message"
                            placeholder="پیام خود را بنویسید..."></textarea>
                    </div>
                    <div class="form-group full">
                        <button
                            type="submit"
                            class="btn btn-primary">
                            <i class="fa-regular fa-paper-plane"></i>
                            ارسال پیام
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>
</main>
<!-- ========================================================
    FOOTER
========================================================= -->
<footer class="footer">
    <div class="container">
        <div class="footer-grid">
            <div>
                <div class="footer-logo">
                    <span class="logo-mark">
                        <i class="fa-solid fa-user"></i>
                    </span>
                    محمدرضا شایق
                </div>
                <p>
                    مدرس خودشناسی و توسعه فردی؛
                    همراه شما در مسیر آگاهی، شناخت و رشد.
                </p>
                <div class="socials">
                    <a href="#"
                      aria-label="Instagram">
                        <i class="fa-brands fa-instagram"></i>
                    </a>
                    <a href="#"
                      aria-label="Telegram">
                        <i class="fa-brands fa-telegram"></i>
                    </a>
                    <a href="#"
                      aria-label="WhatsApp">
                        <i class="fa-brands fa-whatsapp"></i>
                    </a>
                </div>
            </div>
            <div>
                <h3>
                    دسترسی سریع
                </h3>
                <ul class="footer-links">
                    <li>
                        <a href="#about">
                            درباره من
                        </a>
                    </li>
                    <li>
                        <a href="#services">
                            حوزه فعالیت
                        </a>
                    </li>
                    <li>
                        <a href="#courses">
                            دوره‌ها
                        </a>
                    </li>
                    <li>
                        <a href="#blog">
                            مقالات
                        </a>
                    </li>
                </ul>
            </div>
            <div>
                <h3>
                    ارتباط
                </h3>
                <ul class="footer-links">
                    <li>
                        <a href="#contact">
                            تماس با من
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            حریم خصوصی
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            قوانین سایت
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-bottom">
            © تمامی حقوق برای
            <strong>
                محمدرضا شایق
            </strong>
            محفوظ است.
        </div>
    </div>
</footer>
<!-- ========================================================
    MOBILE BOTTOM NAV
========================================================= -->
<nav class="mobile-bottom-nav"
    aria-label="منوی موبایل">
    <a href="#home"
      class="active">
        <i class="fa-solid fa-house"></i>
        <span>
            خانه
        </span>
    </a>
    <a href="#about">
        <i class="fa-solid fa-user"></i>
        <span>
            درباره من
        </span>
    </a>
    <a href="#courses">
        <i class="fa-solid fa-graduation-cap"></i>
        <span>
            دوره‌ها
        </span>
    </a>
    <a href="#blog">
        <i class="fa-solid fa-book-open"></i>
        <span>
            مقالات
        </span>
    </a>
    <a href="#contact">
        <i class="fa-solid fa-phone"></i>
        <span>
            تماس
        </span>
    </a>
</nav>
<!-- ========================================================
    ACTIVE MOBILE MENU
========================================================= -->
<script>
document.addEventListener(
    "DOMContentLoaded",
    function(){
        const sections =
            document.querySelectorAll(
                "section[id]"
            );
        const navLinks =
            document.querySelectorAll(
                ".mobile-bottom-nav a"
            );
        function setActive(){
            let current = "";
            sections.forEach(
                section => {
                    const top =
                        section.offsetTop - 180;
                    if(
                        window.scrollY >= top
                    ){
                        current =
                            section.getAttribute("id");
                    }
                }
            );
            navLinks.forEach(
                link => {
                    link.classList.remove(
                        "active"
                    );
                    if(
                        link.getAttribute("href") ===
                        "#" + current
                    ){
                        link.classList.add(
                            "active"
                        );
                    }
                }
            );
        }
        window.addEventListener(
            "scroll",
            setActive,
            {passive:true}
        );
        setActive();
    }
);
</script>
</body>
</html>
</html>

نسخهٔ ‏۲۵ اوت ۲۰۲۶، ساعت ۰۷:۱۹

<!DOCTYPE html> محمدرضا شایق | مدرس خودشناسی و توسعه فردی

ارتباط با من
مدرس خودشناسی و توسعه فردی

من محمدرضا شایق هستم

در مسیر خودشناسی، آگاهی و رشد فردی همراه شما هستم تا شناخت عمیق‌تری از خود، توانمندی‌ها و مسیر زندگی‌تان پیدا کنید.

مشاهده دوره‌ها بیشتر درباره من
خودشناسی شناخت عمیق‌تر خود
رشد فردی ساختن نسخه بهتر خود
آگاهی انتخاب آگاهانه
آرامش ارتباط بهتر با خود
محمدرضا شایق مدرس خودشناسی
درباره من

خودشناسی؛ شروع یک تغییر واقعی

خودشناسی برای من فقط شناخت ویژگی‌های شخصیتی نیست؛ بلکه مسیری برای شناخت افکار، احساسات، توانمندی‌ها، ارزش‌ها و انتخاب‌های زندگی است.

هدف من کمک به افرادی است که می‌خواهند خودشان را بهتر بشناسند، تصمیم‌های آگاهانه‌تری بگیرند و مسیر رشد شخصی خود را با شناخت بیشتری ادامه دهند.

  • شناخت نقاط قوت و زمینه‌های قابل رشد
  • افزایش آگاهی نسبت به افکار و احساسات
  • کمک به تصمیم‌گیری آگاهانه‌تر
  • طراحی مسیر شخصی برای رشد و تغییر
نام محمدرضا شایق
حوزه فعالیت خودشناسی و توسعه فردی
نوع آموزش حضوری و آنلاین
تمرکز اصلی آگاهی و رشد فردی
500+ همراه آموزشی
20+ کارگاه و دوره
1000+ ساعت آموزش
95% رضایت شرکت‌کنندگان
حوزه فعالیت

در چه زمینه‌هایی همراه شما هستم؟

آموزش‌ها با تمرکز بر شناخت بهتر خود، افزایش آگاهی و ایجاد تغییرات پایدار طراحی شده‌اند.

آموزش خودشناسی

شناخت بهتر افکار، احساسات، ویژگی‌های فردی، ارزش‌ها و الگوهای رفتاری.

توسعه فردی

کمک به ساختن عادت‌های بهتر و حرکت آگاهانه در مسیر رشد و پیشرفت شخصی.

کشف مسیر شخصی

شناخت علایق، ارزش‌ها و توانمندی‌ها برای انتخاب مسیر مناسب‌تر در زندگی.

کارگاه‌های آموزشی

برگزاری دوره‌ها و کارگاه‌های کاربردی در زمینه خودشناسی و رشد فردی.

افزایش آگاهی

شناخت الگوهای ذهنی و رفتاری و ایجاد نگاه آگاهانه‌تر به انتخاب‌های زندگی.

رابطه بهتر با خود

ایجاد ارتباط سالم‌تر با خود و شناخت نیازها و خواسته‌های شخصی.

تخصص‌ها

حوزه‌های تخصصی

زمینه‌هایی که بخش مهمی از آموزش‌های من را تشکیل می‌دهند.

خودشناسی 95%
توسعه فردی 92%
آموزش و برگزاری کارگاه 90%
مهارت‌های فردی 88%
دوره‌ها

مسیرهای آموزشی

آموزش‌هایی برای شناخت بهتر خود و حرکت آگاهانه‌تر در مسیر زندگی.

دوره مقدماتی خودشناسی
مقدماتی

شروع مسیر خودشناسی

آشنایی با مفاهیم پایه خودشناسی و شناخت بهتر ویژگی‌ها و الگوهای فردی.

8 جلسه آنلاین
دوره توسعه فردی
توسعه فردی

ساختن نسخه بهتر خود

شناخت موانع رشد و ایجاد مسیر عملی برای پیشرفت و تغییرات فردی.

10 جلسه گروهی
کارگاه آگاهی و خودشناسی
کارگاه

آگاهی و انتخاب آگاهانه

بررسی الگوهای ذهنی و رفتاری برای تصمیم‌گیری بهتر و زندگی آگاهانه‌تر.

4 جلسه حضوری
سوابق فعالیت

مسیر حرفه‌ای من

۱۴۰۲ — اکنون

مدرس خودشناسی و توسعه فردی

برگزاری دوره‌ها و کارگاه‌های آموزشی با تمرکز بر خودشناسی، آگاهی و رشد فردی.

۱۳۹۹ — ۱۴۰۲

برگزاری کارگاه‌های آموزشی

طراحی و اجرای برنامه‌های آموزشی در زمینه شناخت فردی و مهارت‌های زندگی.

۱۳۹۷ — ۱۳۹۹

آغاز فعالیت آموزشی

آغاز فعالیت حرفه‌ای در حوزه آموزش، مطالعه و توسعه فردی.

تجربه همراهان

نظر شرکت‌کنندگان دوره‌ها

★★★★★

شرکت در دوره خودشناسی باعث شد نگاه متفاوتی نسبت به رفتارها و تصمیم‌های خودم پیدا کنم.

شرکت کننده دوره
سارا احمدی شرکت‌کننده دوره
★★★★★

مطالب بسیار کاربردی و قابل استفاده در زندگی روزمره بود و باعث شد شناخت بیشتری از نقاط قوت خودم پیدا کنم.

شرکت کننده کارگاه
علی رضایی شرکت‌کننده کارگاه
★★★★★

فضای آموزشی صمیمی و محتوای دوره کمک کرد بعضی از الگوهای فکری خودم را بهتر ببینم.

شرکت کننده دوره
مریم کریمی شرکت‌کننده دوره
مجله خودشناسی

مقالات و مطالب آموزشی

مطالبی درباره خودشناسی، رشد فردی و آگاهی بیشتر.

خودشناسی چیست
خودشناسی

خودشناسی چیست و چرا اهمیت دارد؟

نگاهی ساده به مفهوم خودشناسی و تأثیر آن بر انتخاب‌ها و زندگی روزمره.

رشد فردی
رشد فردی

چگونه مسیر رشد فردی خود را پیدا کنیم؟

چند نکته کاربردی برای شناخت بهتر اهداف، ارزش‌ها و مسیر شخصی.

تصمیم گیری آگاهانه
آگاهی

تصمیم‌های آگاهانه چگونه شکل می‌گیرند؟

شناخت عوامل مؤثر بر تصمیم‌گیری و نقش آگاهی در انتخاب‌های مهم زندگی.

آماده‌ای خودت را بهتر بشناسی؟

اگر می‌خواهی مسیر خودشناسی و رشد فردی را آگاهانه‌تر شروع کنی، می‌توانی با من در ارتباط باشی.

شروع ارتباط
ارتباط با من

برای شروع گفت‌وگو آماده‌ام

برای دریافت اطلاعات دوره‌ها، کارگاه‌ها و همکاری می‌توانید با من در ارتباط باشید.

تلفن ۰۹۱۲۱۲۳۴۵۶۷۸
ایمیل info@example.ir
اینستاگرام @yourusername
محل فعالیت ایران

برگرفته از «https://fa.faraghaib.ir/w/index.php?title=تست&oldid=6909»