Untitled

<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<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="Ben Eriksson, S1709408 Trent Morgan, SNUMBER">

    <title> GlosIT 2018</title>
    <!-- custom css styles -->
    <link rel="stylesheet" href="../css/PublicAccountSummary.css">

    <!-- Ionicons styles -->
    <link href="../css/ionicons.min.css" rel="stylesheet">

    <!-- Bootstrap Library -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

    <!-- Javacript & Jquery -->
    <script src="../js/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
</head>
<body>

   <nav class="navbar bg-dark navbar-dark navbar-expand-lg fixed-top">
        <div class="container">
            <a class="navbar-brand" href="https://www.gloucestershire.police.uk">Gloucester Constabulary</a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
            <span class="navbar-toggler-icon"></span>

            </button>

            <!-- Hyperlink to the 'About' section of the page -->
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav ml-auto">
                    <li class="navbar-item active">
                        <a class="nav-link" href="/index.html">About</a>

                        <!-- Navbar dropdown allows multiple hyperlinks to be placed under one main one to keep the Navbar tidy and organised for users.

                            |
                                - Police
                                    -Login

                                -Public
                                    -Create an account
                                    -Login
                        -->

                        <li class="dropdown">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Police<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="../PoliceLoginPage/login.html">Login</a></li>
                                </ul>
                        </li>

                        <li class="dropdown">
                            <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">Public<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="../PoliceLoginPage/login.html">Login</a></li>
                                    <div class="dropdown-divider"></div>
                                    <li><a href="../PublicRegistrationPage/registration.html">Create an account</a></li>
                                </ul>
                        </li>

                        <li class="navbar-item">
                            <a class="nav-link" href="https://www.gloucestershire.police.uk/contact-us/enquiries/">Contact Us</a>
                        </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="jumbotron-fluid">
  <h1 class="display-3">Hello, Admin!</h1>
  <hr class="my-4">
  <p class="lead">This is your account dashboard. Select the buttons below to navigate the site.</p>
  <p class="lead">
      <a class="btn btn-outline-primary btn-lg" href="../PublicReportABicycle/report.html">Report a Bicycle</a>
      <a class="btn btn-outline-primary btn-lg" href="../PublicUpdateUserDetails/details.html">Update your details</a>

  </p>

        <p class="lead bicycles">You have one (1) Bicycles reported stolen.</p>

</div>

<!-- -->
<table class="table table-striped">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">MPN</th>
      <th scope="col">Brand</th>
      <th scope="col">Colour</th>
      <th scope="col">Case REF</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>KUSH28482</td>
      <td>Raleigh</td>
      <td>Blue with white stripes</td>
      <td>4e1ed50b</td>
    </tr>
  </tbody>
</table>
<br />
<br />
<br />
<br />
</body>
</html>