add link for articles

Author: mandipsanger

Wireframe/index.html

@@ -6,7 +6,7 @@ <h1>Wireframe</h1>
 </header>
 <main>
   <article>
-    <img src="https://raw.githubusercontent.com/CodeYourFuture/Module-Onboarding/refs/heads/main/Wireframe/placeholder.svg" alt="" />
+    <img src="https://public-images.interaction-design.org/literature/articles/materials/ElementsofaWireframe.png" alt="Wireframe" />
     <h2>Purpose of Readme file</h2>
     <p>
       The purpose of a README file is to serve as the primary guide and quick-start manual for a project. Placed at the root of a folder or repository, it explains what the project does, how to install and use it, and how others can contribute. 
@@ -15,7 +15,7 @@ <h2>Purpose of Readme file</h2>
   </article>
 
    <article>
-    <img src="https://raw.githubusercontent.com/CodeYourFuture/Module-Onboarding/refs/heads/main/Wireframe/placeholder.svg" alt="" />
+    <img src="https://ubc-lib-geo.github.io/gis-workshop-waml-template/content/img/readme3.png" alt="readme" />
     <h2>Purpose of Wireframe</h2>
     <p>
       A wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch. Product designers and UX (user experience) professionals draw up wireframes to communicate how they plan to arrange and prioritize features, and how they intend for users to interact with its product or website.Wireframes typically depict only functionality, not the true style and visual elements of the final product. It's why most wireframes look simple: grayscale instead of colors, placeholders for images, and Lorem Ipsum for text.
@@ -24,7 +24,7 @@ <h2>Purpose of Wireframe</h2>
   </article>
 
    <article>
-    <img src="https://raw.githubusercontent.com/CodeYourFuture/Module-Onboarding/refs/heads/main/Wireframe/placeholder.svg" alt="" />
+    <img src="https://framerusercontent.com/images/jmGsErVaXE9HMnmsIjHDba05DSg.png?width=1600&height=900" alt="branch" />
 <h2>Purpose of Branch</h2>
     <p>
       Branches allow you to develop features, fix bugs, or safely experiment with new ideas in a contained area of your repository. You always create a branch from an existing branch. Typically, you might create a new branch from the default branch of your repository.