Skip to content

Commit 0e0f1e1

Browse files
burhan-mustafaburhan-mustafa
committed
new files added to make the read more buttons move
you to another webpage and content has been added for headings, paragraphs, footers, and descriptions
1 parent 7f073d3 commit 0e0f1e1

5 files changed

Lines changed: 30 additions & 17 deletions

File tree

‎Wireframe/README.html‎

Whitespace-only changes.

‎Wireframe/branch.html‎

Whitespace-only changes.

‎Wireframe/index.html‎

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -8,41 +8,42 @@
88
</head>
99
<body>
1010
<header>
11-
<h1>Wireframe</h1>
11+
<h1>Web Development</h1>
1212
<p>
13-
This is the default, provided code and no changes have been made yet.
13+
A series of articles to help you on your journey of web development
1414
</p>
1515
</header>
1616
<main>
1717
<article>
1818
<img src="placeholder.svg" alt="">
19-
<h2>Title</h2>
19+
<h2>Git Branches </h2>
2020
<p>
21-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
22-
voluptates. Quisquam, voluptates.
21+
In this article we will cover the purpose of a branch in git
2322
</p>
24-
<a href="">Read more</a>
23+
<a rel="html" href="branch.html">Read more</a>
2524
</article>
2625

2726
<article>
2827
<img src="placeholder.svg" alt="">
29-
<h2>Title</h2>
30-
<p>Description</p>
31-
<a href="">Read more</a>
32-
</article>
28+
<h2>Wireframes</h2>
29+
<p>This article will cover the importance of a Wireframe</p>
30+
<a rel="html" href="README.html">Read more</a>
31+
</article>
3332

3433
<article>
3534
<img src ="placeholder.svg" alt="">
36-
<h2>Title</h2>
37-
<p>Description</p>
38-
<a href="">Read more</a>
35+
<h2>README files</h2>
36+
<p>We shall look at the purpose of a README file</p>
37+
<a rel="html" href="wireframe.html">Read more</a>
3938
</article>
4039
</main>
4140
<footer>
4241
<hr>
43-
<p>
44-
This is the default, provided code and no changes have been made yet.
45-
</p>
42+
<pre>
43+
Contact us on:
44+
telephone: 07489763234
45+
email: usersupport@hotmail.com
46+
</pre>
4647
</footer>
4748
</body>
4849
</html>

‎Wireframe/style.css‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,10 +16,13 @@ As well as useful links to learn more */
1616
https://web.dev/articles/min-max-clamp
1717
https://scrimba.com/learn-css-variables-c026
1818
====== Design Palette ====== */
19+
20+
@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap");
21+
1922
:root {
2023
--paper: oklch(7 0 0);
2124
--ink: color-mix(in oklab, var(--color) 5%, black);
22-
--font: 100%/1.5 system-ui;
25+
--font: 100%/1.5 "Comic Neue", cursive, uppercase;
2326
--space: clamp(6px, 6px + 2vw, 15px);
2427
--line: 1px solid;
2528
--container: 1280px;
@@ -96,3 +99,11 @@ article {
9699
grid-column: span 3;
97100
}
98101
}
102+
103+
article h2{
104+
margin-bottom:0px;
105+
}
106+
107+
article p {
108+
margin-top:4px;
109+
}

‎Wireframe/wireframe.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+

0 commit comments

Comments
 (0)