FEATURE Introducing searcheform and search

header.php

@@ -97,7 +97,7 @@
 							<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-rechercher.svg" alt="">
 							Rechercher
 						</button>
-						<button class="search-button">
+						<button class="subscribe-button">
 							<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-abonner.svg" alt="">
 							S’abonner
 						</button>
@@ -113,6 +113,7 @@
 
 
 			</div>
+			<?php get_template_part('template-parts/search-module'); ?>
 
 		</header>
 
@@ -124,4 +125,5 @@
 
 		<?php do_action('tailpress_content_start'); ?>
 
+
 		<main id="content" class="site-content flex-grow">

search.php

@@ -0,0 +1,33 @@
+<?php get_header(); ?>
+
+<div class="search-results-page container mx-auto my-8">
+
+	<section class="block-content-page-header">
+		<div class="block-content-page-header__content">
+			<div class="section_titling section_titling--left">
+				<h1 class="section_titling__title"><?php echo __("Résultat de recherche  ", "homegrade-theme__texte-fonctionnel") ?></h1>
+				<h2 class="section_titling__subtitle">
+					<?php echo __("Résultats de la recherche pour : ", "homegrade-theme__texte-fonctionnel")  ?>
+					<span class="search-results-page__current-term">« <?php echo get_search_query(); ?> »</span>
+				</h2>
+			</div>
+		</div>
+		
+		<img decoding="async" class="block-content-page-header__page-icon" src="<?php echo get_template_directory_uri() . "/resources/img/illustrations/homegrade_rechercher.svg" ?>" alt="">
+	</section>
+
+
+	<div class="search-results-page__results-container">
+		<?php if (have_posts()) : ?>
+			<?php
+			while (have_posts()) :
+				the_post();
+			?>
+				<?php get_template_part('template-components/content', get_post_format()); ?>
+			<?php endwhile; ?>
+		<?php endif; ?>
+	</div>
+</div>
+
+<?php
+get_footer();

searchform.php

@@ -0,0 +1,32 @@
+<form action="/" method="get" class="search-module__search-form">
+	<label class="search-module__search-form__title" for="search"><?php echo __('Vous cherchez quelque chose en particulier ?', 'homegrade-theme__texte-fonctionnel') ?></label>
+	<!-- <hr class="search-module__search-form__separator separator"> -->
+
+	<div class="search-module__searchbar-group">
+
+		<input class="search-module__search-form__input" type="text" name="s" id="search" value="<?php the_search_query(); ?>" placeholder="<?php echo __('Rechercher dans la revue Dynamiques', 'homegrade-theme__texte-fonctionnel') ?>" />
+
+		<button type="submit">
+			<span><?php echo __('Rechercher', 'homegrade-theme__texte-fonctionnel') ?></span>
+			<img class="search_icon" src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/search-icon.svg' alt=''>
+		</button>
+	</div>
+
+	<ul class="search-module__suggestions">
+		<li class="suggestion-item">
+			<a href="#">Lire la dernière revue </a>
+		</li>
+		<li class="suggestion-item">
+			<a href="#">Contacter le CARHOP </a>
+		</li>
+		<li class="suggestion-item">
+			<a href="#">Faire connaissance avec l’équipe de Dynamiques</a>
+		</li>
+		<li class="suggestion-item">
+			<a href="#">Découvrir les thématiques abordées</a>
+		</li>
+		<li class="suggestion-item">
+			<a href="#">Je souhaite proposer un article</a>
+		</li>
+	</ul>
+</form>