{% load static djello_template_tags %}

<!doctype html>
<!--[if lt IE 7]>      
<html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="">
  <![endif]-->
  <!--[if IE 7]>         
  <html class="no-js lt-ie9 lt-ie8" lang="">
    <![endif]-->
    <!--[if IE 8]>         
    <html class="no-js lt-ie9" lang="">
      <![endif]-->
      <!--[if gt IE 8]><!--> 
      <html class="no-js" lang="">
        <!--<![endif]-->
        <head>
          <meta charset="utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <title>{% block title %}{% endblock %}</title>
          <meta name="description" content="Ela Admin - HTML5 Admin Template">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <link rel="apple-touch-icon" href="images/favicon.png">
          <link rel="shortcut icon" href="images/favicon.png">
          <link rel="stylesheet" href="{% static 'djello/assets/css/normalize.css' %}">
          <link rel="stylesheet" href="{% static 'djello/assets/css/bootstrap.min.css' %}">
          <link rel="stylesheet" href="{% static 'djello/assets/css/font-awesome.min.css' %}">
          <link rel="stylesheet" href="{% static 'djello/assets/css/themify-icons.css' %}">
          <link rel="stylesheet" href="{% static 'djello/assets/css/pe-icon-7-filled.css' %}">
          <link rel="stylesheet" href="{% static 'djello/assets/css/flag-icon.min.css' %}">
          <link rel="stylesheet" href="{% static 'djello/assets/css/cs-skin-elastic.css' %}">
          <!-- <link rel="stylesheet" href="{% static 'djello/assets/css/bootstrap-select.less"> -->
          <link rel="stylesheet" href="{% static 'djello/assets/css/style.css' %}">
          <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
          <!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js' %}"></script> -->
        </head>
        <body class="bg-dark">
          <div class="sufee-login d-flex align-content-center flex-wrap">
            <div class="container">
              <div class="login-content">
                <div class="login-logo">
                  <a href="index.html">
                    {% djello_setting 'welcome_logo' as logo %}
                    <img class="align-content" src="{% static logo|default:'djello/images/logo.png' %}" alt="">
                  </a>
                </div>
                <div class="login-form">
                  {% block content %}{% endblock %}
                </div>
              </div>
            </div>
          </div>
          <script src="{% static 'djello/assets/js/vendor/jquery-2.1.4.min.js' %}"></script>
          <script src="{% static 'djello/assets/js/popper.min.js' %}"></script>
          <script src="{% static 'djello/assets/js/plugins.js' %}"></script>
          <script src="{% static 'djello/assets/js/main.js' %}"></script>
        </body>
      </html>