Logo

چیدمان با فرم دو ستونه

نام کامل خود را وارد کنید
لطفا شماره مخاطب را وارد کنید
لطفا آدرس را وارد کنید
لطفا کد پستی را وارد کنید
لطفاً گروه کاربری را انتخاب کنید

								<form class="form">
									<div class="card-body">
										<div class="form-group row">
											<div class="col-lg-6">
												<label>نام خانوادگی:</label>
												<input type="email" class="form-control" placeholder="نام کامل را وارد کنید"/>
												<span class="form-text text-muted">نام کامل خود را وارد کنید</span>
											</div>
											<div class="col-lg-6">
												<label>مخاطب عدد:</label>
												<input type="email" class="form-control" placeholder="شماره تماس را وارد کنید"/>
												<span class="form-text text-muted">لطفا شماره مخاطب را وارد کنید</span>
											</div>
										</div>
										<div class="form-group row">
											<div class="col-lg-6">
												<label>نشانی:</label>
												<div class="input-group">
													<input type="text" class="form-control" placeholder="آدرس را وارد کنید"/>
													<div class="input-group-append"><span class="input-group-text"><i class="la la-map-marker"></i></span></div>
												</div>
												<span class="form-text text-muted">لطفا آدرس را وارد کنید</span>
											</div>
											<div class="col-lg-6">
												<label>کد ارسال:</label>
												<div class="input-group">
													<input type="text" class="form-control" placeholder="کد پستی را وارد کنید"/>
													<div class="input-group-append"><span class="input-group-text"><i class="la la-bookmark-o"></i></span></div>
												</div>
												<span class="form-text text-muted">لطفا کد پستی را وارد کنید</span>
											</div>
										</div>
										<div class="form-group row">
											<div class="col-lg-6">
												<label>گروه کاربر:</label>
												<div class="radio-inline">
													<label class="radio radio-solid">
														<input type="radio" name="example_2" checked="checked" value="2"/>
														<span></span>
														فروشنده
													</label>
													<label class="radio radio-solid">
														<input type="radio" name="example_2" value="2"/>
														<span></span>
														مشتری
													</label>
												</div>
												<span class="form-text text-muted">لطفاً گروه کاربری را انتخاب کنید</span>
											</div>
										</div>
									</div>
									<div class="card-footer">
										<div class="row">
											<div class="col-lg-6">
												<button type="reset" class="btn btn-primary mr-2">ذخیره</button>
												<button type="reset" class="btn btn-secondary">لغو</button>
											</div>
											<div class="col-lg-6 text-right">
												<button type="reset" class="btn btn-danger">حذف</button>
											</div>
										</div>
									</div>
								</form>
								

2 ستون ها فرم افقی

نام کامل خود را وارد کنید
لطفا شماره مخاطب را وارد کنید
لطفا آدرس را وارد کنید
لطفا کد پستی را وارد کنید
لطفاً گروه کاربری را انتخاب کنید

								<form class="form">
									<div class="card-body">
										<div class="form-group row">
											<label class="col-lg-2 col-form-label text-right">نام خانوادگی:</label>
											<div class="col-lg-3">
												<input type="email" class="form-control" placeholder="نام کامل را وارد کنید"/>
												<span class="form-text text-muted">نام کامل خود را وارد کنید</span>
											</div>
											<label class="col-lg-2 col-form-label text-right">مخاطب عدد:</label>
											<div class="col-lg-3">
												<input type="email" class="form-control" placeholder="شماره تماس را وارد کنید"/>
												<span class="form-text text-muted">لطفا شماره مخاطب را وارد کنید</span>
											</div>
										</div>
										<div class="form-group row">
											<label class="col-lg-2 col-form-label text-right">نشانی:</label>
											<div class="col-lg-3">
												<div class="input-group">
													<input type="text" class="form-control" placeholder="آدرس را وارد کنید"/>
													<div class="input-group-append"><span class="input-group-text"><i class="la la-map-marker"></i></span></div>
												</div>
												<span class="form-text text-muted">لطفا آدرس را وارد کنید</span>
											</div>
											<label class="col-lg-2 col-form-label text-right">کد ارسال:</label>
											<div class="col-lg-3">
												<div class="input-group">
													<input type="text" class="form-control" placeholder="کد پستی را وارد کنید"/>
													<div class="input-group-append"><span class="input-group-text"><i class="la la-bookmark-o"></i></span></div>
												</div>
												<span class="form-text text-muted">لطفا کد پستی را وارد کنید</span>
											</div>
										</div>
										<div class="form-group row">
											<label class="col-lg-2 col-form-label text-right">گروه:</label>
											<div class="col-lg-3">
												<div class="radio-inline">
													<label class="radio radio-solid">
														<input type="radio" name="example_2" checked="checked" value="2"/>
														<span></span>
														فروشنده
													</label>
													<label class="radio radio-solid">
														<input type="radio" name="example_2" value="2"/>
														<span></span>
														مشتری
													</label>
												</div>
												<span class="form-text text-muted">لطفاً گروه کاربری را انتخاب کنید</span>
											</div>
										</div>
									</div>
									<div class="card-footer">
										<div class="row">
											<div class="col-lg-2"></div>
											<div class="col-lg-10">
												<button type="reset" class="btn btn-success mr-2">ارسال</button>
												<button type="reset" class="btn btn-secondary">لغو</button>
											</div>
										</div>
									</div>
								</form>
								

