<div class="card card-custom card-sticky" id="kt_page_sticky_card">
<div class="card-header">
<div class="card-title">
<h3 class="card-label">
فرم با اکشن بار چسبنده<i class="mr-2"></i>
<small class="">صفحه را اسکرول کنید</small>
</h3>
</div>
<div class="card-toolbar">
<a href="#" class="btn btn-light-primary font-weight-bolder mr-2">
<i class="ki ki-long-arrow-back icon-sm"></i>
بازگشت
</a>
<div class="btn-group">
<button type="button" class="btn btn-primary font-weight-bolder">
<i class="ki ki-check icon-sm"></i>
ذخیره فرم
</button>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</button>
<div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
<ul class="nav nav-hover flex-column">
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon flaticon2-reload"></i>
<span class="nav-text">ذخیره & continue</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon flaticon2-add-1"></i>
<span class="nav-text">ذخیره & add new</span>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon flaticon2-power"></i>
<span class="nav-text">ذخیره & exit</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="card-body">
<!--begin::Form-->
<form class="form" id="kt_form">
<div class="row">
<div class="col-xl-2"></div>
<div class="col-xl-8">
<div class="my-5">
<h3 class=" text-dark font-weight-bold mb-10">مشتری اطلاعات:</h3>
<div class="form-group row">
<label class="col-3">نام</label>
<div class="col-9">
<input class="form-control form-control-solid" type="text" value="نوید"/>
</div>
</div>
<div class="form-group row">
<label class="col-3">نام خانوادگی</label>
<div class="col-9">
<input class="form-control form-control-solid" type="text" value="وستون"/>
</div>
</div>
<div class="form-group row">
<label class="col-3">نام شرکت</label>
<div class="col-9">
<input class="form-control form-control-solid" type="text" value="لوپ"/>
<span class="form-text text-muted">اگر می خواهید فاکتورهای خود را به یک شرکت بفرستید. خالی بگذارید تا از نام کامل خود استفاده کنید.</span>
</div>
</div>
<div class="form-group row">
<label class="col-3">مخاطب تلفن</label>
<div class="col-9">
<div class="input-group input-group-solid">
<div class="input-group-prepend"><span class="input-group-text"><i class="la la-phone"></i></span></div>
<input type="text" class="form-control form-control-solid" value="+45678967456" placeholder="تلفن" />
</div>
<span class="form-text text-muted">ما هرگز ایمیل شما را با هیچ کس دیگری به اشتراک نمی گذاریم.</span>
</div>
</div>
<div class="form-group row">
<label class="col-3">نشانی پست الکترونیکی</label>
<div class="col-9">
<div class="input-group input-group-solid">
<div class="input-group-prepend"><span class="input-group-text"><i class="la la-at"></i></span></div>
<input type="text" class="form-control form-control-solid" value="nick.watson@loop.com" placeholder="پست الکترونیک" />
</div>
</div>
</div>
<div class="form-group row">
<label class="col-3">سایت شرکت</label>
<div class="col-9">
<div class="input-group input-group-solid">
<input type="text" class="form-control form-control-solid" placeholder="نام کاربری" value="loop"/>
<div class="input-group-append"><span class="input-group-text">.com</span></div>
</div>
</div>
</div>
</div>
<div class="separator separator-dashed my-10"></div>
<div class="my-5">
<h3 class=" text-dark font-weight-bold mb-10">نشانی جزئیات:</h3>
<div class="form-group row">
<label class="col-3">کشور</label>
<div class="col-9">
<select class="form-control form-control-solid">
<option value="AF">افغانستان</option>
<option value="AX">جزایر الند</option>
<option value="AL">آلبانی</option>
<option value="DZ">الجزایر</option>
<option value="AS">آمریکا</option>
<option value="AD">آندورا</option>
<option value="AO">آنگولا</option>
<option value="AI">آنگولا</option>
<option value="AQ">جنوبگان</option>
<option value="AG">آنتیگوا و باربودا</option>
<option value="AR">آرژانتین</option>
<option value="AM">ارمنستان</option>
<option value="AW">آروبا</option>
<option value="AU">استرالیا</option>
<option value="AT">اتریش</option>
<option value="AZ">آذربایژوئن</option>
<option value="BS">باهاما</option>
<option value="BH">بحرین</option>
<option value="BD">بنگلادش</option>
<option value="BB">باربادوس</option>
<option value="BY">بلاروس</option>
<option value="BE">بلژیک</option>
<option value="BZ">بلیز</option>
<option value="BJ">بنین</option>
<option value="BM">برمودا</option>
<option value="BT">بوتان</option>
<option value="BO"> Plurinational استان of, Plurinational استان of</option>
<option value="BQ"> Sint Eustatius and Saba, Sint Eustatius and Saba</option>
<option value="BA">بوسنی و هرزگوین</option>
<option value="BW">بوتسوانا</option>
<option value="BV">جزیره بوت</option>
<option value="BR">برزیل</option>
<option value="IO">قلمرو اقیانوس هند انگلیس</option>
<option value="BN">برونئی دارالسلام</option>
<option value="BG">بلغارستان</option>
<option value="BF">بورکینافاسو</option>
<option value="BI">بوروندی</option>
<option value="KH">کامبوج</option>
<option value="CM">کامرون</option>
<option value="CA">کانادا</option>
<option value="CV">کیپ ورد</option>
<option value="KY">جزایر کیمن</option>
<option value="CF">جمهوری آفریقای مرکزی</option>
<option value="TD">چاد</option>
<option value="CL">شیلی</option>
<option value="CN">چین</option>
<option value="CX">جزیره کریسمس</option>
<option value="CC">جزایر کوکو</option>
<option value="CO">کلمبیا</option>
<option value="KM">کومور</option>
<option value="CG">کنگو</option>
<option value="CD">کنگو, the نسخه ی نمایشیcratic Republic of the</option>
<option value="CK">جزایر کوک</option>
<option value="CR">کاستاریکا</option>
<option value="CI">ساحل عاج</option>
<option value="HR">کرواسی</option>
<option value="CU">کوبا</option>
<option value="CW">کوراسائو</option>
<option value="CY">قبرس</option>
<option value="CZ">جمهوری چک</option>
<option value="DK">دانمارک</option>
<option value="DJ">جیبوتی</option>
<option value="DM">دومینیکا</option>
<option value="DO">دومینیکا</option>
<option value="EC">اکوادور</option>
<option value="EG">مصر</option>
<option value="SV">السالوادور</option>
<option value="GQ">گینه استوایی</option>
<option value="ER">اریتره</option>
<option value="EE">استونی</option>
<option value="ET">اتیوپی</option>
<option value="FK">جزایر فالکلند (مالویناس)</option>
<option value="FO">جزایر فارو</option>
<option value="FJ">فیجی</option>
<option value="FI">فنلاند</option>
<option value="FR">همدان</option>
<option value="GF">فرانسه گویانا</option>
<option value="PF">فرانسه پلینزی</option>
<option value="TF">سرزمین های فرانسه</option>
<option value="GA">گابن</option>
<option value="GM">گامبیا</option>
<option value="GE">جورجیا</option>
<option value="DE">آلمانی</option>
<option value="GH">غنا</option>
<option value="GI">جبل الطارق</option>
<option value="GR">یونان</option>
<option value="GL">گرینلند</option>
<option value="GD">گرنادا</option>
<option value="GP">گوادلوپ</option>
<option value="GU">گوام</option>
<option value="GT">گواتمالا</option>
<option value="GG">گورنسی</option>
<option value="گ ن">گینه</option>
<option value="GW">گینه بیساو</option>
<option value="GY">گویان</option>
<option value="HT">هائیتی</option>
<option value="HM">جزایر هارد</option>
<option value="VA">مقدس</option>
<option value="HN">هندوراس</option>
<option value="HK">هنگ کنگ</option>
<option value="HU">مجارستان</option>
<option value="IS">ایسلند</option>
<option value="IN">هند</option>
<option value="ID">اندونزی</option>
<option value="IR"> Islamic Republic of, Islamic Republic of</option>
<option value="IQ">عراق</option>
<option value="IE">ایرلند</option>
<option value="IM">جزیره من</option>
<option value="IL">اسرائيل</option>
<option value="IT">ایتالیا</option>
<option value="JM">جامائیکا</option>
<option value="JP">ژاپن</option>
<option value="JE">جرسی</option>
<option value="JO">اردن</option>
<option value="KZ">قزاقستان</option>
<option value="KE">کنیا</option>
<option value="KI">کیریباتی</option>
<option value="KP"> نسخه ی نمایشیcratic مردم's Republic of, نسخه ی نمایشیcratic مردم's Republic of</option>
<option value="KR"> نسخه ی نمایشیcratic مردم's Republic of, Republic of</option>
<option value="KW">کویت</option>
<option value="KG">قرقیزستان</option>
<option value="LA">جمهوری خلق</option>
<option value="LV">لتونی</option>
<option value="LB">لبنان</option>
<option value="LS">لسوتو</option>
<option value="LR">لیبریا</option>
<option value="LY">لیبی</option>
<option value="LI">لیختن اشتاین</option>
<option value="LT">لیتوانی</option>
<option value="LU">لوکزامبورگ</option>
<option value="MO">ماکائو</option>
<option value="MK"> the former Yugoslav Republic of, the former Yugoslav Republic of</option>
<option value="MG">ماداگاسکار</option>
<option value="MW">مالاوی</option>
<option value="MY">مالزی</option>
<option value="MV">مالدیو</option>
<option value="ML">مالی</option>
<option value="MT">مالت</option>
<option value="MH">جزایر مارشال</option>
<option value="MQ">مارتینیک</option>
<option value="MR">موریتانی</option>
<option value="MU">موریس</option>
<option value="YT">مایوت</option>
<option value="MX">مکزیک</option>
<option value="FM"> Federated استانs of, Federated استانs of</option>
<option value="MD"> Republic of, Republic of</option>
<option value="MC">موناکو</option>
<option value="MN">مغولستان</option>
<option value="ME">مونته نگرو</option>
<option value="MS">مونتسرات</option>
<option value="MA">مراکش</option>
<option value="MZ">موزامبیک</option>
<option value="MM">میانمار</option>
<option value="NA">ناميبيا</option>
<option value="NR">نائورو</option>
<option value="NP">نپال</option>
<option value="NL">هیرلند</option>
<option value="NC">کالدونیا</option>
<option value="NZ">نیوزیلند</option>
<option value="NI">نیکاراگوئه</option>
<option value="NE">نیجر</option>
<option value="NG">نیجرia</option>
<option value="NU">نیو</option>
<option value="NF">جزیره نورفولک</option>
<option value="م ح">جزایر ماریانای شمالی</option>
<option value="NO">نروژ</option>
<option value="OM">عمان</option>
<option value="PK">پاکستان</option>
<option value="PW">پالائو</option>
<option value="PS"> Occupied, Occupied</option>
<option value="PA">پاناما</option>
<option value="PG">Papua جدید گینه</option>
<option value="PY">پاراگوئه</option>
<option value="PE">پرو</option>
<option value="PH">فیلیپین</option>
<option value="PN">پیتکراین</option>
<option value="PL">لهستان</option>
<option value="PT">پرتغال</option>
<option value="PR">پورتوریکو</option>
<option value="QA">قطر</option>
<option value="RE">ریئنون</option>
<option value="RO">رومانی</option>
<option value="RU">روسیه</option>
<option value="RW">رواندا</option>
<option value="BL">سنت بارتلی</option>
<option value="SH"> Ascension and Tristan da Cunha, Ascension and Tristan da Cunha</option>
<option value="KN">سنت کیتس و نوویس</option>
<option value="LC">سنت لوسیا</option>
<option value="MF">سنت مارتین</option>
<option value="PM">سنت پیر</option>
<option value="VC">سنت وینسنت</option>
<option value="WS">ساموآ</option>
<option value="س م">سن مارینو</option>
<option value="ST">سائو تومه و پرینسیپ</option>
<option value="SA">عربستان سعودی</option>
<option value="SN">سنگال</option>
<option value="RS">صربستان</option>
<option value="SC">سیشل</option>
<option value="SL">سیرا لئون</option>
<option value="SG">سنگاپور</option>
<option value="SX">مارتین</option>
<option value="SK">اسلواکی</option>
<option value="SI">اسلوونی</option>
<option value="SB">جزایر سلیمان</option>
<option value="SO">سومالی</option>
<option value="ZA">آفریقای جنوبی</option>
<option value="GS">South جورجیا and the South Sandwich Islands</option>
<option value="SS">سودان جنوبی</option>
<option value="ES">اسپانیا</option>
<option value="LK">سری لانکا</option>
<option value="SD">سودان</option>
<option value="SR">سورینام</option>
<option value="SJ">سوالبارد و ژوئن مین</option>
<option value="SZ">سوازیلند</option>
<option value="SE">سوئد</option>
<option value="CH">سوئیس</option>
<option value="SY">جمهوری عربی سوریه</option>
<option value="TW"> Province of چین, Province of چین</option>
<option value="TJ">تاجیکستان</option>
<option value="TZ"> United Republic of, United Republic of</option>
<option value="TH">تایلند</option>
<option value="TL">تیمور-لست</option>
<option value="TG">رفتن</option>
<option value="TK">توکلو</option>
<option value="TO">تونگا</option>
<option value="TT">ترینیداد و توباگو</option>
<option value="TN">تونس</option>
<option value="TR">بوقلمون</option>
<option value="TM">ترکمنستان</option>
<option value="TC">جزایر تورکس و کایکوس</option>
<option value="TV">تووالو</option>
<option value="UG">اوگاندا</option>
<option value="UA">اوکراین</option>
<option value="AE">امارات متحده عربی</option>
<option value="GB">انگلستان</option>
<option value="US" selected>استان متحده</option>
<option value="UM">استان متحده Minor Outlying Islands</option>
<option value="UY">اروگوئه</option>
<option value="UZ">ازبکستان</option>
<option value="VU">واناتو</option>
<option value="VE"> Bolivarian Republic of, Bolivarian Republic of</option>
<option value="VN">ویتنام</option>
<option value="VG"> British, British</option>
<option value="VI"> British, U.S.</option>
<option value="WF">والیس و فوتونا</option>
<option value="EH">صحرای غربی</option>
<option value="YE">یمن</option>
<option value="ZM">زامبیا</option>
<option value="ZW">زیمبابوه</option>
</select>
</div>
</div>
<div class="form-group row">
<label class="col-3">آدرس 1</label>
<div class="col-9">
<input class="form-control form-control-solid" type="text" value="تهران ولنجک"/>
</div>
</div>
<div class="form-group row">
<label class="col-3">آدرس 2</label>
<div class="col-9">
<input class="form-control form-control-solid" type="text" value="اهواز چهارشیر"/>
</div>
</div>
<div class="form-group row">
<label class="col-3">شهر</label>
<div class="col-9">
<input class="form-control form-control-solid" type="text" value="تهران"/>
</div>
</div>
<div class="form-group row">
<label class="col-3">استان</label>
<div class="col-9">
<input class="form-control form-control-solid" type="text" value="تهران"/>
</div>
</div>
<div class="form-group row">
<label class="col-3">کدپستی</label>
<div class="col-9">
<input class="form-control form-control-solid" type="text" value="780456"/>
</div>
</div>
<div class="form-group row">
<label class="col-3"></label>
<div class="col-9">
<div class="checkbox-inline">
<label class="checkbox">
<input type="checkbox"/> به عنوان آدرس حمل و نقل استفاده کنید.
<span></span>
</label>
</div>
</div>
</div>
</div>
<div class="separator separator-dashed my-10"></div>
<div class="my-52">
<h3 class=" text-dark font-weight-bold mb-10">امنیت:</h3>
<div class="form-group row">
<label class="col-3">لاگین تایید</label>
<div class="col-9">
<button type="button" class="btn btn-light-primary font-weight-bold btn-sm"> وارد شوید</button>
<div class="form-text text-muted mt-3">
برای تأیید هویت خود و محافظت از حساب خود در برابر خطر ، از شما سؤال می شود که اطلاعات اضافی کسب کنید. . . , برای تأیید هویت خود و محافظت از حساب خود در برابر خطر ، از شما سؤال می شود که اطلاعات اضافی کسب کنید. . . .
<a href="#">بیشتر بدانید</a>.
</div>
</div>
</div>
<div class="form-group row">
<label class="col-3">تنظیم مجدد رمز عبور تایید</label>
<div class="col-9">
<div class="checkbox-inline">
<label class="checkbox mb-2">
<input type="checkbox"/>
<span></span>
برای تنظیم مجدد گذرواژهتان ، به اطلاعات شخصی نیاز دارید
</label>
</div>
<div class="form-text text-muted">
این امر به شما نیاز دارد تا هنگام تنظیم مجدد رمز عبور ، ایمیل یا شماره تلفن خود را تأیید کنید. , این امر به شما نیاز دارد تا هنگام تنظیم مجدد رمز عبور ، ایمیل یا شماره تلفن خود را تأیید کنید.
<a href="#" class="font-weight-bold">بیشتر بدانید</a>.
</div>
</div>
</div>
<div class="form-group row mt-10">
<label class="col-3"></label>
<div class="col-9">
<button type="button" class="btn btn-light-danger font-weight-bold btn-sm">حساب خود را غیرفعال کنید؟</button>
</div>
</div>
</div>
</div>
<div class="col-xl-2"></div>
</div>
</form>
<!--end::Form-->
</div>
</div>
