templates/icons-materialdesign.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  3.     <head>
  4.         
  5.         {{ include('partials/title-meta.html.twig', {title: 'Material Design Icons'}) }}
  7.         {{ include('partials/head-css.html.twig') }}
  9.     </head>
  11.     {{ include('partials/body.html.twig') }}
  13.         <!-- Begin page -->
  14.         <div id="layout-wrapper">
  16.             {{ include('partials/menu.html.twig') }}
  18.             <!-- ============================================================== -->
  19.             <!-- Start right Content here -->
  20.             <!-- ============================================================== -->
  21.             <div class="main-content">
  23.                 <div class="page-content">
  24.                     <div class="container-fluid">
  26.                         {{ include('partials/page-title.html.twig', {pagetitle: 'Icons', title: 'Material Design Icons'}) }}
  28.                         <div class="row icons-demo-content">
  29.                             <div class="col-12">
  30.                                 <div class="card">
  31.                                     <div class="card-header">
  32.                                         <h4 class="card-title">New Icons</h4>
  33.                                         <p class="card-title-desc">Use <code>&lt;i class="mdi mdi-speedometer-slow"&gt;&lt;/i&gt;</code> <span class="badge bg-success">v6.5.95</span>.</p>
  34.                                     </div>
  35.                                     <div class="card-body">
  36.                                         <div class="row icon-demo-content" id="newIcons"></div>
  37.                                     </div> <!-- end card-body -->
  38.                                 </div> <!-- end card -->
  40.                                 <div class="card">
  41.                                     <div class="card-header">
  42.                                         <h4 class="card-title mb-0">All Icons</h4>
  43.                                     </div>
  44.                                     <div class="card-body">
  45.                                         <div class="row icon-demo-content" id="icons"></div>
  46.                                     </div> <!-- end card-body -->
  47.                                 </div> <!-- end card -->
  48.                             </div> <!-- end col -->
  49.                         </div><!-- end row -->
  51.                         <div class="row">
  52.                             <div class="col-12">
  53.                                 <div class="card">
  54.                                     <div class="card-header">
  55.                                         <h4 class="card-title mb-0">Size</h4>
  56.                                     </div>
  57.                                     <div class="card-body">
  59.                                         <div class="row icon-demo-content">
  60.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  61.                                                 <i class="mdi mdi-18px mdi-account"></i> mdi-18px
  62.                                             </div>
  64.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  65.                                                 <i class="mdi mdi-24px mdi-account"></i> mdi-24px
  66.                                             </div>
  68.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  69.                                                 <i class="mdi mdi-36px mdi-account"></i> mdi-36px
  70.                                             </div>
  72.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  73.                                                 <i class="mdi mdi-48px mdi-account"></i> mdi-48px
  74.                                             </div>
  75.                                         </div>
  76.                                     </div>
  77.                                 </div>
  78.                                 <!-- end card -->
  79.                             </div>
  80.                             <!-- end col -->
  81.                         </div>
  82.                         <!-- end row -->
  84.                         <div class="row">
  85.                             <div class="col-12">
  86.                                 <div class="card">
  87.                                     <div class="card-header">
  88.                                         <h4 class="card-title mb-0">Rotate</h4>
  89.                                     </div>
  90.                                     <div class="card-body">
  92.                                         <div class="row icon-demo-content">
  93.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  94.                                                 <i class="mdi mdi-rotate-45 mdi-account"></i> mdi-rotate-45
  95.                                             </div>
  96.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  97.                                                 <i class="mdi mdi-rotate-90 mdi-account"></i> mdi-rotate-90
  98.                                             </div>
  99.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  100.                                                 <i class="mdi mdi-rotate-135 mdi-account"></i> mdi-rotate-135
  101.                                             </div>
  102.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  103.                                                 <i class="mdi mdi-rotate-180 mdi-account"></i> mdi-rotate-180
  104.                                             </div>
  105.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  106.                                                 <i class="mdi mdi-rotate-225 mdi-account"></i> mdi-rotate-225
  107.                                             </div>
  108.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  109.                                                 <i class="mdi mdi-rotate-270 mdi-account"></i> mdi-rotate-270
  110.                                             </div>
  111.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  112.                                                 <i class="mdi mdi-rotate-315 mdi-account"></i> mdi-rotate-315
  113.                                             </div>
  114.                                         </div>
  115.                                     </div>
  116.                                 </div>
  117.                                 <!-- end card -->
  118.                             </div>
  119.                             <!-- end col -->
  120.                         </div>
  121.                         <!-- end row -->
  123.                         <div class="row">
  124.                             <div class="col-12">
  125.                                 <div class="card">
  126.                                     <div class="card-header">
  127.                                         <h4 class="card-title mb-0">Spin</h4>
  128.                                     </div>
  129.                                     <div class="card-body">
  130.                                         <h4 class="card-title">Spin</h4>
  132.                                         <div class="row icon-demo-content">
  133.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  134.                                                 <i class="mdi mdi-spin mdi-loading"></i> mdi-spin
  135.                                             </div>
  136.                                             <div class="col-xl-3 col-lg-4 col-sm-6">
  137.                                                 <i class="mdi mdi-spin mdi-star"></i> mdi-spin
  138.                                             </div>
  139.                                         </div>
  140.                                     </div>
  141.                                 </div>
  142.                                 <!-- end card -->
  143.                             </div>
  144.                             <!-- end col -->
  145.                         </div>
  146.                         <!-- end row -->
  148.                     </div> <!-- container-fluid -->
  149.                 </div>
  150.                 <!-- End Page-content -->
  152.                 
  153.                 {{ include('partials/footer.html.twig') }}
  154.             </div>
  155.             <!-- end main content-->
  157.         </div>
  158.         <!-- END layout-wrapper -->
  160.         {{ include('partials/right-sidebar.html.twig') }}
  162.         {{ include('partials/vendor-scripts.html.twig') }}
  164.         <!-- materialdesign icon js-->
  165.         <script src="/js/pages/materialdesign.init.js"></script>
  167.         <script src="/js/app.js"></script>
  169.     </body>
  170. </html>