پرش به محتوا

ثبت نام خودرو - فراغیب

از فراغیب
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<html>


<div id="custom-registration-page" style="direction: rtl; background-color: #064e3b !important; padding: 60px 20px; min-height: 100vh; font-family: Tahoma, Arial, sans-serif; position: relative; overflow: hidden;">
<html lang="fa" dir="rtl">


    <!-- 4. عنوان در سمت راست بالا -->
<head>
    <div style="text-align: right; margin-bottom: 50px;">
<meta charset="UTF-8">
        <h1 style="color: #fbbf24; font-size: 28px; margin: 0; font-weight: bold;">مدارک مورد نیاز ثبت نام</h1>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    </div>


    <!-- Container برای ایجاد حالت آبشاری -->
<title>مدارک لازم برای ثبت نام خودرو | مدارک هویتی، مالی و شرایط خاص</title>
    <div class="waterfall-container" style="display: flex; flex-direction: column; align-items: flex-start; max-width: 500px; margin-right: auto; margin-left: auto;">
       
        <!-- 1. کاشی اول (شناسایی) -->
        <article class="card tile-1" style="background-color: #FFD700 !important; width: 300px; height: 220px; border-radius: 40px; padding: 25px; box-shadow: 0 15px 30px rgba(0,0,0,0.3); z-index: 30; margin-bottom: 40px; color: #064e3b;">
            <div style="text-align: center; margin-bottom: 15px;">
                <i class="fas fa-id-card" style="font-size: 50px; margin-bottom: 10px;"></i> <!-- 3. آیکون بزرگتر -->
                <h2 style="font-size: 20px; font-weight: bold; margin: 0;">مدارک شناسایی</h2>
            </div>
            <div style="display: flex; justify-content: space-around; font-size: 14px; font-weight: bold;">
                <span><i class="fas fa-fingerprint"></i> کد ملی</span>
                <span><i class="fas fa-address-card"></i> شناسنامه</span>
                <span><i class="fas fa-user"></i> عکس</span>
            </div>
        </article>


        <!-- 2. کاشی دوم (مالی) - گوشه بالا-چپ روی پایین-راست کاشی اول -->
<meta name="description" content="راهنمای کامل مدارک لازم برای ثبت نام خودرو شامل مدارک هویتی، مدارک مالی و بانکی و مدارک مربوط به شرایط خاص به همراه نمایش آیکون و طراحی کاملاً ریسپانسیو.">
        <article class="card tile-2" style="background-color: #FFD700 !important; width: 300px; height: 220px; border-radius: 40px; padding: 25px; box-shadow: 0 15px 30px rgba(0,0,0,0.3); z-index: 20; margin-bottom: 40px; color: #064e3b; margin-right: -120px;">
            <div style="text-align: center; margin-bottom: 15px;">
                <i class="fas fa-wallet" style="font-size: 50px; margin-bottom: 10px;"></i> <!-- 3. آیکون بزرگتر -->
                <h2 style="font-size: 20px; font-weight: bold; margin: 0;">مدارک مالی</h2>
            </div>
            <div style="display: flex; justify-content: space-around; font-size: 14px; font-weight: bold;">
                <span><i class="fas fa-credit-card"></i> کارت</span>
                <span><i class="fas fa-key"></i> سریال</span>
                <span><i class="fas fa-money-check"></i> مالیاتی</span>
            </div>
        </article>


        <!-- 3. کاشی سوم (شرایط خاص) - گوشه بالا-راست روی پایین-چپ کاشی دوم -->
<meta name="keywords" content="مدارک ثبت نام خودرو,مدارک لازم ثبت نام خودرو,ثبت نام ایران خودرو,ثبت نام سایپا,مدارک هویتی,مدارک مالی,مدارک بانکی,کد ملی,شناسنامه">
        <article class="card tile-3" style="background-color: #FFD700 !important; width: 300px; height: 220px; border-radius: 40px; padding: 25px; box-shadow: 0 15px 30px rgba(0,0,0,0.3); z-index: 10; margin-bottom: 40px; color: #064e3b; margin-right: 120px;">
            <div style="text-align: center; margin-bottom: 15px;">
                <i class="fas fa-file-signature" style="font-size: 50px; margin-bottom: 10px;"></i> <!-- 3. آیکون بزرگتر -->
                <h2 style="font-size: 20px; font-weight: bold; margin: 0;">شرایط خاص</h2>
            </div>
            <div style="display: flex; justify-content: space-around; font-size: 14px; font-weight: bold;">
                <span><i class="fas fa-briefcase"></i> اشتغال</span>
                <span><i class="fas fa-home"></i> سند</span>
                <span><i class="fas fa-users"></i> تکفل</span>
            </div>
        </article>


    </div>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">


    <!-- 5. فوتر با نام فراغیب -->
