-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage2.html
57 lines (45 loc) · 1.45 KB
/
page2.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
<!DOCTYPE html>
<html>
<head>
<style>
.item1 { grid-area: menu; }
.item2 { grid-area: main; }
.grid-container {
display: grid;
grid-template-areas:
'menu main main main main main main main';
gap: 10px;
background-color: rgb(90, 45, 71);
padding: 10px;
}
.grid-container > div {
background-color: LightGray;
text-align: center;
padding: 20px 0;
font-family: Cursive;
font-size: 30px;
}
fontCur {
font-family: Helvetica;
font-size: 26px;
}
</style>
</head>
<body style="background-color:#666699;">
<center><svg width="800" height="150" xmlns="http://www.w3.org/2000/svg">
<rect width="100%" height="100%" fill="red" />
<circle cx="235" cy="80" r="185" fill="yellow" />
<text x="320" y="124" font-size="90" text-anchor="middle" fill=#331100>BBS Website</text>
</svg><center>
<fontcur><p>This is Page 2</p>
<p>Below is an awsome youtube video:</p></fontcur>
<div class="grid-container">
<div class="item1"><p><a href="/">Main Page</a></p><p><a href="/page2">Page 2</a></p><a href="/page3">Page 3</a></div>
<div class="item2"><p>Can't kill Ideas with Bullets!</p>
<p><iframe width="800" height="600" src="https://www.youtube.com/embed/wpVH4cSlrlw?si=kYxxNGtuLxn5tPMz"
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p></div>
</div>
</body>
</html>