Social-Login/html code at master · itsrohini/Social-Login · 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
<html>
<head>
<title>Social LogIn</title>
<script>
function openf() {
  window.open("https://www.facebook.com");
}
function openi() {
  window.open("https://www.instagram.com");
}
function opent() {
  window.open("https://www.twitter.com");
}
function openl() {
  window.open("login.php");
}
</script>
</head>
<body>
<?php
$user=$_POST['u'];
?>
<form action="login.php" method="post" >
<strong>Username:</strong>
<input type="text" placeholder=" Username/Email " name="u" value="" required><br><br>
<strong>Password:</strong>
<input type="password" placeholder=" Password" name="p" id="p" required><br><br>
<input type="button" name="b" value="Submit" onclick="openl()" id="s" style="background-color:yellow; color:black; height:30px; width:100px; border:black;border-radius:7px; font-weight:bold;">
<h1>Or</h1>
<input type="button" value="Login with Facebook" name"fb" id="fb" onclick="openf()" style="background-color:blue; color:white; height:30px; width:150px; border:black; border-radius:7px; font-weight:bold;">
<input type="button" value="Login with Instagram" name"in" id="in" onclick="openi()" style="background-color:purple; color:black; height:30px; width:150px;border:black; border-radius:7px; font-weight:bold;">
<input type="button" value="Login with Twitter" name"tw" id="tw" onclick="opent()" style="background-color:blue; color:white; height:30px; width:150px;border:black; border-radius:7px; font-weight:bold;" >
</form>
</html>