dbois/application/views/pages/login/login_view.php

<!DOCTYPE html>
<html class="no-js css-menubar" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <meta name="description" content="bootstrap admin template">
    <meta name="author" content="">

    <title>Login V3 | Remark Admin Template</title>

    <link rel="apple-touch-icon" href="css/images/apple-touch-icon.png">
    <link rel="shortcut icon" href="css/images/favicon.ico">

    <!-- Stylesheets -->
    <link rel="stylesheet" href="css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="css/vendor/bootstrap-extend.css">
    <link rel="stylesheet" href="css/vendor/site.min.css">

    <!-- Plugins -->
<!--    <link rel="stylesheet" href="css/vendor/plugins/animsition/animsition.css">-->
    <link rel="stylesheet" href="css/vendor/plugins/asscrollable/asScrollable.css">
    <link rel="stylesheet" href="css/vendor/plugins/switchery/switchery.css">
    <link rel="stylesheet" href="css/vendor/plugins/intro-js/introjs.css">
    <link rel="stylesheet" href="css/vendor/plugins/slidepanel/slidePanel.css">
    <link rel="stylesheet" href="css/vendor/plugins/flag-icon-css/flag-icon.css">
    <link rel="stylesheet" href="css/login-v3.css">


    <!-- Fonts -->
    <link rel="stylesheet" href="fonts/web-icons/web-icons.min.css">
    <link rel="stylesheet" href="fonts/brand-icons/brand-icons.min.css">
    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,300italic'>
</head>
<body class="animsition page-login-v3 layout-full">
<?php $this->load->view('specials/notify_modal'); ?>
<!-- Page -->
<?php $this->load->view('specials/notifyme_modal'); ?>
<div class="page vertical-align text-center" data-animsition-in="fade-in" data-animsition-out="fade-out">
    <div class="page-content vertical-align-middle animation-slide-top animation-duration-1">
        <div class="panel" id="login-form">
            <div class="panel-body">
                <div class="brand">
                    <img class="brand-img" src="css/images/logo_dbo.png" alt="...">
                    <h2 class="brand-text font-size-18">projectbeheer</h2>
                </div>
                <div>
                    <div class="form-group form-material floating" data-plugin="formMaterial">
                        <input type="text" class="form-control" name="email"
                               data-bind="textInput:username" />
                        <label class="floating-label">gebruikersnaam</label>
                    </div>
                    <div class="form-group form-material floating" data-plugin="formMaterial">
                        <input type="password" class="form-control" name="password"
                               data-bind="textInput:password" />
                        <label class="floating-label">wachtwoord</label>
                    </div>
                    <button type="button" class="btn btn-primary btn-block btn-lg mt-40" data-bind="click:login">Log in</button>
                </div>
            </div>
        </div>

        <footer class="page-copyright page-copyright-inverse">
            <p>© 2018. De Beleidsonderzoeker.</p>
<!--            <p style="font-size:.8em">powered by: Pensare Software</p>-->
        </footer>
    </div>
</div>
<!-- End Page -->


<!-- Core  -->
<script src="js/vendor/babel-external-helpers/babel-external-helpers.js"></script>
<script src="js/vendor/jquery/jquery.js"></script>
<script src="js/vendor/popper-js/umd/popper.min.js"></script>
<script src="js/vendor/bootstrap/bootstrap.js"></script>
<script src="js/vendor/animsition/animsition.js"></script>
<script src="js/vendor/mousewheel/jquery.mousewheel.js"></script>
<script src="js/vendor/asscrollbar/jquery-asScrollbar.js"></script>
<script src="js/vendor/asscrollable/jquery-asScrollable.js"></script>
<script src="js/vendor/ashoverscroll/jquery-asHoverScroll.js"></script>

<!-- Plugins -->
<script src="js/vendor/switchery/switchery.js"></script>
<script src="js/vendor/intro-js/intro.js"></script>
<script src="js/vendor/screenfull/screenfull.js"></script>
<script src="js/vendor/slidepanel/jquery-slidePanel.js"></script>
<script src="js/vendor/jquery-placeholder/jquery.placeholder.js"></script>

<!-- Scripts -->
<script src="js/vendor/Component.js"></script>
<script src="js/vendor/Plugin.js"></script>
<script src="js/vendor/Base.js"></script>
<script src="js/vendor/Config.js"></script>

<script src="js/vendor/Section/Menubar.js"></script>
<script src="js/vendor/Section/GridMenu.js"></script>
<script src="js/vendor/Section/Sidebar.js"></script>
<script src="js/vendor/Section/PageAside.js"></script>
<script src="js/vendor/Plugin/menu.js"></script>

<!-- Page -->
<script src="/js/vendor/Site.js"></script>
<script src="js/vendor/Plugin/asscrollable.js"></script>
<script src="js/vendor/Plugin/slidepanel.js"></script>
<script src="js/vendor/Plugin/switchery.js"></script>
<script src="js/vendor/Plugin/jquery-placeholder.js"></script>
<script src="js/vendor/Plugin/material.js"></script>

<script src="js/vendor/Knockout.min.js"></script>
<script src="js/lib/modules/login/loginModule.js"></script>
<script src="js/lib/modules/specials/notifyModule.js"></script>
</body>
</html>