Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Html-bobswift
<div class="confluence-output" style="max-width:100% 1000px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.8; color: #172B4D; direction: rtl; text-align: right;">

  <!-- DIV 1: Header -->
  <div style="background: linear-gradient(135deg, #00875A, #006644); color: #ffffff; text-align: center; padding:30px 25px 20px; border-radius: 8px; margin-bottom:20px 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.13);">
    <h1 style="margin: 0; font-size:28px 26px; font-weight: bold; color: #ffffff;">سام یار</h1>
    <p style="margin:10px 8px 0 0; font-size:16px 14px; color: #E3FCEF;">
      سامانه opacity: 0.9;">سامانه ارسال صورتحساب به سامانه مودیان
 | راهنمای ورود و <راه‌اندازی سریع</p>
  </div>

  <!-- DIV 2: Main Content -->
  <div style="background: #ffffff; border: 1px solid #DFE1E6; border-radius: 8px; padding: 24px; margin-bottom:20px 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.0805);">

    <h2 style="color: #006644; border-bottom: 2px solid #00875A#E3FCEF; padding-bottom: 10px; margin-top: 0; font-size: 22px;">
      راهنمای آنبوردینگ کاربر و شروع به کار
    </h2>

    <p style="color: #42526E; margin-top: 12px; font-size: 15px;">
      به سامانه سام‌یار خوش آمدید. این راهنما به شما کمک می‌کند در چند مرحله ساده،
      حساب کاربری خود را ایجاد کرده و تنظیمات اولیه لازم برای استفاده از خدمات سامانه
      را انجام دهید.
    </p>

    <div style="background:#E3FCEF<!-- Welcome Section Card -->
    <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 20px; background: #F4F5F7; border-right: 5px solid #00875A; padding:15px 20px; margin:22px 24px 0; border-radius:5px 6px;">
      <strong<div style="colorflex:#006644;">راهنمای شروع به کار</strong>
 1; min-width: 280px;">
        <p<strong style="margincolor:6px 0 0;">
        مراحل زیر را به‌ترتیب انجام دهید تا فرآیند ثبت‌نام و آماده‌سازی حساب کاربری #006644; font-size: 16px; display: block; margin-bottom: 6px;">ورود به دنیای سام‌یار</strong>
        <p style="margin: 0; font-size: 13.5px; color: #42526E;">
        با موفقیت تکمیلبرای شود.
شروع، کافی است تصویر روبرو را </p>
به عنوان دروازه ورود </div>

در نظر بگیرید و <!-- Step 1 -->
مطابق راهنمای هر مرحله پیش بروید.
        </p>
      </div>
      <div style="displayflex:flex 1; alignmin-items:flex-startwidth: 250px; gaptext-align:15px; background:#F4F5F7; border-right:4px solid #00875A; border-radius:6px; padding:16px; margin-bottom:14px;">
