index: separate the sidebar

This commit is contained in:
Kazhnuz 2018-10-24 14:32:25 +02:00
parent be8ac9c676
commit 510f62452b
2 changed files with 53 additions and 52 deletions

View file

@ -174,55 +174,5 @@ In id suscipit elit.</code></pre>
</article> </article>
</div> </div>
<aside class="sidebar col-md-3"> <?php get_sidebar(); ?>
<section class="card card-primary">
<div class="card-header">
<h3 class="card-title">Catégories</h3>
</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">
Objet de liste
<span class="badge badge-primary badge-pill">14</span>
</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
</div>
</section>
<section class="card card-primary">
<div class="card-header">
<h3 class="card-title"> Archive</h3>
</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">
Objet de liste
<span class="badge badge-primary badge-pill">14</span>
</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
</div>
</section>
<section class="card card-primary">
<div class="card-header">
<h3 class="card-title">Navigation</h3>
</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">
Objet de liste
<span class="badge badge-primary badge-pill">14</span>
</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
</div>
</section>
</aside>
<?php get_footer(); ?> <?php get_footer(); ?>

51
sidebar.php Normal file
View file

@ -0,0 +1,51 @@
<aside class="sidebar col-md-3">
<section class="card card-primary">
<div class="card-header">
<h3 class="card-title">Catégories</h3>
</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">
Objet de liste
<span class="badge badge-primary badge-pill">14</span>
</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
</div>
</section>
<section class="card card-primary">
<div class="card-header">
<h3 class="card-title"> Archive</h3>
</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">
Objet de liste
<span class="badge badge-primary badge-pill">14</span>
</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
</div>
</section>
<section class="card card-primary">
<div class="card-header">
<h3 class="card-title">Navigation</h3>
</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">
Objet de liste
<span class="badge badge-primary badge-pill">14</span>
</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
<a href="#" class="list-group-item list-group-item-action">Objet de liste</a>
</div>
</section>
</aside>