first commit
This commit is contained in:
maher
338
templates/frontend/demo/checkbox.html.twig
Normal file
338
templates/frontend/demo/checkbox.html.twig
Normal file
@@ -0,0 +1,338 @@
|
||||
{% extends 'base_frontend.html.twig' %}
|
||||
|
||||
{% block title %} Newslettre {% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- ============================================== HEADER : END ============================================== -->
|
||||
<div class="breadcrumb">
|
||||
<div class="breadcrumb-inner">
|
||||
<ul class="list-inline list-unstyled">
|
||||
<li><a href="{{ path('frontend_home_index') }}">Newslettre</a></li>
|
||||
<li class='active'>Configuration</li>
|
||||
</ul>
|
||||
</div><!-- /.breadcrumb-inner -->
|
||||
</div><!-- /.breadcrumb -->
|
||||
|
||||
<div class="body-content ">
|
||||
|
||||
<div class="sign-in-page">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-4">
|
||||
<h3>Default Styling</h3>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<small class="text-uppercase text-muted"><b>Checkbox Block (Default Checked)</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch">
|
||||
<label>
|
||||
<input type="checkbox" name="" checked="checked" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Checkbox Inline (Default Unchecked)</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch">
|
||||
<input type="checkbox" name="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Checkbox Disabled (Default Checked)</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch">
|
||||
<input type="checkbox" name="" disabled="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Checkbox Disabled (Default Unchecked)</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch">
|
||||
<input type="checkbox" name="" disabled="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h3>Light Styling</h3>
|
||||
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<small class="text-uppercase text-muted"><b>Checkbox Block</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-light">
|
||||
<label>
|
||||
<input type="checkbox" name="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Checkbox Inline</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch switch-light">
|
||||
<input type="checkbox" name="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Checkbox Disabled</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch switch-light">
|
||||
<input type="checkbox" name="" disabled="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Success</h3>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-success">
|
||||
<label>
|
||||
<input type="checkbox" name="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-success">
|
||||
<label>
|
||||
<input type="checkbox" name="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch switch-success">
|
||||
<input type="checkbox" name="" disabled="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>Primary</h3>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-primary">
|
||||
<label>
|
||||
<input type="checkbox" name="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-primary">
|
||||
<label>
|
||||
<input type="checkbox" name="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch switch-primary">
|
||||
<input type="checkbox" name="" disabled="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Info</h3>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-info">
|
||||
<label>
|
||||
<input type="checkbox" name="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-info">
|
||||
<label>
|
||||
<input type="checkbox" name="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch switch-info">
|
||||
<input type="checkbox" name="" disabled="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Warning</h3>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-warning">
|
||||
<label>
|
||||
<input type="checkbox" name="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-warning">
|
||||
<label>
|
||||
<input type="checkbox" name="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch switch-warning">
|
||||
<input type="checkbox" name="" disabled="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h3>Danger</h3>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-danger">
|
||||
<label>
|
||||
<input type="checkbox" name="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-danger">
|
||||
<label>
|
||||
<input type="checkbox" name="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch switch-danger">
|
||||
<input type="checkbox" name="" disabled="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h3>Dark</h3>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-body">
|
||||
<small class="text-uppercase text-muted"><b>Default Checked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-dark">
|
||||
<label>
|
||||
<input type="checkbox" name="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Unchecked</b></small>
|
||||
<div class="form-group">
|
||||
<div class="checkbox checbox-switch switch-dark">
|
||||
<label>
|
||||
<input type="checkbox" name="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<small class="text-uppercase text-muted"><b>Default Disabled</b></small>
|
||||
<div class="form-group">
|
||||
<label class="checkbox-inline checbox-switch switch-dark">
|
||||
<input type="checkbox" name="" disabled="" checked="" />
|
||||
<span></span>
|
||||
Checkbox Label
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div><!-- /.row -->
|
||||
</div><!-- /.sigin-in-->
|
||||
<br><br><br><br>
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user