templates/home/index.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <meta name="description" content="">
  7.     <meta name="author" content="">
  8.     <link rel="icon" href="favicon.ico">
  9.     <title>Tiny Dashboard - A Bootstrap Dashboard Template</title>
  10.     <!-- Simple bar CSS -->
  11.     <link rel="stylesheet" href="{{ asset('static/admin/css/simplebar.css') }}">
  12.     <!-- Fonts CSS -->
  13.     <link href="https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100;0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  14.     <!-- Icons CSS -->
  15.     <link rel="stylesheet" href="{{ asset('static/admin/css/feather.css') }}">
  16.     <!-- Date Range Picker CSS -->
  17.     <link rel="stylesheet" href="{{ asset('static/admin/css/daterangepicker.css') }}">
  18.     <!-- App CSS -->
  19.     <link rel="stylesheet" href="{{ asset('static/admin/css/app-light.css') }}" id="lightTheme">
  20.     <link rel="stylesheet" href="{{ asset('static/admin/css/app-dark.css') }}" id="lightTheme" disabled>
  21. </head>
  22. <body>
  23. <div class="wrapper">
  24.     <main role="main" class="main-content">
  25.         <div class="container-fluid">
  26.             <div class="row justify-content-center">
  27.                 <div class="col-12">
  28.                     <div class="w-50 mx-auto text-center justify-content-center py-5 my-5">
  29.                        <a href="{{ path('app_payment_intention_index') }}"><button type="button" class="btn mb-2 btn-primary btn-lg btn-block">Registrarse</button></a>
  30.                     </div>
  31.                     <div class="row my-4">
  32.                         <div class="col-6 col-lg-3">
  33.                             <div class="card shadow mb-4">
  34.                                 <div class="card-body">
  35.                                     <i class="fe fe-info fe-32 text-primary"></i>
  36.                                     <a href="#">
  37.                                         <h3 class="h5 mt-4 mb-1">Getting start</h3>
  38.                                     </a>
  39.                                     <p class="text-muted">Start working with theme</p>
  40.                                 </div> <!-- .card-body -->
  41.                             </div> <!-- .card -->
  42.                         </div> <!-- .col-md-->
  43.                         <div class="col-6 col-lg-3">
  44.                             <div class="card shadow mb-4">
  45.                                 <div class="card-body">
  46.                                     <i class="fe fe-help-circle fe-32 text-success"></i>
  47.                                     <a href="./page-faqs.html">
  48.                                         <h3 class="h5 mt-4 mb-1">FAQs</h3>
  49.                                     </a>
  50.                                     <p class="text-muted">Frequently asked questions</p>
  51.                                 </div> <!-- .card-body -->
  52.                             </div> <!-- .card -->
  53.                         </div> <!-- .col-md-->
  54.                         <div class="col-6 col-lg-3">
  55.                             <div class="card shadow mb-4">
  56.                                 <div class="card-body">
  57.                                     <i class="fe fe-globe fe-32 text-warning"></i>
  58.                                     <a href="#">
  59.                                         <h3 class="h5 mt-4 mb-1">Knowledge Base</h3>
  60.                                     </a>
  61.                                     <p class="text-muted">Learn more about products?</p>
  62.                                 </div> <!-- .card-body -->
  63.                             </div> <!-- .card -->
  64.                         </div> <!-- .col-md-->
  65.                         <div class="col-6 col-lg-3">
  66.                             <div class="card shadow">
  67.                                 <div class="card-body">
  68.                                     <i class="fe fe-alert-triangle fe-32 text-danger"></i>
  69.                                     <a href="#">
  70.                                         <h3 class="h5 mt-4 mb-1">Reporting</h3>
  71.                                     </a>
  72.                                     <p class="text-muted">Report a bug</p>
  73.                                 </div> <!-- .card-body -->
  74.                             </div> <!-- .card -->
  75.                         </div> <!-- .col-md-->
  76.                     </div> <!-- .row -->
  77.                     <div class="my-5 p-5">
  78.                         <div class="text-center">
  79.                             <h2 class="mb-0">Knowledge Base</h2>
  80.                             <p class="lead text-muted mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  81.                         </div>
  82.                         <div class="row my-5">
  83.                             <div class="col-md-4">
  84.                                 <h3 class="h5 mt-4 mb-1">Getting start</h3>
  85.                                 <p class="text-muted mb-4">Start working with theme</p>
  86.                                 <ul class="list-unstyled">
  87.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Lorem ipsum dolor sit amet</li>
  88.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Consectetur adipiscing elit</li>
  89.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Integer molestie lorem at massa</li>
  90.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Facilisis in pretium nisl aliquet</li>
  91.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Nulla volutpat aliquam velit</li>
  92.                                 </ul>
  93.                             </div> <!-- .col-md-->
  94.                             <div class="col-md-4">
  95.                                 <h3 class="h5 mt-4 mb-1">Integrations</h3>
  96.                                 <p class="text-muted mb-4">How to integrate the theme?</p>
  97.                                 <ul class="list-unstyled">
  98.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Lorem ipsum dolor sit amet</li>
  99.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Consectetur adipiscing elit</li>
  100.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Integer molestie lorem at massa</li>
  101.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Facilisis in pretium nisl aliquet</li>
  102.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Nulla volutpat aliquam velit</li>
  103.                                 </ul>
  104.                             </div> <!-- .col-md-->
  105.                             <div class="col-md-4">
  106.                                 <h3 class="h5 mt-4 mb-1">Reporting</h3>
  107.                                 <p class="text-muted mb-4">Report a bug or request a feature</p>
  108.                                 <ul class="list-unstyled">
  109.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Lorem ipsum dolor sit amet</li>
  110.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Consectetur adipiscing elit</li>
  111.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Integer molestie lorem at massa</li>
  112.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Facilisis in pretium nisl aliquet</li>
  113.                                     <li class="my-1"><i class="fe fe-file-text mr-2 text-muted"></i>Nulla volutpat aliquam velit</li>
  114.                                 </ul>
  115.                             </div> <!-- .col-md-->
  116.                         </div> <!-- .row -->
  117.                     </div>
  118.                     <div class="row my-4">
  119.                         <div class="col-md-6">
  120.                             <div class="card shadow bg-primary text-center mb-4">
  121.                                 <div class="card-body p-5">
  122.                       <span class="circle circle-md bg-primary-light">
  123.                         <i class="fe fe-navigation fe-24 text-white"></i>
  124.                       </span>
  125.                                     <h3 class="h4 mt-4 mb-1 text-white">Sumit a ticket</h3>
  126.                                     <p class="text-white mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
  127.                                     <a href="#" class="btn btn-lg bg-primary-light text-white">New Ticket<i class="fe fe-arrow-right fe-16 ml-2"></i></a>
  128.                                 </div> <!-- .card-body -->
  129.                             </div> <!-- .card -->
  130.                         </div> <!-- .col-md-->
  131.                         <div class="col-md-6">
  132.                             <div class="card shadow bg-success text-center mb-4">
  133.                                 <div class="card-body p-5">
  134.                       <span class="circle circle-md bg-success-light">
  135.                         <i class="fe fe-message-circle fe-24 text-white"></i>
  136.                       </span>
  137.                                     <h3 class="h4 mt-4 mb-1 text-white">Live chart</h3>
  138.                                     <p class="text-white mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
  139.                                     <a href="#" class="btn btn-lg bg-success-light text-white">Let chat<i class="fe fe-arrow-right fe-16 ml-2"></i></a>
  140.                                 </div> <!-- .card-body -->
  141.                             </div> <!-- .card -->
  142.                         </div> <!-- .col-md-->
  143.                     </div> <!-- .row -->
  144.                 </div> <!-- .col-12 -->
  145.             </div> <!-- .row -->
  146.         </div> <!-- .container-fluid -->
  147.         <div class="modal fade modal-notif modal-slide" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
  148.             <div class="modal-dialog modal-sm" role="document">
  149.                 <div class="modal-content">
  150.                     <div class="modal-header">
  151.                         <h5 class="modal-title" id="defaultModalLabel">Notifications</h5>
  152.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  153.                             <span aria-hidden="true">&times;</span>
  154.                         </button>
  155.                     </div>
  156.                     <div class="modal-body">
  157.                         <div class="list-group list-group-flush my-n3">
  158.                             <div class="list-group-item bg-transparent">
  159.                                 <div class="row align-items-center">
  160.                                     <div class="col-auto">
  161.                                         <span class="fe fe-box fe-24"></span>
  162.                                     </div>
  163.                                     <div class="col">
  164.                                         <small><strong>Package has uploaded successfull</strong></small>
  165.                                         <div class="my-0 text-muted small">Package is zipped and uploaded</div>
  166.                                         <small class="badge badge-pill badge-light text-muted">1m ago</small>
  167.                                     </div>
  168.                                 </div>
  169.                             </div>
  170.                             <div class="list-group-item bg-transparent">
  171.                                 <div class="row align-items-center">
  172.                                     <div class="col-auto">
  173.                                         <span class="fe fe-download fe-24"></span>
  174.                                     </div>
  175.                                     <div class="col">
  176.                                         <small><strong>Widgets are updated successfull</strong></small>
  177.                                         <div class="my-0 text-muted small">Just create new layout Index, form, table</div>
  178.                                         <small class="badge badge-pill badge-light text-muted">2m ago</small>
  179.                                     </div>
  180.                                 </div>
  181.                             </div>
  182.                             <div class="list-group-item bg-transparent">
  183.                                 <div class="row align-items-center">
  184.                                     <div class="col-auto">
  185.                                         <span class="fe fe-inbox fe-24"></span>
  186.                                     </div>
  187.                                     <div class="col">
  188.                                         <small><strong>Notifications have been sent</strong></small>
  189.                                         <div class="my-0 text-muted small">Fusce dapibus, tellus ac cursus commodo</div>
  190.                                         <small class="badge badge-pill badge-light text-muted">30m ago</small>
  191.                                     </div>
  192.                                 </div> <!-- / .row -->
  193.                             </div>
  194.                             <div class="list-group-item bg-transparent">
  195.                                 <div class="row align-items-center">
  196.                                     <div class="col-auto">
  197.                                         <span class="fe fe-link fe-24"></span>
  198.                                     </div>
  199.                                     <div class="col">
  200.                                         <small><strong>Link was attached to menu</strong></small>
  201.                                         <div class="my-0 text-muted small">New layout has been attached to the menu</div>
  202.                                         <small class="badge badge-pill badge-light text-muted">1h ago</small>
  203.                                     </div>
  204.                                 </div>
  205.                             </div> <!-- / .row -->
  206.                         </div> <!-- / .list-group -->
  207.                     </div>
  208.                     <div class="modal-footer">
  209.                         <button type="button" class="btn btn-secondary btn-block" data-dismiss="modal">Clear All</button>
  210.                     </div>
  211.                 </div>
  212.             </div>
  213.         </div>
  214.         <div class="modal fade modal-shortcut modal-slide" tabindex="-1" role="dialog" aria-labelledby="defaultModalLabel" aria-hidden="true">
  215.             <div class="modal-dialog" role="document">
  216.                 <div class="modal-content">
  217.                     <div class="modal-header">
  218.                         <h5 class="modal-title" id="defaultModalLabel">Shortcuts</h5>
  219.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  220.                             <span aria-hidden="true">&times;</span>
  221.                         </button>
  222.                     </div>
  223.                     <div class="modal-body px-5">
  224.                         <div class="row align-items-center">
  225.                             <div class="col-6 text-center">
  226.                                 <div class="squircle bg-success justify-content-center">
  227.                                     <i class="fe fe-cpu fe-32 align-self-center text-white"></i>
  228.                                 </div>
  229.                                 <p>Control area</p>
  230.                             </div>
  231.                             <div class="col-6 text-center">
  232.                                 <div class="squircle bg-primary justify-content-center">
  233.                                     <i class="fe fe-activity fe-32 align-self-center text-white"></i>
  234.                                 </div>
  235.                                 <p>Activity</p>
  236.                             </div>
  237.                         </div>
  238.                         <div class="row align-items-center">
  239.                             <div class="col-6 text-center">
  240.                                 <div class="squircle bg-primary justify-content-center">
  241.                                     <i class="fe fe-droplet fe-32 align-self-center text-white"></i>
  242.                                 </div>
  243.                                 <p>Droplet</p>
  244.                             </div>
  245.                             <div class="col-6 text-center">
  246.                                 <div class="squircle bg-primary justify-content-center">
  247.                                     <i class="fe fe-upload-cloud fe-32 align-self-center text-white"></i>
  248.                                 </div>
  249.                                 <p>Upload</p>
  250.                             </div>
  251.                         </div>
  252.                         <div class="row align-items-center">
  253.                             <div class="col-6 text-center">
  254.                                 <div class="squircle bg-primary justify-content-center">
  255.                                     <i class="fe fe-users fe-32 align-self-center text-white"></i>
  256.                                 </div>
  257.                                 <p>Users</p>
  258.                             </div>
  259.                             <div class="col-6 text-center">
  260.                                 <div class="squircle bg-primary justify-content-center">
  261.                                     <i class="fe fe-settings fe-32 align-self-center text-white"></i>
  262.                                 </div>
  263.                                 <p>Settings</p>
  264.                             </div>
  265.                         </div>
  266.                     </div>
  267.                 </div>
  268.             </div>
  269.         </div>
  270.     </main> <!-- main -->
  271. </div> <!-- .wrapper -->
  272. <script src="{{ asset('static/admin/js/jquery.min.js') }}"></script>
  273. <script src="{{ asset('static/admin/js/popper.min.js') }}"></script>
  274. <script src="{{ asset('static/admin/js/moment.min.js') }}"></script>
  275. <script src="{{ asset('static/admin/js/bootstrap.min.js') }}"></script>
  276. <script src="{{ asset('static/admin/js/simplebar.min.js') }}"></script>
  277. <script src='{{ asset('static/admin/js/daterangepicker.js') }}'></script>
  278. <script src='{{ asset('static/admin/js/jquery.stickOnScroll.js') }}'></script>
  279. <script src="{{ asset('static/admin/js/tinycolor-min.js') }}"></script>
  280. <script src="{{ asset('static/admin/js/config.js') }}"></script>
  281. <script src="{{ asset('static/admin/js/apps.js') }}"></script>
  282. <!-- Global site tag (gtag.js) - Google Analytics -->
  283. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-56159088-1"></script>
  284. <script>
  285.     window.dataLayer = window.dataLayer || [];
  287.     function gtag()
  288.     {
  289.         dataLayer.push(arguments);
  290.     }
  291.     gtag('js', new Date());
  292.     gtag('config', 'UA-56159088-1');
  293. </script>
  294. </body>
  295. </html>