71 lines
2.0 KiB
PHP
71 lines
2.0 KiB
PHP
<?php get_header(); ?>
|
||
|
||
<div class="demo-components">
|
||
|
||
<section class="buttons component">
|
||
<div class="component-explanation">
|
||
<h2 class="component-explanation__title">Boutons</h2>
|
||
<p class="component-explanation__description">différent boutons</p>
|
||
</div>
|
||
|
||
<div class="buttons-example">
|
||
<a class="cta cta--primary cta--button" href="#" target="_blank">Bouton Primaire</a>
|
||
<a class="cta cta--secondary cta--button" href="#" target="_blank">Bouton Secondaire</a>
|
||
<a class="cta cta--outline cta--button" href="#" target="_blank">Bouton Outline</a>
|
||
<a class="cta cta--button cta--shadowed" href="#" target="_blank">Bouton White Shadowed</a>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<section id="heading-box" class="component">
|
||
<?php
|
||
get_template_part("template-components/heading-box", null, array(
|
||
"title" => "Heading Box",
|
||
"description" => "Bonjour ! je suis une belle boite de titrage",
|
||
"pageIcon" => array(
|
||
"url" => get_template_directory_uri() . "/resources/img/pictogrammes/pictogramme-formulaire.svg"
|
||
)
|
||
));
|
||
?>
|
||
<div class="component-explanation">
|
||
<h2 class="component-explanation__title">Heading Box</h2>
|
||
<p class="component-explanation__description">Pour le titrage de pages. L'icone et le titre sont intégrées automatiquement depuis les informations de page</p>
|
||
</div>
|
||
</section>
|
||
|
||
<?php
|
||
get_template_part('template-components/post-conseils/chapter-header');
|
||
|
||
|
||
?>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<!-- Slider main container -->
|
||
<div class=" swiper">
|
||
<!-- Additional required wrapper -->
|
||
<div class="swiper-wrapper">
|
||
<!-- Slides -->
|
||
<div class="swiper-slide">Slide 1</div>
|
||
<div class="swiper-slide">Slide 2</div>
|
||
<div class="swiper-slide">Slide 3</div>
|
||
...
|
||
</div>
|
||
<!-- If we need pagination -->
|
||
<div class="swiper-pagination"></div>
|
||
|
||
<!-- If we need navigation buttons -->
|
||
<div class="swiper-button-prev"></div>
|
||
|
||
|
||
<!-- If we need scrollbar -->
|
||
<div class="swiper-scrollbar"></div>
|
||
</div>
|
||
|
||
|
||
<?php
|
||
get_footer();
|