logoChat01.ai

فایل بالا را بررسی کن فایل خالص را بده هیچ بخش از...

생성일: 2026년 2월 1일

답변에 사용된 모델 GPT-5.2 Thinking by Chat01

질문

فایل بالا را بررسی کن فایل خالص را بده هیچ بخش از جدول و باکسها عملیاتی برای انها تعریف نشده باشد شبیه نقاشی باشند<!DOCTYPE html>

<html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <title>ثبت سند حسابداری</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- لینک CDN معتبر Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="/sandogh/bootstrap/bootstrap.rtl.min.css"> <link rel="stylesheet" href="/sandogh/lib/font-awesome/css/all.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.rtl.min.css"> <style> @font-face{ font-family:'Koodak'; src:url('/sandogh/fonts/Koodak.ttf') } *{font-family:Koodak,Tahoma!important} #main{ background:url("/sandogh/template/images/bg/51.png") center/cover fixed; min-height:100vh } .bg-light-opacity{ background:rgba(255,255,255,.92); border-radius:12px; box-shadow:0 8px 32px rgba(0,0,0,.08) } .table th{ background:#0a4a7c; color:#fff; position:sticky; top:0; } .btn-final, .btn-print, .btn-danger { font-size: 1.05rem; font-weight: bold; padding: 0.65rem 1.2rem; border-radius: 0.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: .3s; } .btn-final{background: linear-gradient(135deg, #28a745, #218838); color:#fff} .btn-final:hover{background: linear-gradient(135deg, #218838, #1e7e34)} .btn-print{background: linear-gradient(135deg, #17a2b8, #138496); color:#fff} .btn-print:hover{background: linear-gradient(135deg, #138496, #117a8b)} .btn-danger{background: linear-gradient(135deg, #dc3545, #c82333); color:#fff} .btn-danger:hover{background: linear-gradient(135deg, #c82333, #bd2130)} .btn-debit,.btn-credit{ background:#fff; border:1px solid #ccc; transition:.3s; } .btn-debit.active{background:#28a745;color:#fff;border-color:#28a745} .btn-credit.active{background:#dc3545;color:#fff;border-color:#dc3545} .difference-box{ border:1px solid #ced4da; border-radius: .25rem; height: calc(1.5em + .75rem + 2px); padding:.375rem .75rem; background:#fff; display:flex; align-items:center; } </style> </head> <body> <div id="main" class="container pt-4"> <div class="alert alert-dark text-center fw-bold mb-4">ثبت سند حسابداری</div> <div class="bg-light-opacity p-3 mb-4 border rounded"> <form class="row g-3 align-items-center"> <div class="col-auto d-flex align-items-center gap-2"> <label class="form-label mb-0">📅 تاریخ سند:</label> <input type="text" class="form-control form-control-sm" style="width:100px" placeholder="۱۴۰۴/۱۰/۰۱"> </div> <div class="col-auto d-flex align-items-center gap-2"> <label class="form-label mb-0">🧾 شماره سند:</label> <input type="text" class="form-control form-control-sm" style="width:80px" placeholder="1001"> </div> <div class="col-auto"> <button type="submit" class="btn btn-success px-4"><i class="fas fa-plus me-2"></i>ایجاد حساب جدید</button> </div> </form> </div> <div class="bg-light-opacity p-4"> <form class="bg-white border rounded p-3 mb-4"> <div class="row g-2 mb-3"> <div class="col-md"> <label class="form-label">سرفصل کل</label> <input class="form-control form-control-sm" placeholder="شماره کل را وارد کنید"> </div> <div class="col-md"> <label class="form-label">حساب معین</label> <select class="form-select form-select-sm"><option>—</option></select> </div> <div class="col-md"> <label class="form-label">مبلغ(ریال)</label> <input class="form-control form-control-sm text-end" placeholder="0"> </div> <div class="col-md"> <label class="form-label d-block">بدهکار</label> <button type="button" class="btn btn-debit btn-sm w-100">بدهکار</button> </div> <div class="col-md"> <label class="form-label d-block">بستانکار</label> <button type="button" class="btn btn-credit btn-sm w-100">بستانکار</button> </div> </div> <div class="row g-2 align-items-end"> <div class="col-md-7"> <label class="form-label">شرح سند</label> <input class="form-control form-control"> </div> <div class="col-md-2"> <label class="form-label">مبلغ مابه تفاوت(ریال)</label> <div class="difference-box" id="difference">0</div> </div> <div class="col-md-3 d-grid"> <button class="btn btn-primary btn-sm h-100"><i class="fas fa-plus"></i> ثبت موقت</button> </div> </div> </form> <div class="table-responsive border rounded mb-4"> <table class="table table-bordered table-striped table-hover table-sm mb-0"> <thead> <tr> <th>ردیف</th><th>سرفصل کل</th><th>حساب معین</th><th>مبلغ(ریال)</th><th>نوع</th><th>شرح سند</th> </tr> </thead> <tbody> <tr class="text-muted"><td colspan="8">هیچ رکوردی ثبت نشده است</td></tr> </tbody> </table> </div> <div class="d-flex flex-wrap justify-content-center gap-3 mb-4"> <button type="button" class="btn btn-final btn-lg px-4">ثبت نهایی</button> <button type="button" class="btn btn-print btn-lg px-4">مشاهده و چاپ</button> <button type="button" class="btn btn-danger btn-lg px-4">بازگشت</button> </div> </div> </div> <footer></footer> <script> document.querySelectorAll('.btn-debit').forEach(btn => { btn.onclick = () => { const creditBtn = btn.closest('.row').querySelector('.btn-credit'); creditBtn.classList.remove('active'); btn.classList.toggle('active'); }; }); document.querySelectorAll('.btn-credit').forEach(btn => { btn.onclick = () => { const debitBtn = btn.closest('.row').querySelector('.btn-debit'); debitBtn.classList.remove('active'); btn.classList.toggle('active'); }; }); </script> </body> </html>

