index.php

<?php echo"
<!DOCTYPE html>

<html>
<head>
  <link href='styles.css' type='text/css' rel='stylesheet'>
  <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Tangerine'>
  <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Cantarell:italic|Droid+Serif:bold'>
 <link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
 <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600' rel='stylesheet' type='text/css'>

</head>

<body>

<div style='background-image:url(http://imageshack.com/a/img910/8746/cYM9Uz.png);background-position:center' id='docboxbackground'>
<h1>DocBox</h1>

</div>
";


echo '<p>It has never been easier to store your documents..</p>';

session_start();
$user=null;
$userpass=0;

if (isset($_POST['regSubmit'])){
  $GLOBALS['user'] = $_POST['RegisterName'];
  $GLOBALS['userpass'] = $_POST['pass1'];
  }

 //ftp.docbox.altervista.org

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "docbox";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
$userpass=$GLOBALS['userpass'];
if($GLOBALS['user']!==null){
$sql = "INSERT INTO accounts (UserName, Password)
VALUES ('$user','$userpass')";

if ($conn->query($sql) === TRUE) {
   echo "User $user CREATED";
} else {
    echo "Error: " . $sql . "<br>" . $conn->error;
}}


$sql1 = "SELECT UserName, Password, id FROM accounts";
$result = $conn->query($sql1);

if ($result->num_rows > 0) {
     // output data of each row
     while($row = $result->fetch_assoc()) {
      if(isset($_POST['login'])){
          if( $row["UserName"] == $_POST['username'] && $row['Password']==$_POST['password']){

            echo "USER FOUND! and pass okay";
            $userid=$row["id"];
            $_SESSION["userid"]=$userid;
            $_SESSION["usernamesession"]=$_POST['username'];
           header('Location: tablodeneme.php');

          }
          else
          {
            echo "USER not FOUND pass wrong!";


          }
        }
     }
} else {
     echo "0 results";

}


echo "
<div id='circle' class='center'>

<br>
  <form class='form-wrapper' action='index.php' method='post'>
    <input required type='text' name='username' id='username' placeholder='UserName' required>
    <input required type='password' name='password'id='password' placeholder='Password' required><br>
      <button type='submit' id='login' name='login'>Login</button>
  </form>
    <a href = 'javascript:void(0)' id='register' onclick=\"document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'\" >Register</a></a>
    <div id='light' class='white_content'>

    <form name='entry' action='index.php' method='post'  onsubmit='return validateForm();'>
      <div id='entries'>
          <input type='text' id='Registerusername' name='RegisterName' placeholder='UserName' required><br>

          <input type='password' name='pass1' id='pass1' placeholder='Password' onkeyup='checkPass(); return false;''><br>
          <input type='password' name='pass2' id='pass2' placeholder='Re-Type Password' onkeyup='checkPass(); return false;'><br>


          <input type='text' name='email' id='e_mail' placeholder='E-mail'><br>
           <input type='submit' id='submit' value='Submit' name='regSubmit' <a href = 'javascript:void(0)'' onclick = 'document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block''</a></input>

         </div>

           <a href = 'javascript:void(0)'' id='RegisterClose' onclick = \"document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'\">X</a></div>
    <div id='fade' class='black_overlay'></div>

</form>
</div>


        </div>

  <img src='http://imageshack.com/a/img903/4531/ACXP4G.png' id='folder'>
 <p id='about'>Upload your files, reach them whenever and wherever you want.</p>


 <script type='text/javascript'>


";

echo ";
function checkPass()
{

    var pass1 = document.getElementById('pass1');
    var pass2 = document.getElementById('pass2');
    var green = '#66cc66';
    var red = '#FFC8E3';
    if(pass1.value == pass2.value){
        pass2.style.backgroundColor = green;
        message.style.color = green;
    }else{
        pass2.style.backgroundColor = red;
        message.style.color = red;
    }
}

function validateForm() {
    var x = document.forms['myForm']['email'].value;
    var atpos = x.indexOf('@');
    var dotpos = x.lastIndexOf('.');
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {
        alert('Not a valid e-mail address');
        return false;
    }
}


</script>
</body>


</html>
"
?>