diff --git a/Wireframe/readMe.html b/Wireframe/readMe.html new file mode 100644 index 000000000..19cf9f1d1 --- /dev/null +++ b/Wireframe/readMe.html @@ -0,0 +1,108 @@ + + + + + + Sprint1 Version Control + + + + +

README FILE

+

What is the Purpose of a ReadMe

+ + +
+

Introduction

+

+ According to wikipedia, a A README file contains descriptive information + about the content of a directory in which the file is located. The scope + of the information generally includes the files of the directory, and + may include descendant directories, or even the full directory tree. The + name is intended to draw a user's attention to important and + orientational information about the directory content +

+ +

The Purpose of ReadMe

+

+ A README file's purpose is to serve as the entry point and overview for + a software project, providing essential information like what the + project does, why it's useful, and how to install, use, or contribute to + it, helping users and new developers quickly understand and get started + with the code. It acts as a project's homepage, reducing friction and + guiding collaboration by centralizing documentation, installation steps, + contribution guidelines, and license details in one easily accessible + file, usually in the project's root directory. +

+ +

+ Without a proper read me, collaborators especially on open source + project find it difficult to understand and contribute to the project + in general +

+ +
+
+
+

What is the Purpose of Wireframes

+

+ Wireframes are skeleton of the web. This skeleton is a two-dimensional + depiction of a page’s interface that shows the spacing of elements on + the page, how content is prioritized, what functionalities are + available, and how users will interact with the site. They also play a + vital role in connecting information architecture to the visual + aspects of the design by showing pathways between the various pages. + Wireframes are intentionally void of color, graphics and stylized + fonts. +

+ + Wireframing is a quick and effective way to identify usability issues + early on in your design process + +
+
+ +
+ +
+ +

What is Branch in Git

+ +

A Git branch is a separate workspace used to make changes without affecting the main project. Once the work is complete, + the changes can be merged back into the main or master branch. + Branches make it easy to: +

+

+
+ + Without branching developers will not have the flexibility of making changes and contributing to the main branch after a pull request + +
+ +

Additional resources and links

+ + + + diff --git a/Wireframe/readme.css b/Wireframe/readme.css new file mode 100644 index 000000000..177eacc7f --- /dev/null +++ b/Wireframe/readme.css @@ -0,0 +1,82 @@ +*{ + + padding: 0px; + margin:0px ; + box-sizing: border-box; +} +body{ + background-color: rgb(210, 30, 114); +} +h1{color: black; + margin:10px ; + padding: 5px; + + + + +} +.description{color: rgb(127, 255, 238); + margin:10px ; + padding: 5px; + + + + +} +h2{color: black; + + +} +.readme{ + color: rgb(127, 255, 238); + color: rgb(127, 255, 238); + font-weight: 100; + margin: 10px; + padding: 5px; +} + +.wireframe{ + margin: 10px; + padding: 5px; + color: rgb(127, 255, 238); + font-weight: 100; +} +.branch{ + margin: 10px; + padding: 5px; + color: rgb(127, 255, 238); + font-weight: 100; +} + +ul{ + padding: 20px; +} + + +h3{ + text-align: center; + margin: 0 10px; + padding: 10px; +} +footer{ +bottom: 0; + position:relative; + text-align: center; + gap: 15px; + margin: 5px; + padding: 10px; + width: 100vw; + height: inherit; + align-content: center; +} + + + + + + + + + + +