游戏音乐娱乐类网站源码-娱乐资讯主题响应式网页模板-支持移动端.zip资源-CSDN文库

共61个文件

jpg：31个

html：10个

js：7个

版权申诉

HTML源码

网站源码

源码

JavaScript

199 浏览量 2024-03-25 08:49:40 上传评论收藏 1.12MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

游戏音乐娱乐类网站源码-娱乐资讯主题响应式网页模板-支持移动端.zip （61个子文件）

游戏音乐娱乐类网站源码-娱乐资讯主题响应式网页模板-支持移动端

html

account.html 11KB

business.html 31KB

responsiveslides.min.js 3KB

bootstrap-3.1.1.min.js 28KB

easing.js 5KB

move-top.js 1KB

owl.carousel.js 37KB

jquery.flexisel.js 8KB

jquery.min.js 91KB

articles.html 31KB

entertainment.html 28KB

typography.html 31KB

css

style.css 48KB

flexslider.css 4KB

owl.carousel.css 4KB

bootstrap-3.1.1.min.css 98KB

fashion.html 31KB

sports.html 27KB

index.html 33KB

contact.html 12KB

single.html 24KB

images

time2.jpg 31KB

pic.jpg 18KB

f4.jpg 13KB

f2.jpg 3KB

mg4.jpg 29KB

s1.jpg 43KB

slp.jpg 29KB

mg6.jpg 28KB

s2.jpg 43KB

arrow.png 3KB

f1.jpg 13KB

banner.jpg 75KB

mg7.jpg 21KB

business.jpg 51KB

a1.jpg 39KB

tech3.jpg 42KB

mg2.jpg 10KB

tech1.jpg 32KB

f3.jpg 2KB

pic2.jpg 29KB

a3.jpg 38KB

left.png 3KB

ti1.jpg 3KB

pic3.jpg 43KB

move-top.png 3KB

mg3.jpg 14KB

mg1.jpg 19KB

p2.jpg 20KB

tech.jpg 27KB

dest.jpg 25KB

icons.png 4KB

p33.jpg 33KB

time.jpg 25KB

single.jpg 45KB

p1.jpg 125KB

fonts

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

Roboto-Regular.ttf 159KB

<!DOCTYPE HTML> <html> <head> <title>Motive Mag a Entertainment Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Motive Mag Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap-3.1.1.min.css" rel="stylesheet" type="text/css">  <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery.min.js"> </script> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />  <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},900); }); }); </script> </head> <body> <div class="header" id="home"> <div class="content white"> <nav class="navbar navbar-default" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="index.html"><h1>Motive<span> Mag</span></h1> </a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="fashion.html">Fashion</a></li> <li><a href="sports.html">Sports</a></li> <li class="dropdown"> <a href="entertainment.html" class="dropdown-toggle" data-toggle="dropdown">Entertainment<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="entertainment.html">Movies</a></li> <li class="divider"></li> <li><a href="entertainment.html">Another action</a></li> <li class="divider"></li> <li><a href="articles.html">Articles</a></li> <li class="divider"></li> <li><a href="entertainment.html">celebrity</a></li> <li class="divider"></li> <li><a href="entertainment.html">One more separated link</a></li> </ul> </li> <li><a href="typography.html">Politics</a></li> <li class="dropdown"> <a href="business.html" class="dropdown-toggle" data-toggle="dropdown">Business<b class="caret"></b></a> <ul class="dropdown-menu multi-column columns-2"> <div class="row"> <div class="col-sm-6"> <ul class="multi-column-dropdown"> <li><a href="business.html">Action</a></li> <li class="divider"></li> <li><a href="business.html">bulls</a></li> <li class="divider"></li> <li><a href="business.html">markets</a></li> <li class="divider"></li> <li><a href="business.html">Reviews</a></li> <li class="divider"></li> <li><a href="typography.html">Short codes</a></li> </ul> </div> <div class="col-sm-6"> <ul class="multi-column-dropdown"> <li><a href="#">features</a></li> <li class="divider"></li> <li><a href="#">Movies</a></li> <li class="divider"></li> <li><a href="#">sports</a></li> <li class="divider"></li> <li><a href="#">Reviews</a></li> <li class="divider"></li> <li><a href="#">Account</a></li> </ul> </div> </div> </ul> </li> <li><a href="contact.html">Contact</a></li> <li><a href="account.html">My Account</a></li> </ul> </div>   </div> </nav> </div> </div>  <div class="banner"> <div class="container"> <div class="banner-inner"> <div class="callbacks_container"> <ul class="rslides callbacks callbacks1" id="slider4"> <li class="callbacks1_on" style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 500ms ease-in-out;"> <div class="banner-info"> <h3>WHAT IS LIKE TO WORK AS A SUPERMODEL ON WOMEN’S FASHION</h3> <p>Lorem ipsum dolor sit amet</p> </div> </li> <li class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;"> <div class="banner-info"> <h3>FANTASTIC MAN MAGAZINE AND ITS INFLUENCE ON MEN’S FASHION</h3> <p>Lorem ipsum dolor sit amet</p> </div> </li> <li class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;"> <div class="banner-info"> <h3>WHAT IS LIKE TO WORK AS A SUPERMODEL ON WOMEN’S FASHION</h3> <p>Lorem ipsum dolor sit amet</p> </div> </li> </ul> </div>  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager: true, nav:false, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> </div> </div> </div>   <div class="main-content"> <div class="container"> <div class="mag-inner"> <div class="col-md-8 mag-innert-left">  <div class="technology"> <h2 class="tittle"><i class="glyphicon glyphicon-certificate"> </i>Technology</h2> <div class="col-md-6 tech-img"> <img src="images/tech.jpg" class="img-responsive" alt=""/> </div> <div class="col-md-6 tech-text"> <div class="editor-pics"> <div class="col-md-3 item-pic"> <img src="images/f1.jpg" class="img-responsive" alt=""/> </div> <div class="col-md-9 item-details"> <h5 class="inner two"><a href="single.html">New iPad App to stimulate your Guitar</a></h5> <div class="td-post-date two">Feb 22, 2015</div> </div> <div class="clearfix"></div> </div> <div class="editor-pics"> <div class="col-md-3 item-pic"> <img src="images/f2.jpg" class="img-responsive" alt=""/> </div> <div class="col-md-9 item-details"> <h5 class="inner two"><a href="single.html">5 Upcoming Events to Help Move Your Career Forward</a></h5> <div class="td-post-date two">Feb 22, 2015

评论收藏

内容反馈

版权申诉