<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>فرم ثبت نام کاربران پالیزی</h2> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>عضویت کاربران</legend> <!-- Multiple Radios --> <div class="form-group"> <label class="col-md-4 control-label" for="sex">جنسیت</label> <div class="col-md-4"> <div class="radio"> <label for="sex-0"> <input name="sex" id="sex-0" value="Men" checked="checked" type="radio"> مرد </label> </div> <div class="radio"> <label for="sex-1"> <input name="sex" id="sex-1" value="Woman" type="radio"> زن </label> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Name">نام</label> <div class="col-md-4"> <input id="Name" name="Name" placeholder="Name" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Last Name">نام خانوادگی</label> <div class="col-md-4"> <input id="Last Name" name="Last Name" placeholder="Last Name" class="form-control input-md" required="" type="text"> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="selectbasic">عنوان عضویت</label> <div class="col-md-5"> <select id="selectbasic" name="selectbasic" class="form-control"> <option value="Normal">عادی</option> <option value="Realtor">مشاور</option> <option value="V.I.P">V.I.P</option> <option value="Manager Palizi">مدیران پالیزی</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Phone">تلفن همراه</label> <div class="col-md-5"> <input id="Phone" name="Phone" placeholder="Mobile phone" class="form-control input-md" type="text"> <span class="help-block">+98 912 ******** : مثال </span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="Email">پست الکترونیک</label> <div class="col-md-5"> <input id="Email" name="Email" placeholder="Email " class="form-control input-md" required="" type="text"> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="passwordinput">رمز عبور </label> <div class="col-md-5"> <input id="passwordinput" name="passwordinput" placeholder="password" class="form-control input-md" required="" type="password"> <span class="help-block">حداقل 5 کاراکتر حداکثر 12 کاراکتر برای انتخاب رمز عبور، مجاز می باشد</span> </div> </div> <!-- Password input--> <div class="form-group"> <label class="col-md-4 control-label" for="passwordinput">تکرار رمز عبور</label> <div class="col-md-5"> <input id="passwordinput" name="passwordinput" placeholder=" Confirm Password" class="form-control input-md" required="" type="password"> </div> </div> <!-- Multiple Checkboxes --> <div class="form-group"> <label class="col-md-4 control-label" for="License">مجوزات دریافت اطلاعات</label> <div class="col-md-4"> <div class="checkbox"> <label for="License-0"> <input name="License" id="License-0" value="1" type="checkbox"> مایل به دریافت ایمیل از گروه پالیز%:8.9!می باشم </label> </div> <div class="checkbox"> <label for="License-1"> <input name="License" id="License-1" value="2" type="checkbox"> مایل به دریافت مجله الکترونیک پالیزی می باشم </label> </div> <div class="checkbox"> <label for="License-2"> <input name="License" id="License-2" value="3" type="checkbox"> مایل به دریافت پیامک های پالیزی می باشم </label> </div> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-info">ثبت نام</button> </div> </div> </fieldset> </form> </div> </div>