Sheffield | 26-ITP-January | Connor Parsons | Sprint 1 | Wireframe #1178
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,33 +1,70 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Three Key Tech Tips</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <h1>Three Tech Tips</h1> | ||
| <p id="p_description"> | ||
| Here are some useful things to know when learning to create your own websites | ||
| and manage tech projects. | ||
| </p> | ||
| </header> | ||
| <main> | ||
| <article> | ||
| <img src="https://repository-images.githubusercontent.com/190038729/991a8980-8e28-11e9-9d4f-b0bdf64180f4" alt="Readme"> | ||
| <h2>The Purpose of a Readme File</h2> | ||
| <p id="p_readme"> | ||
| A readme file is a very important part of any GitHub repository. It is often the first item a visitor will see | ||
| when landing on a repository. A readme file should provide users with information about the purpose of a | ||
| project, how to use it effectively and who the contributers and maintainers of the project are. | ||
| </p> | ||
| <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes" | ||
| target="_blank">Read More</a> | ||
| </article> | ||
| <article> | ||
| <h2> | ||
| The Purpose of A Wireframe | ||
| </h2> | ||
| <img src="https://cdn.nulab.com/learn-wp/app/uploads/2018/10/14210245/Cacoo-8-must-see-wireframes-680x450-1.png" alt="Wireframe"> | ||
| <p> | ||
| A wireframe in web design is a basic visual representation of a webpage | ||
| that helps to outline its overall stucture and functionality. | ||
| Wireframes are used early in the development process to demonstrate the basic | ||
| structure of a page before visual design and content are added. The simplicity | ||
| of wireframes allow for changes and iterations to be made quickly and easily. | ||
| </p> | ||
| <a href="https://www.experienceux.co.uk/faqs/what-is-wireframing/" | ||
| target="_blank">Read More</a> | ||
| </article> | ||
| <article> | ||
| <h2> | ||
| What is a Git Branch | ||
| </h2> | ||
| <img src="https://media.licdn.com/dms/image/v2/D4D12AQH6ykM-AVoDKg/article-cover_image-shrink_720_1280/B4DZZW5EzAHAAM-/0/1745214525491?e=2147483647&v=beta&t=kB_Gy_FceQSnp1FMZ2lVvoPis3lrcCQjgX0Zur3z4pc" | ||
| alt="Git Branch Model"> | ||
| <p> | ||
| A git branch is a pointer to a snapshot of all the changes that occured | ||
| on that branch. Upon creating a new GitHub repository you will usually | ||
| be on the main branch by default. You can create additional branches which | ||
| are like separate workspaces to make changes to a project or test other features | ||
| without compromising the base project. Branches are useful when working | ||
| on a project with many collaborators as each individual can make changes on their own local | ||
| copy of a project and propose their changes to be integrated to the main branch | ||
| after approval. | ||
| </p> | ||
| <a href="https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell" | ||
| target="_blank">Read More</a> | ||
| </article> | ||
| </main> | ||
| <footer> | ||
| <p id="p_footer"> | ||
| Footer content will go here | ||
| </p> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Indentation is slightly off.
It is a good practice to use an code formatting tool such as VSCode's "Format Document" to keep our code consistently formatted before we commit the changes.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ok thanks that's a good feature to know about.