Skip to content

Commit 9694030

Browse files
Just some more minor bug fix for CSS file
1 parent 9691518 commit 9694030

2 files changed

Lines changed: 45 additions & 3 deletions

File tree

Wireframe/index.html

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<header>
1111
<h1>Wireframe Basic knowledge</h1>
1212
<p>
13-
This is the default, provided code and no changes have been made yet.
13+
Hello and welcome to this programming blog, today you will learn about what is wireframe and why it so important in web development.
1414
</p>
1515
</header>
1616
<hr>
@@ -44,6 +44,7 @@ <h2>What is a wireframe and the purpose of it used</h2>
4444
<a href="https://www.figma.com/resource-library/what-is-wireframing/" target="_blank" class="Link-box-border">Read more</a>
4545
</article>
4646
</div>
47+
4748
<!--The third item-->
4849
<div class="content-size">
4950
<article class="article-border">
@@ -62,10 +63,19 @@ <h2>Git, repo and branch</h2>
6263
</div>
6364
</div>
6465
</main>
66+
<hr>
6567
<footer>
66-
<p>
67-
This is the default, provided code and no changes have been made yet.
68+
<p class="text-position">
69+
Tuan Ngoc Nguyen
6870
</p>
71+
<div id="footer-list">
72+
<ul>
73+
<li><a href="#" target="_blank">Home</a></li>
74+
<li><a href="#" target="_blank">Contact</a></li>
75+
<li><a href="#" target="_blank">Facebook</a></li>
76+
<li><a href="#" target="_blank">Youtube</a></li>
77+
</ul>
78+
</div>
6979
</footer>
7080
</body>
7181
</html>

Wireframe/style.css

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
width:100%;
44
height: auto;
55
}
6+
67
.article-border{
78
border: 2px solid black;
89
border-radius: 5px;
@@ -12,9 +13,40 @@
1213
body{
1314
background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);
1415
}
16+
17+
header{
18+
background-color: white;
19+
padding:20px 200px 0px 200px;
20+
border: 2px solid white;
21+
border-radius: 5px;
22+
}
23+
24+
/*Footer section*/
1525
footer{
1626
background-color: black;
27+
color:white;
28+
border: 2px solid white;
29+
border-radius: 5px;
30+
}
31+
32+
.text-position{
33+
text-align: center;
34+
padding-top:
35+
}
36+
37+
#footer-list ul{
38+
display:flex;
39+
justify-content:space-evenly;
40+
flex-direction: row;
41+
}
42+
43+
#footer-list li{
44+
list-style-type: none;
45+
}
1746

47+
#footer-list a{
48+
text-decoration: none;
49+
color: white;
1850
}
1951

2052
article{

0 commit comments

Comments
 (0)