<form class="form-inline">
<div class="form-group row">
<label for="exampleInputEmail1">ایمیل</label>
<input type="email" class="form-control" id="exampleInputEmail1"
placeholder="ایمیل خود را وارد نمایید">
</div>
<div class="form-group row">
<label for="exampleInputPassword1">کلمه عبور</label>
<input type="password" class="form-control" id="exampleInputPassword1"
placeholder="کلمه عبور خود را وارد نمایید">
</div>
<div class="form-group row">
<label for="exampleInputFile">آپلود فایل </label>
<input type="file" id="exampleInputFile">
<p class="help-block">فایل خود را انتخاب نمایید</p>
</div>
<div class="checkbox margin-bottom-20">
<input type="checkbox" id="chk-1"><label for="chk-1">ذخیره اطلاعات</label>
</div>
<button type="submit"
class="btn btn-primary btn-sm waves-effect waves-light">ثبت</button>
</form>
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">ایمیل</label>
<div class="col-sm-10">
<input type="email" class="form-control" id="inputEmail3"
placeholder="ایمیل خود را وارد نمایید">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">کلمه عبور</label>
<div class="col-sm-10">
<input type="password" class="form-control" id="inputPassword3"
placeholder="کلمه عبور خود را وارد نمایید">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<input type="checkbox" id="chk-3"> <label for="chk-3">ذخیره اطلاعات</label>
</div>
</div>
</div>
<div class="form-group margin-bottom-0">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit"
class="btn btn-info btn-sm waves-effect waves-light">ورود</button>
</div>
</div>
</form>
<div class="card-content">
<div class="row small-spacing">
<div class="col-sm-3">
<input type="text" placeholder=".col-sm-3" class="form-control">
</div>
<div class="col-sm-4">
<input type="text" placeholder=".col-sm-4" class="form-control">
</div>
<div class="col-sm-5">
<input type="text" placeholder=".col-smm-5" class="form-control">
</div>
</div>
</div>
<div class="card-content">
<ul class="list-inline margin-bottom-0">
<li class="form-group">
<input type="text" class="form-control" id="exampleInputName2"
placeholder="نام و نام خانوادگی">
</li>
<li class="form-group">
<input type="email" class="form-control" id="exampleInputEmail2"
placeholder="ایمیل">
</li>
<li class="form-group">
<button type="submit"
class="btn btn-primary waves-effect waves-light">ارسال</button>
</li>
</ul>
<ul class="list-inline margin-bottom-0">
<li class="form-group">
<label class="sr-only" for="exampleInputEmail3">ایمیل</label>
<input type="email" class="form-control" id="exampleInputEmail3"
placeholder="آدرس ایمیل خود را وارد نمایید">
</li>
<li class="form-group">
<label class="sr-only" for="exampleInputPassword3">کلمه عبور</label>
<input type="password" class="form-control" id="exampleInputPassword3"
placeholder="کلمه عبور را وارد نمایید">
</li>
<li class="checkbox">
<input type="checkbox" id="chk-2"><label for="chk-2"> ذخیره اطلاعات</label>
</li>
<li class="form-group">
<button type="submit" class="btn btn-info waves-effect waves-light">ورود</button>
</li>
</ul>
</div>
<form class="form-horizontal">
<div class="form-group">
<label for="inp-type-1" class="col-sm-3 control-label">متن</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inp-type-1"
placeholder="متنی را وارد نمایید...">
</div>
</div>
<div class="form-group">
<label for="inp-type-2" class="col-sm-3 control-label">ایمیل</label>
<div class="col-sm-9">
<input type="email" class="form-control" id="inp-type-2"
placeholder="ایمیل خود را وارد نمایید">
</div>
</div>
<div class="form-group">
<label for="inp-type-3" class="col-sm-3 control-label">کلمه عبور</label>
<div class="col-sm-9">
<input type="password" class="form-control" id="inp-type-3"
placeholder="کلمه عبور خود را وارد نمایید" value="Password">
</div>
</div>
<div class="form-group">
<label for="inp-type-4" class="col-sm-3 control-label">نام و نام خانوادگی</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="inp-type-4"
placeholder="نام و نام خانوادگی را وارد نمایید">
</div>
</div>
<div class="form-group">
<label for="inp-type-5" class="col-sm-3 control-label">توضیحات</label>
<div class="col-sm-9">
<textarea class="form-control" id="inp-type-5"
placeholder="متن خود را وارد نمایید"></textarea>
</div>
</div>
</form>
<form>
<div class="form-group has-success">
<label for="input-states-1">متن صحیح</label>
<div class="form-with-icon">
<input type="email" class="form-control" id="input-states-1"
placeholder="وارد نمایید ...">
<i class="fa fa-check item-icon item-icon-right"></i>
</div>
</div>
<div class="form-group has-warning">
<label for="input-states-2">متن اطلاع رسانی</label>
<div class="form-with-icon">
<input type="email" class="form-control" id="input-states-2"
placeholder="وارد نمایید...">
<i class="fa fa-warning item-icon item-icon-right"></i>
</div>
</div>
<div class="form-group has-error">
<label for="input-states-3">متن اشتباه</label>
<div class="form-with-icon">
<input type="email" class="form-control" id="input-states-3"
placeholder="وارد نمایید...">
<i class="fa fa-times item-icon item-icon-right"></i>
</div>
</div>
<div class="form-group has-inverse">
<label for="input-states-4">آیکون دلخواه</label>
<div class="form-with-icon">
<input type="email" class="form-control" id="input-states-4"
placeholder="وارد نماید...">
<i class="fa fa-envelope item-icon item-icon-right"></i>
</div>
</div>
</form>
<div class="card-content">
<div class="input-group margin-bottom-20">
<div class="input-group-btn"><label for="ig-1" class="btn btn-default"><i
class="fa fa-user"></i></label></div>
<input id="ig-1" type="text" class="form-control" placeholder="نام کاربری">
</div>
<div class="input-group margin-bottom-20">
<div class="input-group-btn"><label for="ig-2" class="btn btn-default"><i
class="fa fa-envelope"></i></label></div>
<input id="ig-2" type="email" class="form-control" placeholder="ایمیل">
</div>
<div class="input-group">
<div class="input-group-btn"><label for="ig-3" class="btn btn-default"><i
class="fa fa-usd"></i></label></div>
<input id="ig-3" type="text" class="form-control" placeholder="دسترسی">
</div>
</div>
<div class="card-content">
<div class="input-group margin-bottom-20">
<input type="text" class="form-control" placeholder="جستجو...">
<div class="input-group-btn"><button type="button"
class="btn btn-info no-border waves-effect waves-light"><i
class="fa fa-search text-white"></i></button></div>
</div>
<div class="input-group margin-bottom-20">
<input type="email" class="form-control" placeholder="ایمیل">
<div class="input-group-btn"><button type="button"
class="btn btn-success no-border waves-effect waves-light"><i
class="fa fa-paper-plane text-white"></i></button></div>
</div>
<div class="input-group">
<input type="email" class="form-control" placeholder="اینستگرام">
<div class="input-group-btn"><button type="button"
class="btn btn-primary no-border waves-effect waves-light"><i
class="fa fa-instagram text-white"></i></button></div>
</div>
</div>
<select class="form-select" aria-label="Default select example">
<option selected>انتخاب کنید</option>
<option value="1">تست 1</option>
<option value="2">تست 2</option>
<option value="3">تست 3</option>
</select>
<h4 class="box-title">نوار پیمایش</h4>
<input type="range" class="form-range" id="customRange1">