-
Notifications
You must be signed in to change notification settings - Fork 0
/
tut63.js
87 lines (79 loc) · 3.66 KB
/
tut63.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alligment</title>
<style>
*{
box-sizing: border-box;
}
.programmer{
width: 1000px;
border: 3px solid rgb(33, 194, 11);
margin: 75px auto;
background-color: aqua;
}
.ROG{
border: 3px solid red;
margin: 12px 3px;
padding: 12px 3px;
background-color: rgb(233, 214, 214);
}
#inteli5pgen{
float: left;
width: 48%;
}
#laptop{
/*float: left;*/
float: right;
width: 48%;
}
#graphiccard{
/*float: left;*/
clear: both;
width: 100%;
}
p, h3{
/*text-align: right;*/
text-align: justify;
}
h2{
margin: 43px auto;
width: 444px;
}
</style>
</head>
<body>
<div class="programmer">
<h2>ASUS: Republic of Gamers series(ROG)</h2>
<div id="inteli5pgen" class="ROG">
<h3>CPU</h3>
<p id="inteli5pgenset" class="ASUS">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione voluptate debitis neque at, natus itaque facere sed atque culpa, illo quae voluptatibus veniam nisi magnam incidunt quod officia mollitia repudiandae tempore modi architecto harum Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores velit architecto porro quidem perspiciatis cum, voluptatem dolorum consectetur debitis. Qui voluptas omnis ipsam tenetur quia perferendis aliquam ut unde consequatur..</p>
</div>
<div id="laptop" class="ROG">
<h3>Coding Laptop</h3>
<p id="laptopset" class="ASUS">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione voluptate debitis neque at, natus itaque facere sed atque culpa, illo quae voluptatibus veniam nisi magnam incidunt quod officia mollitia repudiandae tempore modi architecto harum Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores velit architecto porro quidem perspiciatis cum, voluptatem dolorum consectetur debitis. Qui voluptas omnis ipsam tenetur quia perferendis aliquam ut unde consequatur..</p>
</div>
<div id="graphiccard" class="ROG">
<h3>GPU</h3>
<p id="graphiccardset" class="ASUS">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione voluptate debitis neque at, natus itaque facere sed atque culpa, illo quae voluptatibus veniam nisi magnam incidunt quod officia mollitia repudiandae tempore modi architecto harum.</p>
</div>
<div id="mouse" class="ROG">
<h3>GPU</h3>
<p id="mouseset" class="ASUS">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ratione voluptate debitis neque at, natus itaque facere sed atque culpa, illo quae voluptatibus veniam nisi magnam incidunt quod officia mollitia repudiandae tempore modi architecto harum.</p>
</div>
</div>
</body>
</html>`);
// res.end('Hello World');
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});