diff --git a/Wireframe/git-branch.png b/Wireframe/git-branch.png new file mode 100644 index 000000000..4c8d4f192 Binary files /dev/null and b/Wireframe/git-branch.png differ diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..c562a4619 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -4,30 +4,56 @@ Wireframe + + -
-

Wireframe

-

- This is the default, provided code and no changes have been made yet. -

-
-
-
- -

Title

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. +

+
+

A Quick Guide For README, Wireframes & Git Branches

+

A short explanations: what a README file is, what a wireframe is, and what a Git branch is. .

- Read more -
+ + + +
+ + +
+
+ Screenshot of a README file displayed in a code editor +

What is the purpose of a README file?

+

+ A README explains what a project does and how to use it. It is the first file that we see in the git hub repo, it gives us information about the project, the purpose and how to get started about the project. +

+ Read more about README files +
+ +
+ Simple wireframe sketch showing header, columns and footer blocks +

What is the purpose of a wireframe?

+

+ A wireframe is a structure that shows the layout of content of a page. It focuses on structure and hierarchy (not visual design), so teams can iterate on layout and user flows early. +

+ Read more about wireframes +
+ +
+ Diagram of Git commits on multiple branches +

What is a branch in Git?

+

+ A branch is a separate line of development. It lets you build features or fixes in isolation from the main codebase and merge them back when ready, so the main branch stays stable. +

+ Read more about Git branches +
+
-