<link rel="stylesheet"
    <footer style="position: absolute; bottom: 20px; width: 100%; text-align: center; color: rgba(255,255,255,0.5); font-size: 12px;">
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
        طراحی شده به قدرت <span style="color: #fbbf24;">فراغیب</span>
    </footer>


<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
font-family:tahoma,sans-serif;
background:#27ae60;
padding:70px 20px;
color:#2b2b2b;
}
.docs-wrapper{
max-width:1250px;
margin:auto;
}
.docs-title{
text-align:center;
color:#fff;
font-size:34px;
font-weight:800;
margin-bottom:18px;
line-height:1.7;
}
.docs-desc{
text-align:center;
max-width:900px;
margin:auto auto 70px;
color:#eefdf3;
font-size:16px;
line-height:2;
}
.docs-grid{
display:flex;
justify-content:center;
align-items:flex-start;
flex-wrap:nowrap;
position:relative;
padding-top:30px;
overflow-x:auto;
}
.doc-card{
width:360px;
min-width:360px;
background:#FFD93D;
border-radius:28px;
padding:28px;
box-shadow:
0 15px 40px rgba(0,0,0,.18);
transition:.35s;
position:relative;
z-index:1;
}
.doc-card:hover{
transform:translateY(-8px);
box-shadow:
0 25px 55px rgba(0,0,0,.25);
z-index:50;
}
.card2{
margin-right:-70px;
margin-top:85px;
z-index:5;
}
.card3{
margin-right:-70px;
margin-top:170px;
z-index:10;
}
.doc-head{
display:flex;
align-items:center;
gap:14px;
margin-bottom:22px;
}
.doc-icon{
width:62px;
height:62px;
border-radius:18px;
background:#ffffff;
display:flex;
justify-content:center;
align-items:center;
color:#1e8449;
font-size:28px;
flex-shrink:0;
}
.doc-title{
font-size:24px;
font-weight:800;
line-height:1.6;
}
.doc-list{
list-style:none;
}
.doc-list li{
display:flex;
align-items:flex-start;
gap:12px;
padding:12px 0;
border-bottom:1px dashed rgba(0,0,0,.15);
font-size:15px;
line-height:2;
}
.doc-list li:last-child{
border-bottom:none;
}
.doc-list i{
color:#1e8449;
font-size:18px;
margin-top:6px;
width:20px;
text-align:center;
}
@media (max-width:1100px){
.docs-grid{
flex-direction:column;
align-items:center;
overflow:visible;
}
.card2,
.card3{
margin-right:0;
margin-top:-35px;
}
.doc-card{
width:100%;
max-width:650px;
min-width:auto;
}
}
@media (max-width:768px){
body{
padding:40px 15px;
}
.docs-title{
font-size:27px;
}
.docs-desc{
font-size:15px;
}
.doc-title{
font-size:21px;
}
.doc-card{
padding:22px;
}
}
</style>
</head>
<body>
<section class="docs-wrapper">
<h1 class="docs-title">
مدارک لازم برای ثبت نام خودرو
</h1>
<p class="docs-desc">
قبل از ثبت نام خودرو، آماده بودن مدارک باعث می‌شود فرآیند نام‌نویسی سریع‌تر و بدون خطا انجام شود. در ادامه مدارک مورد نیاز در سه دسته اصلی شامل مدارک هویتی، مدارک مالی و بانکی و مدارک مربوط به شرایط خاص نمایش داده شده است.
</p>
<div class="docs-grid">
<div class="doc-card card1">
<div class="doc-head">
<div class="doc-icon">
<i class="fa-solid fa-id-card"></i>
</div>
<h2 class="doc-title">
مدارک شناسایی
</h2>
</div>
<ul class="doc-list">
<li>
<i class="fa-solid fa-address-card"></i>
<div>
<strong>کد ملی</strong><br>
باید معتبر و قابل استعلام باشد.
</div>
</li>
<li>
<i class="fa-solid fa-book"></i>
<div>
<strong>شناسنامه</strong><br>
برای تأیید اطلاعات و مشخصات فردی.
</div>
</li>
<li>
<i class="fa-solid fa-camera"></i>
<div>
<strong>عکس پرسنلی</strong><br>
نسخه دیجیتال جهت بارگذاری در سامانه.
</div>
</li>
</ul>
</div>
<div class="doc-card card2">
<div class="doc-head">
<div class="doc-icon">
<i class="fa-solid fa-wallet"></i>
</div>
</div>


