游戏音乐娱乐类网站源码-我的播客展示响应式网站模板-支持移动端.zip资源-CSDN文库

共162个文件

jpg：39个

js：23个

css：21个

版权申诉

HTML

源码

JavaScript

18 浏览量 2024-03-24 15:08:26 上传评论收藏 6.72MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

游戏音乐娱乐类网站源码-我的播客展示响应式网站模板-支持移动端.zip （162个子文件）

bootstrap.min.css 139KB

animate.css 72KB

font-awesome.css 37KB

font-awesome.min.css 30KB

episode.css 24KB

episodes.css 24KB

blog.css 22KB

main_styles.css 21KB

contact.css 20KB

about.css 19KB

jplayer.blue.monday.css 12KB

jplayer.blue.monday.min.css 9KB

owl.carousel.css 5KB

colorbox.css 4KB

episode_responsive.css 4KB

episodes_responsive.css 4KB

about_responsive.css 3KB

blog_responsive.css 3KB

responsive.css 3KB

contact_responsive.css 3KB

owl.theme.default.css 1KB

fontawesome-webfont.eot 162KB

loading.gif 8KB

jplayer.blue.monday.seeking.gif 3KB

ajax-loader.gif 3KB

episodes.html 33KB

index.html 23KB

episode.html 23KB

blog.html 18KB

about.html 18KB

contact.html 15KB

jplayer.blue.monday.video.playlist.html 2KB

jplayer.blue.monday.video.single.html 2KB

jplayer.blue.monday.audio.playlist.html 2KB

jplayer.blue.monday.audio.single.html 1KB

jplayer.blue.monday.audio.stream.html 965B

show_7.jpg 279KB

newsletter.jpg 223KB

contact.jpg 196KB

episode.jpg 179KB

show_3.jpg 176KB

blog_3.jpg 172KB

show_5.jpg 144KB

gallery_4_large.jpg 140KB

blog_2.jpg 138KB

show_2.jpg 135KB

show_4.jpg 133KB

gallery_3_large.jpg 132KB

gallery_2_large.jpg 131KB

blog.jpg 119KB

about.jpg 118KB

show_6.jpg 116KB

milestones.jpg 108KB

gallery_5_large.jpg 100KB

gallery_1_large.jpg 94KB

blog_1.jpg 91KB

index.jpg 89KB

weekly.jpg 89KB

episode_4.jpg 52KB

show_1.jpg 49KB

episode_3.jpg 46KB

episode_5.jpg 45KB

episode_2.jpg 42KB

episode_1.jpg 34KB

jplayer.blue.monday.jpg 23KB

guest_3.jpg 21KB

gallery_3.jpg 16KB

gallery_2.jpg 15KB

guest_2.jpg 14KB

gallery_4.jpg 14KB

guest_1.jpg 12KB

gallery_5.jpg 11KB

gallery_1.jpg 9KB

user_2.jpg 4KB

user_1.jpg 4KB

TweenMax.min.js 110KB

owl.carousel.js 88KB

jquery-3.3.1.min.js 85KB

popper.js 80KB

jquery.jplayer.min.js 60KB

bootstrap.min.js 50KB

isotope.pkgd.min.js 35KB

progressbar.min.js 21KB

TimelineMax.min.js 20KB

ScrollMagic.min.js 17KB

jquery.colorbox-min.js 12KB

jplayer.playlist.min.js 9KB

easing.js 8KB

episodes.js 7KB

parallax.min.js 7KB

contact.js 4KB

episode.js 4KB

ScrollToPlugin.min.js 3KB

blog.js 3KB

about.js 3KB

custom.js 3KB

fitcolumns.js 2KB

animation.gsap.min.js 1KB

icons.less 49KB

variables.less 22KB

共 162 条

