aowusueric · aowusueric · Jan 6, 2025 · Jan 6, 2025 · Jan 7, 2025 · Jan 7, 2025
diff --git a/.github/Articles.md b/.github/Articles.md
@@ -0,0 +1,56 @@
+1. What is the purpose of a README file?
+1. What is the purpose of a wireframe?
+1. What is a branch in Git?
+
+
+
+
+What is the purpose of the README file? 
+
+A README file, or "Read Me" file, is a text document that provides essential information about a program, utility, or game. The purpose of a README file include:  
+
+    •  Instructions: How to install, configure, and use the software
+    •  Context: An introduction to the project, its purpose, and target audience
+    •  Documentation: Links to documentation, additional resources, and contact information
+    •  Collaboration: Guidelines for developers, designers, and other stakeholders to contribute and collaborate
+
+    •  Security: Information on how to report security issues
+    •  Roadmap: A list of future release ideas
+    •  Metadata: Information that adds value to Digital Research Objects (DROs)
+    •  File naming conventions: Explanations of file naming practices
+    •  Changes: Documentation of changes to files or file names within a folder
+
+
+
+What is the purpose of a wireframe?
+
+
+The purpose of a wireframe is a key part of the design process, and are used to: 
+
+    • Explore ideas: Used to explore aesthetics, information architecture, and function without writing code. 
+    • Communicate: Used to communicate basic functionality and user flow to stakeholders. 
+    • Test: Allow users to test the site to see how easy it is to navigate, and to identify any issues. 
+
+    • Save time: Wireframes can help save time across the entire project by allowing for a more efficient build phase. 
+    • Create consistent layouts: Help designers create consistent layouts that meet user needs. 
+S
+
+
+
+What is a branch in Git?
+
+
+A Git branch is a separate development line that lets developers work on features or fixes independently. 
+
+    • Merged back: It enables parallel tasks and can be merged back into the main branch for organization and collaboration.
+    • Abstraction: serve as an abstraction for the edit/stage/commit process. 
+
+    • The branch in Git command lets you create, list, rename, and delete branches. 
+
+
+
+ #ACC8E5;
+  color: #112A46;
+
+
+
diff --git a/Form-Controls/Form-structure/css b/Form-Controls/Form-structure/css
@@ -0,0 +1,52 @@
+h1 {
+  margin-top: 0;
+}
+
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+form {
+  margin: 0 auto;
+  width: 400px;
+  padding: 1em;
+  border: 1px solid #ccc;
+  border-radius: 1em;
+}
+
+label span {
+  display: inline-block;
+  text-align: right;
+}
+
+input,
+fieldset {
+  font: 1em sans-serif;
+  width: 250px;
+  box-sizing: border-box;
+  border: 1px solid #999;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+  width: auto;
+  border: none;
+}
+
+input:focus {
+  background-color: yellow;
+}
+
+button {
+  margin: 20px 0 0 0;
+}
+
+label {
+  display: inline-block;
+}
+
+p label {
+  width: 100%;
+}
diff --git a/Wireframe/ReadMe.webp b/Wireframe/ReadMe.webp
diff --git a/Wireframe/ReadMep.png b/Wireframe/ReadMep.png
diff --git a/Wireframe/gitbranches.png b/Wireframe/gitbranches.png
diff --git a/Wireframe/index.html b/Wireframe/index.html
@@ -8,25 +8,51 @@
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
+    <h1>Wireframe to Code</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        Simple sketches to coding the 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.
-        </p>
-        <a href="">Read more</a>
+        <img src="./ReadMe.webp" alt="picture of a note with readme sign" />
+        <h2>What is the purpose of the README file?</h2>
+        <p>Instructions: How to install, configure, and use the software.</p>>
+        <p> An introduction to the project, its purpose, and target audience.</p>
+        <p>Documentation: Links to documentation, additional resources, and contact information.</p>
+        <p>Guidelines for developer    Collaboration: Guidelines, designers, and other stakeholders to contribute and collaborate.</p>
+        <a href="https://bulldogjob.com/readme/how-to-write-a-good-readme-for-your-github-project">Read more</a>
+      </article>
+
+
+      <article>
+        <img src="./wireframe2.png" alt="sketch of this website layout"/>
+        <h2>What is the purpose of a wireframe?</h2>
+        <p>The purpose of a wireframe is a key part of the design process, and are used to:</p>
+        <ul>
+            <li>ideas: Used to explore aesthetics, information architecture, and function without writing code.</li>
+            <li>Communicate: Used to communicate basic functionality and user flow to stakeholders.</li>
+            <li>Test: Allow users to test the site to see how easy it is to navigate, and to identify any issues.</li>
+        </ul>
+        <a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
+      </article>
+
+
+      <article>
+        <img src="./gitbranches.png" alt="illustraion of a git branch with a main branch" />
+        <h2>What is a branch in Git?</h2>
+        <p>A Git branch is a separate development line that lets developers work on features or fixes independently.</p>
+        <ul>
+          <li>Merged back: It enables parallel tasks and can be merged back  into the main branch for organization and collaboration.</li>
+          <li>Abstraction: serve as an abstraction for the edit/stage/commit process.</li>
+          <li>The branch in Git command lets you create, list, rename, and delete branches. </li>
+        </ul> 
+        <a href="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.
+        Eric AOwusu Code Your Future Jan 2025 Sprint 1
       </p>
     </footer>
   </body>

diff --git a/Wireframe/wireframe2.png b/Wireframe/wireframe2.png