center;">
        <img <div stylesrc="font-size:26px; min-width:35px; text-align:center;">📱</div>
      <div>[sandbox:/mnt/data/extracted_images/word/media/image1.jpg"](https://storage.gapgpt.app/media/code_interpreter/bdab3339-6f3a-457a-8f99-c09bb520291d/image1.jpg%22) alt="مراحل ورود" style="max-width: 100%; max-height: 150px; border-radius: 6px; border: 1px solid #DFE1E6; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
      </div>
    </div>

    <!-- Step 1 -->
    <div style="display: flex; flex-wrap: wrap; gap: 24px; padding: 20px 0; border-bottom: 1px dashed #DFE1E6;">
      <div style="flex: 1.2; min-width: 280px;">
        <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;">
          <span style="background: #E3FCEF; color: #006644; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold;">۱</span>
          <h3 style="margin: 0; color: #006644; font-size: 18px;">تأیید هویت اولیه</h3>
        </div>
        <p style="margin: 0 0 12px; font-size: 14px; color: #42526E;">
          برای تأیید شماره همراه و شناسایی اولیه کاربر، اطلاعات مورد نیاز را در فیلدهای مشخص شده وارد کنید:
        </p>
        <ul style="margin: 0; padding-right: 20px; font-size: 13.5px; color: #172B4D;">
          <li style="margin-bottom: 6px;">شماره موبایل خود را (که با <strong>۰۹</strong> شروع می‌شود) وارد کنید.</li>
          <li style="margin-bottom: 6px;">روی دکمه <strong>«ادامه»</strong> کلیک کنید.</li>
          <li style="margin-bottom: 6px;">کد تأیید ۶ رقمی ارسال‌شده از طریق پیامک را در فیلد مربوطه بنویسید.</li>
        </ul>
      </div>
      <div style="flex: 0.8; min-width: 240px; display: flex; align-items: center; justify-content: center;">
        <div style="border: 1px solid #DFE1E6; padding: 6px; background: #FAFBFC; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
          <img src="[sandbox:/mnt/data/extracted_images/word/media/image2.jpg"](https://storage.gapgpt.app/media/code_interpreter/bdab3339-6f3a-457a-8f99-c09bb520291d/image2.jpg%22) alt="تأیید هویت اولیه" style="max-width: 100%; max-height: 180px; border-radius: 4px; display: block;">
        </div>
      </div>
    </div>

    <!-- Step 2 -->
    <div style="display: flex; flex-wrap: wrap; gap: 24px; padding: 24px 0; border-bottom: 1px dashed #DFE1E6;">
      <div style="flex: 1.2; min-width: 280px;">
        <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;">
          <span style="background: #DEEBFF; color: #0747A6; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold;">۲</span>
          <h3 style="margin: 0; color: #0747A6; font-size: 18px;">تکمیل اطلاعات هویتی</h3>
        </div>
        <p style="margin: 0 0 12px; font-size: 14px; color: #42526E;">
          نوع شخصیت مالیاتی خود را انتخاب نموده و شناسه‌های اقتصادی مربوطه را به صورت دقیق ثبت کنید:
        </p>
        <h3<div style="margindisplay:0 0 6pxflex; colorgap:#006644 12px; fontmargin-sizetop:18px 8px;">
          مرحله ۱<div style="flex: تأیید1; هویت اولیه
        </h3>
        <p style="margin:0 0 8pxbackground: #FAFBFC; border: 1px solid #DFE1E6; padding: 10px; border-radius: 6px;">
          برای تأیید شماره همراه و شناسایی اولیه کاربر، مراحل زیر را انجام دهید:
        </p>
<strong style="color: #0747A6; font-size: 13px; display: block; margin-bottom: 4px;">👥 شخص حقیقی</strong>
            <ol<span style="margin:0font-size: 12px; padding-right:22px;">
color: #6B778C;">نام مؤدی + شناسه اقتصادی</span>
          </div>
   <li>شماره  موبایل خود را در سامانه وارد کنید.</li>
          <li>روی دکمه <strong>«ادامه»</strong> کلیک کنید.</li>
<div style="flex: 1; background: #FAFBFC; border: 1px solid #DFE1E6; padding: 10px; border-radius: 6px;">
            <strong <li>کد ۶ رقمی ارسال‌شده از طریق پیامک را وارد کنید.</li>
style="color: #0747A6; font-size: 13px; display: block; margin-bottom: 4px;">🏢 شخص حقوقی</strong>
           <li>پس از تأیید کد، به مرحله بعد هدایت خواهید شد.</li><span style="font-size: 12px; color: #6B778C;">نام شرکت + شناسه ملی</span>
        </ol>
      </div>
        </div>

      <!-- Step 2 -->
/div>
      <div style="display:flexflex: 0.8; alignmin-itemswidth:flex-start; gap:15px 240px; backgrounddisplay:#F4F5F7; border-right:4px solid #2684FF flex; borderalign-radiusitems:6px; padding:16pxcenter; marginjustify-bottomcontent:14px center;">
        <div style="font-size:26px; min-width:35px; text-align:center;">🪪</div>
border: 1px solid #DFE1E6; padding: 6px; background: #FAFBFC; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
          <div>
        <h3<img src="[sandbox:/mnt/data/extracted_images/word/media/image3.jpg"](https://storage.gapgpt.app/media/code_interpreter/bdab3339-6f3a-457a-8f99-c09bb520291d/image3.jpg%22) alt="تکمیل اطلاعات هویتی" style="marginmax-width:0 0 6px100%; color:#0747A6max-height: 180px; fontborder-sizeradius:18px 4px;">
          مرحله ۲: تکمیل اطلاعات هویتی display: block;">
        </h3>div>
      </div>
  <p style="margin:0 0 8px;"> </div>

    <!-- Step 3 -->
   نوع شخص و اطلاعات هویتی مرتبط با کسب‌وکار خود را با دقت وارد کنید.
        </p>
<div style="display: flex; flex-wrap: wrap; gap: 24px; padding: 24px 0; border-bottom: 1px dashed #DFE1E6;">
        <div style="backgroundflex:#ffffff; border:1px solid #DFE1E6 1.2; bordermin-radiuswidth:5px; padding:12px; margin-top:8px 280px;">
          <strong<div style="colordisplay:#0747A6 flex;">شخص حقیقی</strong>
          <ul style="margin:6px 0 0; padding-right:22px;">
       align-items: center; gap: 10px; margin-bottom: 12px;">
      <li>انتخاب گزینه «شخص حقیقی»</li>
    <span style="background: #EAE6FF; color: #403294; width: 32px; height: 32px; display: <li>واردکردن نام مؤدی</li>
      flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold;">۳</span>
      <li>واردکردن شناسه اقتصادی</li>
  <h3 style="margin: 0; color: #403294; font-size: 18px;">انتخاب نوع <فعالیت</ul>h3>
        </div>

        <div<p style="backgroundmargin:#ffffff; border:1px0 solid0 #DFE1E612px; borderfont-radiussize:5px 14px; paddingcolor:12px; margin-top:10px #42526E;">
          <strong style="color:#0747A6;">شخص حقوقی</strong>
          <ul style="margin:6px 0 0; padding-right:22px;">
 نوع فعالیت کسب‌وکار خود را از فهرست کشویی موجود در سیستم انتخاب نمایید.
        </p>
      <li>انتخاب گزینه «شخص حقوقی»</li>
            <li>واردکردن نام شرکت</li><div style="background: #FFF0B3; color: #172B4D; padding: 10px 12px; border-right: 4px solid #FFAB00; border-radius: 4px; font-size: 13px;">
          💡 <strong>توجه:</strong> <li>واردکردنتکمیل شناسه ملی</li>
          </ul>این بخش برای ارائه خدمات اختصاصی متناسب با صنف شما <strong>الزامی</strong> است.
        </div>
      </div>
     </div>

 <div style="flex:  <!-- Step 3 -->
0.8; min-width: 240px; display: flex; align-items: center; justify-content: center;">
        <div style="display:flex; align-items:flex-start; gap:15pxborder: 1px solid #DFE1E6; padding: 6px; background:#F4F5F7 #FAFBFC; border-rightradius:4px solid #6554C06px; borderbox-radius:6px; padding:16px; margin-bottom:14px;">
shadow: 0 1px 3px rgba(0,0,0,0.05);">
          <div<img style="font-size:26px; min-width:35px; text-align:center;">💼</div>
      <div>
        <h3 style="margin:0 0 6px; color:#403294; font-size:18px;">
          مرحله ۳: انتخاب نوع فعالیتsrc="[sandbox:/mnt/data/extracted_images/word/media/image4.jpg"](https://storage.gapgpt.app/media/code_interpreter/bdab3339-6f3a-457a-8f99-c09bb520291d/image4.jpg%22) alt="انتخاب نوع فعالیت" style="max-width: 100%; max-height: 180px; border-radius: 4px; display: block;">
        </h3>div>
        <p style="margin:0;"></div>
    </div>

    <!-- Step نوع فعالیت کسب‌وکار خود را از فهرست موجود انتخاب کنید. تکمیل این فیلد برای
      4 -->
    <div style="display: flex; flex-wrap: wrap; gap: 24px; padding: 24px 0 0;">
    ارائه خدمات متناسب‌تر و دقیق‌تر الزامی است.
<div style="flex: 1.2; min-width: 280px;">
        <div  </p>
      </div>
style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;">
       </div>

    <!-- Step 4 -->
    <div style="display:<span style="background: #FFEBE6; color: #BF2600; width: 32px; height: 32px; display: flex; align-items:flex-start center; gap:15pxjustify-content: center; background:#F4F5F7border-radius: 50%; borderfont-right:4px solid #FF991F; border-radius:6px; padding:16px; margin-bottom:22px;">
      <divweight: bold;">۴</span>
          <h3 style="margin: 0; color: #BF2600; font-size: 18px;">تنظیمات نهایی <span style="font-size:26px 12px; min-width:35pxcolor: #6B778C; textfont-alignweight:center normal;">⚙️</div>
>(اختیاری)</span></h3>
        <div></div>
        <h3<p style="margin: 0; 0 6pxfont-size: 14px; color:#974F0C; font-size:18px #42526E;">
          پیکربندی‌های مرحلهدلخواه ۴:یا تنظیمات نهایی
     تکمیلی مربوط به پنل کاربری را به دلخواه خود ویرایش کنید. در صورت عدم تمایل، می‌توانید این مرحله را نادیده بگیرید.
      <span style="font-size:13px; color:#6B778C;">(اختیاری)</span>p>
        </h3>div>
      <div  <p style="marginflex: 0.8;">
          در این مرحله، تنظیمات نهایی موردنیاز را بررسی و در صورت نیاز تکمیل کنید.
          انجام این مرحله اختیاری است. min-width: 240px; display: flex; align-items: center; justify-content: center;">
        <div style="border: 1px solid #DFE1E6; padding: 6px; background: #FAFBFC; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
        </p>
      </div>
    </div>

    <!-- Important Notes -->
    <div style="background:#FFF7E6; border-right:5px solid #FF991F; padding:16px; border-radius:5px<img src="[sandbox:/mnt/data/extracted_images/word/media/image5.jpeg"](https://storage.gapgpt.app/media/code_interpreter/bdab3339-6f3a-457a-8f99-c09bb520291d/image5.jpeg%22) alt="تنظیمات نهایی اختیاری" style="max-width: 100%; max-height: 180px; border-radius: 4px; display: block;">
      <h3 style="margin:0 0 8px; color:#974F0C; font-size:18px;">
    </div>
      </div>
    </div>

 نکات مهم
  <!-- Footnotes Info  </h3>Panel -->
      <ul<div style="marginbackground:0 #FFFAE6; paddingborder-right:22px;">
 5px solid #FF8B00; border-radius: 6px; padding:  <li>شماره موبایل باید با <strong>۰۹</strong> شروع شود.</li>
        <li>کد تأیید ارسال‌شده از طریق پیامک، <strong>۶ رقمی</strong> است.</li>18px; margin-top: 32px;">
      <strong style="color: #895518; font-size: 15px; display: block; margin-bottom: 8px;">📌 نکات مهم در تکمیل مراحل:</strong>
      <ul  <li>اطلاعات هویتی و شناسه‌های ثبت‌شده را با دقت وارد کنید.</li>
style="margin: 0; padding-right: 20px; font-size: 13px; color: #172B4D; line-height: 1.9;">
        <li>کد تأیید ارسال <li>نوعشده شخصبه بایدشماره به‌درستی،همراه به‌صورتشما حقیقیدارای یاطول حقوقی،<strong>۶ انتخابرقم</strong> شوداست.</li>
         <li>انتخاب نوع فعالیت کسب‌وکار برای ارائه خدمات دقیق‌تر الزامی است.</li>
        <li>مرحله تنظیمات نهایی اختیاری است<li>اطلاعات هویتی و شماره‌های شناسایی ملی/اقتصادی پس از ثبت نهایی نیاز به استعلام از مراجع قانونی دارند؛ بنابراین در ثبت اعداد دقت لازم را مبذول فرمایید.</li>
      </ul>
    </div>

  </div>

  <!-- DIV 3: Home Link -->
  <div style="background: #ffffff; border: 1px solid #DFE1E6; border-radius: 8px; padding: 16px 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.0805); text-align: center;">
       <a href="#"
      <a href="https://conf.rayvarz.dev/pages/viewpage.action?pageId=109349436" style="display: inline-block; padding: 10px 24px30px; background:#42526E: #0052CC; color: #ffffff; border-radius: 4px; text-decoration: none; color:#fffffffont-weight: bold; font-weight:boldsize: 14px; transition: background 0.2s;">
      بازگشت به صفحه اصلی (خانه)
    </a>
  </div>

</div>