<!DOCTYPE html> <html lang="en"> <head> <title>Episodes</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="My Podcast template project"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="styles/bootstrap-4.1.2/bootstrap.min.css"> <link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="plugins/colorbox/colorbox.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="styles/episodes.css"> <link rel="stylesheet" type="text/css" href="styles/episodes_responsive.css"> </head> <body> <div class="super_container">  <header class="header trans_400">  <div class="logo"> <a href="#"><span>my</span>podcast<img src="images/play.png" alt=""></a> </div> <div class="container"> <div class="row"> <div class="col"> <div class="header_content d-flex flex-row align-items-center justify-content-start trans_400"> <nav class="main_nav"> <ul class="d-flex flex-row align-items-start justify-content-start"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="episodes.html">Episodes</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </div> </div> </div> </div>  <div class="header_right d-flex flex-row align-items-start justify-content-start">  <div class="submit"><a href="#">Submit a Podcast</a></div>  <div class="social"> <ul class="d-flex flex-row align-items-start justify-content-start"> <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-soundcloud" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li> </ul> </div>  <div class="hamburger"><i class="fa fa-bars" aria-hidden="true"></i></div> </div> </header>  <div class="menu"> <div class="menu_content d-flex flex-column align-items-end justify-content-start"> <ul class="menu_nav_list text-right"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="episodes.html">Episodes</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> </ul> <div class="menu_extra d-flex flex-column align-items-end justify-content-start"> <div class="menu_submit"><a href="#">Submit your podcast</a></div> <div class="social"> <ul class="d-flex flex-row align-items-start justify-content-start"> <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-soundcloud" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li> <li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li> </ul> </div> </div> </div> </div>  <div class="home"> <div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/about.jpg" data-speed="0.8"></div> <div class="home_container d-flex flex-column align-items-center justify-content-center"> <div class="home_content"> <div class="home_title"><h1>episodes</h1></div> </div> </div> </div>  <div class="episodes"> <div class="container"> <div class="row"> <div class="col"> <div class="season_links"> <ul class="d-flex flex-row align-items-start justify-content-center flex-wrap"> <li class="item_filter_btn" data-filter="*">All Seasons</li> <li class="item_filter_btn" data-filter=".s1">Season 1</li> <li class="item_filter_btn" data-filter=".s2">Season 2</li> <li class="item_filter_btn" data-filter=".s3">Season 3</li> </ul> </div> </div> </div> <div class="row episodes_row">  <div class="col-lg-3"> <div class="sidebar">  <div class="sidebar_search"> <div class="sidebar_title">Search</div> <form action="#" class="search_form" id="search_form"> <input type="text" class="search_input" placeholder="Search here" required="required"> <button class="search_button"><img src="images/search.png" alt=""></button> </form> </div>  <div class="sidebar_list"> <div class="sidebar_title">Categories</div> <ul> <li><a href="#">Travel</a></li> <li><a href="#">Music</a></li> <li><a href="#">Lifestyle</a></li> <li><a href="#">Social Media</a></li> <li><a href="#">Art</a></li> <li><a href="#">Audiobooks</a></li> <li><a href="#">Documentaries</a></li> </ul> </div>  <div class="sidebar_tags"> <div class="sidebar_title">Tags</div> <div class="tags"> <ul class="d-flex flex-row align-items-start justify-content-start flex-wrap"> <li><a href="#">music</a></li> <li><a href="#">art</a></li> <li><a href="#">technology</a></li> <li><a href="#">travel & food</a></li> <li><a href="#">viral</a></li> <li><a href="#">interview</a></li> <li><a href="#">social media</a></li> <li><a href="#">development</a></li> <li><a href="#">success</a></li> <li><a href="#">did you know?</a></li> <li><a href="#">live</a></li> </ul> </div> </div>  <div class="sidebar_archive"> <div class="sidebar_title">Archive</div> <div class="dropdown"> <ul> <li class="dropdown_selected d-flex flex-row align-items-center justify-content-start"><span>September 2018</span><i class="fa fa-chevron-down ml-auto" aria-hidden="true"></i> <ul> <li><a href="#">August 2018</a></li> <li><a href="#">July 2018</a></li> <li><a href="#">June 2018</a></li> <li><a href="#">May 2018</a></li> </ul> </li> </ul> </div> </div> </div> </div>  <div class="col-lg-9 episodes_col"> <div class="episodes_container">  <div class="episode d-flex flex-row align-items-start justify-content-start s1"> <div> <div class="episode_image"> <img src="images/episode_1.jpg" alt=""> <div class="tags"> <ul class="d-flex flex-row align-items-start justify-content-start"> <li><a href="#">music</a></li> </ul> </div> </div> </div> <div class="episode_content"> <div class="episode_name"><a href="episode.html">Audio - Lorem ipsum dolor sit amet consectetur</a></div> <div class="episode_date"><a href="#">24 September, 2018</a></div> <div class="show_info d-flex flex-row align-items-start justify-content-start"> <div class="show_fav d-flex flex-row align-items-center justify-content-start"> <div class="show_fav_icon show_info_icon"><img class="svg" src="images/heart.svg" alt=""></div> <div class="show_fav_count">2371</div> </div>

评论收藏

内容反馈

版权申诉