CodeForPower.org/RoughDraft.html at master · Jack-Zhou27/CodeForPower.org · GitHub

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
<!DOCTYPE html>
<html>

<head>
<title> Welcome to Beary!  </title>

<style>
a {
display: inline-block;
width: 100px;
height: 100px;
line-height: 30px;
padding: 10px;
background-color: #00AEEF;
color: #ffffff;
border-radius: 10px;
}


.bg {
  /* The image used */
  background-image: url("WebsiteCloudGif.GIF");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: red;
}

</style>
</head
<body>
	<div class="bg">
	<h1> Beary is a minimalistic website teaching you the basics of coding </h1>

	<p> Let's get started </p>


	<a href="https://www.amazon.com/Advanced-Euclidean-Geometry-Beautiful-Explanations/dp/B08P2TV8ZR/ref=sr_1_3?crid=24X1PFPIPTVNO&dchild=1&keywords=advanced+euclidean+geometry&qid=1611531539&sprefix=advanced+ecul%2Caps%2C209&sr=8-3">
	This is a link to our published book. Check it out!</a>

	<p/>
	<div>
	<APPLET CODE="Main.class" Width = "800" HEIGHT="500"></APPLET>
	</div>
	<img src="file://D:/ApplePhone/JackApplePhone/Photo/20200418/Bird.jpg" alt="picture" width="204" height="242"/>
	<img src="file://D:/WEBSITE OFFICIAL/Photo/MountainPic.jpg" alt="picture" width="100" height="300"/>
	<p/>
	<a href = "page2OFtheWebsite.html">Competitive Programming</a>
	</div>
</body>

</html>