<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="{{meta_content}}">
    <meta name="generator" content="Hugo 0.84.0">
    <title>{{title}}</title>
    <!-- Bootstrap core CSS -->
    <link type="text/css" rel="stylesheet" href="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/bootstrap5/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/fontawesome-free/css/all.min.css">
    <script src="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/jquery/jquery.min.js"  type="text/javascript" ></script>
    <script src="https://cdn1.ap-south-1.linodeobjects.com/resource/adminlte3/plugins/bootstrap5/js/bootstrap.bundle.min.js"  type="text/javascript" ></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    
  </head>
  <body>
    {% block 'nav'  %}
    {% endblock   %}
    <main> 
      {% block 'bodycontent'  %}
      {% endblock   %}
  </main>

    
</body>
<style>
 
  main {    padding-left: 5px;  padding-right: 5px;}
  /* desktop style*/
  @media (min-width: 768px) {
    main {    padding-left: 40px; padding-right: 240px; }
  }
</style>
</html>    