فرم سه ستونه

نام کامل خود را وارد کنید
ایمیل خود را وارد کنید
نام کاربری را وارد کنید
لطفا وارد کنید مخاطب
لطفا شماره فکس را وارد کنید
لطفا آدرس را وارد کنید
لطفا کد پستی را وارد کنید
لطفاً گروه کاربری را انتخاب کنید

								<form class="form">
									<div class="card-body">
										<div class="form-group row">
											<div class="col-lg-4">
												<label>نام خانوادگی:</label>
												<input type="email" class="form-control" placeholder="نام کامل را وارد کنید"/>
												<span class="form-text text-muted">نام کامل خود را وارد کنید</span>
											</div>
											<div class="col-lg-4">
												<label>پست الکترونیک:</label>
												<input type="email" class="form-control" placeholder="ایمیل را وارد کنید"/>
												<span class="form-text text-muted">ایمیل خود را وارد کنید</span>
											</div>
											<div class="col-lg-4">
												<label>نام کاربری:</label>
												<div class="input-group">
													<div class="input-group-prepend"><span class="input-group-text"><i class="la la-user"></i></span></div>
													<input type="text" class="form-control" placeholder=""/>
												</div>
												<span class="form-text text-muted">نام کاربری را وارد کنید</span>
											</div>
										</div>
										<div class="form-group row">
											<div class="col-lg-4">
												<label>مخاطب:</label>
												<input type="email" class="form-control" placeholder="شماره تماس را وارد کنید"/>
												<span class="form-text text-muted">لطفا وارد کنید مخاطب</span>
											</div>
											<div class="col-lg-4">
												<label>فکس:</label>
												<div class="input-group">
													<div class="input-group-prepend"><span class="input-group-text"><i class="la la-info-circle"></i></span></div>
													<input type="text" class="form-control" placeholder="شماره فکس"/>
												</div>
												<span class="form-text text-muted">لطفا شماره فکس را وارد کنید</span>
											</div>
											<div class="col-lg-4">
												<label>نشانی:</label>
												<div class="input-group">
													<input type="text" class="form-control" placeholder="آدرس را وارد کنید"/>
													<div class="input-group-append"><span class="input-group-text"><i class="la la-map-marker"></i></span></div>
												</div>
												<span class="form-text text-muted">لطفا آدرس را وارد کنید</span>
											</div>
										</div>
										<div class="form-group row">
											<div class="col-lg-4">
												<label>کد ارسال:</label>
												<div class="input-group">
													<div class="input-group-append"><span class="input-group-text"><i class="la la-bookmark-o"></i></span></div>
													<input type="text" class="form-control" placeholder="کد پستی را وارد کنید"/>
												</div>
												<span class="form-text text-muted">لطفا کد پستی را وارد کنید</span>
											</div>
											<div class="col-lg-4">
												<label>گروه کاربر:</label>
												<div class="radio-inline">
													<label class="radio radio-solid">
														<input type="radio" name="example_2" checked="checked" value="2"/>
														<span></span>
														فروشنده
													</label>
													<label class="radio radio-solid">
														<input type="radio" name="example_2" value="2"/>
														<span></span>
														مشتری
													</label>
												</div>
												<span class="form-text text-muted">لطفاً گروه کاربری را انتخاب کنید</span>
											</div>
										</div>
									</div>
									<div class="card-footer">
										<div class="row">
											<div class="col-lg-4"></div>
											<div class="col-lg-8">
												<button type="reset" class="btn btn-primary mr-2">ارسال</button>
												<button type="reset" class="btn btn-secondary">لغو</button>
											</div>
										</div>
									</div>
								</form>
								

