templates/ui-video.html.twig line 1

Open in your IDE?
  1. {{ include('partials/main.html.twig') }}
  3.     <head>
  5.         {{ include('partials/title-meta.html.twig', {title: 'Video'}) }}
  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: 'Components', title: 'Video'}) }}
  28.                         <div class="row">
  29.                             <div class="col-xl-6">
  30.                                 <div class="card">
  31.                                     <div class="card-header">
  32.                                         <h4 class="card-title">Ratio video 16:9</h4>
  33.                                         <p class="card-title-desc">Aspect ratios can be customized with modifier classes.</p>
  34.                                     </div><!-- end card header -->
  36.                                     <div class="card-body">
  37.                                         <!-- 16:9 aspect ratio -->
  38.                                         <div class="ratio ratio-16x9">
  39.                                             <iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video" allowfullscreen></iframe>
  40.                                         </div>
  41.                                     </div><!-- end card-body -->
  42.                                 </div><!-- end card -->
  43.                             </div><!-- end col -->
  45.                             <div class="col-xl-6">
  46.                                 <div class="card">
  47.                                     <div class="card-header">
  48.                                         <h4 class="card-title">Ratio video 21:9</h4>
  49.                                         <p class="card-title-desc">Aspect ratios can be customized with modifier classes.</p>
  50.                                     </div><!-- end card header -->
  52.                                     <div class="card-body">
  53.                                         <!-- 21:9 aspect ratio -->
  54.                                         <div class="ratio ratio-21x9">
  55.                                             <iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video" allowfullscreen></iframe>
  56.                                         </div>
  58.                                     </div><!-- end card-body -->
  59.                                 </div><!-- end card -->
  60.                             </div><!-- end col -->
  62.                         </div> <!-- end row -->
  64.                         <div class="row">
  66.                             <div class="col-xl-6">
  67.                                 <div class="card">
  68.                                     <div class="card-header">
  69.                                         <h4 class="card-title">Ratio video 4:3</h4>
  70.                                         <p class="card-title-desc">Aspect ratios can be customized with modifier classes.</p>
  71.                                     </div><!-- end card header -->
  73.                                     <div class="card-body">
  74.                                         <!-- 4:3 aspect ratio -->
  75.                                         <div class="ratio ratio-4x3">
  76.                                             <iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video" allowfullscreen></iframe>
  77.                                         </div>
  78.                                     </div><!-- end card-body -->
  79.                                 </div><!-- end card -->
  80.                             </div><!-- end col -->
  82.                             <div class="col-xl-6">
  83.                                 <div class="card">
  84.                                     <div class="card-header">
  85.                                         <h4 class="card-title">Ratio video 1:1</h4>
  86.                                         <p class="card-title-desc">Aspect ratios can be customized with modifier classes.</p>
  87.                                     </div><!-- end card header -->
  89.                                     <div class="card-body">
  90.                                         <!-- 1:1 aspect ratio -->
  91.                                         <div class="ratio ratio-1x1">
  92.                                             <iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video" allowfullscreen></iframe>
  93.                                         </div>
  94.                                     </div><!-- end card-body -->
  95.                                 </div><!-- end card -->
  96.                             </div><!-- end col -->
  97.                         </div> <!-- end row -->
  99.                     </div> <!-- container-fluid -->
  100.                 </div>
  101.                 <!-- End Page-content -->
  103.                 {{ include('partials/footer.html.twig') }}
  105.             </div>
  106.             <!-- end main content-->
  108.         </div>
  109.         <!-- END layout-wrapper -->
  111.         {{ include('partials/right-sidebar.html.twig') }}
  113.         {{ include('partials/vendor-scripts.html.twig') }}
  115.         <script src="/js/app.js"></script>
  117.     </body>
  118. </html>