CodeForPower.org/home.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
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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}
	.bg {
	  /* The image used */
	  background-image: url("Images/WebsiteCloudGif.GIF");

	  /* Full height */
	  height: 100%;
	margin: 0;

	  /* Center and scale the image nicely */
	  /* background-position: float; */
	  background-repeat: repeat;
	  background-size: cover;

	}

	.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color: #3e8e41}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
  </style>

</head>
<!--body style="background-color:powderblue;"-->
<body class="bg">
<div class="topnav">
  <a class="active" href="NavigationBar.html">Home</a>
  <a href="JavaBasics.html">Java Basics</a>
  <a href="CompetitiveProgramming.html">Competitive Programming</a>
  <a href="BearyHome.html">Beary</a>
  <a href="calculator.html">calculator</a>
</div>
<!--nav class="navbar navbar-inverse"-->
<!--div class="bg"-->
<div>
	<!--div class="container"-->
	<div>
	 <bold> <h1> Learn Java For Free. Forever. </h1></bold>

	  <!--div style = "position:relative; left:500px; top:250px;font-family:verdana; font-size:160%;" >
         Let's Get Started
      </div-->


	  <form action="CompetitiveProgramming.html">
      <button type="submit" class = "button">Let's Begin</button>


	</div>
</div>


</body>
</html>