102 lines
3.8 KiB
HTML
102 lines
3.8 KiB
HTML
<section class="card card-green" style="margin-bottom:2em;">
|
|
<div class="card-header">
|
|
<i class="fa fa-fw fa-calendar"></i> Dernières publications
|
|
</div>
|
|
<div class="list-group list-group-flush">
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
#Inktober2017 - Test
|
|
</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
#Inktober2017 - Test
|
|
</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
#Inktober2017 - Test
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card card-secondary" style="margin-bottom:2em;">
|
|
<div class="card-header">
|
|
<i class="fa fa-fw fa-folder-open"></i> Catégories
|
|
</div>
|
|
<div class="list-group list-group-flush">
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Cras justo odio
|
|
<span class="badge badge-primary badge-pill">14</span>
|
|
</a>
|
|
<a href="#" class="list-group-item list-group-item-action">Images</a>
|
|
<a href="#" class="list-group-item list-group-item-action">Canard</a>
|
|
<a href="#" class="list-group-item list-group-item-action">Test</a>
|
|
<a href="#" class="list-group-item list-group-item-action">Fak u garon</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card card-orange" style="margin-bottom:2em;">
|
|
<div class="card-header">
|
|
<i class="fa fa-fw fa-calendar-o"></i> Archive
|
|
</div>
|
|
<div class="list-group list-group-flush">
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
2017
|
|
<span class="badge badge-primary badge-pill">14</span>
|
|
</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
2016
|
|
<span class="badge badge-primary badge-pill">2</span>
|
|
</a>
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
2015
|
|
<span class="badge badge-primary badge-pill">3</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="card card-dark" style="margin-bottom:2em;">
|
|
<div class="card-header">
|
|
<i class="fa fa-fw fa-circle-o"></i> Badge colors
|
|
</div>
|
|
<div class="list-group list-group-flush">
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Primary / Purple
|
|
<span class="badge badge-primary badge-pill">:)</span>
|
|
</a>
|
|
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Secondary / Blue
|
|
<span class="badge badge-blue badge-pill">:)</span>
|
|
</a>
|
|
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Success / Green
|
|
<span class="badge badge-green badge-pill">:)</span>
|
|
</a>
|
|
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Violet
|
|
<span class="badge badge-violet badge-pill">:)</span>
|
|
</a>
|
|
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Turquoise
|
|
<span class="badge badge-turquoise badge-pill">:)</span>
|
|
</a>
|
|
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Warning / Orange
|
|
<span class="badge badge-orange badge-pill">:)</span>
|
|
</a>
|
|
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Danger / Red
|
|
<span class="badge badge-red badge-pill">:)</span>
|
|
</a>
|
|
|
|
<a href="#" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
|
|
Dark
|
|
<span class="badge badge-dark badge-pill">:)</span>
|
|
</a>
|
|
|
|
|
|
</div>
|
|
</section>
|