HTML5响应式社交媒体电影视频网站模板.zip资源-CSDN文库

共69个文件

jpg：41个

html：6个

css：5个

版权申诉

5星 · 超过95%的资源 154 浏览量 2022-06-16 09:40:50 上传评论收藏 4.12MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML5响应式社交媒体电影视频网站模板.zip （69个子文件）

HTML5响应式社交媒体电影视频网站模板

社交媒体电影视频HTML5模板

upload-video.html 13KB

assets

css

color.css 6KB

ajax-loader.gif 4KB

dark.css 2KB

plugins.css 480KB

default.css 8KB

style.css 70KB

images

index-210x120.jpg 9KB

acdbf3fcda4c1f108221a12844f087f0.jpeg 3KB

vGN6dixRBZA.jpg 140KB

elti-meshau-2S2F2exmbhw-unsplash.jpg 73KB

ad-banner.jpg 57KB

ben-collins-SpDOwp6PnBs-unsplash-1280x720.jpg 129KB

wzpjnFQ030M.jpg 77KB

3-MNAX1jgbA-210x120.jpg 7KB

kal-visuals-IJzTAns4kUk-unsplash.jpg 86KB

FYU-N2RWfso-210x120.jpg 4KB

SIJAEcOL6sI-210x120.jpg 8KB

FYU-N2RWfso.jpg 91KB

index.jpg 124KB

kal-visuals-IJzTAns4kUk-unsplash-200x160.jpg 9KB

f71275f88816857574841b57a6f67aae.jpeg 5KB

BjCwUk06ZSk.jpg 146KB

48dc418ef002957c6c867cb40aa191cc.jpeg 4KB

pexels-kyle-loftus-2510428.jpg 162KB

3CyBWp8Lb9U.jpg 88KB

gordon-cowie-PlDMOtUuuGE-unsplash.jpg 175KB

ben-collins-SpDOwp6PnBs-unsplash.jpg 128KB

troy-t-9sQgt_cR50c-unsplash.jpg 107KB

gordon-cowie-PlDMOtUuuGE-unsplash-200x160.jpg 12KB

SIJAEcOL6sI.jpg 138KB

logo-alt.png 16KB

appstore.png 9KB

vGN6dixRBZA-210x120.jpg 7KB

ih6_YyRVtpI.jpg 86KB

3-MNAX1jgbA.jpg 138KB

FMvppuS_ehg-210x120.jpg 5KB

thisisengineering-raeng-5KxOM7cKhmA-unsplash-1024x576.jpg 119KB

8IGsQoL1AgQ.jpg 119KB

5465.jpg 90KB

banner-ad.jpg 64KB

maxresdefault.jpg 101KB

G99XxEDbNEs.jpg 94KB

logo.png 16KB

troy-t-9sQgt_cR50c-unsplash-200x160.jpg 9KB

ryan-snaadt-prBQ83SzZtU-unsplash-1024x576.jpg 98KB

6b1345063abbc415fde0677567f2cf59.jpeg 3KB

FMvppuS_ehg.jpg 93KB

ben-collins-SpDOwp6PnBs-unsplash-200x160.jpg 11KB

maxresdefault-210x120.jpg 7KB

Zv11L-ZfrSg.jpg 232KB

3CyBWp8Lb9U-210x120.jpg 7KB

Zv11L-ZfrSg-210x120.jpg 10KB

playstore.png 9KB

BjCwUk06ZSk-210x120.jpg 8KB

chaozzy-lin-des3ft1Larc-unsplash.jpg 114KB

fonts

fa-solid-900.woff2 138KB

fa-brands-400.woff2 75KB

fa-light-300.woff2 186KB

fa-duotone-900.woff2 184KB

fa-regular-400.woff2 170KB

plugins.js 387KB

main.js 13KB

single.html 19KB

index.html 37KB

video.html 19KB

archive.html 21KB

blog.html 15KB

data.json 48KB

<!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/

评论收藏

内容反馈

版权申诉