-
Notifications
You must be signed in to change notification settings - Fork 0
/
profile.html
302 lines (275 loc) · 21.3 KB
/
profile.html
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>profile</title>
<link rel="stylesheet" href="assets/bootstrap-5.3.3-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/custom.css">
<link rel="stylesheet" href="assets/css/profile.css">
</head>
<body>
<!-- Start Navbar -->
<nav class="navbar navbar-expand-lg align-center fix-top nav-sticky">
<div class="container-fluid">
<span class="brand-name fs-2">نام سایت</span>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- navbar links -->
<ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-auto">
<li class="nav-item align-bottom">
<a class="nav-link" aria-current="page" href="index.html">خانه</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">فیلم ها</a>
</li>
<li class="nav-item">
<a class="nav-link" href="articles.html">مقالات</a>
</li>
<li class="nav-item">
<a class="nav-link" href="motivational.html">انگیزشی</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
منابع
</a>
<ul class="dropdown-menu text-end">
<li><a class="dropdown-item" href="#">پایه دهم</a></li>
<li><a class="dropdown-item" href="#">پایه یازدهم</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">پایه دوازدهم</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="/">ارتباط باما</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">درباره ما</a>
</li>
</ul>
<!-- basket icon -->
<a href="card.html">
<button type="button" class="btn btn-link position-relative cart me-lg-0 ms-auto start-0">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="currentColor" class="bi bi-cart4" viewBox="0 0 16 16">
<path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5M3.14 5l.5 2H5V5zM6 5v2h2V5zm3 0v2h2V5zm3 0v2h1.36l.5-2zm1.11 3H12v2h.61zM11 8H9v2h2zM8 8H6v2h2zM5 8H3.89l.5 2H5zm0 5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0m9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0"/>
</svg>
<span class="position-absolute top-0 start-50 badge rounded-pill bg-danger">
10
<span class="visually-hidden">unread messages</span>
</span>
</button>
</a>
<!-- sign in/sign up -->
<div class="btn-group ms-5 my-3" role="group" aria-label="Basic example">
<a href="register.html"><button type="button" class="btn btn-outline-light border fs-5 me-2">ثبت نام</button></a>
<a href="login.html"><button type="button" class="btn btn-outline-light border align-top fs-5 ms-2">ورود</button></a>
</div>
</div>
</div>
</nav>
<!-- End Navbar -->
<!-- Start Profile Body -->
<div class="container profile">
<div class="row justify-content-between">
<div class="col col-xxl-3 informations mb-4">
<div class="img-content">
<img src="assets/images/menAvatar.png" alt="">
</div>
<div class="info">
<p class="mt-2 fs-5">نام کاربری</p>
</div>
<div class="outline">
<ul class="d-flex flex-column align-items-start">
<li data-for="personal-info"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-person-vcard-fill" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm9 1.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4a.5.5 0 0 0-.5.5M9 8a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 0-1h-4A.5.5 0 0 0 9 8m1 2.5a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5m-1 2C9 10.567 7.21 9 5 9c-2.086 0-3.8 1.398-3.984 3.181A1 1 0 0 0 2 13h6.96q.04-.245.04-.5M7 6a2 2 0 1 0-4 0 2 2 0 0 0 4 0"/>
</svg>
<span>مشخصات فردی</span></li>
<li data-for="user-info"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-person-badge" viewBox="0 0 16 16">
<path d="M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0"/>
<path d="M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492z"/>
</svg>
<span>مشخصات کاربری</span></li>
<li data-for="history"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clock-history" viewBox="0 0 16 16">
<path d="M8.515 1.019A7 7 0 0 0 8 1V0a8 8 0 0 1 .589.022zm2.004.45a7 7 0 0 0-.985-.299l.219-.976q.576.129 1.126.342zm1.37.71a7 7 0 0 0-.439-.27l.493-.87a8 8 0 0 1 .979.654l-.615.789a7 7 0 0 0-.418-.302zm1.834 1.79a7 7 0 0 0-.653-.796l.724-.69q.406.429.747.91zm.744 1.352a7 7 0 0 0-.214-.468l.893-.45a8 8 0 0 1 .45 1.088l-.95.313a7 7 0 0 0-.179-.483m.53 2.507a7 7 0 0 0-.1-1.025l.985-.17q.1.58.116 1.17zm-.131 1.538q.05-.254.081-.51l.993.123a8 8 0 0 1-.23 1.155l-.964-.267q.069-.247.12-.501m-.952 2.379q.276-.436.486-.908l.914.405q-.24.54-.555 1.038zm-.964 1.205q.183-.183.35-.378l.758.653a8 8 0 0 1-.401.432z"/>
<path d="M8 1a7 7 0 1 0 4.95 11.95l.707.707A8.001 8.001 0 1 1 8 0z"/>
<path d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5"/>
</svg>
<span>تاریخچه خریدها</span></li>
</ul>
</div>
</div>
<div class="col-12 col-xxl-8" id="personal-info">
<h2 class="fw-bold mb-4">مشخصات فردی</h2>
<form action="">
<div class="row personal-info">
<div class="col-lg-6 mb-3">
<label for="firstNmae" class="form-label">نام</label>
<input type="text" class="form-control" id="firstNmae">
</div>
<div class="col-lg-6 mb-3">
<label for="lastNmae" class="form-label">نام خانوادگی</label>
<input type="text" class="form-control" id="lastNmae">
</div>
<div class="col-lg-6 mb-3">
<label for="phoneNumber" class="form-label">شماره همراه</label>
<input type="text" class="form-control" id="phoneNumber">
</div>
<div class="col-12">
<label for="address" class="form-label">آدرس</label>
<input type="text" class="form-control" id="address">
</div>
<button type="submit" class="btn btn-primary w-25 mt-5 me-4">ثبت تغییرات</button>
</div>
</form>
</div>
<div class="col-12 col-xxl-8" id="user-info">
<h2 class="fw-bold mb-4">مشخصات کاربری</h2>
<form action="">
<div class="row personal-info">
<div class="col-lg-6 mb-3">
<label for="username" class="form-label">نام کاربری</label>
<input type="text" class="form-control" id="username">
</div>
<div class="col-lg-6 mb-3">
<label for="email" class="form-label">ایمیل</label>
<input type="email" class="form-control" id="email">
</div>
<div class="col-lg-6 mb-3">
<label for="newPassword" class="form-label">کلمه عبور جدید</label>
<input type="password" class="form-control" id="newPassword">
</div>
<div class="col-6">
<label for="newPasswordAgain" class="form-label">تکرار کلمه عبور</label>
<input type="password" class="form-control" id="newPasswordAgain">
</div>
<button type="submit" class="btn btn-primary w-25 mt-5 me-4">ثبت تغییرات</button>
</div>
</form>
</div>
<div class="col-12 col-xxl-8" id="history">
<h2 class="fw-bold mb-4">تاریخچه خرید ها</h2>
<div class="history">
<div class="row mb-5">
<p>فیلتر بر اساس: </p>
<div class="col">
<label for="date" class="form-label">تاریخ خرید</label>
<input type="date" class="form-control" id="date">
</div>
<div class="col">
<label for="nameProduct" class="form-label">عنوان کالا</label>
<input type="text" class="form-control" id="nameProduct">
</div>
</div>
<table class="table align-middle text-center">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">تصویر کالا</th>
<th scope="col">نوع محصول</th>
<th scope="col">قیمت</th>
<th scope="col">تعداد</th>
<th scope="col">قیمت کل</th>
<th scope="col">تاریخ خرید</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">۱</th>
<td><img class="w-25" src="assets/images/7.jpeg" alt=""></td>
<td>آموزش فیزیک</td>
<td>۲۵۰۰۰۰</td>
<td>۲</td>
<td>۵۰۰۰۰۰</td>
<td>۱۴۰۳/۶/۲۶</td>
</tr>
<tr>
<th scope="row">۲</th>
<td><img class="w-25" src="assets/images/8.jpeg" alt=""></td>
<td>آموزش ریاضی</td>
<td>۲۵۰۰۰۰</td>
<td>۲</td>
<td>۵۰۰۰۰۰</td>
<td>۱۴۰۳/۶/۲۷</td>
</tr>
<tr>
<th scope="row">۳</th>
<td><img class="w-25" src="assets/images/3.jpeg" alt=""></td>
<td>آموزش زیست</td>
<td>۲۵۰۰۰۰</td>
<td>۲</td>
<td>۵۰۰۰۰۰</td>
<td>۱۴۰۳/۵/۲۶</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- End Profiele Body -->
<!-- Start Footer -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col none-small internal-links">
<h3 class="fw-bold footer-color">نام سایت</h3>
<ul class="inner-link footer-color">
<li><a href="">سوالات پر تکرار</a></li>
<li><a href="about-us.html">درباره ما</a></li>
<li><a href="contact-us.html">تماس با ما</a></li>
</ul>
<hr class="footer-color none-small">
<div class="text-end about-footer none-small">
<h4 class="fw-bold footer-color">درباره ما</h4>
<p class="footer-color">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد</p>
</div>
</div>
<div class="col good-links footer-color">
<h3 class="fs-5 fw-bold">لینک های مفید</h3>
<ul>
<li><a href="">سازمان سنجش</a></li>
<li><a href="">آموزش و پرورش</a></li>
<li><a href="">موسسات آموزشی</a></li>
<li><a href="">مدارس</a></li>
</ul>
</div>
<div class="col follow-us">
<h3 class="fs-5 fw-bold">ما را در شبکه های اجتماعی دنبال کنید</h3>
<ul class="d-flex">
<li><a href="">
<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7754 4.99659C46.4256 4.69493 46.0001 4.49441 45.5448 4.41663C45.0895 4.33885 44.6216 4.38675 44.1915 4.55518L4.60942 20.0454C3.891 20.3252 3.28288 20.8308 2.87656 21.486C2.47025 22.1412 2.28773 22.9107 2.35646 23.6786C2.42519 24.4465 2.74145 25.1714 3.25766 25.744C3.77387 26.3167 4.46211 26.7062 5.2188 26.854L14.8438 28.7427V39.5356C14.8438 40.3144 15.0765 41.0753 15.5121 41.7208C15.9477 42.3663 16.5663 42.8669 17.2884 43.1582C18.0106 43.4496 18.8033 43.5185 19.5649 43.3561C20.3265 43.1936 21.0221 42.8073 21.5626 42.2466L25.9903 37.6548L33.2715 44.0278C33.7795 44.4745 34.3946 44.7817 35.0569 44.9192C35.7192 45.0567 36.4058 45.0199 37.0496 44.8124C37.6933 44.6049 38.2722 44.2338 38.7295 43.7354C39.1868 43.237 39.5068 42.6285 39.6583 41.9692L47.5919 7.48682C47.6951 7.03674 47.6736 6.56703 47.5298 6.12824C47.3859 5.68945 47.1251 5.29819 46.7754 4.99659ZM28.7911 15.6138L16.6446 24.3189L9.91997 23.0005L28.7911 15.6138ZM19.5313 37.5942V31.9868L22.461 34.5552L19.5313 37.5942ZM35.3829 39.6489L20.9532 26.9985L41.7168 12.1196L35.3829 39.6489Z" fill="black" />
</svg>
</a></li>
<li><a href="">
<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M33.2988 23.5024L22.3613 16.4712C22.0073 16.2436 21.5986 16.1155 21.178 16.1004C20.7574 16.0852 20.3405 16.1836 19.9711 16.3852C19.6016 16.5868 19.2933 16.8842 19.0784 17.2461C18.8636 17.608 18.7501 18.021 18.75 18.4419V32.5044C18.7501 32.9253 18.8636 33.3383 19.0784 33.7002C19.2933 34.0621 19.6016 34.3595 19.9711 34.5611C20.3405 34.7627 20.7574 34.8611 21.178 34.8459C21.5986 34.8308 22.0073 34.7027 22.3613 34.4751L33.2988 27.4438C33.6286 27.2316 33.8998 26.9399 34.0877 26.5956C34.2755 26.2513 34.3739 25.8654 34.3739 25.4731C34.3739 25.0809 34.2755 24.695 34.0877 24.3507C33.8998 24.0064 33.6286 23.7147 33.2988 23.5024ZM23.4375 28.2075V22.7388L27.6973 25.4731L23.4375 28.2075ZM46.5254 13.8521C46.3096 13.0116 45.8974 12.2344 45.3225 11.5845C44.7476 10.9346 44.0266 10.4305 43.2188 10.1138C36.4062 7.48682 25.6426 7.5044 25 7.5044C24.3574 7.5044 13.5938 7.48682 6.78125 10.1177C5.97343 10.4344 5.2524 10.9385 4.67752 11.5884C4.10264 12.2383 3.69035 13.0155 3.47461 13.856C2.95898 15.8481 2.34375 19.481 2.34375 25.4731C2.34375 31.4653 2.95898 35.0981 3.47461 37.0903C3.69035 37.9308 4.10264 38.708 4.67752 39.3579C5.2524 40.0078 5.97343 40.5119 6.78125 40.8286C13.3223 43.354 23.5078 43.4419 24.877 43.4419H25.123C26.4902 43.4419 36.6777 43.354 43.2188 40.8286C44.0266 40.5119 44.7476 40.0078 45.3225 39.3579C45.8974 38.708 46.3096 37.9308 46.5254 37.0903C47.041 35.0981 47.6562 31.4653 47.6562 25.4731C47.6562 19.481 47.041 15.8481 46.5254 13.856V13.8521ZM41.9922 35.9146C41.964 36.0344 41.9079 36.1458 41.8285 36.2398C41.7491 36.3338 41.6486 36.4078 41.5352 36.4556C35.6992 38.7075 25.834 38.7544 25.0625 38.7544H24.9863C24.8828 38.7544 14.5098 38.7876 8.4707 36.4556C8.3562 36.4085 8.25452 36.3349 8.17404 36.2409C8.09356 36.1468 8.03659 36.035 8.00781 35.9146C7.64062 34.5005 7.03125 31.2622 7.03125 25.4731C7.03125 19.6841 7.64648 16.4458 8.00781 15.0317C8.03599 14.9119 8.09208 14.8005 8.1715 14.7065C8.25092 14.6125 8.35143 14.5385 8.46484 14.4907C14.5098 12.1587 24.8809 12.1919 24.9844 12.1919H25.0137C25.1191 12.1919 35.4902 12.1587 41.5293 14.4907C41.6438 14.5378 41.7455 14.6114 41.826 14.7054C41.9064 14.7995 41.9634 14.9113 41.9922 15.0317C42.3594 16.4458 42.9688 19.6841 42.9688 25.4731C42.9688 31.2622 42.3535 34.5005 41.9922 35.9146Z" fill="black" />
</svg>
</a></li>
<li><a href="">
<svg width="50" height="51" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M25 16.0981C23.1458 16.0981 21.3332 16.648 19.7915 17.6781C18.2498 18.7083 17.0482 20.1724 16.3386 21.8855C15.6291 23.5985 15.4434 25.4835 15.8051 27.3021C16.1669 29.1207 17.0598 30.7912 18.3709 32.1023C19.682 33.4134 21.3525 34.3063 23.171 34.668C24.9896 35.0297 26.8746 34.8441 28.5877 34.1345C30.3007 33.4249 31.7649 32.2233 32.795 30.6816C33.8252 29.1399 34.375 27.3273 34.375 25.4731C34.3724 22.9875 33.3839 20.6045 31.6263 18.8469C29.8687 17.0893 27.4856 16.1007 25 16.0981ZM25 30.1606C24.0729 30.1606 23.1666 29.8857 22.3958 29.3707C21.6249 28.8556 21.0241 28.1235 20.6693 27.267C20.3145 26.4104 20.2217 25.4679 20.4026 24.5587C20.5834 23.6494 21.0299 22.8141 21.6854 22.1586C22.341 21.503 23.1762 21.0566 24.0855 20.8757C24.9948 20.6948 25.9373 20.7877 26.7938 21.1425C27.6504 21.4972 28.3824 22.0981 28.8975 22.8689C29.4126 23.6398 29.6875 24.546 29.6875 25.4731C29.6875 26.7163 29.1936 27.9086 28.3146 28.7877C27.4355 29.6668 26.2432 30.1606 25 30.1606ZM34.375 4.37939H15.625C12.5181 4.38301 9.5395 5.61883 7.34259 7.81573C5.14568 10.0126 3.90987 12.9912 3.90625 16.0981V34.8481C3.90987 37.955 5.14568 40.9336 7.34259 43.1306C9.5395 45.3275 12.5181 46.5633 15.625 46.5669H34.375C37.4819 46.5633 40.4605 45.3275 42.6574 43.1306C44.8543 40.9336 46.0901 37.955 46.0938 34.8481V16.0981C46.0901 12.9912 44.8543 10.0126 42.6574 7.81573C40.4605 5.61883 37.4819 4.38301 34.375 4.37939ZM41.4062 34.8481C41.4062 36.7129 40.6655 38.5014 39.3468 39.82C38.0282 41.1386 36.2398 41.8794 34.375 41.8794H15.625C13.7602 41.8794 11.9718 41.1386 10.6532 39.82C9.33454 38.5014 8.59375 36.7129 8.59375 34.8481V16.0981C8.59375 14.2333 9.33454 12.4449 10.6532 11.1263C11.9718 9.80768 13.7602 9.06689 15.625 9.06689H34.375C36.2398 9.06689 38.0282 9.80768 39.3468 11.1263C40.6655 12.4449 41.4062 14.2333 41.4062 16.0981V34.8481ZM38.2812 15.3169C38.2812 15.935 38.098 16.5391 37.7546 17.0531C37.4112 17.567 36.9232 17.9675 36.3521 18.204C35.7811 18.4405 35.1528 18.5024 34.5466 18.3818C33.9404 18.2613 33.3836 17.9636 32.9465 17.5266C32.5095 17.0896 32.2119 16.5327 32.0913 15.9266C31.9707 15.3204 32.0326 14.692 32.2691 14.121C32.5056 13.55 32.9062 13.0619 33.4201 12.7186C33.934 12.3752 34.5382 12.1919 35.1562 12.1919C35.9851 12.1919 36.7799 12.5211 37.366 13.1072C37.952 13.6932 38.2812 14.4881 38.2812 15.3169Z" fill="black" />
</svg>
</a></li>
</ul>
<div class="namads d-flex justify-content-center">
<div>
<img src="assets/images/enamad.png" alt="نماد الکترونیک">
</div>
<div>
<img src="assets/images/thabtNamad.png" alt="نشان ملی ثبت">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Footer -->
<!-- Strat Script -->
<script src="assets/bootstrap-5.3.3-dist/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/profile.js"></script>
<!-- End Script -->
</body>
</html>