Financial-Factor-Template/Factor-Official.html at master · YasinDehfuli/Financial-Factor-Template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Factor-Official</title>


  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.rtl.min.css">
</head>
<body>
<section class="factor container">
  <div class="factor__area">
    <div class="factor__header d-flex justify-content-between">
      <img class="factor__header--logo" src="https://upload.wikimedia.org/wikipedia/commons/5/53/X_logo_2023_original.svg" width="50" alt="">

      <h1 class="factor__header--title">صورتحساب فروش کالا و خدمات</h1>
      <!--پیش‌فاکتور فروش کالا و خدمات-->
      <div class="factor__header--date">
        <h3>شماره: <span></span></h3>
        <h3>تاریخ: <span></span></h3>
      </div>
    </div>
    <div class="factor__main">
      <h2 class="factor__main--title">مشخصات فروشنده</h2>
      <div class="factor__main--subtitle d-flex justify-content-between">
        <div class="flex-column">
          <h3>شماره تلفن/موبایل : <span></span></h3>
          <h3>کدپستی : <span></span></h3>
          <h3>شناسه ملی : <span></span></h3>
        </div>
        <div class="flex-column">
          <h3>نام شخص حقیقی: <span></span></h3>
          <h3>شماره اقتصادی : <span></span></h3>
          <h3>نشانی: <span></span></h3>
        </div>
      </div>
      <h2 class="factor__main--title">مشخصات خریدار</h2>
      <div class="factor__main--subtitle d-flex justify-content-between">
        <div class="flex-column">
          <h3>شماره تلفن/موبایل : <span></span></h3>
          <h3>کدپستی : <span></span></h3>
          <h3>شناسه ملی : <span></span></h3>
        </div>
        <div class="flex-column">
          <h3>نام شخص حقیقی/حقوقی: <span></span></h3>
          <h3>شماره اقتصادی: <span></span></h3>
          <h3>نشانی: <span></span></h3>
        </div>
      </div>

      <table class="factor__table">
        <tr class="factor__table--row text-center">
          <th width="50px">ردیف</th>
          <th width="80px">کد کالا</th>
          <th width="220px">شرح کالا/خدمت</th>
          <th width="80px">تعداد</th>
          <th width="80px">مبلغ واحد (ریال)</th>
          <th width="100px">قیمت کل (ریال)</th>
          <th width="100px">مبلغ تخفیف</th>
          <th width="100px">مبلغ پس از تخفیف</th>
          <th width="100px">مبلغ مالیات و عوارض</th>
          <th width="100px">مبلغ پس از مالیات و عوارض</th>
          <th width="100px">مبلغ کل (ريال)</th>
        </tr>
        <tr class="text-center">
          <td>۱</td>
          <td>۶۶</td>
          <td>فرانت اند وبسایت</td>
          <td>۱</td>
          <td>۱،۶۶۶،۰۰۰</td>
          <td>۱،۶۶۶،۰۰۰</td>
          <td>۱،۶۶۶،۰۰۰</td>
          <td>۱،۶۶۶،۰۰۰</td>
          <td>۱۰٪</td>
          <td>۱،۷۷۷،۰۰۰</td>
          <td>۱،۷۷۷،۰۰۰</td>
        </tr>
        <tr class="text-center">
          <td>۱</td>
          <td>۶۶</td>
          <td>بک اند وبسایت</td>
          <td>۱</td>
          <td>۲،۶۶۶،۰۰۰</td>
          <td>۲،۶۶۶،۰۰۰</td>
          <td>۲،۶۶۶،۰۰۰</td>
          <td>۲،۶۶۶،۰۰۰</td>
          <td>۱۰٪</td>
          <td>۲،۷۷۷،۰۰۰</td>
          <td>۲،۷۷۷،۰۰۰</td>
        </tr>
        <tr>
          <td colspan="11">جمع به حروف: <span> ریال</span></td>
        </tr>
        <tr>
          <td colspan="9">مالیات و عوارض: <span> درصد</span></td>
          <td colspan="2">نوع پرداخت: <span></span></td>
        </tr>
        <tr>
          <td colspan="11">اطلاعات بانکی فروشنده: <span></span></td>
        </tr>
        <tr>
          <td colspan="11">توضیحات تکمیلی: <span></span></td>
        </tr>
      </table>
      <table class="table__footer--sign">
        <tr>
          <td>مهر و امضا فروشنده:</td>
          <td>مهر و امضا خریدار:</td>
        </tr>
      </table>
    </div>
  </div>
</section>
</body>
</html>