<!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.0" />
    <title>Admin</title>

    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    />

    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
    />

    <style media="screen">
      .navbar-brand {
        font-size: 20px;
        font-family: sans-serif;
      }

      .Table {
        margin-top: 100px;
        padding-top: 100px;
      }
      
      .market-update-block {
        padding: 2em 2em;
        background: #999;
      }

      .market-update-block h3 {
        color: #fff;
        font-size: 2.5em;
        font-family: "Carrois Gothic", sans-serif;
      }

      .market-update-block h4 {
        font-size: 1.2em;
        color: #fff;
        margin: 0.3em 0em;
        font-family: "Carrois Gothic", sans-serif;
      }

      .market-update-block p {
        color: #fff;
        font-size: 0.8em;
        line-height: 1.8em;
      }

      .market-update-block.clr-block-1 {
        background: #dc3545;
        margin-right: 0.8em;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
          0 2px 10px 0 rgba(0, 0, 0, 0.12);
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
      }

      .market-update-block.clr-block-2 {
        background: #28a745;
        margin-right: 0.8em;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
          0 2px 10px 0 rgba(0, 0, 0, 0.12);
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
      }

      .market-update-block.clr-block-3 {
        background: #6c757d;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
          0 2px 10px 0 rgba(0, 0, 0, 0.12);
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
      }

      .market-update-block.clr-block-1:hover {
        background: #3c3c3c;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
      }

      .market-update-block.clr-block-2:hover {
        background: #3c3c3c;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
      }

      .market-update-block.clr-block-3:hover {
        background: #3c3c3c;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
      }

      .market-update-right i.fa.fa-users {
        font-size: 3em;
        color: #343a40;
        width: 80px;
        height: 80px;
        background: #fff;
        text-align: center;
        border-radius: 49px;
        -webkit-border-radius: 49px;
        -moz-border-radius: 49px;
        -o-border-radius: 49px;
        line-height: 1.7em;
      }

      .market-update-right i.fa.fa-shopping-cart {
        font-size: 3em;
        color: #343a40;
        width: 80px;
        height: 80px;
        background: #fff;
        text-align: center;
        border-radius: 49px;
        -webkit-border-radius: 49px;
        -moz-border-radius: 49px;
        -o-border-radius: 49px;
        line-height: 1.7em;
      }

      .market-update-right i.fa.fa-bar-chart {
        font-size: 3em;
        color: #343a40;
        width: 80px;
        height: 80px;
        background: #fff;
        text-align: center;
        border-radius: 49px;
        -webkit-border-radius: 49px;
        -moz-border-radius: 49px;
        -o-border-radius: 49px;
        line-height: 1.7em;
      }

      .market-update-left {
        padding: 0px;
      }
    </style>

    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
    />

    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    />
  </head>

  <body>

    {% include "app/navBar.html" %}
    {% block content %} {% endblock content %}

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

  </body>
</html>
