Skip to content

Commit 779cf14

Browse files
committed
footer fixed
1 parent 95d6d97 commit 779cf14

2 files changed

Lines changed: 63 additions & 47 deletions

File tree

Wireframe/index.html

Lines changed: 62 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,68 @@
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>Wireframe</h1>
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>
8+
About Wireframes, READMEs and Git Branches
9+
</title>
10+
<link rel="stylesheet" href="style.css">
11+
</head>
12+
13+
<body>
14+
<header>
15+
<h1>
16+
Understanding Wireframes, READMEs and Git Branches for Web Development
17+
</h1>
18+
<p>
19+
This page explores wireframes in web design, the significance of README
20+
files in software projects and the role of branches in Git version
21+
control.
22+
</p>
23+
</header>
24+
<main>
25+
<article>
26+
<img src="placeholder.svg" alt="">
27+
<h2>Wireframe</h2>
1228
<p>
13-
A wireframe is a simple visual guide that shows the layout and structure of a webpage or app.
29+
Wireframe provides a foundational structural template for web pages.
30+
It serves as a communication tool for stakeholders, web designers and
31+
developers, providing a simple structural view of the rendered web
32+
page.
1433
</p>
15-
</header>
16-
<main>
17-
<article>
18-
<img src="placeholder.svg" alt="" />
19-
<h2>What is the purpose of a README file?</h2>
20-
<p>
21-
A README file explains a project’s purpose,
22-
how to use it, and any setup or installation instructions.
23-
</p>
24-
<a href="">Read more</a>
25-
</article>
26-
<article>
27-
<img src="placeholder.svg" alt="" />
28-
<h2>What is the purpose of a wireframe?</h2>
29-
<p>
30-
A wireframe shows the basic layout and structure of a webpage or app,
31-
helping plan design and functionality before development.
32-
</p>
33-
<a href="">Read more</a>
34-
</article>
35-
<article>
36-
<img src="placeholder.svg" alt="" />
37-
<h2>What is a branch in Git?</h2>
38-
<p>
39-
A branch in Git is a separate line of development,
40-
allowing you to work on changes without affecting the main code.
41-
</p>
42-
<a href="">Read more</a>
43-
</article>
44-
45-
</main>
46-
<footer>
34+
<a
35+
href="https://www.wix.com/blog/what-are-wireframes?experiment_id=%5E%5E40312ac7-ca22-4ba2-bd8e-0b726ed32275%5E">Read
36+
more</a>
37+
</article>
38+
<article>
39+
<img src="placeholder.svg" alt="">
40+
<h2>README Files</h2>
4741
<p>
48-
This is the updated code and changes have been made.
42+
README files offer essential explanatory information about a codebase
43+
within a repository, including usage instructions and details about
44+
its features.
4945
</p>
50-
</footer>
51-
</body>
52-
</html>
46+
<a href="https://www.makeareadme.com/">Read more</a>
47+
</article>
48+
<article>
49+
<img src="placeholder.svg" alt="">
50+
<h2>Git branches</h2>
51+
<p>
52+
Git branches are a fundamental feature that enables users to develop
53+
features and make commits independently of the main branch. This
54+
facilitates parallel development by multiple teams without causing
55+
conflicts directly.
56+
</p>
57+
<a href="https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell">Read more</a>
58+
</article>
59+
</main>
60+
<footer>
61+
<p>
62+
&copy; This all about wireframe. All Rights Reserved. | <a href="mailto:contact@yourdomain.com">Contact
63+
Us</a> | <a href="/about">About</a> | <a href="/sitemap">Sitemap</a>
64+
</p>
65+
</footer>
66+
</body>
67+
68+
</html>

Wireframe/style.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ main {
5656
}
5757
footer {
5858
position: fixed;
59-
bottom: 0;
59+
bottom: center;
6060
text-align: center;
6161
}
6262
/* ====== Articles Grid Layout ====

0 commit comments

Comments
 (0)