|
9 | 9 | <body> |
10 | 10 | <header> |
11 | 11 | <h1>Understanding Developer Tools</h1> |
12 | | - <p>A simple guide to README files, wireframes, and the Git branches.</p> |
| 12 | + <p>A simple guide to README files, wireframes, and Git branches.</p> |
13 | 13 | </header> |
| 14 | + |
14 | 15 | <main> |
15 | 16 | <article> |
16 | | - <img src="placeholder.svg" alt="README file illustration" /> |
| 17 | + <img src="readme.png" alt="README file illustration" /> |
17 | 18 | <h2>What is the purpose of a README file?</h2> |
18 | 19 | <p>A README explains what a project does, how to install it, and how to use it.</p> |
19 | | - <a href="#">Learn more</a> |
| 20 | + <a href="https://www.makeareadme.com">Learn more</a> |
20 | 21 | </article> |
21 | 22 |
|
22 | 23 | <article> |
23 | | - <img src="placeholder.svg" alt="Wireframe sketch" /> |
| 24 | + <img src="wireframe.png" alt="Wireframe sketch" /> |
24 | 25 | <h2>What is the purpose of a wireframe?</h2> |
25 | 26 | <p>A wireframe shows the layout of a webpage before coding begins. It helps developers plan structure and content.</p> |
26 | | - <a href="#">Learn more</a> |
| 27 | + <a href="https://www.figma.com/resource-library/what-is-a-wireframe">Learn more</a> |
27 | 28 | </article> |
28 | 29 |
|
29 | 30 | <article> |
30 | | - <img src="placeholder.svg" alt="Git branch diagram" /> |
| 31 | + <img src="code-review-flow.png" alt="Git branch diagram" /> |
31 | 32 | <h2>What is a branch in Git?</h2> |
32 | 33 | <p>A branch allows you to work on new features without affecting the main codebase.</p> |
33 | | - <a href="#">Learn more</a> |
| 34 | + <a href="https://www.atlassian.com/git/tutorials/using-branches">Learn more</a> |
34 | 35 | </article> |
35 | | - |
36 | 36 | </main> |
| 37 | + |
37 | 38 | <footer> |
38 | 39 | <p>Contact | About | Privacy</p> |
39 | 40 | </footer> |
|
0 commit comments