URL Not Found (404) error fixed

ChinweP · ChinweP · commit 731dc7489e18 · 2026-06-05T22:15:54.000+01:00
diff --git a/Wireframe/index.html b/Wireframe/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -9,51 +9,59 @@
   <body>
     <header>
       <h1>Understanding README Files, Wireframes and Git Branches</h1>
-      <p>
-        A simple guide explaining three important web development concepts.</p>
+      <p>A simple guide explaining three important web development concepts.</p>
     </header>
     <main>
       <!--Top article (full-width)-->
       <article class="top-article" id="readme-article">
         <img src="placeholder.svg" alt="Illustration of a README file" />
         <h2>What is the purpose of a README file?</h2>
         <p>
-          A README file explains what a project is about, how to use it, and any important information someone needs before working with the project code.
+          A README file explains what a project is about, how to use it, and any
+          important information someone needs before working with the project
+          code.
         </p>
         <a href="https://www.makeareadme.com/" target="_blank">Read more</a>
       </article>
 
       <!--Bottom two articles side -by-side-->
 
-    <section class="bottom-articles">
-
-      <article id="wireframe-article">
-        <img src="placeholder.svg" alt="Example of a webpage wireframe"/>
-        <h2>What is the purpose of a wireframe?</h2>
-        <p>
-          A wireframe is a simple layout plan that shows where content will go on a webpage before you start designing or coding.
-        </p>
-
-        <a href="https://careerfoundry.com/en/blog/ux-design/what-is-a-wireframe/" target="_blank">Read more</a>
-      </article>
-
-      <article id="branch-article">
-        <img src="placeholder.svg" alt="Diagram showing Git branches"/>
-        <h2>What is a branch in Git?</h2>
-        <p>
-          A Git baranch lets developers work on new features without affecting the main project. When finished, the branch can be merged back in.
-        </p>
-        <a href="https://www.atlassian.com/git/tutorials/using-branches" target="_blank">Read more</a>
-      </article>
+      <section class="bottom-articles">
+        <article id="wireframe-article">
+          <img src="placeholder.svg" alt="Example of a webpage wireframe" />
+          <h2>What is the purpose of a wireframe?</h2>
+          <p>
+            A wireframe is a simple layout plan that shows where content will go
+            on a webpage before you start designing or coding.
+          </p>
 
-    </section>
+          <a
+            href="https://careerfoundry.com/en/blog/ux-design/what-is-a-wireframe-guide/"
+            target="_blank"
+            >Read more</a
+          >
+        </article>
 
+        <article id="branch-article">
+          <img src="placeholder.svg" alt="Diagram showing Git branches" />
+          <h2>What is a branch in Git?</h2>
+          <p>
+            A Git baranch lets developers work on new features without affecting
+            the main project. When finished, the branch can be merged back in.
+          </p>
+          <a
+            href="https://www.atlassian.com/git/tutorials/using-branches"
+            target="_blank"
+            >Read more</a
+          >
+        </article>
+      </section>
     </main>
     <footer>
       <p>
-        Footers usually contain contact links and other information about the site overall
+        Footers usually contain contact links and other information about the
+        site overall
       </p>
-        
     </footer>
   </body>
 </html>
