Untitled

<!DOCTYPE HTML>
<html>
<head>
    <title>Get Started</title>
    <meta charset=ütf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class= "page-header">
        <h1>Get Started</h1>
    </div>
    <div class="container-fluid">
        <div class = "jumbotron">
        <h2>Login</h2>
        <form action= "login.php" method ="post">
            <div class="form-group">
                <label for="name">Name:</label>
                <input type="text" class="form-control" id="name" required autofocus>
            </div>
             <div class="form-group">
                <label for="pwd">Password:</label>
                <input type="password" class="form-control" id="pwd" required>
            </div>
            <div class="checkbox">
                <label><input type="checkbox"> Remember me</label>
            </div>
            <button type="submit" class="btn btn-primary btn-block">Login</button>
            <button type="button" class="btn btn-success btn-block" onclick= "location.href = 'Register.html';">Register</button>
        </div>
    </div>
</body>
<footer>
    <ul class="nav navbar-nav">
        <li class="active"><a href="../index.html">Back to launch page</a></li>
    </ul>
    <p style= "text-align: right"> done by <br>Justin Michel <br> u14369852</p>
</footer>

<!DOCTYPE HTML>
<html>
<head>
    <title>Register</title>
    <meta charset=ütf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class= "page-header">
        <h1>Register</h1>
    </div>
    <div class="container-fluid">
        <div class = "jumbotron">
        <h2>Register</h2>
        <form >
            <div class="form-group">
                <label for="name">Name:</label>
                <input type="text" class="form-control" id="name" required autofocus>
            </div>
             <div class="form-group">
                <label for="pwd">Password:</label>
                <input type="password" class="form-control" id="pwd" required>
            </div>
            <button type="submit" class="btn btn-primary btn-block">Register</button>
            <button type="button" class="btn btn-danger btn-block" onclick = "location.href = 'Get Started.html';">Back to Login</button>
        </div>
    </div>
</body>
<footer>
    <ul class="nav navbar-nav">
        <li class="active"><a href="../index.html">Back to launch page</a></li>
    </ul>
    <p style= "text-align: right"> done by <br>Justin Michel <br> u14369852</p>
</footer>

<!DOCTYPE HTML>
<html>
<head>
    <title>Private Gallery</title>
    <meta charset=ütf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class = "container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">Practical 3</a>
            </div>
            <ul class= "nav navbar-nav">
                <li ><a href="Public Gallery.html"><span class= "glyphicon glyphicon-globe"> </span> Public Gallery</a></li>
                <li class="active"><a href="#"><span class="glyphicon glyphicon-user"> </span> Private Gallery</a></li>
            </ul>
            <form class="navbar-form navbar-right">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
        </div>
    </nav>


    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

        <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close btn-danger" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Upload Picture</h4>
                </div>
                <div class="modal-body">
                    <form action ="upload.php" id= "fileupload" method = "post" encrypte="multipart/form-data">
                        <p> Choose a file to upload or drag and drop</p>
                        <input type="file" name="imageFile" id="imageFile"><br/><br/>
                    </form>
                </div>
                <div class="modal-footer">
                    <input type="submit" form= "fileupload" class="btn btn-success" value="Upload" name = "upload">
                    <button type="button" class="btn btn-danger"  data-dismiss="modal">Cancel</button>
                </div>
            </div>
        </div>
    </div>

    <div class="container" style="margin-top:50px">

        <div class = "container updiv" >
    <!--<div class = "row">-->
    <!--<form>-->
            <button class = "btn btn-button btn-primary upload"  data-toggle="modal" data-target="#myModal"><span class= "glyphicon glyphicon-upload"/> Upload <span class= "glyphicon glyphicon-upload"/></button>
    <!--</form>-->
    <!--</div>-->
        </div>
    </div>

</body>
<footer>
    <nav class="navbar navbar-inverse navbar-fixed-bottom" >
        <ul class="nav navbar-nav">
            <li><a href="../index.html">Back to launch page</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
            <li><a href="Get Started.html"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>
        </ul>
    </nav>
</footer>

<?php
$servername = "localhost";
$username =  $_POST["name"];
$password = $_POST["pwd"];

//create connection
$conn = new mysqli($servername, $username, $password);

//Check connection if($conn->conect_error){
    die("Connection failed: ".$connect_error);
}
header("Location: Private Gallery.html");
?>