| Html-bobswift |
|---|
<div class="confluence-output" style="max-width: 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: 25px 20px; border-radius: 8px; margin-bottom: 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.13);"> |
...
<h1 style="margin: 0; font-size: 26px; font-weight: bold; color: #ffffff;">سام یار</h1> |
...
<p style="margin: 8px 0 0; font-size: 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: 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.05);"> |
...
<h2 style="color: #006644; border-bottom: 2px solid #E3FCEF; padding-bottom: 10px; margin-top: 0; font-size: 22px;"> |
...
راهنمای آنبوردینگ و شروع به کار </h2> <p style="color: #42526E; margin-top: 12px; font-size: 15px;"> |
...
به سامانه سامیار خوش آمدید. این راهنما به شما کمک میکند در چند مرحله ساده، حساب کاربری خود را ایجاد کرده و تنظیمات اولیه لازم برای استفاده از خدمات سامانه را انجام دهید. </p> <!-- Welcome Section Card --> <div style="display: flex; flex-wrap: wrap; align-items: center; gap: 20px; background: #F4F5F7; border-right: 5px solid #00875A; padding: 20px; margin: 24px 0; border-radius: 6px;"> |
...
<div style="flex: 1; min-width: 280px;"> |
...
<strong style="color: #006644; font-size: 16px; display: block; margin-bottom: 6px;">ورود به دنیای سامیار</strong> |
...
<p style="margin: 0; font-size: 13.5px; color: #42526E;"> |
...
برای شروع، کافی است تصویر روبرو را به عنوان دروازه ورود در نظر بگیرید و مطابق راهنمای هر مرحله پیش بروید. </p> </div> <div style="flex: 1; min-width: 250px; text-align: center;"> |
...
<img src="[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> <div style="display: flex; gap: 12px; margin-top: 8px;"> |
...
<div style="flex: 1; background: #FAFBFC; border: 1px solid #DFE1E6; padding: 10px; border-radius: |
...
6px;"> <strong style="color: #0747A6; font-size: 13px; display: block; margin-bottom: 4px;">👥 شخص حقیقی</strong> |
...
<span style="font-size: 12px; color: #6B778C;">نام مؤدی + شناسه اقتصادی</span> |
...
</div> <div style="flex: 1; background: #FAFBFC; border: 1px solid #DFE1E6; padding: 10px; border-radius: 6px;"> |
...
<strong style="color: #0747A6; font-size: 13px; display: block; margin-bottom: 4px;">🏢 شخص حقوقی</strong> |
...
<span style="font-size: 12px; color: #6B778C;">نام شرکت + شناسه ملی</span> |
...
</div> </div> </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/image3.jpg"](https://storage.gapgpt.app/media/code_interpreter/bdab3339-6f3a-457a-8f99-c09bb520291d/image3.jpg%22) alt="تکمیل اطلاعات هویتی" style="max-width: 100%; max-height: 180px; border-radius: 4px; display: block;"> |
...
</div> </div> </div> <!-- Step 3 --> |
...
<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: #EAE6FF; color: #403294; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold;">۳</span> |
...
<h3 style="margin: 0; color: #403294; font-size: 18px;">انتخاب نوع فعالیت</h3> |
...
</div> <p style="margin: 0 0 12px; font-size: 14px; color: #42526E;"> |
...
نوع فعالیت کسبوکار خود را از فهرست کشویی موجود در سیستم انتخاب نمایید. </p> <div style="background: #FFF0B3; color: #172B4D; padding: 10px 12px; border-right: 4px solid #FFAB00; border-radius: 4px; font-size: 13px;"> |
...
💡 <strong>توجه:</strong> تکمیل این بخش برای ارائه خدمات اختصاصی متناسب با صنف شما <strong>الزامی</strong> است. |
...
</div> </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/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;"> |
...
</div> </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 style="display: flex; align-items: center; gap: 10px; margin-bottom: 12px;"> |
...
<span style="background: #FFEBE6; color: #BF2600; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold;">۴</span> |
...
<h3 style="margin: 0; color: #BF2600; font-size: 18px;">تنظیمات نهایی <span style="font-size: 12px; color: #6B778C; font-weight: normal;">(اختیاری)</span></h3> |
...
</div> <p style="margin: 0; font-size: 14px; color: #42526E;"> |
...
پیکربندیهای دلخواه یا تنظیمات تکمیلی مربوط به پنل کاربری را به دلخواه خود ویرایش کنید. در صورت عدم تمایل، میتوانید این مرحله را نادیده بگیرید. </p> </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/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;"> |
...
</div> </div> </div> <!-- Footnotes Info Panel --> |
...
<div style="background: #FFFAE6; border-right: 5px solid #FF8B00; border-radius: 6px; padding: 18px; margin-top: 32px;"> |
...
<strong style="color: #895518; font-size: 15px; display: block; margin-bottom: 8px;">📌 نکات مهم در تکمیل مراحل:</strong> |
...
<ul style="margin: 0; padding-right: 20px; font-size: 13px; color: #172B4D; line-height: 1.9;"> |
...
<li>کد تأیید ارسال شده به شماره همراه شما دارای طول <strong>۶ رقم</strong> است.</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.05); text-align: center;"> |
...
<a href="https://conf.rayvarz.dev/pages/viewpage.action?pageId=109349436" style="display: inline-block; padding: 10px 30px; background: #0052CC; color: #ffffff; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 14px; transition: background 0.2s;"> |
...
بازگشت به صفحه اصلی (خانه)
</a>
</div>
</div>
|