白色大气风格响应式游戏应用商店企业网站模板.zip资源-CSDN文库

共49个文件

jpg：17个

js：11个

png：6个

版权申诉

H5模版

HTML网站模版

136 浏览量 2024-12-25 18:40:52 上传评论收藏 1.86MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色大气风格响应式游戏应用商店企业网站模板.zip （49个子文件）

26025

bootstrap.js 66KB

responsiveslides.min.js 3KB

SmoothScroll.min.js 13KB

jquery.chocolat.js 10KB

controls.js 573B

easing.js 5KB

classie.js 2KB

move-top.js 1KB

jquery-1.11.1.min.js 94KB

jquery.filterizr.js 37KB

jarallax.js 14KB

_menu.json 76B

css

style.css 34KB

font-awesome.css 34KB

bootstrap.css 138KB

chocolat.css 2KB

index.html 30KB

images

2.jpg 45KB

ts3.jpg 52KB

arrow.png 4KB

1.jpg 384KB

t3.jpg 78KB

p8.jpg 59KB

p4.jpg 54KB

p6.jpg 49KB

dott.png 3KB

left.png 1KB

t1.jpg 45KB

arrows.png 4KB

t4.jpg 63KB

close.png 280B

p7.jpg 40KB

t2.jpg 47KB

right.png 1KB

ts2.jpg 43KB

p2.jpg 37KB

p3.jpg 41KB

ts1.jpg 108KB

p5.jpg 63KB

p1.jpg 47KB

_tree.json 61KB

fonts

FontAwesome.otf 122KB

glyphicons-halflings-regular.woff 23KB

fontawesome-webfont.eot 75KB

glyphicons-halflings-regular.woff2 18KB

fontawesome-webfont.woff 88KB

fontawesome-webfont.woff2 70KB

fontawesome-webfont.svg 382KB

fontawesome-webfont.ttf 149KB

<!DOCTYPE html> <html lang="en"> <head> <title>Home</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="utf-8"> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />   <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />   <link href="css/font-awesome.css" rel="stylesheet">   <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="all">   <link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"> <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>  <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>  </head> <body>  <div class="banner"> <div class="agileinfo-dot"> <div class="agileits-logo"> <h1><a href="index.html">Gaming <span>Store</span></a></h1> </div> <div class="header-top"> <div class="container"> <div class="header-top-info"> <nav class="navbar navbar-default">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" 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> </div>  <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1"> <nav> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#gallery" class="scroll">Latest Games</a></li> <li><a href="#team" class="scroll">Team</a></li> <li><a href="#blog" class="scroll">Blog</a></li> <li><a href="#mail" class="scroll">Mail Us</a></li> </ul> </nav> </div>  </nav> </div> </div> </div> <div class="w3layouts-banner-info"> <div class="container"> <div class="w3layouts-banner-slider"> <div class="w3layouts-banner-top-slider"> <div class="slider"> <div class="callbacks_container"> <ul class="rslides callbacks callbacks1" id="slider4"> <li> <div class="banner_text"> <h3>Lorem ipsum</h3> <p>In volutpat metus quis velit malesuada</p> <div class="w3-button"> <a href="#" data-toggle="modal" data-target="#myModal">Read More</a> </div> </div> </li> <li> <div class="banner_text"> <h3>Nam semper</h3> <p>Nam imperdiet tellus nec enim tempus</p> <div class="w3-button"> <a href="#" data-toggle="modal" data-target="#myModal">Read More</a> </div> </div> </li> </ul> </div> <div class="clearfix"> </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:true, 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> </div> </div> </div>   <div class="about" id="about"> <div class="container"> <div class="welcome"> <div class="agileits-title"> <h2>Welcome</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at placerat ante. Praesent nulla nunc, pretium dapibus efficitur in, auctor eget elit. Lorem ipsum dolor sit amet</p> </div> </div> <div class="about-w3lsrow"> <div class="col-md-7 col-sm-7 w3about-img"> <div class="w3about-text"> <h5 class="w3l-subtitle">- About Us</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at placerat ante. Praesent nulla nunc, pretium dapibus efficitur in, auctor eget elit. Lorem ipsum dolor sit amet</p> </div> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="markets" id="markets"> <div class="container"> <div class="agileits-title"> <h3>Our Services</h3> </div> <div class="markets-grids"> <div class="col-md-4 w3ls-markets-grid"> <div class="agileits-icon-grid"> <div class="icon-left"> <i class="fa fa-gamepad" aria-hidden="true"></i> </div> <div class="icon-right"> <h5>Suspendisse</h5> <p>Phasellus dapibus felis elit, sed accumsan arcu gravida vitae. Nullam aliquam erat at lectus ullamcorper, nec interdum neque hendrerit.</p> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-4 w3ls-markets-grid"> <div class="agileits-icon-grid"> <div class="icon-left"> <i class="fa fa-trophy" aria-hidden="true"></i> </div> <div class="icon-right"> <h5>Aliquam</h5> <p>Phasellus dapibus felis elit, sed accumsan arcu gravida vitae. Nullam aliquam erat at lectus ullamcorper, nec interdum neque hendrerit.</p> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-4 w3ls-markets-grid"> <div class="agileits-icon-grid"> <div class="icon-left"> <i class="fa fa-user" aria-hidden="true"></i> </div> <div class="icon-right"> <h5>Consectetur</h5> <p>Phasellus dapibus felis elit, sed accumsan arcu gravida vitae. Nullam aliquam erat at lectus ullamcorper, nec interdum neque hendrerit.</p> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-4 w3ls-markets-grid"> <div class="agileits-icon-grid"> <div class="icon-left"> <i class="fa fa-thumbs-up" aria-hidden="true"></i> </div> <div class="icon-right"> <h5>Bibendum</h5> <p>Phasellus dapibus felis elit, sed accumsan arcu gravida vitae. Nullam aliquam erat at lectus ullamcorper, nec interdum neque hendrerit.</p> </div> <div class="clearfix"> </div> </div> </div> <div class="col-md-4 w3ls-markets-grid"> <div class="agileits-icon-grid"> <div class="icon-left"> <i class="fa fa-comments"

评论收藏

内容反馈

版权申诉