<!DOCTYPE html>
<html >
    <head>
        <meta charset="UTF-8">
        <title>SPS Overview</title>
        <link href='http://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css'>
        <meta name="viewport" content="width=device-width">
        <!-- Bootstrap 3.3.5 -->
        <link rel="stylesheet" href="<?php echo base_url(); ?>bootstrap/css/bootstrap.min.css">
        <!-- Font Awesome -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
        <!-- Ionicons -->
        <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
        <!-- DataTables -->
        <link rel="stylesheet" href="<?php echo base_url(); ?>plugins/datatables/dataTables.bootstrap.css">
        <!-- Theme style -->
        <link rel="stylesheet" href="<?php echo base_url(); ?>dist/css/AdminLTE.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>dist/css/skins/_all-skins.min.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>dist/custom/custom.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/flowpage/css/normalize.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/flowpage/css/style.css">
        <link rel="stylesheet" href="<?php echo base_url(); ?>assets/icons/flaticon.css">
        <style media="screen">
            .flowbtn a {
            color: #ffffff;
            }
            .flowbtn a:hover {
            color: #faebd7;
            }
            .box
            {
            color: black;
            }
            [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after
            {
            font-size: 1em;
            }
        </style>
    </head>
    <body>
        <ul class="tabs flowbtn">
            <li class="tabs__item color1">
                <h2><span><i class="flaticon-star-black-fivepointed-shape"></i> Favorites</span></h2>
            </li>
            <li class="tabs__item color2">
                <h2><span><i class="flaticon-company"></i> Company</span></h2>
            </li>
            <li class="tabs__item color3">
                <h2><span><i class="flaticon-excel-rectangles"></i> General Ledger</span></h2>
            </li>
            <li class="tabs__item color4">
                <h2><span><i class="flaticon-buildings"></i> Others</span></h2>
            </li>
            <li class="tabs__item color5">
                <h2><span><i class="flaticon-payment-method"></i> Account Receivable</span></h2>
            </li>
            <li class="tabs__item color6">
                <h2><span><i class="flaticon-give-money"></i> Account Payable</span></h2>
                <div class="col-md-12">
                    <a class="info-box-icon" href="http://www.wwe.com/"><i class="flaticon-group"></i></a>
                </div><br>
                <div class="col-md-12">
                    <a class="info-box-icon" href="http://www.wwe.com/"><i class="flaticon-group"></i></a>
                </div>
                <div class="col-md-12">
                    <a class="info-box-icon" href="http://www.wwe.com/"><i class="flaticon-group"></i></a>
                </div>
                <div class="col-md-12">
                    <a class="info-box-icon" href="http://www.wwe.com/"><i class="flaticon-group"></i></a>
                </div>
                <div class="col-md-12">
                    <a class="info-box-icon" href="http://www.wwe.com/"><i class="flaticon-group"></i></a>
                </div>
                <div class="col-md-12">
                    <a class="info-box-icon" href="http://www.wwe.com/"><i class="flaticon-group"></i></a>
                </div>
            </li>
            <li class="tabs__item color7">
                <h2><span><i class="flaticon-question"></i> Instructions</span></h2>
                <div class="col-md-3">
                    <div class="box box-solid">
                        <div class="box-body">
                        </div>
                    </div>
                </div>
            </li>
            <div class="views-toggle views-toggle--hidden">
                <svg fill="white" viewBox="0 0 24 24">
                    <path d="M16.59 8.59l-4.59 4.58-4.59-4.58-1.41 1.41 6 6 6-6z"/>
                    <path d="M0 0h24v24h-24z" fill="none"/>
                </svg>
            </div>
        </ul>
        <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
        <script src="<?php echo base_url(); ?>assets/flowpage/js/index.js"></script>
    </body>
</html>
