|
8 | 8 | </head> |
9 | 9 | <body> |
10 | 10 | <header> |
11 | | - <h1>Wireframe</h1> |
12 | | - <p> |
13 | | - This is the default, provided code and no changes have been made yet. |
14 | | - </p> |
| 11 | + <div class="title container"> |
| 12 | + <h1>the blog</h1> |
| 13 | + <p class="sub-title">a blog on learning programming</p> |
| 14 | + </div> |
15 | 15 | </header> |
| 16 | + |
| 17 | + <div class="container"> |
16 | 18 | <main> |
17 | | - <article> |
18 | | - <img src="placeholder.svg" alt="" /> |
19 | | - <h2>Title</h2> |
| 19 | + <article class="article-feature"> |
| 20 | + <img src="https://media.geeksforgeeks.org/wp-content/uploads/20240702120959/Readme1.png" alt="" /> |
| 21 | + <h2>What is the purpose of a README file</h2> |
20 | 22 | <p> |
21 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, |
22 | 24 | voluptates. Quisquam, voluptates. |
23 | 25 | </p> |
24 | | - <a href="">Read more</a> |
| 26 | + <a href="#">Read more</a> |
25 | 27 | </article> |
| 28 | + |
| 29 | + <article class="article-sec"> |
| 30 | + <img src="https://cdn.sanity.io/images/599r6htc/regionalized/4c8605ad998d69b03a6eefb850cce5e23a0a96dc-2880x1440.png?w=2880&h=1440&q=75&fit=max&auto=format" alt="" /> |
| 31 | + <h2>What is the purpose of a wireframe</h2> |
| 32 | + <p> |
| 33 | + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, |
| 34 | + voluptates. Quisquam, voluptates. |
| 35 | + </p> |
| 36 | + <a href="#">Read more</a> |
| 37 | + </article> |
| 38 | + |
| 39 | + <article class="article-sec"> |
| 40 | + <img src="https://cdn.thenewstack.io/media/2024/08/9dcdffe9-git-1024x683.png" alt="" /> |
| 41 | + <h2>What is a branch in Git?</h2> |
| 42 | + <p> |
| 43 | + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, |
| 44 | + voluptates. Quisquam, voluptates. |
| 45 | + </p> |
| 46 | + <a href="#">Read more</a> |
| 47 | + </article> |
| 48 | + |
26 | 49 | </main> |
| 50 | + </div> |
| 51 | + |
27 | 52 | <footer> |
28 | | - <p> |
29 | | - This is the default, provided code and no changes have been made yet. |
30 | | - </p> |
31 | 53 | </footer> |
32 | 54 | </body> |
33 | 55 | </html> |
0 commit comments