Use card component for website project

web/include/project-card.php

@@ -0,0 +1,16 @@
+<!-- Project card component -->
+<div class="card">
+    <img class="card-img-top" src="<?php echo $pro_img_src; ?>" alt="<?php echo $pro_image_alt; ?>">
+    <div class="card-body">
+        <h4 class="card-title">
+            <img src="<?php echo $category_img_src; ?>" alt="<?php echo $category_img_alt; ?>">
+            <?php echo $pro_title; ?>
+        </h4>
+        <p class="card-text">
+        <?php echo $pro_text; ?>
+        </p>
+        <a href="projets/<?php echo $pro_page; ?>" class="btn btn-success">
+            Voir la page du projet
+        </a>
+    </div>
+</div>

web/projets.php

@@ -53,8 +53,12 @@
         </p>
 
         <!-- Présentation : En cours -->
+        <?php
+            $category_img_src = "https://img.icons8.com/color/50/000000/rocket.png";
+            $category_img_alt = "Rocket flat icon";
+        ?>
         <h3>
-            <img src="https://img.icons8.com/color/50/000000/rocket.png" alt="rocket flat icon">
+            <img src="<?php echo $category_img_src; ?>" alt="<?php echo $category_img_alt; ?>">
             En cours
         </h3>
         <p>
@@ -63,21 +67,13 @@
 
         <!-- Projets en cours -->
         <div class="card-columns">
-            <div class="card">
-                <img class="card-img-top" src="https://img.icons8.com/color/400/000000/city.png" alt="Jovian site icon">
-                <div class="card-body">
-                    <h4 class="card-title">
-                        <img src="https://img.icons8.com/color/35/000000/rocket.png" alt="rocket flat icon">
-                        Jovian Website
-                    </h4>
-                    <p class="card-text">
-                        Mon site Internet : celui sur lequel vous naviguez actuellement.
-                    </p>
-                    <a href="projets/pro_static_site.php" class="btn btn-success">
-                        Voir la page du projet
-                    </a>
-                </div>
-            </div>
+            <?php
+                $pro_img_src = "https://img.icons8.com/color/400/000000/city.png";
+                $pro_img_alt = "Jovian site icon";
+                $pro_title = "Jovian Website";
+                $pro_text = "Mon site Internet : celui sur lequel vous naviguez actuellement.";
+                include("include/project-card.php");
+            ?>
         </div>
 
         <!-- présentation projets présentables -->