diff --git a/Wireframe/BranchinGit.png b/Wireframe/BranchinGit.png new file mode 100644 index 000000000..63513db34 Binary files /dev/null and b/Wireframe/BranchinGit.png differ diff --git a/Wireframe/Instruction.svg b/Wireframe/Instruction.svg new file mode 100644 index 000000000..ac36a0abc --- /dev/null +++ b/Wireframe/Instruction.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/Wireframe/ReadmeImage.jpg b/Wireframe/ReadmeImage.jpg new file mode 100644 index 000000000..b9c5fefc5 Binary files /dev/null and b/Wireframe/ReadmeImage.jpg differ diff --git a/Wireframe/ReadmoreGitBranch.html b/Wireframe/ReadmoreGitBranch.html new file mode 100644 index 000000000..79aaa760d --- /dev/null +++ b/Wireframe/ReadmoreGitBranch.html @@ -0,0 +1,29 @@ + + + + + + Wireframe + + + +
+
+

What is a branch in Git

+

+In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the main project. Think of it as a "parallel universe" for your code.

+ +

Why Use Branches?

+

Branches let you work on different parts of a project, like new features or bug fixes, without interfering with the main branch.

+

+

Common Reasons to Create a Branch

+ +

+ Close/Back +
+
+ + diff --git a/Wireframe/ReadmoreReadme.html b/Wireframe/ReadmoreReadme.html new file mode 100644 index 000000000..760969b81 --- /dev/null +++ b/Wireframe/ReadmoreReadme.html @@ -0,0 +1,29 @@ + + + + + + Wireframe + + + +
+
+

Purpose of a Readme file

+

A readme file is a document which contains essential information about a program. + It includes instructions, additional help and details regarding updates.

+ +

Why is it important to include a README file in my project?

+

Including a README file in your project provides users with vital information to get started. It enhances user experience by offering clear instructions on installation, usage, + and troubleshooting. This transparency can also help attract contributors and users who are looking for well-documented projects.

+

+

What should I include in my README file?

+

A comprehensive README file should include an introduction to the project, installation instructions, usage examples, contribution guidelines, and licensing information. It may + also feature sections on troubleshooting, frequently asked questions, and a changelog to track updates and fixes.

+

+

+ Close/Back +
+
+ + diff --git a/Wireframe/Readmorewireframe.html b/Wireframe/Readmorewireframe.html new file mode 100644 index 000000000..4de028818 --- /dev/null +++ b/Wireframe/Readmorewireframe.html @@ -0,0 +1,30 @@ + + + + + + Wireframe + + + +
+
+

Purpose of Wireframe

+

+A purpose of a wireframe to align stakeholders on the project's vision, facilitate early + feedback, and prevent costly, time-consuming revisions during the development phase.

+ + +

Key Purposes

+ +

+ Close/Back +
+
+ + diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..ec91105c7 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -10,7 +10,7 @@

Wireframe

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

diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..ce3b4742b 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -38,7 +38,7 @@ a { } img, svg { - width: 100%; + /* width: 100%; */ object-fit: cover; } /* ====== Site Layout ====== @@ -53,6 +53,8 @@ footer { position: fixed; bottom: 0; text-align: center; + width: 100%; + background-color: #f1cece; } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element. @@ -86,4 +88,24 @@ article { > img { grid-column: span 3; } + .Wireframe { + float: left; + width: 50%; + padding: 15px; + } +} + +.side-by-side { + display: flex; + flex-direction: row; } + +.article { + width: 50%; +} + +.center-header { + display: flex; + width: 100%; + justify-content: center; +} \ No newline at end of file diff --git a/Wireframe/webpage.html b/Wireframe/webpage.html new file mode 100644 index 000000000..4a79e0650 --- /dev/null +++ b/Wireframe/webpage.html @@ -0,0 +1,70 @@ + + + + + + + Wireframe + + + + +
+
+

WIREFRAME

+
+

+ This is the webpage for understanding : +

+

+
+ +
+
+ Instruction Book\ +

Purpose of Readme file

+

+ A readme file is a document which contains essential information about a program. + It includes instructions, additional help and details regarding updates. +

+ Read more +
+
+
+ +
+ Wireframe image +

Purpose of Wireframe

+

A purpose of a wireframe to align stakeholders on the project's vision, facilitate early + feedback, and prevent costly, time-consuming revisions during the development phase. +

+ Read more +
+ +
+ Branch Image +

Branch in Git

+

+ In Git, a branch is like a separate workspace where you can make changes and try new + ideas without affecting the main project. +

+ Read more +
+
+ + + + + + \ No newline at end of file diff --git a/Wireframe/wireframe.png b/Wireframe/wireframe.png index 731f01503..10d16a3c1 100644 Binary files a/Wireframe/wireframe.png and b/Wireframe/wireframe.png differ