37 lines
1.3 KiB
PHP
37 lines
1.3 KiB
PHP
<?php snippet('header') ?>
|
|
<main>
|
|
|
|
<header class="page__header">
|
|
<h2 class="page__title"><?= $page->title() ?></h2>
|
|
|
|
<div class="page__description">
|
|
<p>
|
|
<?= $page->chapo() ?>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto dignissimos, sit dolorum minima vel illo aliquam veniam eos assumenda cum quaerat error consequuntur laborum ipsum.
|
|
</p>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
<div class="page__sort">
|
|
<button class="sort btn--small no-link" data-sort-type="down"><p>Trier par date</p> <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></button>
|
|
<div class="dropdown">
|
|
<button class="dropdown__trigger sort btn--small no-link"><span class="icon"><?= svg('assets/icons/filter.svg') ?></span><p>Lieux</p></button>
|
|
<div class="dropdown__content">
|
|
<ul>
|
|
<li><button type="button" data-filter="france">France</button></li>
|
|
<li><button type="button" data-filter="cisjordanie">Cisjordanie</button></li>
|
|
<li><button type="button" data-filter="etats-unis">États-Unis</button></li>
|
|
<li><button type="button" data-filter="gaza">Gaza</button></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="container-cards">
|
|
|
|
|
|
|
|
</section>
|
|
</main>
|
|
<?php snippet('footer') ?>
|