Skip to content

Instantly share code, notes, and snippets.

@shriDeveloper

shriDeveloper/index.php

Created September 2, 2019 16:35
Show Gist options
  • Save shriDeveloper/a5499102081dfa1c3bc9a212cae4da70 to your computer and use it in GitHub Desktop.
Save shriDeveloper/a5499102081dfa1c3bc9a212cae4da70 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.php
<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
</style>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<link rel="stylesheet" href="css/footer.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<title>Mocial.com</title>
</head>
<body>
<?php include( "utils/header.php"); ?>
<!-- CLEAR FIX EXXAMPLE -->
<!-- <div class="clearfix hidden-lg hidden-sm"-->
<!--best site-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<br>
<br>
<br>
<br>
<br>
<script type="text/javascript">
function validateLogin()
{
var email=document.forms["logform"]["email"].value;
var pass=document.forms["logform"]["pass"].value;
//LOAD ALERTS
var newEmailAlert=document.getElementById('logEmailAlert');
var newPassAlert=document.getElementById('logPassAlert');
if(email=="")
{
newEmailAlert.classList.add('visible');
newEmailAlert.classList.remove('hidden');
return false;
}
else
{
newEmailAlert.classList.add('hidden');
newEmailAlert.classList.remove('visible');
}
if(pass=="")
{
newPassAlert.classList.add("visible");
newPassAlert.classList.remove("hidden");
return false;
}
else
{
newPassAlert.classList.add("hidden");
newPassAlert.classList.remove("visible");
}
}
</script>
<script type="text/javascript">
function validate(){
var firstName=document.forms["sigform"]["FirstName"].value;
var lastName=document.forms["sigform"]["LastName"].value;
var email=document.forms["sigform"]["Email"].value;
var password=document.forms["sigform"]["Password"].value;
//LOAD ALERTS TOO
var firstAlert=document.getElementById('firstNameAlert');
var lastAlert=document.getElementById('lastNameAlert');
var mailAlert=document.getElementById('emailAlert');
var passAlert=document.getElementById('passwordAlert');
//ENDS HERE//
if(firstName==""){
firstAlert.classList.add('visible');
firstAlert.classList.remove('hidden');
return false;
}
else
{
firstAlert.classList.add('hidden');
firstAlert.classList.remove('visible');
}
if(lastName==""){
lastAlert.classList.add('visible');
lastAlert.classList.remove('hidden');
return false;
}
else
{
lastAlert.classList.add('hidden');
lastAlert.classList.remove('visible');
}
if(email==""){
mailAlert.classList.add('visible');
mailAlert.classList.remove('hidden');
return false;
}
else
{
mailAlert.classList.add('hidden');
mailAlert.classList.remove('visible');
}
if(password==""){
passAlert.classList.add('visible');
passAlert.classList.remove('hidden');
return false;
}
else
{
passAlert.classList.add('hidden');
passAlert.classList.remove('visible');
}
}
</script>
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="panel">
<ul class="nav nav-tabs">
<li class="active"> <a href="#1" data-toggle="tab">Login</a>
</li>
<li><a href="#2" data-toggle="tab">Sign Up</a>
</li>
</ul>
</div>
<div class="well" style="background:white">
<div class="tab-content ">
<div class="tab-pane active" id="1">
<br/>
<form action="resoures/Logger.php" method="POST" enctype="multipart/form-data" name="logform">
<div class="form-group">
<label for="Email">Email</label>
<input type="email" class="form-control" placeholder="Email" name="email" id="myemail">
</div>
<div class="row hidden" id="logEmailAlert">
<div class="col-md-12">
<div class="alert alert-danger "><strong>Please enter a valid Email address!</strong>
</div>
</div>
</div>
<div class="form-group">
<label for="Password">Password</label>
<input type="password" class="form-control" placeholder="Password" name="pass">
</div>
<div class="row hidden" id="logPassAlert">
<div class="col-md-12">
<div class="alert alert-danger "><strong>Please enter a valid password !</strong>
</div>
</div>
</div>
<input type="submit" value="Login" class="btn btn-primary btn-block" id="btnlog" onclick="return validateLogin()">
</form>
</div>
<div class="tab-pane" id="2">
<br/>
<form action="resoures/Signer.php?ref_type=normallogin" method="POST" name="sigform">
<div class="form-group">
<label for="First Name">First Name</label>
<input type="text" placeholder="First Name" class="form-control" name="FirstName">
</div>
<div class="row hidden" id="firstNameAlert">
<div class="col-md-12">
<div class="alert alert-danger"><strong>Please fill FirstName !</strong>
</div>
</div>
</div>
<div class="form-group">
<label for="Last Name">Last Name</label>
<input type="text" placeholder="Last Name" class="form-control" name="LastName">
</div>
<div class="row hidden" id="lastNameAlert">
<div class="col-md-12">
<div class="alert alert-danger "><strong>Please fill LastName !</strong>
</div>
</div>
</div>
<div class="form-group">
<label for="Email">Email</label>
<input type="Email" placeholder="Email" class="form-control" name="Email">
</div>
<div class="row hidden" id="emailAlert">
<div class="col-md-12">
<div class="alert alert-danger"><strong>Please fill email !</strong>
</div>
</div>
</div>
<div class="form-group">
<label for="Password">Password</label>
<input type="Password" placeholder="Password" class="form-control" name="Password">
</div>
<div class="row hidden" id="passwordAlert">
<div class="col-md-12">
<div class="alert alert-danger "><strong>Please fill password !</strong>
</div>
</div>
</div>
<input type="submit" value="Sign Up" class="btn btn-primary btn-block" onclick="return validate()">
</form>
<h3><center>Or</center></h3>
<a href=" <?php echo $newHomePage->loginUrl; ?> " class="btn btn-block" style="background-color: #3b5998;color: white;">Sign up with Facebook</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
<!-- ENDS HERE -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment