  
  <%- contentFor('HeaderCss') %>
  <!-- perticular page css -->
    
  <%- contentFor('body') %>
  
  <!-- Start content -->
  <div class="content">
        <div class="container-fluid">

            <div class="row">
                <div class="col-sm-12">
                    <div class="page-title-box">
                        <h4 class="page-title">Video</h4>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="javascript:void(0);">Lexa</a></li>
                            <li class="breadcrumb-item"><a href="javascript:void(0);">UI Elements</a></li>
                            <li class="breadcrumb-item active">Video</li>
                        </ol>

                        <% include ../Partials/TinyCharts %>
                        
                    </div>
                </div>
            </div>
            <!-- end row -->

            <div class="row">
                <div class="col-lg-6">
                    <div class="card m-b-20">
                        <div class="card-body">

                            <h4 class="mt-0 header-title">Responsive embed video 16:9</h4>
                            <p class="text-muted m-b-30">Aspect ratios can be customized with modifier classes.</p>

                            <!-- 16:9 aspect ratio -->
                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/1y_kfWUCFDQ"></iframe>
                            </div>
                        </div>
                    </div>
                </div> <!-- end col -->

                <div class="col-lg-6">
                    <div class="card m-b-20">
                        <div class="card-body">

                            <h4 class="mt-0 header-title">Responsive embed video 21:9</h4>
                            <p class="text-muted m-b-30">Aspect ratios can be customized with modifier classes.</p>

                            <!-- 21:9 aspect ratio -->
                            <div class="embed-responsive embed-responsive-21by9">
                                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/1y_kfWUCFDQ"></iframe>
                            </div>

                        </div>
                    </div>
                </div> <!-- end col -->

            </div> <!-- end row -->

            <div class="row">

                <div class="col-lg-6">
                    <div class="card m-b-20">
                        <div class="card-body">

                            <h4 class="mt-0 header-title">Responsive embed video 4:3</h4>
                            <p class="text-muted m-b-30">Aspect ratios can be customized with modifier classes.</p>

                            <!-- 4:3 aspect ratio -->
                            <div class="embed-responsive embed-responsive-4by3">
                                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/1y_kfWUCFDQ"></iframe>
                            </div>
                        </div>
                    </div>
                </div> <!-- end col -->

                <div class="col-lg-6">
                    <div class="card m-b-20">
                        <div class="card-body">

                            <h4 class="mt-0 header-title">Responsive embed video 1:1</h4>
                            <p class="text-muted m-b-30">Aspect ratios can be customized with modifier classes.</p>

                            <!-- 1:1 aspect ratio -->
                            <div class="embed-responsive embed-responsive-1by1">
                                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/1y_kfWUCFDQ"></iframe>
                            </div>

                        </div>
                    </div>
                </div> <!-- end col -->

            </div> <!-- end row -->


        </div> <!-- container-fluid -->

    </div> <!-- content -->
    <%- contentFor('FooterJs') %>