templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <!--
  3. This is a starter template page. Use this page to start your new project from
  4. scratch. This page gets rid of all links and provides the needed markup only.
  5. -->
  6. <html lang="en">
  7. <head>
  8.     <meta charset="utf-8">
  9.     <meta name="viewport" content="width=device-width, initial-scale=1">
  10.     <title>{% block title %}Admin | RAbit {% endblock %}</title>
  11.     <!-- Google Font: Source Sans Pro -->
  12.     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  13.     <!-- Font Awesome Icons -->
  14.     <link rel="stylesheet" href="{{ asset('plugins/fontawesome-free/css/all.min.css') }}">
  15.     <!-- Theme style -->
  16.     <!-- dist/css/adminlte.min.css -->
  17.     <link rel="stylesheet" href="{{ asset('dist/css/adminlte.min.css') }}">
  18.     {% block stylesheets %}{% endblock %}
  19. </head>
  20. <body class="hold-transition sidebar-mini">
  21. <div class="wrapper">
  22.     <!-- Navbar -->
  23.     <nav class="main-header navbar navbar-expand navbar-white navbar-light">
  24.         <!-- Left navbar links -->
  25.         <ul class="navbar-nav">
  26.             <li class="nav-item">
  27.                 <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  28.             </li>
  29.             <li class="nav-item d-none d-sm-inline-block">
  30.                 <a href="index3.html" class="nav-link">Home</a>
  31.             </li>
  32.             <li class="nav-item d-none d-sm-inline-block">
  33.                 <a href="#" class="nav-link">Contact</a>
  34.             </li>
  35.         </ul>
  36.         <!-- Right navbar links -->
  37.         <ul class="navbar-nav ml-auto">
  38.             <!-- Navbar Search -->
  39.             <li class="nav-item">
  40.                 <a class="nav-link" data-widget="navbar-search" href="#" role="button">
  41.                     <i class="fas fa-search"></i>
  42.                 </a>
  43.                 <div class="navbar-search-block">
  44.                     <form class="form-inline">
  45.                         <div class="input-group input-group-sm">
  46.                             <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
  47.                             <div class="input-group-append">
  48.                                 <button class="btn btn-navbar" type="submit">
  49.                                     <i class="fas fa-search"></i>
  50.                                 </button>
  51.                                 <button class="btn btn-navbar" type="button" data-widget="navbar-search">
  52.                                     <i class="fas fa-times"></i>
  53.                                 </button>
  54.                             </div>
  55.                         </div>
  56.                     </form>
  57.                 </div>
  58.             </li>
  59.             <!-- Messages Dropdown Menu -->
  60.             <li class="nav-item dropdown">
  61.                 <a class="nav-link" data-toggle="dropdown" href="#">
  62.                     <i class="far fa-comments"></i>
  63.                     <span class="badge badge-danger navbar-badge">3</span>
  64.                 </a>
  65.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  66.                     <a href="#" class="dropdown-item">
  67.                         <!-- Message Start -->
  68.                         <div class="media">
  69.                             <img src="dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
  70.                             <div class="media-body">
  71.                                 <h3 class="dropdown-item-title">
  72.                                     Brad Diesel
  73.                                     <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
  74.                                 </h3>
  75.                                 <p class="text-sm">Call me whenever you can...</p>
  76.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  77.                             </div>
  78.                         </div>
  79.                         <!-- Message End -->
  80.                     </a>
  81.                     <div class="dropdown-divider"></div>
  82.                     <a href="#" class="dropdown-item">
  83.                         <!-- Message Start -->
  84.                         <div class="media">
  85.                             <img src="dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
  86.                             <div class="media-body">
  87.                                 <h3 class="dropdown-item-title">
  88.                                     John Pierce
  89.                                     <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
  90.                                 </h3>
  91.                                 <p class="text-sm">I got your message bro</p>
  92.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  93.                             </div>
  94.                         </div>
  95.                         <!-- Message End -->
  96.                     </a>
  97.                     <div class="dropdown-divider"></div>
  98.                     <a href="#" class="dropdown-item">
  99.                         <!-- Message Start -->
  100.                         <div class="media">
  101.                             <img src="dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
  102.                             <div class="media-body">
  103.                                 <h3 class="dropdown-item-title">
  104.                                     Nora Silvester
  105.                                     <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
  106.                                 </h3>
  107.                                 <p class="text-sm">The subject goes here</p>
  108.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
  109.                             </div>
  110.                         </div>
  111.                         <!-- Message End -->
  112.                     </a>
  113.                     <div class="dropdown-divider"></div>
  114.                     <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
  115.                 </div>
  116.             </li>
  117.             <!-- Notifications Dropdown Menu -->
  118.             <li class="nav-item dropdown">
  119.                 <a class="nav-link" data-toggle="dropdown" href="#">
  120.                     <i class="far fa-bell"></i>
  121.                     <span class="badge badge-warning navbar-badge">15</span>
  122.                 </a>
  123.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  124.                     <span class="dropdown-header">15 Notifications</span>
  125.                     <div class="dropdown-divider"></div>
  126.                     <a href="#" class="dropdown-item">
  127.                         <i class="fas fa-envelope mr-2"></i> 4 new messages
  128.                         <span class="float-right text-muted text-sm">3 mins</span>
  129.                     </a>
  130.                     <div class="dropdown-divider"></div>
  131.                     <a href="#" class="dropdown-item">
  132.                         <i class="fas fa-users mr-2"></i> 8 friend requests
  133.                         <span class="float-right text-muted text-sm">12 hours</span>
  134.                     </a>
  135.                     <div class="dropdown-divider"></div>
  136.                     <a href="#" class="dropdown-item">
  137.                         <i class="fas fa-file mr-2"></i> 3 new reports
  138.                         <span class="float-right text-muted text-sm">2 days</span>
  139.                     </a>
  140.                     <div class="dropdown-divider"></div>
  141.                     <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
  142.                 </div>
  143.             </li>
  144.             <li class="nav-item">
  145.                 <a class="nav-link" data-widget="fullscreen" href="#" role="button">
  146.                     <i class="fas fa-expand-arrows-alt"></i>
  147.                 </a>
  148.             </li>
  149.             <li class="nav-item">
  150.                 <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
  151.                     <i class="fas fa-th-large"></i>
  152.                 </a>
  153.             </li>
  154.         </ul>
  155.     </nav>
  156.     <!-- /.navbar -->
  157.     <!-- Main Sidebar Container -->
  158.     <aside class="main-sidebar sidebar-dark-primary elevation-4">
  159.         <!-- Brand Logo -->
  160.         <a href="index3.html" class="brand-link">
  161.             <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
  162.             <span class="brand-text font-weight-light">Admin - RAbit</span>
  163.         </a>
  164.         <!-- Sidebar -->
  165.         <div class="sidebar">
  166.             <!-- Sidebar Menu -->
  167.             <nav class="mt-2">
  168.                 <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
  169.                     <li class="nav-item">
  170.                         <a href="" class="nav-link">
  171.                             <i class="nav-icon fas fa-th"></i>
  172.                             <p>
  173.                                 Inicio
  174.                             </p>
  175.                         </a>
  176.                     </li>
  177.                     <li class="nav-item">
  178.                         <a href="clientes" class="nav-link">
  179.                             <i class="nav-icon fas fa-th"></i>
  180.                             <p>
  181.                                 Clientes
  182.                             </p>
  183.                         </a>
  184.                     </li>
  185.                 </ul>
  186.             </nav>
  187.             <!-- /.sidebar-menu -->
  188.         </div>
  189.         <!-- /.sidebar -->
  190.     </aside>
  191.     {% block content %}{% endblock %}
  192.     <!-- Control Sidebar -->
  193.     <aside class="control-sidebar control-sidebar-dark">
  194.         <!-- Control sidebar content goes here -->
  195.         <div class="p-3">
  196.             <h5>Title</h5>
  197.             <p>Sidebar content</p>
  198.         </div>
  199.     </aside>
  200.     <!-- /.control-sidebar -->
  201.     <!-- Main Footer -->
  202.     <footer class="main-footer">
  203.         <!-- To the right -->
  204.         <div class="float-right d-none d-sm-inline">
  205.             Anything you want
  206.         </div>
  207.         <!-- Default to the left -->
  208.         <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
  209.     </footer>
  210. </div>
  211. <!-- ./wrapper -->
  212. <!-- REQUIRED SCRIPTS -->
  213. <!-- jQuery -->
  214. <script src="plugins/jquery/jquery.min.js"></script>
  215. <!-- Bootstrap 4 -->
  216. <script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
  217. <!-- AdminLTE App -->
  218. <script src="dist/js/adminlte.min.js"></script>
  219. </body>
  220. </html>