网站模板-高新企业产品信息响应式网页模板-适配移动端界面-HTML源码.zip资源-CSDN文库

共73个文件

png：33个

jpg：20个

js：10个

版权申诉

HTML源码

JavaScript

适配移动端

29 浏览量 2024-03-23 09:38:42 上传评论收藏 1.99MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-高新企业产品信息响应式网页模板-适配移动端界面-HTML源码.zip （73个子文件）

网站模板-高新企业产品信息响应式网页模板-适配移动端界面-HTML源码

html

mobile

css

style.css 5KB

index.html 6KB

images

pic-2.jpg 13KB

plus.png 341B

into.png 2KB

Thumbs.db 99KB

van.png 4KB

be.png 4KB

tv.png 7KB

menu.png 1KB

logo.png 3KB

bb.jpg 7KB

face.png 3KB

lo.png 4KB

se.png 4KB

ba.jpg 8KB

sc.png 1KB

up.png 1023B

bro.png 4KB

ban.jpg 4KB

smartphone

jquery.wmuSlider.js 12KB

easing.js 5KB

move-top.js 1KB

jquery.mixitup.min.js 14KB

jquery.min.js 92KB

css

style.css 11KB

index.html 14KB

images

pic-4.jpg 21KB

pic-2.jpg 22KB

plus.png 341B

into.png 2KB

Thumbs.db 99KB

tv.png 7KB

fo-ics.png 4KB

pic-5.jpg 23KB

me.png 3KB

logo.png 3KB

pic-6.jpg 22KB

bb.jpg 11KB

lo.png 2KB

setting.png 15KB

ba.jpg 16KB

sc.png 1KB

up.png 1023B

ban.jpg 7KB

web

jquery.wmuSlider.js 12KB

easing.js 5KB

move-top.js 1KB

jquery.mixitup.min.js 14KB

jquery.min.js 92KB

css

style.css 16KB

bootstrap.css 118KB

index.html 17KB

images

pic-4.jpg 173KB

pic-2.jpg 168KB

plus.png 343B

into.png 3KB

Thumbs.db 101KB

tv.png 20KB

fo-ics.png 3KB

pic-5.jpg 163KB

me.png 3KB

pic-3.jpg 314KB

logo.png 3KB

pic-1.jpg 304KB

pic-6.jpg 174KB

bb.jpg 56KB

lo.png 2KB

setting.png 11KB

ba.jpg 97KB

sc.png 2KB

up.png 1023B

ban.jpg 38KB

<!DOCTYPE html> <html> <head> <title>Crafty 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" />  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-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=Open+Sans:400,600,700,800,300' 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> </head> <body>  <div class="header"> <div class="container"> <div class="top-header"> <div class="logo"> <a href="#"><img src="./images/logo.png" alt=" " /></a> </div> <div class="top-nav"> <div class="nav-icon"> <a href="#" class="right_bt" id="activator"><span> </span> </a> </div> <div class="box" id="box"> <div class="box_content"> <div class="box_content_center"> <div class="form_content"> <div class="menu_box_list"> <ul> <li><a href="#home" class="scroll"><span>home</span></a></li> <li><a href="#about" class="scroll"><span>about</span></a></li> <li><a href="#services" class="scroll"><span>services</span></a></li> <li><a href="#work" class="scroll"><span>work</span></a></li> <li><a href="#portfolio" class="scroll"><span>portfolio</span></a></li> <li><a href="#blog" class="scroll"><span>blog </span></a></li> <li><a href="#contact" class="scroll"><span>Contact</span></a></li> <div class="clearfix"> </div> </ul> </div> <a class="boxclose" id="boxclose"> <span> </span></a> </div> </div> </div> </div>   <script type="text/javascript"> var $ = jQuery.noConflict(); $(function() { $('#activator').click(function(){ $('#box').animate({'top':'0px'},900); }); $('#boxclose').click(function(){ $('#box').animate({'top':'-1000px'},900); }); }); $(document).ready(function(){ //Hide (Collapse) the toggle containers on load $(".toggle_container").hide(); //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state) $(".trigger").click(function(){ $(this).toggleClass("active").next().slideToggle("500"); return false; //Prevent the browser jump to the link anchor }); }); </script>   </div> <div class="clearfix"> </div> </div>  <div class="banner"> <div class="wmuSlider example1"> <div class="wmuSliderWrapper"> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-matter"> <h2>Lorem ipsum dolor sit amet, con-sectetur adipiscing elit</h2> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> <div class="more-view"> <a class="more" href="#">LEAR MORE</a> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-matter"> <h2>Sed ut perspiciatis unde omnis iste natus error sit</h2> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> <div class="more-view"> <a class="more" href="#">LEAR MORE</a> </div> </div> </article> <article style="position: absolute; width: 100%; opacity: 0;"> <div class="banner-matter"> <h2>But I must explain to you how all this mistaken denouncing</h2> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> <div class="more-view"> <a class="more" href="#">LEAR MORE</a> </div> </div> </article> </div> <div class="clearfix"> </div> <ul class="wmuSliderPagination"> <li><a href="#" class="">0</a></li> <li ><a href="#" class="">1</a></li> <li><a href="#" class="">2</a></li> </ul> </div> <script src="./js/jquery.wmuSlider.js"></script> <script> $('.example1').wmuSlider(); </script> </div>  </div> </div>   <div class="content"> <div class="container"> <div class="about" id="about"> <img class="img-responsive tv-grid" src="./images/tv.png" alt="" /> <div class="we-are"> <h4>we' are crafty</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</p> </div> </div> </div>  <div class="services" id="services"> <div class="container"> <div class="creative"> <div class="col-md-6 creative-left-bulb "> <div class="col-md-3 blub"> <span class="bulb-grid"> </span> </div> <div class="col-md-9 creative-are"> <h5 class="we-top-left">we' are creative</h5> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam</p> </div> </div> <div class="col-md-6 creative-left-bulb"> <div class="col-md-3 blub "> <span class="bulb-grid setting-grid"> </span> </div> <div class="col-md-9 creative-are"> <h5 class="top-we">we' are creative</h5> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam</p> </div> </div> <div class="clearfix"> </div> </div> <div class="creative"> <div class="col-md-6 creative-left-bulb"> <div class="col-md-3 blub"> <span class="bulb-grid car-grid"> </span> </div> <div class="col-md-9 creative-are"> <h5 class="top-we">we' are creative</h5> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam</p> </div> </div> <div class="col-md-6 creative-left-bulb"> <div class="col-md-3 blub"> <span class="bulb-grid men-grid"> </span> </div> <div class="col-md-9 creative-are"> <h5 class="top-we">we' are creative</h5> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam</p> </div> </div> <div class="clearfix"

评论收藏

内容反馈

版权申诉