Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/vidoe.top/skin/1video/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Askbootstrap">
<meta name="author" content="Askbootstrap">
<title>VIDOE - Video Streaming Website HTML Template</title>
<!-- Favicon Icon -->
<link rel="icon" type="image/png" href="img/favicon.png">
<!-- Bootstrap core CSS-->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template-->
<link href="css/osahan.css" rel="stylesheet">
<!-- Owl Carousel -->
<link rel="stylesheet" href="vendor/owl-carousel/owl.carousel.css">
<link rel="stylesheet" href="vendor/owl-carousel/owl.theme.css">
</head>
<body id="page-top">
<nav class="navbar navbar-expand navbar-light bg-white static-top osahan-nav sticky-top">
<button class="btn btn-link btn-sm text-secondary order-1 order-sm-0" id="sidebarToggle">
<i class="fas fa-bars"></i>
</button>
<a class="navbar-brand mr-1" href="index.html"><img class="img-fluid" alt="" src="img/logo.png"></a>
<!-- Navbar Search -->
<form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-5 my-2 my-md-0 osahan-navbar-search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search for...">
<div class="input-group-append">
<button class="btn btn-light" type="button">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</form>
<!-- Navbar -->
<ul class="navbar-nav ml-auto ml-md-0 osahan-right-navbar">
<li class="nav-item mx-1">
<a class="nav-link" href="upload.html">
<i class="fas fa-plus-circle fa-fw"></i>
Upload Video
</a>
</li>
<li class="nav-item dropdown no-arrow mx-1">
<a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-bell fa-fw"></i>
<span class="badge badge-danger">9+</span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-edit "></i> Action</a>
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-headphones-alt "></i> Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-star "></i> Something else here</a>
</div>
</li>
<li class="nav-item dropdown no-arrow mx-1">
<a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-envelope fa-fw"></i>
<span class="badge badge-success">7</span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-edit "></i> Action</a>
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-headphones-alt "></i> Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-star "></i> Something else here</a>
</div>
</li>
<li class="nav-item dropdown no-arrow osahan-right-navbar-user">
<a class="nav-link dropdown-toggle user-dropdown-link" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img alt="Avatar" src="img/user.png">
Osahan
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
<a class="dropdown-item" href="account.html"><i class="fas fa-fw fa-user-circle"></i> My Account</a>
<a class="dropdown-item" href="subscriptions.html"><i class="fas fa-fw fa-video"></i> Subscriptions</a>
<a class="dropdown-item" href="settings.html"><i class="fas fa-fw fa-cog"></i> Settings</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal"><i class="fas fa-fw fa-sign-out-alt"></i> Logout</a>
</div>
</li>
</ul>
</nav>
<div id="wrapper">
<!-- Sidebar -->
<ul class="sidebar navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index.html">
<i class="fas fa-fw fa-home"></i>
<span>Home</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="channels.html">
<i class="fas fa-fw fa-users"></i>
<span>Channels</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="single-channel.html">
<i class="fas fa-fw fa-user-alt"></i>
<span>Single Channel</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="video-page.html">
<i class="fas fa-fw fa-video"></i>
<span>Video Page</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="upload-video.html">
<i class="fas fa-fw fa-cloud-upload-alt"></i>
<span>Upload Video</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-fw fa-folder"></i>
<span>Pages</span>
</a>
<div class="dropdown-menu">
<h6 class="dropdown-header">Login Screens:</h6>
<a class="dropdown-item" href="login.html">Login</a>
<a class="dropdown-item" href="register.html">Register</a>
<a class="dropdown-item" href="forgot-password.html">Forgot Password</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header">Other Pages:</h6>
<a class="dropdown-item" href="404.html">404 Page</a>
<a class="dropdown-item" href="blank.html">Blank Page</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="history-page.html">
<i class="fas fa-fw fa-history"></i>
<span>History Page</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="categories.html" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-fw fa-list-alt"></i>
<span>Categories</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="categories.html">Movie</a>
<a class="dropdown-item" href="categories.html">Music</a>
<a class="dropdown-item" href="categories.html">Television</a>
</div>
</li>
<li class="nav-item channel-sidebar-list">
<h6>SUBSCRIPTIONS</h6>
<ul>
<li>
<a href="subscriptions.html">
<img class="img-fluid" alt="" src="img/s1.png"> Your Life
</a>
</li>
<li>
<a href="subscriptions.html">
<img class="img-fluid" alt="" src="img/s2.png"> Unboxing <span class="badge badge-warning">2</span>
</a>
</li>
<li>
<a href="subscriptions.html">
<img class="img-fluid" alt="" src="img/s3.png"> Product / Service
</a>
</li>
</ul>
</li>
</ul>
<div id="content-wrapper">
<div class="container-fluid pb-0">
<div class="row">
<div class="col-xl-3 col-sm-6 mb-3">
<div class="card text-white bg-primary o-hidden h-100 border-none">
<div class="card-body">
<div class="card-body-icon">
<i class="fas fa-fw fa-users"></i>
</div>
<div class="mr-5"><b>26</b> Channels</div>
</div>
<a class="card-footer text-white clearfix small z-1" href="#">
<span class="float-left">View Details</span>
<span class="float-right">
<i class="fas fa-angle-right"></i>
</span>
</a>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="card text-white bg-warning o-hidden h-100 border-none">
<div class="card-body">
<div class="card-body-icon">
<i class="fas fa-fw fa-video"></i>
</div>
<div class="mr-5"><b>156</b> Videos</div>
</div>
<a class="card-footer text-white clearfix small z-1" href="#">
<span class="float-left">View Details</span>
<span class="float-right">
<i class="fas fa-angle-right"></i>
</span>
</a>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="card text-white bg-success o-hidden h-100 border-none">
<div class="card-body">
<div class="card-body-icon">
<i class="fas fa-fw fa-list-alt"></i>
</div>
<div class="mr-5"><b>123</b> Categories</div>
</div>
<a class="card-footer text-white clearfix small z-1" href="#">
<span class="float-left">View Details</span>
<span class="float-right">
<i class="fas fa-angle-right"></i>
</span>
</a>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="card text-white bg-danger o-hidden h-100 border-none">
<div class="card-body">
<div class="card-body-icon">
<i class="fas fa-fw fa-cloud-upload-alt"></i>
</div>
<div class="mr-5"><b>13</b> New Videos</div>
</div>
<a class="card-footer text-white clearfix small z-1" href="#">
<span class="float-left">View Details</span>
<span class="float-right">
<i class="fas fa-angle-right"></i>
</span>
</a>
</div>
</div>
</div>
<hr>
<div class="video-block section-padding">
<div class="row">
<div class="col-md-12">
<div class="main-title">
<div class="btn-group float-right right-action">
<a href="#" class="right-action-link text-gray" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Sort by <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-star"></i> Top Rated</a>
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-signal"></i> Viewed</a>
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-times-circle"></i> Close</a>
</div>
</div>
<h6>My Videos</h6>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="video-card">
<div class="video-card-image">
<a class="play-icon" href="#"><i class="fas fa-play-circle"></i></a>
<a href="#"><img class="img-fluid" src="img/v5.png" alt=""></a>
<div class="time">3:50</div>
</div>
<div class="video-card-body">
<div class="video-title">
<a href="#">There are many variations of passages of Lorem</a>
</div>
<div class="video-page text-success">
Education <a title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Verified"><i class="fas fa-check-circle text-success"></i></a>
</div>
<div class="video-view">
1.8M views <i class="fas fa-calendar-alt"></i> 11 Months ago
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="video-card">
<div class="video-card-image">
<a class="play-icon" href="#"><i class="fas fa-play-circle"></i></a>
<a href="#"><img class="img-fluid" src="img/v6.png" alt=""></a>
<div class="time">3:50</div>
</div>
<div class="video-card-body">
<div class="video-title">
<a href="#">There are many variations of passages of Lorem</a>
</div>
<div class="video-page text-danger">
Education <a title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Unverified"><i class="fas fa-frown text-danger"></i></a>
</div>
<div class="video-view">
1.8M views <i class="fas fa-calendar-alt"></i> 11 Months ago
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="video-card">
<div class="video-card-image">
<a class="play-icon" href="#"><i class="fas fa-play-circle"></i></a>
<a href="#"><img class="img-fluid" src="img/v7.png" alt=""></a>
<div class="time">3:50</div>
</div>
<div class="video-card-body">
<div class="video-title">
<a href="#">There are many variations of passages of Lorem</a>
</div>
<div class="video-page text-success">
Education <a title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Verified"><i class="fas fa-check-circle text-success"></i></a>
</div>
<div class="video-view">
1.8M views <i class="fas fa-calendar-alt"></i> 11 Months ago
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="video-card">
<div class="video-card-image">
<a class="play-icon" href="#"><i class="fas fa-play-circle"></i></a>
<a href="#"><img class="img-fluid" src="img/v8.png" alt=""></a>
<div class="time">3:50</div>
</div>
<div class="video-card-body">
<div class="video-title">
<a href="#">There are many variations of passages of Lorem</a>
</div>
<div class="video-page text-success">
Education <a title="" data-placement="top" data-toggle="tooltip" href="#" data-original-title="Verified"><i class="fas fa-check-circle text-success"></i></a>
</div>
<div class="video-view">
1.8M views <i class="fas fa-calendar-alt"></i> 11 Months ago
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="mt-0">
<div class="video-block section-padding">
<div class="row">
<div class="col-md-12">
<div class="main-title">
<div class="btn-group float-right right-action">
<a href="#" class="right-action-link text-gray" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Sort by <i class="fa fa-caret-down" aria-hidden="true"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-star"></i> Top Rated</a>
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-signal"></i> Viewed</a>
<a class="dropdown-item" href="#"><i class="fas fa-fw fa-times-circle"></i> Close</a>
</div>
</div>
<h6>My Channels</h6>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="channels-card">
<div class="channels-card-image">
<a href="#"><img class="img-fluid" src="img/s1.png" alt=""></a>
<div class="channels-card-image-btn"><button type="button" class="btn btn-danger btn-sm">Subscribe <strong>1.4M</strong></button></div>
</div>
<div class="channels-card-body">
<div class="channels-title">
<a href="#">Channels Name</a>
</div>
<div class="channels-view">
382,323 subscribers
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="channels-card">
<div class="channels-card-image">
<a href="#"><img class="img-fluid" src="img/s2.png" alt=""></a>
<div class="channels-card-image-btn"><button type="button" class="btn btn-danger btn-sm">Subscribe <strong>1.4M</strong></button></div>
</div>
<div class="channels-card-body">
<div class="channels-title">
<a href="#">Channels Name</a>
</div>
<div class="channels-view">
382,323 subscribers
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="channels-card">
<div class="channels-card-image">
<a href="#"><img class="img-fluid" src="img/s3.png" alt=""></a>
<div class="channels-card-image-btn"><button type="button" class="btn btn-secondary btn-sm">Subscribed <strong>1.4M</strong></button></div>
</div>
<div class="channels-card-body">
<div class="channels-title">
<a href="#">Channels Name <span title="" data-placement="top" data-toggle="tooltip" data-original-title="Verified"><i class="fas fa-check-circle"></i></span></a>
</div>
<div class="channels-view">
382,323 subscribers
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="channels-card">
<div class="channels-card-image">
<a href="#"><img class="img-fluid" src="img/s6.png" alt=""></a>
<div class="channels-card-image-btn"><button type="button" class="btn btn-danger btn-sm">Subscribe <strong>1.4M</strong></button></div>
</div>
<div class="channels-card-body">
<div class="channels-title">
<a href="#">Channels Name</a>
</div>
<div class="channels-view">
382,323 subscribers
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="channels-card">
<div class="channels-card-image">
<a href="#"><img class="img-fluid" src="img/s8.png" alt=""></a>
<div class="channels-card-image-btn"><button type="button" class="btn btn-danger btn-sm">Subscribe <strong>1.4M</strong></button></div>
</div>
<div class="channels-card-body">
<div class="channels-title">
<a href="#">Channels Name</a>
</div>
<div class="channels-view">
382,323 subscribers
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="channels-card">
<div class="channels-card-image">
<a href="#"><img class="img-fluid" src="img/s7.png" alt=""></a>
<div class="channels-card-image-btn"><button type="button" class="btn btn-secondary btn-sm">Subscribed <strong>1.4M</strong></button></div>
</div>
<div class="channels-card-body">
<div class="channels-title">
<a href="#">Channels Name <span title="" data-placement="top" data-toggle="tooltip" data-original-title="Verified"><i class="fas fa-check-circle"></i></span></a>
</div>
<div class="channels-view">
382,323 subscribers
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="channels-card">
<div class="channels-card-image">
<a href="#"><img class="img-fluid" src="img/s1.png" alt=""></a>
<div class="channels-card-image-btn"><button type="button" class="btn btn-danger btn-sm">Subscribe <strong>1.4M</strong></button></div>
</div>
<div class="channels-card-body">
<div class="channels-title">
<a href="#">Channels Name</a>
</div>
<div class="channels-view">
382,323 subscribers
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-sm-6 mb-3">
<div class="channels-card">
<div class="channels-card-image">
<a href="#"><img class="img-fluid" src="img/s2.png" alt=""></a>
<div class="channels-card-image-btn"><button type="button" class="btn btn-danger btn-sm">Subscribe <strong>1.4M</strong></button></div>
</div>
<div class="channels-card-body">
<div class="channels-title">
<a href="#">Channels Name</a>
</div>
<div class="channels-view">
382,323 subscribers
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.container-fluid -->
<!-- Sticky Footer -->
<footer class="sticky-footer">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-sm-6">
<p class="mt-1 mb-0">© Copyright 2020 <strong class="text-dark">Vidoe</strong>. All Rights Reserved<br>
<small class="mt-0 mb-0">Made with <i class="fas fa-heart text-danger"></i> by <a class="text-primary" target="_blank" href="https://askbootstrap.com/">Ask Bootstrap</a>
</small>
</p>
</div>
<div class="col-lg-6 col-sm-6 text-right">
<div class="app">
<a href="#"><img alt="" src="img/google.png"></a>
<a href="#"><img alt="" src="img/apple.png"></a>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- /.content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- Logout Modal-->
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
<a class="btn btn-primary" href="login.html">Logout</a>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Owl Carousel -->
<script src="vendor/owl-carousel/owl.carousel.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/custom.js"></script>
</body>
</html>