diff --git a/html/templates/contracts/contracts_modal.html b/html/templates/contracts/contracts_modal.html
index e69de29..e09dddd 100644
--- a/html/templates/contracts/contracts_modal.html
+++ b/html/templates/contracts/contracts_modal.html
@@ -0,0 +1,16 @@
+<!-- Copyright © 2023 Entreprise SkamKraft -->
+
+<div class="my-modal">
+    <p class="modal-title">Contract</p>
+    <p class="contract-id"></p>
+    <p class="contract-faction"></p>
+    <p class="contract-type"></p>
+    <p class="contract-expiration"></p>
+    <p class="contract-payment-accepted"></p>
+    <p class="contract-payment-fulfill"></p>
+    <p class="contract-tradeSymbol"></p>
+    <p class="contract-destinationSymbol"></p>
+    <div>
+        <button class="btn btn-val btn-close">Close</button>
+    </div>
+</div>
\ No newline at end of file
diff --git a/js/controllers/contracts.js b/js/controllers/contracts.js
index e5b4a28..c0a1561 100644
--- a/js/controllers/contracts.js
+++ b/js/controllers/contracts.js
@@ -66,9 +66,6 @@ export default function contracts(temp_engine) {
                       <div class="card-body">
                         <h5 style="color:white" class="card-title">${contract.faction}</h5>
                         <p style="color:white" class="card-text">${contract.deadline}</p>
-                        <p style="color:white" class="card-text">${contract.deadline}</p>
-                        <p style="color:white" class="card-text">${contract.deadline}</p>
-                        <p style="color:white" class="card-text">${contract.deadline}</p>
                         <p class="card-text status-accepted">Status : ${status}</p>
                         <p></p>                     
                       </div>
@@ -100,7 +97,7 @@ export default function contracts(temp_engine) {
             `
         }
         $('.contracts').append(card);
-        $('.contracts').append(card);
+        
       });
 
     })