Image de chaque fonction sur leur page respective

css/style.css

@@ -81,9 +81,8 @@ header {
 #convertIn {
     width: 6.7em;
 }
-#roman-numerals {
-    width: 20%;
-    min-width: 200px;
+.function-image {
+    max-width: 130px;
     padding-bottom: 20px;
 }
 .table {

views/function-views/calculateAge.php

@@ -8,6 +8,9 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span></h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
+  <div class="text-center">
+    <img class="function-image" src="/img/function-image/calculateAge.png" alt="Calculate Age">
+  </div>
   <div class="form-group">
 		<label for="birthDateValue">Entrez la date de naissance au format (dd/mm/yyyy) :</label>
         <input name="birthDateValue" type="text" id="birthDateValue" placeholder="Sélectionnez une date" class="form-control datepicker">

views/function-views/convertBinaryText.php

@@ -8,6 +8,9 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
+  <div class="text-center">
+    <img class="function-image" src="/img/function-image/convertBinaryText.png" alt="Convert Binary Text">
+  </div>
   <div class="form-group">
 		<label for="binaryTextValue">Entrez votre chaîne de caractères ou du binaire :</label>
         <textarea name="binaryTextValue" type="text" id="binaryTextValue" placeholder="(e.g : 'Salut' ou '01010011 01100001')" class="form-control"></textarea>

views/function-views/convertCurrency.php

@@ -8,6 +8,9 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
+  <div class="text-center">
+    <img class="function-image" src="/img/function-image/convertCurrency.png" alt="Convert Currency">
+  </div>
   <br>
   <div class="form-group">
         <label for="value">Entrez le nombre à convertir et sélectionner la devise de celui-çi :</label>

views/function-views/convertDistance.php

@@ -8,10 +8,13 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
+  <div class="text-center">
+    <img class="function-image" src="/img/function-image/convertDistance.png" alt="Convert Distance">
+  </div>
   <br>
   <div class="form-group">
         <label for="firstValue">Entrez la distance que vous voulez convertir et sélectionner l'unité de celle-çi :</label>
-        <br>
+        <br> 
         <input name="firstValue" type="text" class="inlineInput" id="firstValue" placeholder="(e.g : 50)" class="form-control">
         <select id="firstValueUnit">
             <option value="pm">pm</option>
@@ -48,6 +51,7 @@
         <br>
         <div class="form-row text-center">
             <div class="col-12">
+                <br>
                 <button type="submit" id="submitConvertDistance" class="btn btn-dark text-center">Envoyer</button>
             </div>
         </div>

views/function-views/convertRomanArabicNumbers.php

@@ -9,7 +9,7 @@
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
   <div class="text-center">
-    <img id="roman-numerals" src="/img/function-image/convertRomanArabicNumbers.png" alt="Roman Numerals">
+    <img class="function-image" src="/img/function-image/convertRomanArabicNumbers.png" alt="Roman Numerals">
   </div>
   <div class="form-group">
 		<label for="numbersArabic">Entrez votre nombre :</label>

views/function-views/convertTemperature.php

@@ -8,6 +8,9 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
+  <div class="text-center">
+    <img class="function-image" src="/img/function-image/convertTemperature.png" alt="Convert Temperature">
+  </div>
   <div class="form-group">
 		<label for="temperatureValue">Entrez la température :</label>
         <input name="temperatureValue" type="text" id="temperatureValue" placeholder="(e.g : 23°C)" class="form-control">

views/function-views/filterStudents.php

@@ -8,6 +8,9 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
+  <div class="text-center">
+    <img class="function-image" src="/img/function-image/filterStudents.png" alt="Filter Students">
+  </div>
   <div class="form-group">
 		<label for="nameEntered">Entrez les prénoms :</label>
         <input name="nameEntered" type="text" id="nameEntered" placeholder="(e.g : 'Prénom1, Prénom2, Prénom3, ...')" class="form-control">

views/function-views/randomNumber.php

@@ -8,6 +8,9 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
+  <div class="text-center">
+    <img class="function-image" src="/img/function-image/randomNumber.png" alt="Random Number">
+  </div>
   <div class="form-group">
 		<label for="minValue">Entrez la valeur minimale :</label>
         <input name="minValue" type="number" min="0" id="minValue" placeholder="(e.g : 1)" class="form-control">

views/function-views/randomQuote.php

@@ -8,8 +8,14 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center">
-    <?php echo $description?> <br> <br>
-    <a href="/views/quote-list.php">La liste de toutes les citations/proverbes.</a>
+    <?php echo $description?> 
+    <div class="text-center">
+        <img class="function-image" src="/img/function-image/randomQuote.png" alt="Random Quote">
+    </div>
+    <br>
+    <div class="text-center">
+        <a href="/views/quote-list.php">La liste de toutes les citations/proverbes.</a>
+    </div>
   </p> <br>
   <div class="form-group">
         <div class="form-row text-center">

views/function-views/weatherRequest.php

@@ -8,6 +8,9 @@
 <div class="container">
   <h1><span class="important"><?php echo $title?></span> :</h1>
   <p class="pt-3 text-center"><?php echo $description?></p>
+  <div class="text-center">
+    <img class="function-image" src="/img/function-image/weatherRequest.png" alt="Weather">
+  </div>
   <div class="form-group">
 		<label for="cityName">Entrez le nom d'une ville :</label>
         <input name="cityName" type="text" id="cityName" placeholder="(e.g : Paris)" class="form-control">