| <!--- This has to change according to the latest UX design specified in https://issues.apache.org/jira/browse/AIRAVATA-3314---> |
| {% load static %} |
| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| <meta name="description" content=""> |
| <meta name="author" content=""> |
| |
| <title>Airavata MFT</title> |
| |
| <!-- Bootstrap CSS CDN --> |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"> |
| |
| <!-- Custom styles --> |
| <link href="{% static 'base.css' %}" type="text/css" rel="stylesheet"> |
| </head> |
| |
| <body> |
| <nav class="navbar navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow"> |
| <a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Airavata MFT</a> |
| <ul class="navbar-nav px-3"> |
| <li class="nav-item text-nowrap"> |
| <a class="nav-link" href="#">Sign out</a> |
| </li> |
| </ul> |
| </nav> |
| |
| <div class="container-fluid"> |
| <div class="row"> |
| <nav class="col-md-2 d-none d-md-block bg-light sidebar"> |
| <div class="sidebar-sticky"> |
| <ul class="nav flex-column"> |
| <li class="nav-item"> |
| <a class="nav-link active" href="#"> |
| <span data-feather="home"></span> |
| Agents <span class="sr-only">(current)</span> |
| </a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link" href="#"> |
| <span data-feather="file"></span> |
| Transactions |
| </a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link" href="#"> |
| <span data-feather="shopping-cart"></span> |
| Test |
| </a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link" href="#"> |
| <span data-feather="users"></span> |
| Test |
| </a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link" href="#"> |
| <span data-feather="bar-chart-2"></span> |
| Test |
| </a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link" href="#"> |
| <span data-feather="layers"></span> |
| Test |
| </a> |
| </li> |
| </ul> |
| </div> |
| </nav> |
| |
| <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4"> |
| <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom"> |
| {% block app %} |
| {% endblock app %} |
| </div> |
| </main> |
| |
| |
| <!-- Icons --> |
| <script src="https://unpkg.com/feather-icons/dist/feather.min.js"></script> |
| <script> |
| feather.replace() |
| </script> |
| </body> |
| </html> |