-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtutorial-19.html
60 lines (54 loc) · 2.17 KB
/
tutorial-19.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
<!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>Box Shadow and Text Shadow</title>
<style>
.container {
display: flex;
}
.card{
height: 300px;
width: 300px;
border: 2px solid black;
padding: 22px 12px;
margin: 22px 12px;
background-color: rgb(187, 218, 187);
box-shadow: 6px -2px 10px green;
}
h2{
text-shadow: -2px -3px 3px whitesmoke;
}
</style>
</head>
<body>
<div class="container">
<div class="card">
<h2>This is C++ Course</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur modi ut maxime, illum quasi cumque
dolores
iure animi ullam commodi quaerat temporibus laudantium impedit omnis sed inventore suscipit veniam
cupiditate molestiae, sint hic nemo eligendi fugiat odit. Amet ducimus perspiciatis quisquam molestiae.
</p>
</div>
<div class="card">
<h2>This is Python Course</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur modi ut maxime, illum quasi cumque
dolores
iure animi ullam commodi quaerat temporibus laudantium impedit omnis sed inventore suscipit veniam
cupiditate molestiae, sint hic nemo eligendi fugiat odit. Amet ducimus perspiciatis quisquam molestiae.
</p>
</div>
<div class="card">
<h2>This is Web Development Course</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur modi ut maxime, illum quasi cumque
dolores
iure animi ullam commodi quaerat temporibus laudantium impedit omnis sed inventore suscipit veniam
cupiditate molestiae, sint hic nemo eligendi fugiat odit. Amet ducimus perspiciatis quisquam molestiae.
</p>
</div>
</div>
</body>
</html>