<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>AteneaVD</title>

    <link rel="stylesheet" href="<?php echo base_url('assets/plugins/jquery-ui/jquery-ui.min.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/plugins/bootstrap/css/bootstrap.min.css'); ?>">
    <link rel="stylesheet" href="<?php echo base_url('assets/plugins/bootstrap/css/dataTables.bootstrap.min.css'); ?>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- Sidebar oscuro -->
    <link rel="stylesheet" href="<?php echo base_url('assets/css/sidebar.css'); ?>">

    <style>
        body            { background: #f4f6f9; }
        .main-header    { background: #3c8dbc; color: #fff; padding: 10px 15px; margin-left: 220px; }
        .content-wrapper{ margin-left: 220px; padding: 0 20px 20px 20px; min-height: 200px; }
        .main-footer    { margin-left: 220px; background: #fff; padding: 15px 20px; border-top: 1px solid #ddd; }
        .brand          { font-size: 20px; font-weight: bold; }
        .user-box       { float: right; }
    </style>

    <script src="<?php echo base_url('assets/js/jquery.min.js'); ?>"></script>
    <script src="<?php echo base_url('assets/plugins/jquery-ui/jquery-ui.min.js'); ?>"></script>
</head>
<body>

<div class="main-header">
    <span class="brand">AteneaVD</span>
    <div class="user-box">
        <?php echo $this->session->userdata('nombre'); ?> |
        <a href="<?php echo base_url('index.php/logout'); ?>" style="color:#fff;">Salir</a>
    </div>
    <div style="clear:both;"></div>
</div>