<!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 -->
<header class="header trans_400">
<!-- Logo -->
<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>
<!-- Submit & Social -->
<div class="header_right d-flex flex-row align-items-start justify-content-start">
<!-- Submit -->
<div class="submit"><a href="#">Submit a Podcast</a></div>
<!-- Social -->
<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>
<!-- Hamburger -->
<div class="hamburger"><i class="fa fa-bars" aria-hidden="true"></i></div>
</div>
</header>
<!-- Menu -->
<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>
<!-- Home -->
<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>
<!-- Episodes -->
<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">
<!-- Sidebar -->
<div class="col-lg-3">
<div class="sidebar">
<!-- Search -->
<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>
<!-- Categories -->
<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>
<!-- Tags -->
<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>
<!-- Archive -->
<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>
<!-- Episodes -->
<div class="col-lg-9 episodes_col">
<div class="episodes_container">
<!-- Episode -->
<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>
游戏音乐娱乐类网站源码-我的播客展示响应式网站模板-支持移动端.zip
版权申诉
39 浏览量
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 条
- 1
- 2
资源评论
