-
Notifications
You must be signed in to change notification settings - Fork 3
/
ticket.html
329 lines (328 loc) · 22.3 KB
/
ticket.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
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
<!--
_ _
__ _____ ___ ___| |__ ___ ___ | | ___ _ __ __ _
\ \ /\ / / __/ __|/ __| '_ \ / _ \ / _ \| | / _ \| '__/ _` |
\ V V /\__ \__ \ (__| | | | (_) | (_) | || (_) | | | (_| |
\_/\_/ |___/___/\___|_| |_|\___/ \___/|_(_)___/|_| \__ |
|___/
Siamak Mokhtari <www.siamak.us> at Web Standards School <www.wsschool.org>.
Copyright (C) 2015 Siamak Mokhtari <[email protected]>.
Under Licensed MIT <siamak.mit-license.org>.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>اولین همایش آینده طراحی وب</title>
<meta name="author" content="WSSCHOOL.ORG">
<meta name="keywords" content="طراحی وب,آینده طراحی وب,مدرسه استاندارد های وب,همایش,Front-end">
<meta name="description" content="اولین همایش آینده طراحی وب، کاری از مدرسه استانداردهای وب">
<meta name="robots" content="index follow">
<meta name="copyright" content="2015-2016">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0 user-scalable=no width=device-width">
<meta property="og:type" content="website">
<meta property="og:site_name" content="مدرسه استانداردهای وب">
<meta property="og:url" content="http://conf.wsschool.org/fowd/">
<meta property="og:title" content="اولین همایش آینده طراحی وب">
<meta property="og:description" content="اولین همایش آینده طراحی وب با هدف معرفی تکنولوژی ها و متدهای جدید در طراحی وب و ارتقا طراحی وب امسال، در ایران برگزار می‌شود.">
<meta property="og:image" content="http://conf.wsschool.org/fowd/dist/img/fowd.jpg">
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://conf.wsschool.org/fowd/">
<meta name="twitter:domain" content="http://conf.wsschool.org/fowd/">
<meta name="twitter:title" content="اولین همایش آینده طراحی وب">
<meta name="twitter:description" content="اولین همایش آینده طراحی وب با هدف معرفی تکنولوژی ها و متدهای جدید در طراحی وب و ارتقا طراحی وب امسال، در ایران برگزار می‌شود.">
<meta name="twitter:image" content="http://conf.wsschool.org/fowd/dist/img/fowd.jpg">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="icon" type="image/png" href="dist/img/favicon.png">
<link href="dist/css/styles.css?1444325754458" rel="stylesheet" media="all">
<!--
___ ___ __ __ ___ ___ ___ _ _ _____
| \| __| \/ |/ _ \ | __/ _ \| \| |_ _|
| |) | _|| |\/| | (_) | | _| (_) | .` | | |
|___/|___|_| |_|\___/ |_| \___/|_|\_| |_|
This version has Iransans Demo if you need Full pack IranSans Font. READ FULL_VERSION.txt located at "dist/fonts/iransans-demo/" -->
<link href="dist/fonts/iransans-demo/iransans-demo.css?1444325754458" rel="stylesheet">
</head>
<body>
<!-- -- Hello FOWD -- -->
<header class="hero--header wide">
<section class="wrap hero--header-wrap">
<section class="hero--header-container">
<div class="wrap-row center wrap-static">
<section class="column--xsmall-12 column--small-6">
<div class="column--inner">
<img src="dist/img/svgs/TheFutureOfWebDesign_logo-favicon.svg" alt="اولین همایش آینده طراحی وب" class="favicon--logo">
<h2 class="typo-delta">ثبت نام در اولین همایش آینده وب</h2>
<p>مشخصات خود را دقیق وارد کنید و از طریق درگاه پرداخت بانک مبلغ را واریز کنید. </p>
</div>
</section>
</div>
</section>
</section>
</header>
<section class="section ticket--from">
<section class="wrap contain">
<div class="wrap-row center">
<section class="column--xsmall-12 column--small-6">
<section class="ticket--choice blue-ticket ticket-single">
<p><b>تیکت موجود:</b></p><i class="icon fa fa-calendar-o fa-ml fa-2x"></i><b class="bold">تا ۳۱ مرداد ۱۳۹۴</b>
<i
class="icon fa fa-money fa-ml fa-2x"></i>
<h6 class="price">۹۰٫۰۰۰ تومان</h6>
<form class="form form--center">
<p>تعداد تیکت های خود را وارد کنید:</p>
<input type="number" min="1" max="5" placeholder="تعداد تیکت را وارد کنید..."
class="input little has-border">
<button class="button radius button-blue-light small">مرحله بعد<i class="fa fa-chevron-left fa-mr"></i></button>
</form>
</section>
</section>
</div>
<div class="wrap-row between">
<section class="column--xsmall-12 column--small-8">
<section class="column--inner ticket-step">
<h5 class="ticket-step-title">تیکت شماره 1:</h5>
<form class="form">
<label class="label">
<span class="place">نام و نام خانوادگی</span>
<input type="text" placeholder="نام خود را وارد کنید..." required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">ایمیل</span>
<input type="email" placeholder="ایمیل خود را وارد کنید..." dir="ltr" required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">شماره تلفن همراه</span>
<input type="phone" placeholder="شماره تلفن را وارد کنید..." required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">تخصص</span>
<select name="name" class="input selectbox has-border">
<option value="0" selected>انتخاب...</option>
<option value="1">گزینه ۱</option>
<option value="2">گزینه ۲</option>
<option value="3">گزینه ۳</option>
<option value="4">گزینه ۴</option>
</select>
</label>
<label class="label">
<span class="place">تخفیف</span>
<input type="phone" placeholder="کد تخفیف خود را وارد کنید..." class="input has-border little">
</label>
<div class="label">
<span class="place"></span>
<button class="button radius button-blue-accent">ثبت</button>
</div>
</form>
</section>
<section class="column--inner ticket-step">
<h5 class="ticket-step-title">تیکت شماره 2:</h5>
<form class="form">
<label class="label">
<span class="place">نام و نام خانوادگی</span>
<input type="text" placeholder="نام خود را وارد کنید..." required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">ایمیل</span>
<input type="email" placeholder="ایمیل خود را وارد کنید..." dir="ltr" required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">شماره تلفن همراه</span>
<input type="phone" placeholder="شماره تلفن را وارد کنید..." required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">تخصص</span>
<select name="name" class="input selectbox has-border">
<option value="0" selected>انتخاب...</option>
<option value="1">گزینه ۱</option>
<option value="2">گزینه ۲</option>
<option value="3">گزینه ۳</option>
<option value="4">گزینه ۴</option>
</select>
</label>
<label class="label">
<span class="place">تخفیف</span>
<input type="phone" placeholder="کد تخفیف خود را وارد کنید..." class="input has-border little">
</label>
<div class="label">
<span class="place"></span>
<button class="button radius button-blue-accent">ثبت</button>
</div>
</form>
</section>
<section class="column--inner ticket-step">
<h5 class="ticket-step-title">تیکت شماره 3:</h5>
<form class="form">
<label class="label">
<span class="place">نام و نام خانوادگی</span>
<input type="text" placeholder="نام خود را وارد کنید..." required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">ایمیل</span>
<input type="email" placeholder="ایمیل خود را وارد کنید..." dir="ltr" required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">شماره تلفن همراه</span>
<input type="phone" placeholder="شماره تلفن را وارد کنید..." required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">تخصص</span>
<select name="name" class="input selectbox has-border">
<option value="0" selected>انتخاب...</option>
<option value="1">گزینه ۱</option>
<option value="2">گزینه ۲</option>
<option value="3">گزینه ۳</option>
<option value="4">گزینه ۴</option>
</select>
</label>
<label class="label">
<span class="place">تخفیف</span>
<input type="phone" placeholder="کد تخفیف خود را وارد کنید..." class="input has-border little">
</label>
<div class="label">
<span class="place"></span>
<button class="button radius button-blue-accent">ثبت</button>
</div>
</form>
</section>
<section class="column--inner ticket-step">
<h5 class="ticket-step-title">تیکت شماره 4:</h5>
<form class="form">
<label class="label">
<span class="place">نام و نام خانوادگی</span>
<input type="text" placeholder="نام خود را وارد کنید..." required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">ایمیل</span>
<input type="email" placeholder="ایمیل خود را وارد کنید..." dir="ltr" required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">شماره تلفن همراه</span>
<input type="phone" placeholder="شماره تلفن را وارد کنید..." required="true"
class="input has-border">
</label>
<label class="label">
<span class="place">تخصص</span>
<select name="name" class="input selectbox has-border">
<option value="0" selected>انتخاب...</option>
<option value="1">گزینه ۱</option>
<option value="2">گزینه ۲</option>
<option value="3">گزینه ۳</option>
<option value="4">گزینه ۴</option>
</select>
</label>
<label class="label">
<span class="place">تخفیف</span>
<input type="phone" placeholder="کد تخفیف خود را وارد کنید..." class="input has-border little">
</label>
<div class="label">
<span class="place"></span>
<button class="button radius button-blue-accent">ثبت</button>
</div>
</form>
</section>
</section>
<section class="column--xsmall-12 column--small-4">
<section class="column--inner ticket-receipt">
<header class="ticket-receipt--head">
<div class="border--bottom-solid"><b class="pull-right title">پرداخت شما:</b>
<span class="pull-left date gray small">دوشنبه ۱۲ مرداد ۱۳۹۴</span>
</div>
</header>
<section class="ticket-receipt--body">
<p class="typo-zeta">میهمان گرامی:</p>
<ul class="ticket-receipt--list">
<li class="border--bottom-dashed"><b class="pull-right key black-light">تیکت زود هنگام (1)</b>
<div class="pull-left value"><b>۹۰٫۰۰۰ </b>
<span class="gray small">تومان</span>
</div>
</li>
<li class="border--bottom-dashed"><b class="pull-right key black-light">تیکت زود هنگام (2)</b>
<div class="pull-left value"><b>۹۰٫۰۰۰ </b>
<span class="gray small">تومان</span>
</div>
</li>
<li class="border--bottom-dashed"><b class="pull-right key black-light">تیکت زود هنگام (3)</b>
<div class="pull-left value"><b>۹۰٫۰۰۰ </b>
<span class="gray small">تومان</span>
</div>
</li>
<li class="border--bottom-dashed"><b class="pull-right key black-light">تیکت زود هنگام (4)</b>
<div class="pull-left value"><b>۹۰٫۰۰۰ </b>
<span class="gray small">تومان</span>
</div>
</li>
</ul>
</section>
<section class="ticket-receipt--foot">
<ul class="ticket-receipt--list">
<li class="border--bottom-solid"><b class="pull-right key black-light">درصد تخفیف:</b>
<div class="pull-left value"><b>۴۵</b>
<span class="gray small">درصد</span>
</div>
</li>
<li><b class="pull-right key black-light">مبلغ کل:</b>
<div class="pull-left value"><b>۹۰,۰۰۰</b>
<span class="gray small">تومان</span>
</div>
</li>
<li><b class="pull-right key black-light">تخفیف:</b>
<div class="pull-left value blue-light"><b dir="ltr">– ۴۵,۰۰۰</b></div>
</li>
<li><b class="pull-right key black huge">مبلغ پرداختی:</b>
<div class="pull-left value blue-accent huge"><b>۴۵,۰۰۰ تومان</b></div>
</li>
</ul><a href="#" class="ticket-receipt--buy button button-blue-accent radius">خرید</a></section>
</section>
</section>
</div>
</section>
</section>
<footer class="hero--footer on-navigation darken-blend">
<section class="wrap">
<section class="wrap-row center">
<div class="column--xsmall-12 column--small-9">
<div class="column--inner">
<hr class="star">
<p>© کپی رایت ۱۳۹۴
<br>مدرسه استانداردهای وب، تحت حمایت <a href="http://www.majidonline.com/" target="_blank">مجید آنلاین</a> فعالیت
می‌کند.
<br><a href="mailto:[email protected]" target="_self">تماس</a>، <a href="http://twitter.com/wsschool_org"
target="_blank">توییتر</a>، <a href="http://facebook.com/wsschool" target="_blank">فیس‌بوک</a>،
<a
href="http://instagram.com/wsschool_org" target="_blank">اینستاگرام</a>.</p>
<p>
<a href="http://siamak.us/?utm_campaign=Signature&utm_medium=banner&utm_source=WSSCHOOL" target="_blank"
title="طراحی و اجرا؛ سیامک مختاری" class="siamak">
<img src="dist/img/svgs/siamak.svg" alt="سیامک مختاری">
</a>
</p>
</div>
</div>
</section>
</section>
</footer>
<section class="notify">
<div class="notify-badge">
<span>ایمیل خود را وارد نمایید!</span>
</div>
<div class="notify-badge">
<span>شماره موبایل شما صحیح نیست.</span>
</div>
</section>
<!-- -- Bye FOWD -- -->
</body>
</html>