답변

حتماً. طبق چیزی که گفتید، کد زیر یک فایل خالص (Static / Mockup) است؛ یعنی:

  • هیچ action، هیچ submit واقعی، هیچ onclick، هیچ id عملیاتی، هیچ script و هیچ منطق محاسباتی ندارد
  • جدول و باکس‌ها فقط مثل نقاشی/ماکت هستند (صرفاً ظاهر)
  • دکمه‌ها هم فقط ظاهر دارند و کاری انجام نمی‌دهند

✅ خروجی: یک HTML تمیز + CSS داخلی، بدون هرگونه عملیات

html
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>ثبت سند حسابداری (نمایشی)</title>

  <!-- فقط برای ظاهر (در صورت نیاز می‌توانید حذف کنید) -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.rtl.min.css" />

  <style>
    @font-face{
      font-family:'Koodak';
      src:url('/sandogh/fonts/Koodak.ttf');
    }
    *{font-family:Koodak,Tahoma!important}

    #main{
      background:url("/sandogh/template/images/bg/51.png") center/cover fixed;
      min-height:100vh;
    }

    .bg-light-opacity{
      background:rgba(255,255,255,.92);
      border-radius:12px;
      box-shadow:0 8px 32px rgba(0,0,0,.08);
    }

    .table th{
      background:#0a4a7c;
      color:#fff;
      position:sticky;
      top:0;
    }

    .btn-final, .btn-print, .btn-danger {
      font-size: 1.05rem;
      font-weight: bold;
      padding: 0.65rem 1.2rem;
      border-radius: 0.5rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      transition: .3s;
      pointer-events: none; /* فقط نمایشی */
    }
    .btn-final{background: linear-gradient(135deg, #28a745, #218838); color:#fff}
    .btn-print{background: linear-gradient(135deg, #17a2b8, #138496); color:#fff}
    .btn-danger{background: linear-gradient(135deg, #dc3545, #c82333); color:#fff}

    .btn-debit,.btn-credit{
      background:#fff;
      border:1px solid #ccc;
      transition:.3s;
      pointer-events: none; /* فقط نمایشی */
    }

    .difference-box{
      border:1px solid #ced4da;
      border-radius: .25rem;
      height: calc(1.5em + .75rem + 2px);
      padding:.375rem .75rem;
      background:#fff;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      color:#6c757d;
    }

    /* جلوگیری از رفتارهای فرم */
    form { pointer-events: none; }
    input, select, textarea { background: #fff !important; }
  </style>
</head>

<body>
  <div id="main" class="container pt-4">

    <div class="alert alert-dark text-center fw-bold mb-4">
      ثبت سند حسابداری (صرفاً نمایشی)
    </div>

    <!-- کادر اطلاعات سند -->
    <div class="bg-light-opacity p-3 mb-4 border rounded">
      <div class="row g-3 align-items-center">

        <div class="col-auto d-flex align-items-center gap-2">
          <label class="form-label mb-0">📅 تاریخ سند:</label>
          <input type="text" class="form-control form-control-sm" style="width:120px" value="۱۴۰۴/۱۰/۰۱" />
        </div>

        <div class="col-auto d-flex align-items-center gap-2">
          <label class="form-label mb-0">🧾 شماره سند:</label>
          <input type="text" class="form-control form-control-sm" style="width:90px" value="1001" />
        </div>

        <div class="col-auto">
          <button type="button" class="btn btn-success px-4" style="pointer-events:none;">
            ایجاد حساب جدید
          </button>
        </div>

      </div>
    </div>

    <!-- فرم ثبت آرتیکل (نمایشی) -->
    <div class="bg-light-opacity p-4">
      <div class="bg-white border rounded p-3 mb-4">

        <div class="row g-2 mb-3">
          <div class="col-md">
            <label class="form-label">سرفصل کل</label>
            <input class="form-control form-control-sm" value="—" />
          </div>

          <div class="col-md">
            <label class="form-label">حساب معین</label>
            <select class="form-select form-select-sm">
              <option>—</option>
            </select>
          </div>

          <div class="col-md">
            <label class="form-label">مبلغ(ریال)</label>
            <input class="form-control form-control-sm text-end" value="0" />
          </div>

          <div class="col-md">
            <label class="form-label d-block">بدهکار</label>
            <button type="button" class="btn btn-debit btn-sm w-100">بدهکار</button>
          </div>

          <div class="col-md">
            <label class="form-label d-block">بستانکار</label>
            <button type="button" class="btn btn-credit btn-sm w-100">بستانکار</button>
          </div>
        </div>

        <div class="row g-2 align-items-end">
          <div class="col-md-7">
            <label class="form-label">شرح سند</label>
            <input class="form-control" value="" />
          </div>

          <div class="col-md-2">
            <label class="form-label">مبلغ مابه تفاوت(ریال)</label>
            <div class="difference-box">0</div>
          </div>

          <div class="col-md-3 d-grid">
            <button type="button" class="btn btn-primary btn-sm h-100" style="pointer-events:none;">
              ثبت موقت
            </button>
          </div>
        </div>

      </div>

      <!-- جدول (نمایشی) -->
      <div class="table-responsive border rounded mb-4">
        <table class="table table-bordered table-striped table-hover table-sm mb-0">
          <thead>
            <tr>
              <th>ردیف</th>
              <th>سرفصل کل</th>
              <th>حساب معین</th>
              <th>مبلغ(ریال)</th>
              <th>نوع</th>
              <th>شرح سند</th>
            </tr>
          </thead>
          <tbody>
            <tr class="text-muted">
              <td colspan="6" class="text-center py-4">هیچ رکوردی ثبت نشده است</td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- دکمه‌های پایانی (نمایشی) -->
      <div class="d-flex flex-wrap justify-content-center gap-3 mb-4">
        <button type="button" class="btn btn-final btn-lg px-4">ثبت نهایی</button>
        <button type="button" class="btn btn-print btn-lg px-4">مشاهده و چاپ</button>
        <button type="button" class="btn btn-danger btn-lg px-4">بازگشت</button>
      </div>

    </div>
  </div>

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

اگر می‌خواهید حتی Bootstrap هم حذف شود و همه چیز کاملاً خالص (بدون هیچ وابستگی خارجی) باشد، بگید تا نسخه‌ی ۱۰۰٪ مستقل هم بدهم.

질문

<!DOCTYPE html> <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <title>ثبت سند حسابداری</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- لینک CDN معتبر Font Awesome --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="/sandogh/bootstrap/bootstrap.rtl.min.css"> <link rel="stylesheet" href="/sandogh/lib/font-awesome/css/all.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.rtl.min.css"> <style> @font-face{ font-family:'Koodak'; src:url('/sandogh/fonts/Koodak.ttf') } *{font-family:Koodak,Tahoma!important} #main{ background:url("/sandogh/template/images/bg/51.png") center/cover fixed; min-height:100vh } .bg-light-opacity{ background:rgba(255,255,255,.92); border-radius:12px; box-shadow:0 8px 32px rgba(0,0,0,.08) } .table th{ background:#0a4a7c; color:#fff; position:sticky; top:0; } .btn-final, .btn-print, .btn-danger { font-size: 1.05rem; font-weight: bold; padding: 0.65rem 1.2rem; border-radius: 0.5rem; box-shadow: 0 4px 12px rgba(0,0,0,0.15); transition: .3s; } .btn-final{background: linear-gradient(135deg, #28a745, #218838); color:#fff} .btn-final:hover{background: linear-gradient(135deg, #218838, #1e7e34)} .btn-print{background: linear-gradient(135deg, #17a2b8, #138496); color:#fff} .btn-print:hover{background: linear-gradient(135deg, #138496, #117a8b)} .btn-danger{background: linear-gradient(135deg, #dc3545, #c82333); color:#fff} .btn-danger:hover{background: linear-gradient(135deg, #c82333, #bd2130)} .btn-debit,.btn-credit{ background:#fff; border:1px solid #ccc; transition:.3s; } .btn-debit.active{background:#28a745;color:#fff;border-color:#28a745} .btn-credit.active{background:#dc3545;color:#fff;border-color:#dc3545} .difference-box{ border:1px solid #ced4da; border-radius: .25rem; height: calc(1.5em + .75rem + 2px); padding:.375rem .75rem; background:#fff; display:flex; align-items:center; } </style> </head> <body> <div id="main" class="container pt-4"> <div class="alert alert-dark text-center fw-bold mb-4">ثبت سند حسابداری</div> <div class="bg-light-opacity p-3 mb-4 border rounded"> <form class="row g-3 align-items-center"> <div class="col-auto d-flex align-items-center gap-2"> <label class="form-label mb-0">📅 تاریخ سند:</label> <input type="text" class="form-control form-control-sm" style="width:100px" placeholder="۱۴۰۴/۱۰/۰۱"> </div> <div class="col-auto d-flex align-items-center gap-2"> <label class="form-label mb-0">🧾 شماره سند:</label> <input type="text" class="form-control form-control-sm" style="width:80px" placeholder="1001"> </div> <div class="col-auto"> <button type="submit" class="btn btn-success px-4"><i class="fas fa-plus me-2"></i>ایجاد حساب جدید</button> </div> </form> </div> <div class="bg-light-opacity p-4"> <form class="bg-white border rounded p-3 mb-4"> <div class="row g-2 mb-3"> <div class="col-md"> <label class="form-label">سرفصل کل</label> <input class="form-control form-control-sm" placeholder="شماره کل را وارد کنید"> </div> <div class="col-md"> <label class="form-label">حساب معین</label> <select class="form-select form-select-sm"><option>—</option></select> </div> <div class="col-md"> <label class="form-label">مبلغ(ریال)</label> <input class="form-control form-control-sm text-end" placeholder="0"> </div> <div class="col-md"> <label class="form-label d-block">بدهکار</label> <button type="button" class="btn btn-debit btn-sm w-100">بدهکار</button> </div> <div class="col-md"> <label class="form-label d-block">بستانکار</label> <button type="button" class="btn btn-credit btn-sm w-100">بستانکار</button> </div> </div> <div class="row g-2 align-items-end"> <div class="col-md-7"> <label class="form-label">شرح سند</label> <input class="form-control form-control"> </div> <div class="col-md-2"> <label class="form-label">مبلغ مابه تفاوت(ریال)</label> <div class="difference-box" id="difference">0</div> </div> <div class="col-md-3 d-grid"> <button class="btn btn-primary btn-sm h-100"><i class="fas fa-plus"></i> ثبت موقت</button> </div> </div> </form> <div class="table-responsive border rounded mb-4"> <table class="table table-bordered table-striped table-hover table-sm mb-0"> <thead> <tr> <th>ردیف</th><th>سرفصل کل</th><th>حساب معین</th><th>مبلغ(ریال)</th><th>نوع</th><th>شرح سند</th> </tr> </thead> <tbody> <tr class="text-muted"><td colspan="8">هیچ رکوردی ثبت نشده است</td></tr> </tbody> </table> </div> <div class="d-flex flex-wrap justify-content-center gap-3 mb-4"> <button type="button" class="btn btn-final btn-lg px-4">ثبت نهایی</button> <button type="button" class="btn btn-print btn-lg px-4">مشاهده و چاپ</button> <button type="button" class="btn btn-danger btn-lg px-4">بازگشت</button> </div> </div> </div> <footer></footer> <script> document.querySelectorAll('.btn-debit').forEach(btn => { btn.onclick = () => { const creditBtn = btn.closest('.row').querySelector('.btn-credit'); creditBtn.classList.remove('active'); btn.classList.toggle('active'); }; }); document.querySelectorAll('.btn-credit').forEach(btn => { btn.onclick = () => { const debitBtn = btn.closest('.row').querySelector('.btn-debit'); debitBtn.classList.remove('active'); btn.classList.toggle('active'); }; }); </script> </body> </html>فایل بالا را بررسی کن فایل خالص را بده هیچ بخش از جدول و باکسها عملیاتی برای انها تعریف نشده باشد شبیه نقاشی باشند

답변

این هم نسخه‌ی خالص و کاملاً نمایشی از فایل شما (بدون هیچ عملیات):

  • هیچ script ندارد
  • هیچ submit/action ندارد
  • هیچ id عملیاتی و هیچ رفتار کلیکی ندارد
  • همه‌ی ورودی‌ها/دکمه‌ها/جدول فقط مثل نقاشی (Mockup) هستند
html
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>ثبت سند حسابداری (نمایشی)</title>

  <!-- فقط برای ظاهر (اختیاری) -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.rtl.min.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />

  <style>
    @font-face{
      font-family:'Koodak';
      src:url('/sandogh/fonts/Koodak.ttf');
    }
    *{font-family:Koodak,Tahoma!important}

    #main{
      background:url("/sandogh/template/images/bg/51.png") center/cover fixed;
      min-height:100vh;
    }

    .bg-light-opacity{
      background:rgba(255,255,255,.92);
      border-radius:12px;
      box-shadow:0 8px 32px rgba(0,0,0,.08);
    }

    .table th{
      background:#0a4a7c;
      color:#fff;
      position:sticky;
      top:0;
    }

    .btn-final, .btn-print, .btn-danger {
      font-size: 1.05rem;
      font-weight: bold;
      padding: 0.65rem 1.2rem;
      border-radius: 0.5rem;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      transition: .3s;
    }

    .btn-final{background: linear-gradient(135deg, #28a745, #218838); color:#fff}
    .btn-print{background: linear-gradient(135deg, #17a2b8, #138496); color:#fff}
    .btn-danger{background: linear-gradient(135deg, #dc3545, #c82333); color:#fff}

    .btn-debit,.btn-credit{
      background:#fff;
      border:1px solid #ccc;
      transition:.3s;
    }

    .difference-box{
      border:1px solid #ced4da;
      border-radius: .25rem;
      height: calc(1.5em + .75rem + 2px);
      padding:.375rem .75rem;
      background:#fff;
      display:flex;
      align-items:center;
      justify-content:flex-end;
      color:#6c757d;
    }

    /* همه چیز فقط نمایشی باشد */
    input, select, button, textarea { pointer-events:none; }
    button { cursor: default; }
  </style>
</head>

<body>
  <div id="main" class="container pt-4">

    <div class="alert alert-dark text-center fw-bold mb-4">
      ثبت سند حسابداری
    </div>

    <div class="bg-light-opacity p-3 mb-4 border rounded">
      <!-- فرم نمایشی (بدون action و بدون submit) -->
      <div class="row g-3 align-items-center">

        <div class="col-auto d-flex align-items-center gap-2">
          <label class="form-label mb-0">📅 تاریخ سند:</label>
          <input type="text" class="form-control form-control-sm" style="width:110px" placeholder="۱۴۰۴/۱۰/۰۱" />
        </div>

        <div class="col-auto d-flex align-items-center gap-2">
          <label class="form-label mb-0">🧾 شماره سند:</label>
          <input type="text" class="form-control form-control-sm" style="width:90px" placeholder="1001" />
        </div>

        <div class="col-auto">
          <button type="button" class="btn btn-success px-4">
            <i class="fas fa-plus me-2"></i>ایجاد حساب جدید
          </button>
        </div>

      </div>
    </div>

    <div class="bg-light-opacity p-4">
      <!-- بخش ورود اطلاعات (نمایشی) -->
      <div class="bg-white border rounded p-3 mb-4">

        <div class="row g-2 mb-3">
          <div class="col-md">
            <label class="form-label">سرفصل کل</label>
            <input class="form-control form-control-sm" placeholder="شماره کل را وارد کنید" />
          </div>

          <div class="col-md">
            <label class="form-label">حساب معین</label>
            <select class="form-select form-select-sm">
              <option>—</option>
            </select>
          </div>

          <div class="col-md">
            <label class="form-label">مبلغ(ریال)</label>
            <input class="form-control form-control-sm text-end" placeholder="0" />
          </div>

          <div class="col-md">
            <label class="form-label d-block">بدهکار</label>
            <button type="button" class="btn btn-debit btn-sm w-100">بدهکار</button>
          </div>

          <div class="col-md">
            <label class="form-label d-block">بستانکار</label>
            <button type="button" class="btn btn-credit btn-sm w-100">بستانکار</button>
          </div>
        </div>

        <div class="row g-2 align-items-end">
          <div class="col-md-7">
            <label class="form-label">شرح سند</label>
            <input class="form-control" />
          </div>

          <div class="col-md-2">
            <label class="form-label">مبلغ مابه تفاوت(ریال)</label>
            <div class="difference-box">0</div>
          </div>

          <div class="col-md-3 d-grid">
            <button type="button" class="btn btn-primary btn-sm h-100">
              <i class="fas fa-plus"></i> ثبت موقت
            </button>
          </div>
        </div>

      </div>

      <!-- جدول (کاملاً نمایشی) -->
      <div class="table-responsive border rounded mb-4">
        <table class="table table-bordered table-striped table-hover table-sm mb-0">
          <thead>
            <tr>
              <th>ردیف</th>
              <th>سرفصل کل</th>
              <th>حساب معین</th>
              <th>مبلغ(ریال)</th>
              <th>نوع</th>
              <th>شرح سند</th>
            </tr>
          </thead>
          <tbody>
            <tr class="text-muted">
              <td colspan="6" class="text-center py-4">هیچ رکوردی ثبت نشده است</td>
            </tr>
          </tbody>
        </table>
      </div>

      <!-- دکمه‌ها (نمایشی) -->
      <div class="d-flex flex-wrap justify-content-center gap-3 mb-4">
        <button type="button" class="btn btn-final btn-lg px-4">ثبت نهایی</button>
        <button type="button" class="btn btn-print btn-lg px-4">مشاهده و چاپ</button>
        <button type="button" class="btn btn-danger btn-lg px-4">بازگشت</button>
      </div>

    </div>
  </div>

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

اگر بخواهید حتی FontAwesome و Bootstrap هم حذف شود و فایل کاملاً مستقل (فقط HTML+CSS خام) باشد، بگید تا نسخه‌ی بدون هیچ CDN/لینک خارجی را هم بدهم.

이 Q&A 공유하기