Skip to content

Commit 647f7d0

Browse files
d-odumosud-odumosu
committed
feat: created additional html pages: branches, readme, wireframe
1 parent f1b9813 commit 647f7d0

4 files changed

Lines changed: 241 additions & 46 deletions

File tree

‎Wireframe/branches.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
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+
10+
<body>
11+
12+
<header class="site-header">
13+
14+
<div class="container header-content">
15+
16+
<div class="branding">
17+
<h1 class="site-title">The Blog</h1>
18+
<p class="site-tagline">A blog on learning programming</p>
19+
</div>
20+
21+
<nav class="main-navigation">
22+
<ul class="nav-list">
23+
<li class="nav-item">
24+
<a class="nav-link" href="index.html">Home</a>
25+
</li>
26+
</ul>
27+
</nav>
28+
</div>
29+
</header>
30+
31+
<div class="container">
32+
<article>
33+
<h2></h2>
34+
<p></p>
35+
</article>
36+
</div>
37+
<footer class="site-footer">
38+
39+
<div class="container">
40+
41+
<p>&copy; 2026 The Blog. All rights reserved.</p>
42+
43+
<nav class="footer-nav">
44+
<a href="index.html">Home</a>
45+
<a href="readme.html">README</a>
46+
<a href="wireframe.html">Wireframes</a>
47+
<a href="branches.html">Git Branches</a>
48+
</nav>
49+
50+
</div>
51+
52+
</footer>
53+
</body>
54+
</html>

‎Wireframe/index.html‎

Lines changed: 77 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,55 +1,86 @@
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" />
3+
<head>
4+
<meta charset="UTF-8"/>
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
66
<title>Wireframe</title>
7-
<link rel="stylesheet" href="style.css" />
8-
</head>
9-
<body>
10-
<header>
11-
<div class="title container">
12-
<h1>the blog</h1>
13-
<p class="sub-title">a blog on learning programming</p>
14-
</div>
15-
</header>
7+
<link rel="stylesheet" href="style.css"/>
8+
</head>
169

17-
<div class="container">
10+
<body>
11+
12+
<header class="site-header">
13+
14+
<div class="container header-content">
15+
16+
<div class="branding">
17+
<h1 class="site-title">The Blog</h1>
18+
<p class="site-tagline">A blog on learning programming</p>
19+
</div>
20+
21+
<nav class="main-navigation">
22+
<ul class="nav-list">
23+
<li class="nav-item">
24+
<a class="nav-link" href="index.html">Home</a>
25+
</li>
26+
</ul>
27+
</nav>
28+
29+
</div>
30+
31+
</header>
32+
33+
34+
<div class="container">
1835
<main>
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>
22-
<p>
23-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
24-
voluptates. Quisquam, voluptates.
25-
</p>
26-
<a href="#">Read more</a>
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>
36+
<article class="article-feature">
37+
<img src="./images/md.png" alt="README example">
38+
<h2>What is the purpose of a README file</h2>
39+
<p>
40+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
41+
voluptates. Quisquam, voluptates.
42+
</p>
43+
<a href="#">Read more</a>
44+
</article>
45+
46+
<article class="article-sec">
47+
<img src="./images/wireframes-01.png.webp" alt="">
48+
<h2>What is the purpose of a wireframe</h2>
49+
<p>
50+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
51+
voluptates. Quisquam, voluptates.
52+
</p>
53+
<a href="#">Read more</a>
54+
</article>
55+
56+
<article class="article-sec">
57+
<img src="./images/branch.webp" alt="">
58+
<h2>What is a branch in Git?</h2>
59+
<p>
60+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
61+
voluptates. Quisquam, voluptates.
62+
</p>
63+
<a href="#">Read more</a>
64+
</article>
4865

4966
</main>
67+
</div>
68+
69+
<footer class="site-footer">
70+
71+
<div class="container">
72+
73+
<p>&copy; 2026 The Blog. All rights reserved.</p>
74+
75+
<nav class="footer-nav">
76+
<a href="index.html">Home</a>
77+
<a href="readme.html">README</a>
78+
<a href="wireframe.html">Wireframes</a>
79+
<a href="branches.html">Git Branches</a>
80+
</nav>
81+
5082
</div>
5183

52-
<footer>
53-
</footer>
54-
</body>
55-
</html>
84+
</footer>
85+
</body>
86+
</html>

‎Wireframe/readme.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
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+
10+
<body>
11+
12+
<header class="site-header">
13+
14+
<div class="container header-content">
15+
16+
<div class="branding">
17+
<h1 class="site-title">The Blog</h1>
18+
<p class="site-tagline">A blog on learning programming</p>
19+
</div>
20+
21+
<nav class="main-navigation">
22+
<ul class="nav-list">
23+
<li class="nav-item">
24+
<a class="nav-link" href="index.html">Home</a>
25+
</li>
26+
</ul>
27+
</nav>
28+
29+
</div>
30+
31+
</header>
32+
<div class="container">
33+
<article>
34+
<h2></h2>
35+
<p></p>
36+
</article>
37+
</div>
38+
<footer class="site-footer">
39+
40+
<div class="container">
41+
42+
<p>&copy; 2026 The Blog. All rights reserved.</p>
43+
44+
<nav class="footer-nav">
45+
<a href="index.html">Home</a>
46+
<a href="readme.html">README</a>
47+
<a href="wireframe.html">Wireframes</a>
48+
<a href="branches.html">Git Branches</a>
49+
</nav>
50+
51+
</div>
52+
53+
</footer>
54+
</body>
55+
</html>

‎Wireframe/wireframe.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
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+
10+
<body>
11+
12+
<header class="site-header">
13+
14+
<div class="container header-content">
15+
16+
<div class="branding">
17+
<h1 class="site-title">The Blog</h1>
18+
<p class="site-tagline">A blog on learning programming</p>
19+
</div>
20+
21+
<nav class="main-navigation">
22+
<ul class="nav-list">
23+
<li class="nav-item">
24+
<a class="nav-link" href="index.html">Home</a>
25+
</li>
26+
</ul>
27+
</nav>
28+
29+
</div>
30+
31+
</header>
32+
<div class="container">
33+
<article>
34+
<h2></h2>
35+
<p></p>
36+
</article>
37+
</div>
38+
<footer class="site-footer">
39+
40+
<div class="container">
41+
42+
<p>&copy; 2026 The Blog. All rights reserved.</p>
43+
44+
<nav class="footer-nav">
45+
<a href="index.html">Home</a>
46+
<a href="readme.html">README</a>
47+
<a href="wireframe.html">Wireframes</a>
48+
<a href="branches.html">Git Branches</a>
49+
</nav>
50+
51+
</div>
52+
53+
</footer>
54+
</body>
55+
</html>

0 commit comments

Comments
 (0)