Check4Projects/index.html at master · scratchdesignstudio/Check4Projects · 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>SDS Username Finder</title>
		<link rel="shortcut icon" type="image/png" href="icon.png">
		<style>
		body{
  			background-color: #00bfff;
			}

		.main {
			padding: 5px;
			text-align: center;
			background: #00bfff;
			color: black;
			font-size: 15px;
			font-family: "Comic Sans MS", cursive, sans-serif
			}
		input[type=text]{
			width:25%;
			padding:12px 20px;
			border:2px solid white;
  			border-radius:4px;
			background-color:#F0F0F0;
			}

		input[type=submit] {
			background-color: #4CAF50;
			font-size: 16px;
			padding: 12px 20px;
			border-radius: 12px;
			width: 10%;
			border:2px solid black;
			}

		input[type=submit]:hover {
  			background-color: #5cd65c;
			}

		input[type=submit]:active {
  			background-color: #145214;
			}
		.output {
  		padding: 200px 500px;
  		font-size: 24px;
  		text-align: center;
  		cursor: pointer;
  		outline: none;
  		color: #fff;
  		background-color: #4CAF50;
  		border: none;
  		border-radius: 15px;
		}
		</style>
		<script>
		function showdata() {
 		 document.getElementById("data").style.display = "block";
		}
		</script>
	<head>
	<body style="margin:0">
		<div class="main">
			<h1>Welcome To The SDS Username Finder Webpage</h1>
			<h2>Search For A Username</h2>
			<form>
				<input type="text" name="username" placeholder="Username">
				<input type="submit" value="Search" onclick="showdata()">
			</form>
		</div>
		<div class="slide-in-bottom w3-animate-opacity" id="data"  style="display:none" >
			<div class="output">
			   test
			</div>
		</div>
	</body
</html>