templates/loaders/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Loaders</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">UI Elements</a></li>
  13.                                         <li class="breadcrumb-item active" aria-current="page">Loaders</li>
  14.                                     </ol>
  15.                                 </div>
  16.                             </div>
  17.                             <!-- PAGE-HEADER END -->
  19.                             <!-- ROW-1 OPEN -->
  20.                             <div class="row ">
  21.                                 <div class="col-md-12 col-lg-6 col-xl-4">
  22.                                     <div class="card">
  23.                                         <div class="card-header border-bottom">
  24.                                             <h3 class="card-title">loaders</h3>
  25.                                             <div class="card-options">
  26.                                                 <a href="#" class="card-options-collapse" data-bs-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  27.                                                 <a href="#" class="card-options-remove" data-bs-toggle="card-remove"><i class="fe fe-x"></i></a>
  28.                                             </div>
  29.                                         </div>
  30.                                         <div class="card-body">
  31.                                             <div class="dimmer active">
  32.                                                 <div class="spinner1">
  33.                                                     <div class="double-bounce1"></div>
  34.                                                     <div class="double-bounce2"></div>
  35.                                                 </div>
  36.                                             </div>
  37.                                         </div>
  38.                                     </div>
  39.                                 </div><!-- COL-END -->
  40.                                 <div class="col-md-12 col-lg-6 col-xl-4">
  41.                                     <div class="card">
  42.                                         <div class="card-header border-bottom">
  43.                                             <h3 class="card-title">loaders</h3>
  44.                                             <div class="card-options">
  45.                                                 <a href="#" class="card-options-collapse" data-bs-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  46.                                                 <a href="#" class="card-options-remove" data-bs-toggle="card-remove"><i class="fe fe-x"></i></a>
  47.                                             </div>
  48.                                         </div>
  49.                                         <div class="card-body">
  50.                                             <div class="dimmer active">
  51.                                                 <div class="spinner2">
  52.                                                     <div class="cube1"></div>
  53.                                                     <div class="cube2"></div>
  54.                                                 </div>
  55.                                             </div>
  56.                                         </div>
  57.                                     </div>
  58.                                 </div><!-- COL-END -->
  59.                                 <div class="col-md-12 col-lg-6 col-xl-4">
  60.                                     <div class="card">
  61.                                         <div class="card-header border-bottom">
  62.                                             <h3 class="card-title">loaders</h3>
  63.                                             <div class="card-options">
  64.                                                 <a href="#" class="card-options-collapse" data-bs-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  65.                                                 <a href="#" class="card-options-remove" data-bs-toggle="card-remove"><i class="fe fe-x"></i></a>
  66.                                             </div>
  67.                                         </div>
  68.                                         <div class="card-body">
  69.                                             <div class="dimmer active">
  70.                                                 <div class="spinner"></div>
  71.                                             </div>
  72.                                         </div>
  73.                                     </div>
  74.                                 </div><!-- COL-END -->
  75.                                 <div class="col-md-12 col-lg-6 col-xl-4">
  76.                                     <div class="card">
  77.                                         <div class="card-header border-bottom">
  78.                                             <h3 class="card-title">loaders</h3>
  79.                                             <div class="card-options">
  80.                                                 <a href="#" class="card-options-collapse" data-bs-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  81.                                                 <a href="#" class="card-options-remove" data-bs-toggle="card-remove"><i class="fe fe-x"></i></a>
  82.                                             </div>
  83.                                         </div>
  84.                                         <div class="card-body">
  85.                                             <div class="dimmer active">
  86.                                                 <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
  87.                                             </div>
  88.                                         </div>
  89.                                     </div>
  90.                                 </div><!-- COL-END -->
  91.                                 <div class="col-md-12 col-lg-6 col-xl-4">
  92.                                     <div class="card">
  93.                                         <div class="card-header border-bottom">
  94.                                             <h3 class="card-title">loaders</h3>
  95.                                             <div class="card-options">
  96.                                                 <a href="#" class="card-options-collapse" data-bs-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  97.                                                 <a href="#" class="card-options-remove" data-bs-toggle="card-remove"><i class="fe fe-x"></i></a>
  98.                                             </div>
  99.                                         </div>
  100.                                         <div class="card-body">
  101.                                             <div class="dimmer active">
  102.                                                 <div class="lds-hourglass"></div>
  103.                                             </div>
  104.                                         </div>
  105.                                     </div>
  106.                                 </div><!-- COL-END -->
  107.                                 <div class="col-md-12 col-lg-6 col-xl-4">
  108.                                     <div class="card">
  109.                                         <div class="card-header border-bottom">
  110.                                             <h3 class="card-title">loaders</h3>
  111.                                             <div class="card-options">
  112.                                                 <a href="#" class="card-options-collapse" data-bs-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
  113.                                                 <a href="#" class="card-options-remove" data-bs-toggle="card-remove"><i class="fe fe-x"></i></a>
  114.                                             </div>
  115.                                         </div>
  116.                                         <div class="card-body">
  117.                                             <div class="dimmer active">
  118.                                                 <div class="lds-heart"><div></div></div>
  119.                                             </div>
  120.                                         </div>
  121.                                     </div>
  122.                                 </div><!-- COL-END -->
  123.                             </div>
  124.                             <!-- ROW-1 CLOSED -->
  126.                             <!-- ROW-2 OPEN -->
  127.                             <div class="row">
  128.                                 <div class="col-md-6">
  129.                                     <div class="card">
  130.                                         <div class="card-header border-bottom">
  131.                                             <h3 class="card-title">loaders big sizes</h3>
  132.                                         </div>
  133.                                         <div class="card-body">
  134.                                             <div class="dimmer active">
  135.                                                 <div class="spinner-lg"></div>
  136.                                             </div>
  137.                                         </div>
  138.                                     </div>
  139.                                 </div><!-- COL-END -->
  140.                                 <div class="col-md-6">
  141.                                     <div class="card">
  142.                                         <div class="card-header border-bottom">
  143.                                             <h3 class="card-title">loaders big sizes</h3>
  144.                                         </div>
  145.                                         <div class="card-body">
  146.                                             <div class="dimmer active">
  147.                                                 <div class="spinner1-lg">
  148.                                                     <div class="double-bounce1"></div>
  149.                                                     <div class="double-bounce2"></div>
  150.                                                 </div>
  151.                                             </div>
  152.                                         </div>
  153.                                     </div>
  154.                                 </div><!-- COL-END -->
  155.                             </div>
  156.                             <!-- ROW-2 CLOSED -->
  157. {% endblock %}