<?php
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>puraton</title>
<link href="assest/css/bootstrap.css" rel="stylesheet" type="text/css"/>
<link href="assest/css/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
<link href="assest/css/jquery-ui.theme.min.css" rel="stylesheet" type="text/css"/>
<link href="assest/css/style_root_index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<?php
if (isset($_GET['msg'])){
$errormsg="<div id='error' title='Error Message' class='text-warning'>";
$errormsg.=$_GET['msg'];
echo $errormsg."</div>";
}
?>
<div class="container-fluid" id="container" style=" height:100vh;">
<div class="row" id="login">
<div class="col-md-4 col-md-offset-4 col-sm-12 login" id="center">
<div class="row">
<!--div class="col-md-6 col-sm-12 col-xs-12 col-md-offset-3"-->
<h1 class="fancy_title">
<span>L</span>
<span>O</span>
<span>G</span>
<span>I</span>
<span>N</span>
</h1>
<!--/div-->
</div>
<form class="form" method="post" action="function/logIn.php">
<div class="form-group">
<label for="username" class="label" style="color: #1b6d85; font-weight: bold; font-size: 120%">User Name</label>
<input type="text" name="username" class="form-control" title="Write Your Username Here"/>
</div>
<div class="form-group">
<label for="password" class="label" style="color: #1b6d85; font-weight: bold; font-size: 120%">Password</label>
<input type="password" name="password" class="form-control" title="Write Your Password Here"/>
</div>
<div class="form-group">
<h6 class="reglink" title="Click here for Registration" style="color: #7ACAFF">Click <span style="color: black;" id="reglink">Here</span> for Registration</h6>
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
<input type="submit" name="submit" class="btn btn-lg btn-success" value="Login"/>
</div>
</div>
</div>
</form>
</div>
<div class="col-md-4 col-md-offset-4 col-sm-12 signup" id="center">
<div class="row">
<!--div class="col-md-6 col-sm-12 col-xs-12 col-md-offset-3"-->
<h1 class="fancy_title">
<span>S</span>
<span>I</span>
<span>G</span>
<span>N</span>
<span>U</span>
<span>P</span>
</h1>
<!--/div-->
</div>
<form class="form">
<div class="form-group">
<label for="fname" class="label" style="color: #1b6d85; font-weight: bold; font-size: 120%">Full Name</label>
<input type="text" id="fname" class="form-control" title="Write Your Full Name Here" style="float: "/>
</div>
<div class="form-group">
<label for="rusername" class="label" style="color: #1b6d85; font-weight: bold; font-size: 120%">Username</label>
<input type="text" id="rusername" class="form-control" title="Write Your Username Here"/>
</div>
<div class="form-group">
<label for="username" class="label" style="color: #1b6d85; font-weight: bold; font-size: 120%">Email</label>
<input type="text" id="email" class="form-control" title="Write Your Email Here"/>
</div>
<div class="form-group">
<label for="pass" class="label" style="color: #1b6d85; font-weight: bold; font-size: 120%">Password</label>
<input type="password" id="pass" class="form-control" title="Write Your Password" style="float: "/>
</div>
<div class="form-group">
<label for="confirmpass" class="label" style="color: #1b6d85; font-weight: bold; font-size: 120%">Confirm Password</label>
<input type="password" id="confirmpass" class="form-control" title="Confirm Your Password"/>
</div>
<div class="form-group">
<h6 class="loglink" title="Click here for Login" style="color: #7ACAFF">Click <span style="color: black;" id="loglink">Here</span> for Login</h6>
<div class="row">
<div class="col-md-6 col-md-offset-3 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-3">
<input type="button" id="rsubmit" class="btn btn-lg btn-success" value="Singup"/>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<script src="assest/js/jquery-3.1.1.js" type="text/javascript"></script>
<script src="assest/js/bootstrap.js" type="text/javascript"></script>
<script src="assest/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="assest/js/jquery.lettering.js" type="text/javascript"></script>
<script src="assest/js/js_root_index.js" type="text/javascript"></script>
</body>
</html>