x26_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共113个文件

png：47个

jpg：39个

js：16个

网站模板

网页psd

62 浏览量 2023-08-02 16:08:38 上传评论收藏 1.7MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

x26_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （113个子文件）

bootstrap.css 118KB

jquery.mmenu.all.css 41KB

style.css 21KB

style.css 15KB

style.css 11KB

popuo-box.css 4KB

index.html 24KB

index.html 19KB

index.html 12KB

build.jpg 248KB

banner.jpg 148KB

house.jpg 52KB

y.jpg 43KB

build.jpg 37KB

w.jpg 33KB

box.jpg 33KB

light.jpg 27KB

banner.jpg 27KB

cover.jpg 26KB

house.jpg 25KB

c.jpg 24KB

wome.jpg 20KB

wome.jpg 19KB

build.jpg 19KB

wo.jpg 18KB

wom.jpg 17KB

y.jpg 15KB

boat.jpg 15KB

banner.jpg 15KB

wome.jpg 14KB

b.jpg 14KB

wo.jpg 14KB

w.jpg 13KB

womm.jpg 12KB

light.jpg 11KB

box.jpg 11KB

wo.jpg 10KB

cover.jpg 9KB

y.jpg 8KB

boat.jpg 7KB

w.jpg 6KB

b.jpg 6KB

light.jpg 6KB

box.jpg 6KB

cover.jpg 5KB

b.jpg 4KB

jquery.min.js 92KB

jquery.magnific-popup.js 47KB

jquery.mmenu.js 22KB

jquery.mixitup.min.js 14KB

jquery.wmuSlider.js 12KB

easing.js 5KB

modernizr.custom.min.js 2KB

move-top.js 1KB

gla.png 156KB

phone.png 78KB

pencil.png 32KB

pencil.png 26KB

channel.png 24KB

line.png 19KB

men.png 18KB

phone.png 17KB

gla.png 13KB

gla.png 11KB

channel.png 9KB

phone.png 9KB

clock.png 7KB

men-1.png 6KB

men.png 6KB

social.png 6KB

line.png 5KB

pe.png 5KB

s.png 5KB

ph.png 5KB

wave.png 3KB

nav-icon.png 3KB

top-move.png 2KB

browser.png 2KB

been.png 1KB

print.png 1KB

共 113 条

<!DOCTYPE html> <html> <head> <title>Sndsng Bootstarp Website Template | Home :: w3layouts</title> <link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all" >  <link href="./css/style.css" rel="stylesheet" type="text/css" media="all" >  <link href="./css/popuo-box.css" rel="stylesheet" type="text/css" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900' 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 type="text/css" rel="stylesheet" href="./css/jquery.mmenu.all.css" /> <script type="text/javascript"> $(window).load(function(){ $('div.description').each(function(){ $(this).css('display', 'block'); }); $('div.content-top-grid').hover(function(){ $(this).children('.description').stop().fadeTo(500, 1); },function(){ $(this).children('.description').stop().fadeTo(500, 0); }); }); </script> <script type="text/javascript" src="./js/jquery.mmenu.js"></script> <script type="text/javascript"> // The menu on the left $(function() { $('nav#menu-left').mmenu(); }); </script> </head> <body>  <div class="header"> <a class="navicon" href="#menu-left"> </a> <div class="container"> <div class="header-matter"> <h1>tomorrow is a <span>brand</span> new day!</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.Aenean commodo ligula eget dolor.Aenean massa</p> <a class="more" href="#">more</a> </div> </div> <nav id="menu-left"> <ul> <li><a href="#home" class="scroll">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#works" class="scroll">Works</a></li> <li><a href="#choose" class="scroll">Choose</a></li> <li><a href="#team" class="scroll">Team</a></li> <li><a href="#skills" class="scroll">Skills</a></li> <li><a href="#news" class="scroll">News</a></li> <li><a href="#contact" class="scroll">Contact</a></li> </ul> </nav> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script> </div> <div class="clearfix"> </div>   <div class="content">  <div class="about" id="about"> <div class="container"> <div class="about-us"> <h3>about us</h3> <img src="./images/wave.png" alt="" /> </div> <div class="about-grid"> <div class="col-md-4 wedsite"> <h4>Website Design & Development<img src="./images/arrow.png" alt="" /></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p> </div> <div class="col-md-4 wedsite"> <h4>Website Design & Development<img src="./images/arrow.png" alt="" /></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p> </div> <div class="col-md-4 wedsite"> <h4>Website Design & Development<img src="./images/arrow.png" alt="" /></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="our-work" id="works"> <div class="container"> <div class="works"> <h3>our works</h3> </div> <ul id="filters"> <li><span class="filter active" data-filter="app card icon web">ALL</span><label>/</label></li> <li><span class="filter" data-filter="app">architecture</span><label>/</label></li> <li><span class="filter" data-filter="card">interior & furniture design </span><label>/</label></li> <li><span class="filter" data-filter="icon">reserach & graphic design</span></li> </ul> <div id="portfoliolist"> <div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper "> <a href="#" class="b-link-stripe b-animate-go thickbox play-icon"> <img class="img-responsive" src="./images/y.jpg" alt="" /> </a> <div class="simple"> <h5>sample</h5> <p>Lorem ipsum</p> </div> </div> </div> <div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="#" class="b-link-stripe b-animate-go thickbox play-icon "> <img class="img-responsive" src="./images/cover.jpg" alt="" /></a> <div class="simple"> <h5>sample</h5> <p>Lorem ipsum</p> </div> </div> </div> <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="#" class="b-link-stripe b-animate-go thickbox play-icon "> <img class="img-responsive" src="./images/b.jpg" alt="" /></a> <div class="simple"> <h5>sample</h5> <p>Lorem ipsum</p> </div> </div> </div> <div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper "> <a href="#" class="b-link-stripe b-animate-go thickbox play-icon "> <img class="img-responsive" src="./images/box.jpg" alt="" /></a> <div class="simple"> <h5>sample</h5> <p>Lorem ipsum</p> </div> </div> </div> <div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper "> <a href="#" class="b-link-stripe b-animate-go thickbox play-icon "> <img class="img-responsive" src="./images/light.jpg" alt="" /></a> <div class="simple"> <h5>sample</h5> <p>Lorem ipsum</p> </div> </div> </div> <div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;"> <div class="portfolio-wrapper"> <a href="#small-dialog5" class="b-link-stripe b-animate-go thickbox play-icon "> <img class="img-responsive" src="./images/w.jpg" alt="" /> </a> <div class="simple"> <h5>sample</h5> <p>Lorem ipsum</p> </div> </div> </div> <div class="clearfix

评论收藏

内容反馈