Skip to content

Commit 61e6b4c

Browse files
shovoalwaysshovoalways
authored
Add files via upload
1 parent fdc0f96 commit 61e6b4c

4 files changed

Lines changed: 84 additions & 24 deletions

File tree

‎012_CSS_links/index.html‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,12 @@
1010
</head>
1111

1212
<body>
13-
<h1 id="id">Procoder Bd <a href="#id">Subscribe</a></h1>
1413
<a href="">Subscribe</a>
14+
<a href="#">Subscribe</a>
15+
<a href="http://www.google.com">Subscribe</a>
16+
17+
<a class="btn" href="">Subscribe</a>
18+
1519

1620

1721

‎012_CSS_links/style.css‎

Lines changed: 31 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,39 @@
1-
* {
2-
margin: 0;
3-
padding: 0;
4-
}
5-
body {
6-
background: #262626;
7-
}
8-
h1 {
9-
color: #fff;
10-
}
11-
a:link {
12-
margin-top: 25px;
13-
background: #fff;
14-
padding: 10px 30px;
1+
a {
2+
font-size: 35px;
3+
color: black;
154
text-decoration: none;
16-
color: #262626;
17-
display: inline-block;
18-
border-radius: 35px;
19-
font-family: sans-serif;
20-
font-size: 15px;
5+
text-decoration: underline;
6+
text-decoration: overline;
7+
text-decoration: line-through;
218
}
229
a:visited {
23-
color: yellowgreen;
10+
color: brown;
11+
}
12+
a:hover {
13+
color: aquamarine;
2414
}
2515
a:active {
26-
color: yellowgreen;
16+
color: red;
17+
font-weight: bold;
18+
font-size: 25px;
2719
}
28-
a:hover {
29-
color: #fff;
20+
a:focus {
21+
color: blueviolet;
22+
font-size: 16px;
23+
background: #000;
24+
padding: 10px;
25+
}
26+
a.btn {
27+
text-decoration: none;
3028
background: red;
29+
border: 2px solid red;
30+
color: #fff;
31+
padding: 10px 25px;
32+
display: inline-block;
33+
font-family: sans-serif;
34+
border-radius: 35px;
35+
}
36+
a.btn:hover {
37+
background: rgba(255, 0, 0, 0.2);
38+
color: #000;
3139
}

‎015_CSS_Display/index.html‎

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>CSS Display</title>
8+
9+
<link rel="stylesheet" href="style.css">
10+
</head>
11+
12+
<body>
13+
<h1>Procoder Bd</h1>
14+
<p>Ali</p>
15+
<span>Hossain</span>
16+
<h2><a href="">This is title</a></h2>
17+
18+
<h3>Shovo</h3>
19+
<a href="" class="btn">Contact Us</a>
20+
21+
22+
23+
24+
</body>
25+
26+
</html>

‎015_CSS_Display/style.css‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
h1,
2+
h3,
3+
p,
4+
span,
5+
a {
6+
background: teal;
7+
}
8+
h1 {
9+
display: inline-block;
10+
}
11+
span {
12+
display: block;
13+
}
14+
h3 {
15+
display: none;
16+
}
17+
a.btn {
18+
background: violet;
19+
color: #fff;
20+
padding: 10px 25px;
21+
display: inline-block;
22+
}

0 commit comments

Comments
 (0)