Skip to content

Instantly share code, notes, and snippets.

@shriDeveloper

shriDeveloper/index.php

Created September 2, 2019 16:35
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save shriDeveloper/a5499102081dfa1c3bc9a212cae4da70 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save shriDeveloper/a5499102081dfa1c3bc9a212cae4da70 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. shriDeveloper created this gist Sep 2, 2019.
    221 changes: 221 additions & 0 deletions index.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,221 @@
    <!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 -->