3 ستون ها فرم افقی

نام کامل خود را وارد کنید
ایمیل خود را وارد کنید
نام کاربری را وارد کنید
لطفا وارد کنید مخاطب
لطفا شماره فکس را وارد کنید
لطفا آدرس را وارد کنید
لطفا کد پستی را وارد کنید
لطفاً گروه کاربری را انتخاب کنید

								<form class="form">
									<div class="card-body">
										<div class="form-group row mt-3">
											<label class="col-lg-1 col-form-label text-right">نام خانوادگی:</label>
											<div class="col-lg-3">
												<input type="email" class="form-control" placeholder="نام و نام خانوادگی"/>
												<span class="form-text text-muted">نام کامل خود را وارد کنید</span>
											</div>
											<label class="col-lg-1 col-form-label text-right">پست الکترونیک:</label>
											<div class="col-lg-3">
												<input type="email" class="form-control" placeholder="پست الکترونیک"/>
												<span class="form-text text-muted">ایمیل خود را وارد کنید</span>
											</div>
											<label class="col-lg-1 col-form-label text-right">نام کاربری:</label>
											<div class="col-lg-3">
												<div class="input-group">
													<div class="input-group-prepend"><span class="input-group-text"><i class="la la-user"></i></span></div>
													<input type="text" class="form-control" placeholder=""/>
												</div>
												<span class="form-text text-muted">نام کاربری را وارد کنید</span>
											</div>
										</div>

										<div class="separator separator-dashed my-10"></div>

										<div class="form-group row">
											<label class="col-lg-1 col-form-label text-right">مخاطب:</label>
											<div class="col-lg-3">
												<input type="email" class="form-control" placeholder="شماره تماس را وارد کنید"/>
												<span class="form-text text-muted">لطفا وارد کنید مخاطب</span>
											</div>
											<label class="col-lg-1 col-form-label text-right">فکس:</label>
											<div class="col-lg-3">
												<div class="input-group">
													<input type="text" class="form-control" placeholder="شماره فکس"/>
													<div class="input-group-append"><span class="input-group-text"><i class="la la-info-circle"></i></span></div>
												</div>
												<span class="form-text text-muted">لطفا شماره فکس را وارد کنید</span>
											</div>
											<label class="col-lg-1 col-form-label text-right">نشانی:</label>
											<div class="col-lg-3">
												<div class="input-group">
													<input type="text" class="form-control" placeholder="آدرس را وارد کنید"/>
													<div class="input-group-append"><span class="input-group-text"><i class="la la-map-marker"></i></span></div>
												</div>
												<span class="form-text text-muted">لطفا آدرس را وارد کنید</span>
											</div>
										</div>

										<div class="separator separator-dashed my-10"></div>

										<div class="form-group row">
											<label class="col-lg-1 col-form-label text-right">کد ارسال:</label>
											<div class="col-lg-3">
												<div class="input-group">
													<input type="text" class="form-control" placeholder="کد پستی را وارد کنید"/>
													<div class="input-group-append"><span class="input-group-text"><i class="la la-bookmark-o"></i></span></div>
												</div>
												<span class="form-text text-muted">لطفا کد پستی را وارد کنید</span>
											</div>
											<label class="col-lg-1 col-form-label text-right">گروه کاربر:</label>
											<div class="col-lg-3">
												<div class="radio-inline">
													<label class="radio radio-solid">
														<input type="radio" name="example_2" checked="checked" value="2"/> فروشنده
														<span></span>
													</label>
													<label class="radio radio-solid">
														<input type="radio" name="example_2" value="2"/> مشتری
														<span></span>
													</label>
												</div>
												<span class="form-text text-muted">لطفاً گروه کاربری را انتخاب کنید</span>
											</div>
										</div>
									</div>
									<div class="card-footer">
										<div class="row">
											<div class="col-lg-5"></div>
											<div class="col-lg-7">
												<button type="reset" class="btn btn-primary mr-2">ارسال</button>
												<button type="reset" class="btn btn-secondary">لغو</button>
											</div>
										</div>
									</div>
								</form>
								

اعلان ها 24 جدید

اقدامات سریع امور مالی

پروفایل کاربر 12 پیام

آخرین اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
پیام های سیستم
نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار
اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
مراقبت از مشتری
گزارشات
اعضا

انتخاب نسخه ی نمایشی

نسخه ی نمایشی 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