-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdeep15.html
96 lines (94 loc) · 2.83 KB
/
deep15.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pesudo selectors & more designing</title>
<style>
.container{
border: 2px solid rgb(41, 40, 42);
background-color: rgb(231, 187, 11);
padding:34px 34px 34px 34px;
margin:34px 34px 34px 34px;
width: 666px;
}
a{
text-decoration: none;/*to remove underline from the link*/
color:black;
}
a:hover{
color:black;
background-color: rgb(21, 147, 210);
}
a:visited{
background-color: rgb(173, 14, 218);
}
a:active{
background-color: rgb(71, 226, 24);
}
.btn{
background-color: red;
border:3px solid rgb(255, 119, 0);
cursor:pointer;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
border-radius:4px;
font-weight: bold;
padding:4px;
}
.btn1{
background-color: red;
border:3px solid rgb(255, 119, 0);;
cursor:pointer;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
border-radius:4px;
font-weight: bold;
padding:4px;
}
.btn:hover{
background-color: rgb(18, 169, 33);
border: 2px solid black ;
padding:4px;
}
.btn1:hover{
background-color: rgb(18, 169, 33);
border: 2px solid black ;
font-family:sans-serif;
font-weight:bold;
border: 2px solid black;
border-radius:4px;
padding:4px;
}
.btn2{
background-color: rgb(0, 255, 13);
border:3px solid rgb(255, 119, 0);
cursor:pointer;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
border-radius:4px;
font-weight: bold;
padding:4px;
}
.btn2:hover{
background-color: rgb(18, 169, 33);
border: 2px solid black ;
font-family:sans-serif;
font-weight:bold;
border: 2px solid black;
border-radius:4px;
}
</style>
</head>
<body>
<div class="container" id="cont1">
<h3>This is my heading</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim sapiente inventore ratione accusantium ipsam ex voluptatem voluptatum nisi officia numquam doloremque nobis molestias maxime voluptates modi, illum ipsum quam, quasi corporis.
</p>
<a href="https:\\www.amazon.com" class="btn" target="_blank" >go to amazon</a>
<a href="https:\\www.flipkart.com" class="btn1" target="_blank" >go to flipkart</a>
<a href="https://www.Google.com" target="_blank" class="btn2">Go to Google</a>
</div>
</body>
</html>