Untitled

<?php
session_start();

include('conexao.php');

if(@$_POST['registar']) {

   $name = $_POST['nome'];
   $username = $_POST['username'];
   $pass = $_POST['password'];
   $level = '1';


   $inserirdados = mysql_query("INSERT INTO users (nome, username, password, level) VALUES ('$name', '$username', '$pass', '$level')");

}

?>


<html lang="pt-pt">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="imagens/bandeira_logo.ico">
    <title> eSports em Portugal</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/heroic-features.css" rel="stylesheet">

  </head>

  <body>

    <!-- Navigation -->


    <!-- Page Content -->
    <div class="container">

      <!-- Jumbotron Header -->
      <header class="jumbotron my-4">

            <img class="card-img-top" src="imagens/esports_tuga.jpg" alt="">
            <div class="card-body">


<html lang="pt">
<head>
    <meta charset="utf-8">

    <title>Login / Registo</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="css/lg_text.css" rel="stylesheet">
    <link href="css/lg_bootstrap.min.css" rel="stylesheet">

    <script src="js/lg_jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="js/lg_bootstrap.min.js" type="text/javascript"></script>

</head>
<body>
<div class="container">
	<div class="row">
		<h2>Área Pessoal</h2>
	</div>
</div>
<br>
<br>
	<div class="container">
	<div class="row">
	<div class="col-md-4 col-md-offset-4">
	<div class="form-body">

    <ul class="nav nav-tabs final-login">
        <li class="active"><a data-toggle="tab" href="#sectionA">Login</a></li>
        <li><a data-toggle="tab" href="#sectionB">Registar</a></li>
    </ul>

		<div class="tab-content">
			<div id="sectionA" class="tab-pane fade in active">
			<div class="innter-form">


				<form class="sa-innate-form" method="post" action="valida_login.php">


				<label>Username</label>
				<input type="text" name="user" required="">


				<label>Password</label>
				<input type="password" name="password" required="">


				<button type="submit">Entrar</button>
				</form>


				</div>
				<div class="clearfix"></div>
			</div>


			<div id="sectionB" class="tab-pane fade">
				<div class="innter-form">
				<form class="sa-innate-form" method="post" action="">

				<label>Nome</label>
				<input type="text" name="nome" required="">

				<label>Username</label>
				<input type="text" name="username" required="">

				<label>Password</label>
				<input type="password" name="password" required="">

				<input name='registar' type='submit' value='Registar'/>
				</form>
				</div>
			</div>
		</div>
	</div>
	</div>
	</div>
    </div>

<script type="text/javascript">

</script>
</body>
</html>


      </header>

      <!-- Page Features -->
      <div class="row text-center">

        <div class="col-lg-3 col-md-6 mb-4">

          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">


          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">

            </div>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 mb-4">


  </div>
        </div>

      </div>
      <!-- /.row -->

    </div>
    <!-- /.container -->

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/popper/popper.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

  </body>

</html>