@@ -19,19 +19,49 @@ <h1>Workflow</h1>
         </header>
         <main>
             <article>
-                <img src="placeholder.svg" alt="" />
-                <h2>Title</h2>
+                <img src="Readme.png" alt="Readme file example" />
+                <h2>README files</h2>
                 <p>
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                    Quisquam, voluptates. Quisquam, voluptates.
+                    A README file explains a project to other developers and
+                    users. It usually includes the project purpose, installation
+                    steps, usage instructions, features and other important
+                    information so anyone can quickly understand and work with
+                    the project.
                 </p>
-                <a href="">Read more</a>
+                <a
+                    href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"
+                    >Read more</a
+                >
+            </article>
+            <article>
+                <img src="Wireframe.png" alt="Wireframe example" />
+                <h2>Wireframe</h2>
+                <p>
+                    A wireframe isa simple visual layout used to plan the
+                    structure, content, and use experience of a website or
+                    application before development begins.
+                </p>
+                <a
+                    href="https://www.figma.com/resource-library/what-is-wireframing"
+                    >Read more</a
+                >
+            </article>
+            <article>
+                <img src="GitBranch.png" alt="Git branching example" />
+                <h2>Git Branching</h2>
+                <p>
+                    Git branching allows developers to work on new features or
+                    fixes separately without affecting the main project code
+                    until the changes are ready to merge
+                </p>
+                <a href="https://www.atlassian.com/git/tutorials/using-branches"
+                    >Read more</a
+                >
             </article>
         </main>
         <footer>
             <p>
-                This is the default, provided code and no changes have been made
-                yet.
+                This website was coded by Szidonia Bodo
             </p>
         </footer>
     </body>