ToConnect/index.php at master · Kelta-King/ToConnect · 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<?php

session_start();

if(!isset($_SERVER['HTTPS'] ) )
{
    header("Location:https://keltagoodlife.co/Connect-Club");
}

	$_SESSION['signup_login'] = "yes";

	function test_input($data)
	{
		$data = trim($data);
		$data = stripslashes($data);
		$data = htmlspecialchars($data);
		return $data;
	}

?>

<!DOCTYPE html>
<html>
	<head>
	    <title>ToConnect | Connect us to discuss your problems</title>
		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" async>
		<link rel="stylesheet" href="CSS/kel.css">
		<link href="https://fonts.googleapis.com/css2?family=Literata&display=swap" rel="stylesheet">

		<style>

		</style>
	</head>
	<body class="w3-content w3-blue" style="max-width:700px">

<!-- First Grid: Logo & About -->

	<div class="w3-row w3-center kel-heading" style="">
		ToConnect
	</div>
	<div class="w3-row" style="margin-top:50px;">

		<!-- For LogIn-->
		<div id="layer1">
		<div class="w3-half w3-light-gray w3-container w3-center w3-animate-right" style="height:500px;z-index:2;" id="left1">
			<div class="w3-padding-64">

			<form class="w3-container w3-center w3-margin" id="login">
			<center>
			<div class="w3-text-red" id="loginerror"></div>
			<div class="loader" id="loginloader" style="display:none"></div>
			</center>
			<img src="https://www.w3schools.com/w3images/avatar3.png" class="w3-margin w3-circle" alt="Person" style="width:50%">
			<div class="w3-section">
			  <input class="w3-input w3-round-xxlarge w3-border w3-hover-border-black" placeholder="email or username" style="width:100%;" type="text" id="eu" required>
			</div>
			<div class="w3-section">
			  <input type="password" class="w3-input w3-round-xxlarge w3-border w3-hover-border-black" placeholder="password" style="width:100%;" id="password" required>
			</div>
			<a href="forgetpass" class="w3-margin-bottom">forgot password?</a>
			<div class="w3-section">
				<button type="button" onclick="loginCheck()" class="kel-button w3-black w3-round w3-padding w3-border-black w3-black">LogIn</button>
			</div>
			</form>

			</div>
		</div>


		<div class="w3-half w3-green w3-container w3-animate-left" style="height:500px" id="right1">
			<div class="w3-padding-64 w3-left w3-margin-left">
			  <h1>New one?</h1>
			  <h4>Nice to see you...</h4>
			  <p>ToConnect is a simple and easy environment for users to discuss their problems. We are glad to see you here. Click the below button to registerfor free.</p>
			   <div class="w3-center w3-padding-large">
				<button class="kel-button w3-margin-top w3-green w3-round w3-large w3-padding" onclick = "OpenSignIn()">
					Free regestration
				</button>
				</div>
			</div>
		  </div>

		</div>


	<!--Signup link-->

	<div id="layer2" style="display:none;">

		<div class="w3-half w3-green w3-container w3-animate-right" style="height:500px;" id="left2">
		<div class="w3-padding-64 w3-left w3-margin-left">
			<h1>Already registered?</h1>
			<h4>Welcome back...</h4>
			<p>ToConnect is a simple and easy environment for users to discuss their problems. Click the below button to login.</p>
			<div class="w3-center w3-padding-large">
			<button class="kel-button w3-margin-top w3-green w3-round w3-large w3-padding" onclick="OpenLogIn()">
				LogIn
			</button>
			</div>
		</div>
		</div>

	  <!--signin-->

		<div class="w3-half w3-light-gray w3-container w3-center w3-animate-left" style="height:500px;" id="right2">
			<div class="w3-padding">
			<div class="w3-xlarge w3-bold w3-margin-top">Fill the below form</div>
			<form class="w3-container w3-center w3-margin" id="signup">
			<center>
			<div class="w3-text-red" id="SignUpError"></div>
			<div class="loader" id="loaderSignUp" style="display:none"></div>
			</center>
			<div class="w3-section">
				<input class="w3-input w3-round-xxlarge w3-border w3-hover-border-black" placeholder="name" style="width:100%;" type="text" id="name" required>
			</div>
			<div class="w3-section">
				<input class="w3-input w3-round-xxlarge w3-border w3-hover-border-black" placeholder="name@example.com" style="width:100%;" type="email" id="email" required>
			</div>
			<div class="w3-section">
				<input class="w3-input w3-round-xxlarge w3-border w3-hover-border-black" placeholder="password" style="width:100%;" type="password" id="password1" required>
			</div>
			<div class="w3-section">
				<input class="w3-input w3-round-xxlarge w3-border w3-hover-border-black" placeholder="again password" style="width:100%;" type="password" id="password2" required>
			</div>

			<div class="w3-section">
				<select class="w3-select w3-round-xxlarge w3-border" id="gender" style="padding-left:5px" required>
					<span class="w3-animate-top">
					<option value="" class="w3-text-gray" disabled required>Select gender</option>
					<option value="Male" class="w3-text-black" selected>Male</option>
					<option value="Female" class="w3-text-black">Female</option>
					<option value="Other" class="w3-text-black">Other</option>
					</span>
				</select>
			</div>
			<div class="w3-section">
				<button type="button" class="kel-button w3-black w3-round w3-padding w3-border-black w3-black" onclick="SignUpCheck()">Free registeration</button>
			</div>
			</form>

			</div>
		</div>

	  </div>
	</div>
	<script src="Js/check.js"></script>
	<script src="Js/index.js"></script>
	</body>
</html>