apps/templates/layouts/base.html · NIT_Sri_Electricity_Management_System

<!--
=========================================================
* * Black Dashboard - v1.0.1
=========================================================

* Product Page: https://www.creative-tim.com/product/black-dashboard
* Copyright 2019 Creative Tim (https://www.creative-tim.com)


* Coded by Creative Tim

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <link
      rel="apple-touch-icon"
      sizes="76x76"
      href="{{ ASSETS_ROOT }}/img/apple-icon.png"
    />
    <link
      rel="icon"
      type="image/png"
      href="{{ ASSETS_ROOT }}/img/favicon.png"
    />

    <title>Billing App - {% block title %}{% endblock %}</title>

    <!--     Fonts and icons     -->
    <link
      href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,600,700,800"
      rel="stylesheet"
    />
    <link
      href="https://use.fontawesome.com/releases/v5.0.6/css/all.css"
      rel="stylesheet"
    />
    <!-- Nucleo Icons -->
    <link href="{{ ASSETS_ROOT }}/css/nucleo-icons.css" rel="stylesheet" />
    <!-- CSS Files -->
    <link
      href="{{ ASSETS_ROOT }}/css/black-dashboard.css?v=1.0.0"
      rel="stylesheet"
    />
    <link href="{{ ASSETS_ROOT }}/css/theme-switcher.css" rel="stylesheet" />
    <!-- CSS Just for demo purpose, don't include it in your project -->
    <link href="{{ ASSETS_ROOT }}/demo/demo.css" rel="stylesheet" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- Specific Page CSS goes HERE  -->
    {% block stylesheets %}
    <style>
      html {
        overflow: hidden;
      }
    </style>
    {% endblock stylesheets %}
  </head>
  <body class="">
    <div class="wrapper">
      {% include 'includes/sidebar.html' %}

      <div class="main-panel">
        {% include 'includes/navigation.html' %} {% block content %}
        <!--  -->
        {% endblock content %} {% include 'includes/footer.html' %}
      </div>
    </div>

    {% include 'includes/scripts.html' %}

    <!-- Specific Page JS goes HERE  -->
    {% block javascripts %}{% endblock javascripts %}
  </body>
</html>