Untitled

<!DOCTYPE html>
<html style="height: 918px;">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Meldkamer</title>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=ABeeZee">
    <link rel="stylesheet" href="assets/css/Dark-NavBar-1.css">
    <link rel="stylesheet" href="assets/css/Dark-NavBar.css">
    <link rel="stylesheet" href="assets/css/Data-Table-1.css">
    <link rel="stylesheet" href="assets/css/Data-Table.css">
    <link rel="stylesheet" href="assets/css/divider-text-middle.css">
    <link rel="stylesheet" href="assets/css/gradient-navbar-1.css">
    <link rel="stylesheet" href="assets/css/gradient-navbar.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/Navbar---Apple.css">
    <link rel="stylesheet" href="assets/css/Navbar-Apple.css">
    <link rel="stylesheet" href="assets/css/Navigation-Clean.css">
    <link rel="stylesheet" href="assets/css/Navigation-with-Search.css">
    <link rel="stylesheet" href="assets/css/styles.css">
    <link rel="stylesheet" href="assets/css/untitled.css">
</head>

<body style="background-color: #343333;">
    <div></div>
    <div>
        <nav class="navbar navbar-light navbar-expand-md sticky-top navigation-clean-button" style="height: 50px;background-color: #06487b;color: #ffffff;">
            <div class="container-fluid"><a class="navbar-brand" href="#">GMS v0.0 Final Design</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                <div class="collapse navbar-collapse"
                    id="navcol-1">
                    <ul class="nav navbar-nav ml-auto">
                        <li class="nav-item" role="presentation"></li>
                        <li class="nav-item" role="presentation"></li>
                        <li class="nav-item" role="presentation"></li>
                        <li class="nav-item" role="presentation"></li>
                        <li class="nav-item" role="presentation"></li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <div class="container-fluid">
        <div class="row" style="height: 865px;">
            <div class="col-3" style="margin: 0px;padding: 3px;height: 450px;">
                <nav class="navbar navbar-dark navbar-expand-md" id="app-navbar" style="height: 40px;margin-bottom: 5px;">
                    <div class="container-fluid"><a class="navbar-brand" href="#"><i class="icon ion-android-warning" id="brand-logo" style="font-size: 20px;"></i></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                        <a
                            style="color: rgb(255,255,255);">Meldingen</a>
                            <div class="collapse navbar-collapse" id="navcol-1">
                                <ul class="nav navbar-nav ml-auto">
                                    <li class="nav-item" role="presentation"></li>
                                    <li class="nav-item" role="presentation"></li>
                                </ul>
                            </div>
                    </div>
                </nav>
                <ul class="list-group" style="height: 410px;background-color: #454545;">
                    <li class="list-group-item" style="background-color: #d54120;height: 30px;margin-bottom: 5px;">
                        <p class="text-center" style="color: rgb(255,255,255);"><strong>Openstaand</strong></p>
                    </li>
                    <li class="list-group-item text-left" style="background-color: #d0563b;height: 30px;margin-bottom: 5px;">
                        <p class="text-left" style="color: rgb(255,255,255);"><strong>#12345 - Aanranding</strong><strong class="text-left"></strong></p>
                    </li>
                    <li class="list-group-item" style="background-color: #84cb29;height: 30px;margin-bottom: 5px;">
                        <p class="text-center" style="color: rgb(255,255,255);"><strong>Uitgegeven</strong></p>
                    </li>
                    <li class="list-group-item" style="background-color: #72aa2a;height: 30px;margin-bottom: 5px;">
                        <p class="text-left" style="color: rgb(255,255,255);"><strong>#58964 - Overval heterdaad</strong></p>
                    </li>
                    <li class="list-group-item" style="background-color: #3d3c33;height: 30px;margin-bottom: 5px;">
                        <p class="text-center" style="color: rgb(255,255,255);"><strong>Afgerond</strong></p>
                    </li>
                    <li class="list-group-item" style="background-color: #3d3c33;height: 30px;margin-bottom: 5px;">
                        <p class="text-left" style="color: rgb(255,255,255);"><strong>#15856 - Overlast</strong></p>
                    </li>
                </ul>
            </div>
            <div class="col-5" style="margin: 0px;padding: 3px;height: 450;"><iframe allowfullscreen="" frameborder="0" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyBOvJddTBqArzAOrzpZCCnrU__lmaqRGzA&amp;q=Sint-Niklaas&amp;zoom=10" width="100%" height="400" style="height: 450px;"></iframe></div>
            <div class="col-2"
                style="margin: 0px;padding: 3px;height: 450px;">
                <nav class="navbar navbar-dark navbar-expand-md" id="app-navbar" style="height: 40px;margin-bottom: 5px;">
                    <div class="container-fluid"><a class="navbar-brand" href="#"><i class="icon ion-person-stalker" id="brand-logo" style="font-size: 20px;"></i></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                        <a
                            style="color: rgb(255,255,255);">Eenheden</a>
                            <div class="collapse navbar-collapse" id="navcol-1">
                                <ul class="nav navbar-nav ml-auto">
                                    <li class="nav-item" role="presentation"></li>
                                    <li class="nav-item" role="presentation"></li>
                                </ul>
                            </div>
                    </div>
                </nav>
                <ul class="list-group" style="height: 813px;background-color: #454545;"></ul>
            </div>
            <div class="col-2" style="padding: 3px;height: 450px;">
                <nav class="navbar navbar-dark navbar-expand-md" id="app-navbar" style="height: 40px;margin-bottom: 5px;">
                    <div class="container-fluid"><a class="navbar-brand" href="#"><i class="icon ion-ios-bell" id="brand-logo" style="font-size: 20px;"></i></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                        <a
                            style="color: rgb(255,255,255);">Meldingen</a>
                            <div class="collapse navbar-collapse" id="navcol-1">
                                <ul class="nav navbar-nav ml-auto">
                                    <li class="nav-item" role="presentation"></li>
                                    <li class="nav-item" role="presentation"></li>
                                </ul>
                            </div>
                    </div>
                </nav>
                <ul class="list-group" style="height: 410px;background-color: #454545;">
                    <li class="list-group-item" style="background-color: #d54120;height: 30px;margin-bottom: 5px;">
                        <p class="text-left" style="color: rgb(255,255,255);width: 158px;"><strong>10-14 - Noodknop</strong><strong></strong></p>
                    </li>
                </ul>
            </div>
            <div class="col-3" style="margin: 0px;padding: 3px;height: 400px;margin-top: 0px;">
                <nav class="navbar navbar-dark navbar-expand-md" id="app-navbar" style="height: 40px;margin-bottom: 5px;">
                    <div class="container-fluid"><a class="navbar-brand" href="#"><i class="icon ion-ios-telephone" id="brand-logo" style="font-size: 20px;"></i></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                        <a
                            style="color: rgb(255,255,255);">Gespreksgroepen</a>
                            <div class="collapse navbar-collapse" id="navcol-1">
                                <ul class="nav navbar-nav ml-auto">
                                    <li class="nav-item" role="presentation"></li>
                                    <li class="nav-item" role="presentation"></li>
                                </ul>
                            </div>
                    </div>
                </nav>
                <ul class="list-group" style="height: 350px;background-color: #454545;">
                    <li class="list-group-item" style="background-color: #4984b1;height: 30px;margin-bottom: 5px;">
                        <p class="text-left" style="color: rgb(255,255,255);"><strong>POL-OC-001</strong></p>
                    </li>
                    <li class="list-group-item" style="background-color: #4984b1;height: 30px;margin-bottom: 5px;">
                        <p class="text-left" style="color: rgb(255,255,255);"><strong>AMB-MED-001</strong></p>
                    </li>
                    <li class="list-group-item" style="background-color: #4984b1;height: 30px;margin-bottom: 5px;">
                        <p class="text-left" style="color: rgb(255,255,255);"><strong>BRW-OP-001</strong></p>
                    </li>
                </ul>
            </div>
            <div class="col-5" style="margin: 0px;padding: 3px;">
                <nav class="navbar navbar-dark navbar-expand-md" id="app-navbar-chat" style="height: 40px;margin-bottom: 5px;">
                    <div class="container-fluid"><a class="navbar-brand" href="#"><i class="icon ion-android-desktop" id="brand-logo" style="font-size: 20px;"></i></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                        <a
                            style="color: rgb(255,255,255);">Gesprekken</a>
                            <div class="collapse navbar-collapse" id="navcol-1">
                                <ul class="nav navbar-nav ml-auto">
                                    <li class="nav-item" role="presentation"></li>
                                    <li class="nav-item" role="presentation"></li>
                                </ul>
                            </div>
                    </div>
                </nav>
                <ul class="list-group" style="height: 350px;background-color: #f1f1f1;"></ul>
            </div>
            <div class="col-2" style="padding: 3px;height: 190px;"></div>
            <div class="col-2" style="padding: 3px;height: 450px;">
                <nav class="navbar navbar-dark navbar-expand-md" id="app-navbar" style="height: 40px;margin-bottom: 5px;">
                    <div class="container-fluid"><a class="navbar-brand" href="#"><i class="icon ion-ios-bell" id="brand-logo" style="font-size: 20px;"></i></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                        <a
                            style="color: rgb(255,255,255);">Verzoeken</a>
                            <div class="collapse navbar-collapse" id="navcol-1">
                                <ul class="nav navbar-nav ml-auto">
                                    <li class="nav-item" role="presentation"></li>
                                    <li class="nav-item" role="presentation"></li>
                                </ul>
                            </div>
                    </div>
                </nav>
                <ul class="list-group" style="height: 350px;background-color: #454545;">
                    <li class="list-group-item" style="background-color: #31adbe;height: 30px;margin-bottom: 5px;">
                        <p class="text-left" style="color: rgb(255,255,255);width: 158px;"><strong>10-14 - Transport</strong><strong></strong></p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div></div>
    <div></div>
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap.min.js"></script>
</body>

</html>