File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ <!doctype html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6+ < title > Wireframe</ title >
7+ < link rel ="stylesheet " href ="style.css " />
8+ </ head >
9+ < body >
10+ < header >
11+ < h1 > Understanding Developer Tools</ h1 >
12+ < p > A simple guide to README files, wireframes, and Git branches.</ p >
13+ </ header >
14+
15+ < main >
16+ < article >
17+ < img src ="readme.png " alt ="README file illustration " />
18+ < h2 > What is the purpose of a README file?</ h2 >
19+ < p >
20+ A README explains what a project does, how to install it, and how to
21+ use it.
22+ </ p >
23+ < a href ="https://www.makeareadme.com "> Learn more</ a >
24+ </ article >
25+
26+ < article >
27+ < img src ="wireframe.png " alt ="Wireframe sketch " />
28+ < h2 > What is the purpose of a wireframe?</ h2 >
29+ < p >
30+ A wireframe shows the layout of a webpage before coding begins. It
31+ helps developers plan structure and content.
32+ </ p >
33+ < a href ="https://www.figma.com/resource-library/what-is-a-wireframe "
34+ > Learn more</ a
35+ >
36+ </ article >
37+
38+ < article >
39+ < img src ="code-review-flow.png " alt ="Git branch diagram " />
40+ < h2 > What is a branch in Git?</ h2 >
41+ < p >
42+ A branch allows you to work on new features without affecting the main
43+ codebase.
44+ </ p >
45+ < a href ="https://www.atlassian.com/git/tutorials/using-branches "
46+ > Learn more</ a
47+ >
48+ </ article >
49+ </ main >
50+
51+ < footer >
52+ < p > Contact | About | Privacy</ p >
53+ </ footer >
54+ </ body >
55+ </ html >
You can’t perform that action at this time.
0 commit comments