| Server IP : 138.197.107.151 / Your IP : 216.73.217.7 Web Server : Apache/2.4.58 (Ubuntu) System : Linux BloxBy-Builder 6.8.0-71-generic #71-Ubuntu SMP PREEMPT_DYNAMIC Tue Jul 22 16:52:38 UTC 2025 x86_64 User : wpbetasites_mrakzqskir ( 1022) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/shark-admin/public/skote_html-main/ajax/ |
Upload File : |
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0 font-size-18">Video</h4>
<div class="page-title-right">
<ol class="breadcrumb m-0">
<li class="breadcrumb-item"><a href="javascript: void(0);">UI Elements</a></li>
<li class="breadcrumb-item active">Video</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<h4 class="card-title">Responsive embed video 16:9</h4>
<p class="card-title-desc">Aspect ratios can be customized with modifier classes.</p>
<!-- 16:9 aspect ratio -->
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video"
allowfullscreen></iframe>
</div>
</div>
</div>
</div> <!-- end col -->
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<h4 class="card-title">Responsive embed video 21:9</h4>
<p class="card-title-desc">Aspect ratios can be customized with modifier classes.</p>
<!-- 21:9 aspect ratio -->
<div class="ratio ratio-21x9">
<iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video"
allowfullscreen></iframe>
</div>
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
<div class="row">
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<h4 class="card-title">Responsive embed video 4:3</h4>
<p class="card-title-desc">Aspect ratios can be customized with modifier classes.</p>
<!-- 4:3 aspect ratio -->
<div class="ratio ratio-4x3">
<iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video"
allowfullscreen></iframe>
</div>
</div>
</div>
</div> <!-- end col -->
<div class="col-xl-6">
<div class="card">
<div class="card-body">
<h4 class="card-title">Responsive embed video 1:1</h4>
<p class="card-title-desc">Aspect ratios can be customized with modifier classes.</p>
<!-- 1:1 aspect ratio -->
<div class="ratio ratio-1x1">
<iframe src="https://www.youtube.com/embed/1y_kfWUCFDQ" title="YouTube video"
allowfullscreen></iframe>
</div>
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
</div> <!-- container-fluid -->
</div>
<!-- End Page-content -->