-
Notifications
You must be signed in to change notification settings - Fork 0
/
tut63-server.js
71 lines (66 loc) · 2.8 KB
/
tut63-server.js
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
// console.log('hello world');
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/html');
res.end(`<!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>
body{
text-align: center;
}
h1{
font-size: 3rem;
font-weight: bold;
color: darkmagenta;
text-shadow: 4px 4px 7px rgb(185, 64, 233);
}
.con{
margin: 20px;
padding: 20px;
background-color: rgb(128, 241, 236);
box-shadow:5px 5px 4px 1px rgb(19, 164, 221);
}
h3{
display: block;
}
#para2{
background-color: rgb(84, 236, 92);
box-shadow: 8px 8px 3px rgb(10 94 17), 14px 14px 3px rgb(62 222 59);
/* multiple shaodw */
}
#para3{
background-color: rgb(240, 232, 128);
box-shadow: inset 8px 8px 3px rgb(199 199 31), inset 14px 14px 3px rgb(205 230 63);
/* inset */
/* multiple shadow */
}
</style>
</head>
<body>
<h1>Box Shadow And Text Shadow</h1>
<div class="con" id="para1">
<h3>Para First</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae alias ea quo architecto maiores quidem suscipit! Incidunt voluptas natus commodi placeat repellendus deleniti optio voluptatum. Quaerat deserunt corrupti veritatis soluta ex? Magnam quos quis minima, eveniet illum nostrum tempore nobis.</p>
</div>
<div class="con" id="para2">
<h3>Para Second</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae alias ea quo architecto maiores quidem suscipit! Incidunt voluptas natus commodi placeat repellendus deleniti optio voluptatum. Quaerat deserunt corrupti veritatis soluta ex? Magnam quos quis minima, eveniet illum nostrum tempore nobis.</p>
</div>
<div class="con" id="para3">
<h3>Para Third</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae alias ea quo architecto maiores quidem suscipit! Incidunt voluptas natus commodi placeat repellendus deleniti optio voluptatum. Quaerat deserunt corrupti veritatis soluta ex? Magnam quos quis minima, eveniet illum nostrum tempore nobis.</p>
</div>
</body>
</html>`);
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});