<!-- Font Awesome Loading (در صورت عدم وجود در مدیویکی) -->
<h2 class="doc-title">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
مدارک مالی و بانکی
</h2>
 
</div>


<style>
<ul class="doc-list">
    /* حل مشکل تداخل با قالب مدیویکی */
 
    #custom-registration-page {
<li>
        display: block !important;
<i class="fa-solid fa-credit-card"></i>
        margin: 20px auto !important;
<div>
    }
<strong>شماره کارت بانکی</strong><br>
   
فعال و دارای قابلیت پرداخت اینترنتی.
    /* ریسپانسیو برای موبایل */
</div>
    @media (max-width: 768px) {
</li>
        .waterfall-container {
 
            align-items: center !important;
<li>
        }
<i class="fa-solid fa-barcode"></i>
        .tile-1, .tile-2, .tile-3 {
<div>
            margin-right: 0 !important;
<strong>شماره سریال کارت</strong><br>
            width: 90% !important;
جهت تأیید مالکیت کارت هنگام پرداخت.
            max-width: 300px;
</div>
        }
</li>
    }
 
</style>
<li>
<i class="fa-solid fa-file-invoice-dollar"></i>
<div>
<strong>گواهی عدم معافیت مالیاتی</strong><br>
در برخی طرح‌های ویژه اشخاص حقوقی.
</div>
</li>
 
</ul>
 
</div>
 
<div class="doc-card card3">
 
<div class="doc-head">
 
<div class="doc-icon">
<i class="fa-solid fa-file-circle-check"></i>
</div>
 
<h2 class="doc-title">
مدارک شرایط خاص
</h2>
 
</div>
 
<ul class="doc-list">
 
<li>
<i class="fa-solid fa-briefcase"></i>
<div>
<strong>گواهی اشتغال به کار</strong><br>
در صورت الزام طرح‌های ویژه.
</div>
</li>
 
<li>
<i class="fa-solid fa-house"></i>
<div>
<strong>اجاره‌نامه یا سند مالکیت</strong><br>
در صورت وجود شرط عدم مالکیت خودرو.
</div>
</li>
 
<li>
<i class="fa-solid fa-people-roof"></i>
<div>
<strong>مدارک افراد تحت تکفل</strong><br>
برای اثبات شرایط خانوادگی در صورت نیاز.
</div>
</li>
 
</ul>
 
</div>
 
</div>


</section>


</body>
</html>
</html>

نسخهٔ ‏۲۸ ژوئیهٔ ۲۰۲۶، ساعت ۱۵:۱۱

مدارک لازم برای ثبت نام خودرو | مدارک هویتی، مالی و شرایط خاص

مدارک لازم برای ثبت نام خودرو

قبل از ثبت نام خودرو، آماده بودن مدارک باعث می‌شود فرآیند نام‌نویسی سریع‌تر و بدون خطا انجام شود. در ادامه مدارک مورد نیاز در سه دسته اصلی شامل مدارک هویتی، مدارک مالی و بانکی و مدارک مربوط به شرایط خاص نمایش داده شده است.

مدارک شناسایی

  • کد ملی
    باید معتبر و قابل استعلام باشد.
  • شناسنامه
    برای تأیید اطلاعات و مشخصات فردی.
  • عکس پرسنلی
    نسخه دیجیتال جهت بارگذاری در سامانه.

مدارک مالی و بانکی

  • شماره کارت بانکی
    فعال و دارای قابلیت پرداخت اینترنتی.
  • شماره سریال کارت
    جهت تأیید مالکیت کارت هنگام پرداخت.
  • گواهی عدم معافیت مالیاتی
    در برخی طرح‌های ویژه اشخاص حقوقی.

مدارک شرایط خاص

  • گواهی اشتغال به کار
    در صورت الزام طرح‌های ویژه.
  • اجاره‌نامه یا سند مالکیت
    در صورت وجود شرط عدم مالکیت خودرو.
  • مدارک افراد تحت تکفل
    برای اثبات شرایط خانوادگی در صورت نیاز.