Untitled

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

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

        <title>Moneyflow</title>
    </head>

    <body>
        <div class="container">
        <center><h1> Velkommen til moneyflow </h1></center>

        <!---Linker-->
        <ul class="nav">
            <li class="nav-item">
                    <a class="nav-link" href="vaktinfo.php">Vaktinfo</a>
                </li>
            <li class="nav-item">
                    <a class="nav-link" href="leggtiljobb.html">Legg til jobb</a>
                </li>
            <li class="nav-item">
                    <a class="nav-link" href="leggtilvakt.html">Legg til vakt</a>
                </li>
            </li>
        </ul>

<h2> Totalt antall timer jobbet: 47 </h2>

       <!--Oversikts tabell-->
       <h2>Kommende vakter</h2>
        <table style="width:50%">
            <div class="row">
            <tr>
                <div class="col">
                    <th>Arbeidsplass</th>
                </div>
                <div class="col">
                    <th>Timer</th>
                </div>
                <div class="col">
                    <th>totalt</th>
                </div>
            </tr>
        </div>
            <?php $newShift=new Shift();
                echo $newShift->shiftLayout();
                ?>
        </table>
</div>
    <br />

    <h2>Tidligere vakter</h2>
<table style="width:50%">
    <div class="row">
    <tr>
        <div class="col">
            <th>Arbeidsplass</th>
        </div>
        <div class="col">
            <th>Timer</th>
        </div>
        <div class="col">
            <th>Totalt</th>
        </div>
    </tr>

</div>
    <div class="row">
        <tr>
            <td><a href="vaktinfo2.html">Mestergrønn</a></td>
            <td>7</td>
            <td>1254.30kr</td>
        </tr>
    </div>
</table>
</div>

        <!-- javascript kildefiler-->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></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>
    </body>

    <center><footer>Moneyflow app</footer></center>

</html>