Skip to content

Commit fb05240

Browse files
AbidAkhtar-techAbidAkhtar-tech
committed
Add Git Branch article
1 parent 4037f2b commit fb05240

1 file changed

Lines changed: 67 additions & 33 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 67 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,79 @@
11
<!DOCTYPE html>
22
<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>Essential Developer Concepts</h1>
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Wireframe</title>
8+
<link rel="stylesheet" href="style.css" />
9+
</head>
10+
11+
<body>
12+
<header>
13+
<h1>Essential Developer Concepts</h1>
14+
<p>
15+
Learn about README files, wireframes, and Git branches — three important concepts used in web development.
16+
</p>
17+
</header>
18+
<main>
19+
<article>
20+
21+
<img src="https://cdn.bulldogjob.com/system/photos/files/000/003/440/original/readme.webp"
22+
alt="README_file Image" />
23+
24+
<h2> What is a README File?</h2>
1225
<p>
13-
Learn about README files, wireframes, and Git branches — three important concepts used in web development.
26+
A README file is usually the first document developers read when visiting a project. It explains what the
27+
project does,
28+
how to install it, and how to use it effectively.
1429
</p>
15-
</header>
16-
<main>
17-
<article>
18-
<h2> What is a README File?</h2>
19-
<p>
20-
A README file is usually the first document developers read when visiting a project. It explains what the project does,
21-
how to install it, and how to use it effectively.
22-
</p>
23-
<img src="https://cdn.bulldogjob.com/system/photos/files/000/003/440/original/readme.webp"
24-
alt="Example of a README File" />
25-
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
26-
</article>
30+
31+
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"
32+
target="_blank">Read
33+
more</a>
34+
35+
</article>
36+
37+
<section>
2738

2839
<article>
40+
41+
<img
42+
src="https://cdn-images.visual-paradigm.com/handbooks/agile-handbook/wireframe/01-youtube-wireframe-example.png"
43+
alt="Wireframe_image">
44+
2945
<h2>What is a Wireframe?</h2>
3046
<p>
31-
A wireframe is a simple visual blueprint used to plan the layout and structure of a webpage before any code is written.
47+
A wireframe is a simple visual blueprint used to plan the layout and structure of a webpage before any code is
48+
written.
3249
It helps designers and developers organize content and user experience.
3350
</p>
34-
<img src="https://cdn-images.visual-paradigm.com/handbooks/agile-handbook/wireframe/01-youtube-wireframe-example.png" alt="Wireframe_image">
35-
<a href="https://www.productplan.com/glossary/wireframe/">Read more</a>
51+
52+
<a href="https://www.productplan.com/glossary/wireframe/" target="_blank">Read more</a>
53+
3654
</article>
3755

38-
</main>
39-
<footer>
40-
<p>
41-
Made by Abid Akhtar as a requirement for Intro to Programing Course May_2026.
42-
</p>
43-
</footer>
44-
</body>
45-
</html>
56+
<article>
57+
<img src="https://miro.medium.com/v2/resize:fit:1200/format:webp/1*e6EkEBIDZcOmlwPqCnsJKg.jpeg"
58+
alt="Git_Branch Image">
59+
60+
<h2>What is a Git Branch?</h2>
61+
62+
<p>A Git branch allows developers to work on new features and fixes without affecting the main version of a
63+
project. It
64+
helps teams collaborate safely and manage changes more effectively.</p>
65+
66+
<a href="https://www.atlassian.com/git/tutorials/using-branches" target="_blank">Read more</a>
67+
68+
</article>
69+
70+
</section>
71+
</main>
72+
<footer>
73+
<p>
74+
Made by Abid Akhtar as a requirement for Intro to Programing Course May_2026.
75+
</p>
76+
</footer>
77+
</body>
78+
79+
</html>

0 commit comments

Comments
 (0)