aboutus.php

<!DOCTYPE html>
<?php
 session_start();


 ?>
<html>
<head>
<title>.::PkKit::.</title>

<!-- BootStrap -->

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="style.css" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700|Lato:400,100,300,700,900' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="css/animate.css">

    <link rel="stylesheet" href="css/style.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <style>

    </style>

</head>


<body>

<nav class="navbar navbar-inverse" style="margin: 0px">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="myphotos.php">PKKIT</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li><a href="myphotos.php">My Photos</a></li>
        <li><a href="aboutus.php">About Us</a></li>
        <li><a href="faqs.php">FAQs</a></li>
        <li><a href="support.php">Support</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">

      <?php

        if ($_SESSION['user_logged_in'] == 1)
        {
        echo '<li><a href="create.php"><span class="glyphicon glyphicon-picture"></span> Create Album</a></li>
        <li><a href="logout.php"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li>';

        }else{
             echo '
            <li><a href="register.html"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
            <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>';
            }
        ?>

      </ul>
    </div>
  </div>
</nav>

<div class="well" style="background-color: rgba(0,0,0,0.5);margin-bottom: -30px; border: 0px solid;color: white;border-radius: 0px">

 <h4><u>About us</u></h4>
 <br />

 <h4>PKKIT was created by Logan Johnson, Nick Allen and Jez Tindle as part of their degree in software engineering from</h4>
 <h4>the University of Greenwich.  The idea to do an image sharing website came about randomly and simply seemed</h4>
 <h4>like a good idea.</h4>
 <br />
 <h4>The website allows users to upload images into albums and share these albums with friends, family or colleagues. It </h4>
 <h4>is free to use and anyone can create an account and start sharing with a few simple clicks. </h4>
 <br />
 <h4>We are currently working on improving the site, if you have any comments or suggestions please feel free to </h4>
 <h4>contact us via the Support Page.</h4>


 <br />
 <br />

</div>


</body>

<script>
    $(document).ready(function () {
        $('#logo').addClass('animated fadeInDown');
        $("input:text:visible:first").focus();
    });
    $('#username').focus(function() {
        $('label[for="username"]').addClass('selected');
    });
    $('#username').blur(function() {
        $('label[for="username"]').removeClass('selected');
    });
    $('#password').focus(function() {
        $('label[for="password"]').addClass('selected');
    });
    $('#password').blur(function() {
        $('label[for="password"]').removeClass('selected');
    });
</script>

</html>