Merge pull request #1 from HoussamLh/HoussamLh-branch-1

HoussamLh · web-flow · commit adbafeb4403e · 2025-05-10T10:30:18.000+01:00
London | May-2025 | Houssam Lahlah | Wireframe
diff --git a/Wireframe/index.html b/Wireframe/index.html
@@ -8,25 +8,66 @@
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
-      <p>
-        This is the default, provided code and no changes have been made yet.
-      </p>
+      <h1>What is a Wireframe</h1>
+      <p id="wireframe-definition">
+        A <strong>wireframe</strong> is a visual representation of a user interface,
+        often used in the early stages of design to outline the structure and layout of a website or application.
+        </p>
     </header>
     <main>
-      <article>
-        <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
-        <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+      <article class="wireframe-purpose">
+        <img src="https://support.microsoft.com/images/en-us/ae7333a6-5681-45ea-b482-e0de7c81cabd" alt="A basic wireframe layout" width="200" />
+        <h4>What is the purpose of a wireframe?</h4>
+        <p id="wireframe-purpose">
+          A <strong>wireframe</strong> serves as a visual guide that represents the skeletal framework of a website or application.
+          The primary purpose of a <strong>wireframe</strong> is to establish the basic structure and layout of a website 
+          or application before visual design and content are added. It acts as a blueprint, outlining the 
+          placement of elements like headings, paragraphs, images, buttons, and navigation. Wireframes help designers, developers, 
+          and stakeholders visualize the user experience and identify potential issues early in the project. 
+        </p>
+        <a href="https://www.experienceux.co.uk/faqs/what-is-wireframing/">Read more</a>
+      </article>
+      <article id="readme-file">
+        <img src="https://miro.medium.com/v2/resize:fit:1400/1*8aBw4cfLAYJwbBnFQC_JCg.png" alt="README File" />
+        <h4>What is the README File?</h4>
+        <p class="readme-file">
+          A <strong>README</strong> file is a text file that <br> information about a project.
+          It is typically included in the root directory of a <br>project 
+          and is often the first file that users see when they access the project,<br>
+          providing users with essential information about the <br>project,
+          its purpose, how to use it, and where to find help or support.<br>
+          It's often the first thing someone will see when they access a project,
+          making it a crucial tool for communication and documentation.<br>
+          A well-structured <strong>README</strong> file can help users understand the project quickly and effectively.<br>
+          <br>
+          A typical README file might include:<br>
+          Project Overview,Installation Instructions,Usage Examples,Contribution Guidelines,Troubleshooting,Changelog.<br>
+          <br>
+          <strong>README</strong> files are often written in Markdown, a lightweight markup language that allows for easy formatting.<br>
+        </p>
+        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
+      </article>
+    
+            <article id="git-branch">
+        <img src="https://miro.medium.com/v2/resize:fit:650/1*K9scAx1Ezd-KJFabaYseCw.jpeg" alt="Git-Branch" />
+        <h4>What is a branch in Git?</h4>
+        <p class="git-branch">
+        A <strong>branch</strong> in Git is a pointer to a specific <br>
+        commit in the repository's history. When you create a new branch,<br>
+        you're essentially creating a new line of development that diverges<br>
+        from the main line (usually the master branch).A branch in<br>
+        <strong>Git</strong> is simply a lightweight movable pointer to one <br>
+        of these commits.The default branch name in Git is <strong>master</strong>. As you <br>
+        start making commits, you'regiven a master branch that points to the last commit you made. <br>
+        Every time you commit,the master branch pointer moves forward automatically. Note.<br>
         </p>
-        <a href="">Read more</a>
+        <a href="https://www.w3schools.com/git/git_branch.asp">Read more</a>
       </article>
     </main>
     <footer>
-      <p>
-        This is the default, provided code and no changes have been made yet.
+      <p id="footer-text">
+        &copy; 2025 <a href="https://www.github.com">Houssam Lahlah</a> | 
+        <a href="https://www.codeyourfuture.com">CodeYourFuture</a> | All rights reserved.
       </p>
     </footer>
   </body>
