Add article content and images

Author: MartimLou42

Wireframe/git-branch-image.png

@@ -15,7 +15,7 @@ <h1>The Utility of Definitions</h1>
     </header>
     <main>
       <article>
-        <img src="placeholder.svg" alt="Placeholder image for a README file" />
+        <img src="readme-image.png" alt="Illustration of a README document" />
         <h2>What is a README file?</h2>
         <p>
           A README file explains what a project is, how to use it, and any
@@ -29,7 +29,10 @@ <h2>What is a README file?</h2>
       </article>
 
       <article>
-        <img src="placeholder.svg" alt="Placeholder image for a wireframe" />
+        <img
+          src="wireframe-image.png"
+          alt="Illustration of a website wireframe"
+        />
         <h2>What is a wireframe?</h2>
         <p>
           A wireframe is a simple plan for a webpage. It shows where the main
@@ -42,7 +45,10 @@ <h2>What is a wireframe?</h2>
       </article>
 
       <article>
-        <img src="placeholder.svg" alt="Placeholder image for a Git branch" />
+        <img
+          src="git-branch-image.png"
+          alt="Illustration of a Git branch diagram"
+        />
         <h2>What is a branch in Git?</h2>
         <p>
           A branch is a separate version of a project where developers can make
@@ -55,7 +61,7 @@ <h2>What is a branch in Git?</h2>
     </main>
 
     <footer>
-      <p>Created for the CodeYourFuture wireframe exercise.</p>
+      <p>Martim Lou 2026.</p>
     </footer>
   </body>
 </html>