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