
		<!-- MAIN CONTENT WRAPPER -->
		<div id="main-content-wrapper" class="content-wrapper ">
			<!-- top general alert -->
			<div class="alert alert-danger top-general-alert">
				<span>If you <strong>can't see the logo</strong> on the top left, please reset the style on right style switcher (for upgraded theme only).</span>
				<button type="button" class="close">&times;</button>
			</div>
			<!-- end top general alert -->
			<div class="row">
				<div class="col-lg-4 ">
					<ul class="breadcrumb">
						<li><i class="fa fa-home"></i><a href="#">Home</a></li>
						<li><a href="#">Forms</a></li>
						<li class="active">Validation</li>
					</ul>
				</div>
				<div class="col-lg-8 ">
					<div class="top-content">
						<ul class="list-inline quick-access">
							<li>
								<a href="charts-statistics-interactive.html">
									<div class="quick-access-item bg-color-green">
										<i class="fa fa-bar-chart-o"></i>
										<h5>CHARTS</h5><em>basic, interactive, real-time</em>
									</div>
								</a>
							</li>
							<li>
								<a href="page-inbox.html">
									<div class="quick-access-item bg-color-blue">
										<i class="fa fa-envelope"></i>
										<h5>INBOX</h5><em>inbox with gmail style</em>
									</div>
								</a>
							</li>
							<li>
								<a href="tables-dynamic-table.html">
									<div class="quick-access-item bg-color-orange">
										<i class="fa fa-table"></i>
										<h5>DYNAMIC TABLE</h5><em>tons of features and interactivity</em>
									</div>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- main -->
			<div class="content">
				<div class="main-header">
					<h2>Validation</h2>
					<em>form validations</em>
				</div>
				<div class="main-content">
					<div class="row">
						<div class="col-md-6">
							<!-- BASIC VALIDATION -->
							<div class="widget">
								<div class="widget-header">
									<h3><i class="fa fa-check"></i> Basic Validation</h3></div>
								<div class="widget-content">
									<form id="basic-form" method="post" data-parsley-validate novalidate>
										<div class="form-group">
											<label>Text Input</label>
											<input type="text" class="form-control" required>
										</div>
										<div class="form-group">
											<label>Text Area</label>
											<textarea class="form-control" rows="5" cols="30" required></textarea>
										</div>
										<div class="form-group">
											<label>Checkbox</label>
											<br/>
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox" required data-parsley-errors-container="#error-checkbox">
												<span>Option 1</span>
											</label>
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox">
												<span>Option 2</span>
											</label>
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox">
												<span>Option 3</span>
											</label>
											<p id="error-checkbox"></p>
										</div>
										<div class="form-group">
											<label>Radio Button</label>
											<br />
											<label class="fancy-radio">
												<input type="radio" name="gender" value="male" required data-parsley-errors-container="#error-radio">
												<span><i></i>Male</span>
											</label>
											<label class="fancy-radio">
												<input type="radio" name="gender" value="female">
												<span><i></i>Female</span>
											</label>
											<p id="error-radio"></p>
										</div>
										<div class="form-group">
											<label for="multiselect1">Multiselect</label>
											<br/>
											<select id="multiselect1" name="multiselect1[]" class="multiselect-validation" data-parsley-error-container="#multiselect-error" multiple="multiple" required>
												<option value="cheese">Cheese</option>
												<option value="tomatoes">Tomatoes</option>
												<option value="mozarella">Mozzarella</option>
												<option value="mushrooms">Mushrooms</option>
												<option value="pepperoni">Pepperoni</option>
												<option value="onions">Onions</option>
											</select>
											<span id="multiselect-error"></span>
										</div>
										<br/>
										<button type="submit" class="btn btn-primary">Validate</button>
									</form>
								</div>
							</div>
							<!-- END BASIC VALIDATION -->
						</div>
						<div class="col-md-6">
							<!-- ADVANCED VALIDATION -->
							<div class="widget">
								<div class="widget-header">
									<h3><i class="fa fa-check-circle"></i> Advanced Validation</h3></div>
								<div class="widget-content">
									<form id="advanced-form" data-parsley-validate novalidate>
										<div class="form-group">
											<label for="text-input1">Min. 8 Characters</label>
											<input type="text" id="text-input1" class="form-control" required data-parsley-minlength="8">
										</div>
										<div class="form-group">
											<label for="text-input2">Between 5-10 Characters</label>
											<input type="text" id="text-input2" class="form-control" required data-parsley-range="[5,10]">
										</div>
										<div class="form-group">
											<label for="text-input3">Min. Number ( >= 5 )</label>
											<input type="text" id="text-input3" class="form-control" required data-parsley-min="5">
										</div>
										<div class="form-group">
											<label for="text-input4">Between 20-30</label>
											<input type="text" id="text-input4" class="form-control" required data-parsley-range="[20,30]">
										</div>
										<div class="form-group">
											<label>Select Min. 2 Options</label>
											<br />
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox2" required data-parsley-mincheck="2" data-parsley-errors-container="#error-checkbox2">
												<span>Option 1</span>
											</label>
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox2">
												<span>Option 2</span>
											</label>
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox2">
												<span>Option 3</span>
											</label>
											<p id="error-checkbox2"></p>
										</div>
										<div class="form-group">
											<label>Select Between 1-2 Options</label>
											<br />
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox3" required data-parsley-range="[1,2]" data-parsley-errors-container="#error-checkbox3">
												<span>Option 1</span>
											</label>
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox3">
												<span>Option 2</span>
											</label>
											<label class="control-inline fancy-checkbox">
												<input type="checkbox" name="checkbox3">
												<span>Option 3</span>
											</label>
											<p id="error-checkbox3"></p>
										</div>
										<br/>
										<button type="submit" class="btn btn-primary">Validate</button>
									</form>
								</div>
							</div>
							<!-- END ADVANCED VALIDATION -->
						</div>
					</div>
				</div>
			</div>
			<!-- /main -->
