<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Home - ViewTube Template</title>
<link rel="icon" href="assets/images/thumbnail.png">
<link rel="stylesheet" href='https://fonts.googleapis.com/css?family=Fira+Sans+Condensed%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%7COpen+Sans%3A300%2C400%2C600%2C700%2C800'>
<link rel="stylesheet" href='assets/css/default.css'>
<link rel="stylesheet" href='assets/css/plugins.css'>
<link rel="stylesheet" href='assets/css/style.css'>
<link rel="stylesheet" href='assets/css/color.css'>
<link id="template-color" rel="stylesheet" href='assets/css/color.css'>
</head>
<body>
<header class="site-header fixed-top">
<div class="container-fluid">
<div class="row justify-content-between">
<div class="col-xl-2 col-lg-2 my-auto d-none d-lg-block">
<div class="d-flex">
<a href="#" class="sidebar-toggle">
<i class="far fa-bars"></i>
</a>
<div class="logo my-auto">
<a href="index.html" class="custom-logo-link"><img src="assets/images/logo.png" class="custom-logo" alt="ViewTube"></a> </div>
</div>
</div>
<div class="col-xl-7 col-lg-7 my-auto d-none d-xl-block">
<form class="ajax-search-form" action="#">
<input type="text" name="s" class="keyword" placeholder="Search">
<button type="submit"><i class="fa fa-search"></i></button>
<ul class="datafetch"></ul>
</form>
</div>
<div class="col-xl-1 col-lg-1 my-auto text-right">
<a class="upload-video" href="upload-video.html"><i class="far fa-video-plus"></i></a>
</div>
<div class="col-xl-2 col-lg-2 my-auto">
<div class="d-flex">
<div class="d-flex my-auto">
<i class="fad fa-sun my-auto"></i>
<label class="toggle-switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
</div>
<div class="d-flex float-right">
<div class="top-header-action">
<div class="widget-header">
<div class="my-account-widget">
<div class="my-account-button">
<i class="fad fa-user"></i>
</div>
<div class="my-account-content">
<div class="header-profile-login">
<h6 class="text-center">Log In to Your Account</h6>
<form name="loginform" id="loginform" action="#" method="post">
<p class="login-username">
<label for="user_login">Username or Email Address</label>
<input type="text" name="log" id="user_login" class="input" value="" size="20" />
</p>
<p class="login-password">
<label for="user_pass">Password</label>
<input type="password" id="user_pass" name="pwd">
</p>
<p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label></p>
<p class="login-submit">
<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Log In" />
</p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="off-canvas-menu-bar">
<div class="pl-30 pr-30">
<div class="row">
<div class="col-7 my-auto">
<a href="index.html" class="custom-logo-link" rel="home" aria-current="page"><img width="512" height="85" src="assets/images/logo.png" class="custom-logo" alt="ViewTube"></a> </div>
<div class="col-3 my-auto">
<label class="toggle-switch">
<input type="checkbox">
<span class="slider round"></span>
</label>
</div>
<div class="col-2 my-auto">
<div class="mobile-nav-toggler"><span class="fas fa-bars"></span></div>
</div>
</div>
</div>
</div>
<div class="off-canvas-menu">
<div class="menu-backdrop"></div>
<i class="close-btn fa fa-close"></i>
<nav class="mobile-nav">
<div class="text-center pt-3 pb-3">
<a href="index.html" class="custom-logo-link" rel="home"><img src="assets/images/logo.png" class="custom-logo" alt="Sayara"></a> </div>
<ul class="navigation">
</ul>
</nav>
</div>
<div class="container-fluid p-0">
<div class="d-flex topspace-90">
<div class="sidebar-menu open">
<nav class="desktop-menu">
<ul class="menu">
<li class="menu-item current-menu-item"><a href="index.html"><i class="fas fa-home"></i><span>Home</span></a></li>
<li class="menu-item"><a href="blog.html"><i class="fab fa-wordpress"></i><span>Blog</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fab fa-youtube"></i><span>Video</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fas fa-camera"></i><span>Action</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fab fa-amazon"></i><span>Adventure</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fas fa-podcast"></i><span>Drama</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fas fa-coffee"></i><span>Fantacy</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fas fa-gamepad"></i><span>Games</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fas fa-burn"></i><span>Horror</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fab fa-chrome"></i><span>Mystrey</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fas fa-newspaper"></i><span>News</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fas fa-heart"></i><span>Romance</span></a></li>
<li class="menu-item"><a href="archive.html"><i class="fas fa-flask"></i><span>Science fiction</span></a></li>
</ul>
</nav>
</div>
<div class="main-container">
<div class="banners mt-4 mb-5">
<section class="banner" style="background: url(assets/images/elti-meshau-2S2F2exmbhw-unsplash.jpg);">
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-12 my-auto">
<div class="banner-content">
<h1>
The Revenant </h1>
<div class="d-block d-lg-flex">
<ul class="list-inline meta">
<li class="list-inline-item"><i class="fad fa-film-alt"></i>Action</li>
<li class="list-inline-item"><i class="fad fa-calendar-week"></i>2021</li>
<li class="list-inline-item"><i class="fad fa-play-circle"></i>2 h 20 min</li>
<li class="list-inline-item"><span>4K</span></li>
</ul>
</div>
<p>In the 1820s, a frontiersman, Hugh Glass, sets out on a path of vengeance against those who left him for dead after</p>
<a class="viewtube-btn popup-video mt-30" href="https://www.youtube.com/watch?v=moP2yKSpJFo">Watch Video</a>
</div>
</div>
</div>
</div>
</section>
<section class="banner" style="background: url(assets/images/pexels-kyle-loftus-2510428.jpg);">
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-12 my-auto">
<div class="banner-content">
<h1>
The Pale Door </h1>
<div class="d-block d-lg-flex">
<ul class="list-inline meta">
<li class="list-inline-item"><i class="fad fa-film-alt"></i>Action</li>
<li class="list-inline-item"><i class="fad fa-calendar-week"></i>2021</li>
<li class="list-inline-item"><i class="fad fa-play-circle"></i>2 h 20 min</li>
<li class="list-inline-item"><span>HD</span></li>
</ul>
</div>
<p>In the 1820s, a frontiersman, Hugh Glass, sets out on a path of vengeance against those who left him for dead after</p>
<a class="viewtube-btn popup-video mt-30" href="https://www.youtube.com/watch?v=moP2yKSpJFo">Watch Video</a>
</div>
</div>
</div>
</div>
</section>
<section class="banner" style="background: url(assets/images/chaozzy-lin-des3ft1Larc-unsplash.jpg);">
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-12 my-auto">
<div class="banner-content">
<h1>
Paper Lives </h1>
<div class="d-block d-lg-flex">
<ul class="list-inline meta">
<li class="list-inline-item"><i class="fad fa-film-alt"></i>Action</li>
<li class="list-inline-item"><i class="fad fa-calendar-week"></i>2021</li>
<li class="list-inline-item"><i class="fad fa-play-circle"></i>2 h 20 min</li>
<li class="list-inline-item"><span>8K</span></li>
</ul>
</div>
<p>In the 1820s, a frontiersman, Hugh Glass, sets out on a path of vengeance against those who left him for dead after</p>
<a class="viewtube-btn popup-video mt-30" href="https://www.youtube.com/
社交媒体电影视频HTML5模板
需积分: 1 44 浏览量
2023-03-17
20:43:04
上传
评论
收藏 4.13MB ZIP 举报
社交媒体电影视频HTML5模板.zip （69个子文件） 
社交媒体电影视频HTML5模板 
video.html 19KB assets js 
main.js 13KB plugins.js 387KB css style.css 70KB dark.css 2KB plugins.css 480KB default.css 8KB
ajax-loader.gif 4KB color.css 6KB images 
pexels-kyle-loftus-2510428.jpg 162KB ben-collins-SpDOwp6PnBs-unsplash.jpg 128KB index.jpg 124KB chaozzy-lin-des3ft1Larc-unsplash.jpg 114KB 3CyBWp8Lb9U-210x120.jpg 7KB maxresdefault.jpg 101KB SIJAEcOL6sI-210x120.jpg 8KB troy-t-9sQgt_cR50c-unsplash.jpg 107KB maxresdefault-210x120.jpg 7KB vGN6dixRBZA.jpg 140KB acdbf3fcda4c1f108221a12844f087f0.jpeg 3KB 48dc418ef002957c6c867cb40aa191cc.jpeg 4KB 3-MNAX1jgbA.jpg 138KB Zv11L-ZfrSg-210x120.jpg 10KB
logo.png 16KB FYU-N2RWfso.jpg 91KB SIJAEcOL6sI.jpg 138KB 3-MNAX1jgbA-210x120.jpg 7KB logo-alt.png 16KB ih6_YyRVtpI.jpg 86KB ryan-snaadt-prBQ83SzZtU-unsplash-1024x576.jpg 98KB ben-collins-SpDOwp6PnBs-unsplash-1280x720.jpg 129KB gordon-cowie-PlDMOtUuuGE-unsplash.jpg 175KB kal-visuals-IJzTAns4kUk-unsplash-200x160.jpg 9KB elti-meshau-2S2F2exmbhw-unsplash.jpg 73KB 5465.jpg 90KB f71275f88816857574841b57a6f67aae.jpeg 5KB 8IGsQoL1AgQ.jpg 119KB thisisengineering-raeng-5KxOM7cKhmA-unsplash-1024x576.jpg 119KB G99XxEDbNEs.jpg 94KB BjCwUk06ZSk.jpg 146KB FMvppuS_ehg.jpg 93KB banner-ad.jpg 64KB playstore.png 9KB vGN6dixRBZA-210x120.jpg 7KB Zv11L-ZfrSg.jpg 232KB appstore.png 9KB index-210x120.jpg 9KB ad-banner.jpg 57KB troy-t-9sQgt_cR50c-unsplash-200x160.jpg 9KB wzpjnFQ030M.jpg 77KB gordon-cowie-PlDMOtUuuGE-unsplash-200x160.jpg 12KB ben-collins-SpDOwp6PnBs-unsplash-200x160.jpg 11KB 3CyBWp8Lb9U.jpg 88KB BjCwUk06ZSk-210x120.jpg 8KB 6b1345063abbc415fde0677567f2cf59.jpeg 3KB FMvppuS_ehg-210x120.jpg 5KB kal-visuals-IJzTAns4kUk-unsplash.jpg 86KB FYU-N2RWfso-210x120.jpg 4KB fonts fa-light-300.woff2 186KB fa-brands-400.woff2 75KB fa-duotone-900.woff2 184KB fa-regular-400.woff2 170KB fa-solid-900.woff2 138KB data.json 48KB index.html 37KB archive.html 21KB single.html 19KB upload-video.html 13KB blog.html 15KB资源评论
