<!DOCTYPE html> <html 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"> <meta name="theme-color" content="#35A768"> <title><?= lang('log_out') . ' - ' . $company_name ?></title> <link rel="icon" type="image/x-icon" href="<?= asset_url('assets/img/favicon.ico') ?>"> <script src="<?= asset_url('assets/ext/jquery/jquery.min.js') ?>"></script> <script src="<?= asset_url('assets/ext/bootstrap/js/bootstrap.min.js') ?>"></script> <script> var EALang = <?= json_encode($this->lang->language) ?>; </script> <link rel="stylesheet" type="text/css" href="<?= asset_url('assets/ext/bootstrap/css/bootstrap.min.css') ?>"> <style> body { width: 100vw; height: 100vh; display: table-cell; vertical-align: middle; background-color: #CAEDF3; } #logout-frame { width: 630px; margin: auto; background: #FFF; border: 1px solid #DDDADA; padding: 70px; } .btn { margin-right: 10px; } @media(max-width: 640px) { #logout-frame { width: 100%; padding: 20px; } .btn { width: 100%; margin-bottom: 20px; } } </style> </head> <body> <div id="logout-frame" class="frame-container"> <h3><?= lang('log_out') ?></h3> <p> <?= lang('logout_success') ?> </p> <br> <a href="<?= site_url() ?>" class="btn btn-success btn-large"> <span class="glyphicon glyphicon-calendar"></span> <?= lang('book_appointment_title') ?> </a> <a href="<?= site_url('backend') ?>" class="btn btn-default btn-large"> <span class="glyphicon glyphicon-wrench"></span> <?= lang('backend_section') ?> </a> </div> </body> </html>