<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>Cloud Channel Platform</title>
{#
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
#}
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
{#<link href="{{ asset('/plugins/jquery-ui/jquery-ui.min.css') }}" rel="stylesheet" />#}
<link href="{{ asset('/plugins/theme/bootstrap/4.0.0/css/bootstrap.min.css') }}" rel="stylesheet" />
{#<link href="{{ asset('/plugins/font-awesome/5.0/css/fontawesome-all.min.css') }}" rel="stylesheet" />#}
{#<link href="{{ asset('/plugins/animate/animate.min.css') }}" rel="stylesheet" />#}
<link href="{{ asset('/css/theme/style-responsive.min.css') }}" rel="stylesheet" />
{#<link href="{{ asset('/css/default/theme/default.css') }}" rel="stylesheet" id="theme" />#}
<link href="{{ asset('/css/theme/style.min.css') }}" rel="stylesheet" />
{#
<script src="{{ asset('assets/plugins/pace/pace.min.js') }}"></script>
<script src="{{ asset('assets/plugins/jquery/jquery-3.2.1.min.js') }}"></script>
<script src="{{ asset('assets/plugins/jquery-ui/jquery-ui.min.js') }}"></script>
<script src="{{ asset('assets/plugins/bootstrap/4.0.0/js/bootstrap.bundle.min.js') }}"></script>
<!--[if lt IE 9]>
<script src="{{ asset('assets/crossbrowserjs/html5shiv.js') }}"></script>
<script src="{{ asset('assets/crossbrowserjs/respond.min.js') }}"></script>
<script src="{{ asset('assets/crossbrowserjs/excanvas.min.js') }}"></script>
<![endif]-->
<script src="{{ asset('assets/plugins/slimscroll/jquery.slimscroll.min.js') }}"></script>
<script src="{{ asset('assets/plugins/js-cookie/js.cookie.js') }}"></script>
<script src="{{ asset('assets/js/theme/default.min.js') }}"></script>
<script src="{{ asset('assets/js/apps.min.js') }}"></script>
#}
<script src="{{ asset('/js/katy_logo.js') }}"></script>
<style>
body{
background-color:#EEEEEE;
margin: 0px;
height: 100%;
overflow: hidden;
}
#lottie{
background-color:#EEEEEE;
width:100%;
height:100%;
display:block;
overflow: hidden;
transform: translate3d(0,0,0);
text-align: center;
opacity: 1;
}
</style>
</head>
<body class="pace-top bg-white pace-done" style="background-color: #eeeeee !important">
<div id="page-container" class="fade show">
<div class="login login-with-news-feed">
<div class="news-feed">
<div id="lottie"></div>
{#<script src="{{ asset('/js/katy_logo_render.js') }}"></script>#}
</div>
<div class="right-content">
<div class="login-header">
<div class="brand">
<div class="header-logo" style="text-align: center">
{#<img src="{{ asset('images/logo/katy_gcn.png') }}" alt="" style=" height: 70px;"/>#}
</div>
</div>
</div>
<div class="login-content" id="login">
{% block reset %}
{% endblock %}
</div>
</div>
</div>
</div>
</body>
</html>