add image title and read more link

Author: Dipa-Sarker

Wireframe/index.html

@@ -17,7 +17,7 @@ <h1>Wireframe</h1>
     </header>
     <main>
       <article>
-        <img src="https://i.ytimg.com/vi/jeOfS90Flf8/maxresdefault.jpg" alt="" />
+        <img src="https://i.ytimg.com/vi/jeOfS90Flf8/maxresdefault.jpg" alt="Readme.md" />
         <h2>What is the purpose of a README file?</h2>
         <h3>Summary</h3>
         <p>
@@ -35,7 +35,7 @@ <h3>Summary</h3>
         <a href="https://en.wikipedia.org/wiki/README">Read more</a>
       </article>
       <article>
-        <img src="https://cdn.prod.website-files.com/65c1ae21fb2191466dd6ce72/66027bfcb39c9ad8a03247b1_64a5856d167525ca43c37398_627b185ee8e1eabe4bfcec41_img-blog27-banner.jpeg" alt="" />
+        <img src="https://cdn.prod.website-files.com/65c1ae21fb2191466dd6ce72/66027bfcb39c9ad8a03247b1_64a5856d167525ca43c37398_627b185ee8e1eabe4bfcec41_img-blog27-banner.jpeg" alt="Wireframe" />
         <h2>What is the purpose of a wireframe?</h2>
         <h3>Summary</h3>
         <p>
@@ -48,10 +48,12 @@ <h3>Summary</h3>
             <li>It shows how users move through the interface</li>
             <li>It helps teams agree on functionality before design and development begin</li>
            </ul>
+        </p>
+        <p> 
           Wireframes are usually made with boxes, lines, placeholders
           and labels instead of polished visuals.
-
         </p>
+        <a href="https://en.wikipedia.org/wiki/Website_wireframe">Read more</a>
       </article>
     </main>
     <footer>