Files
tn_promo/templates/frontend/demo/checkbox.html.twig
2025-10-30 13:13:41 +01:00

338 lines
16 KiB
Twig

{% 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 %}