lksn-20-sumatera-selatan/index.html at master · webtechindonesia/lksn-20-sumatera-selatan · 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
<!DOCTYPE html>
<html>
<head>
	<title>Phytons Game</title>
</head>
<style type="text/css">
	.screen{
		width: 1024px;
		height: 1024px;
		background-image: linear-gradient(to bottom right, #002f3d, #414242, #002f3d) ;
		margin : 0 auto;
		box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.65);
		border-radius: 20px;
	}
	.play{
		padding-top: 20px;
		width: 200px;
		height: 200px;
	}
	.field{
		background: none;
    	border: none;
    	outline: none;
    	width: 40%;
    	margin-left: 30%;
    	font-size: 50px;
    	color: white;
    	font-family: cursive;
	}
	.form-border {
    background: -webkit-linear-gradient(right, #0069d9, #0a81ff);
    height: 3px;
    width: 40%;
    margin-left: 30%;
	}
	.inst{
		border:none;
		margin-left: 30%;
		width: 40%;
		background-color: #0069d9;
		font-size: 30px;
		border-radius: 10px;
	}
	.inst:hover{
		background-color: #5d96d4;
	}
	p{
		text-align: center;
		color: white;
		font-size: 30px;
		font-family: cursive;
	}
	.sub{
		margin-left: 40%;
		background : none;
		border-style: none;
		text-align: center;
	}
	.sub:hover{
		opacity: 0.8;
	}
</style>
<body>
	<div class="screen">
		<img src="design/Sumsel_logo.png" style=" padding-top: 20px; padding-left: 42%;"><br><br>
		<p>Type Your Name :</p>
		<form method="POST" action="game.html">
			<input class="field" type="text" name="nama" required=""><br>
			<div class="form-border"></div><br>
			<a href="instruction.html"><button type="button" class="inst">Instruction</button></a><br>
			<a href="game.html"><button type="Submit" class="sub"><img class="play" src="design/Sumsel_Play.png"></button></a>
		</form>

	</div>
</body>
</html>