html5 单页企业站点源码下载

资源分类：HTML/CSS/Model
发布人：房东的猫
文件大小：23991419
文件格式：.rar
浏览次数：24
下载次数： 0
发布时间：9月5日

开通会员每日领积分！

8.5玩家评分(1人评分)

下载后可评

介绍评论  失效链接反馈

<!DOCTYPE html><html><head><title>疯狂-创想</title><link href="./css/style.css" rel="stylesheet" type="text/css" media="all" /><link href="./css/bootstrap.css" rel="stylesheet" type="text/css" media="all"><link href='http://fonts.googleapis.com/css?family=Open Sans:300italic,400italic,600italic,700italic,800italic,300,700,800,400,600' rel='stylesheet' type='text/css'><script src="./js/jquery.min.js"></script><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><script type="text/javascript" src="./js/move-top.js"></script><script type="text/javascript" src="./js/easing.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><link href="./css/animate.css" rel="stylesheet" type="text/css" media="all"><script src="./js/wow.min.js"></script><script> new WOW().init();</script></head><body><div id="home" class="heder"><div class="container"><div class="header-top"><div class="heder-logo"><h1><a href="#">疯-想</a></h1></div><div class="top-nav"><span class="menu"><img src="./images/menu.png" alt=""></span><ul class="nav1"><li><a class="scroll" href="#home">首页</a></li><li><a class="scroll" href="#services">服务</a></li><li><a class="scroll" href="#portfolio">商家投资</a></li><li><a class="scroll" href="#about">关于我们</a></li><li><a class="scroll" href="#contact">联系我们</a></li><li><a class="Signup play-icon popup-with-zoom-anim" href="#small-dialog2">职业招聘</a></li></ul> <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); });</script></div><div class="clearfix"> </div></div></div></div><div class="banner"><div class="container"><div class="banner-info wow bounceIn" data-wow-delay="0.4s"><a class="play-icon popup-with-zoom-anim" href="#small-dialog"><span> </span></a><div class="banner-text"><h2>疯想给你展示案例！</h2><p><a class="play-icon popup-with-zoom-anim" href="#small-dialog">点击播放视频</a></p></div><script type="text/javascript" src="./js/modernizr.custom.min.js"></script> <link href="./css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/><script src="./js/jquery.magnific-popup.js" type="text/javascript"></script><div id="small-dialog" class="mfp-hide"><iframe src="http://player.vimeo.com/video/38584262" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen> </iframe></div><div id="small-dialog2" class="mfp-hide"><div class="signup"><h3>职业招聘</h3><h4>请输入当前您要使用的注册信息？</h4><input type="text" value="输入姓名" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}" /><input type="text" value="确认姓名" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Second Name';}" /><input type="text" class="email"value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" /><input type="password" value="输入密码" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}"/><input type="submit" value="确认提交"/></div></div> <script>$(document).ready(function() {$('.popup-with-zoom-anim').magnificPopup({type: 'inline',fixedContentPos: false,fixedBgPos: true,overflowY: 'auto',closeBtnInside: true,preloader: false,midClick: true,removalDelay: 300,mainClass: 'my-mfp-zoom-in'});});</script></div></div></div><div id="services" class="services"><div class="container"><div class="col-md-4 services-hedding wow bounceIn" data-wow-delay="0.4s"><h3>我们的服务.</h3></div><div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s"><div class="col-md-3 img-grid"><span> </span></div><div class="col-md-9 img-grid-text"><h4>Feature 1</h4><p>欢迎大家来我的网站，我们有最好的服！</p></div></div><div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s"><div class="col-md-3 img-grid"><span class="food"> </span></div><div class="col-md-9 img-grid-text"><h4>Feature 2</h4><p>欢迎大家来我的网站，我们有最好的服！</p></div></div><div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s"><div class="col-md-3 img-grid"><span class="power"> </span></div><div class="col-md-9 img-grid-text"><h4>Feature 3</h4><p>欢迎大家来我的网站，我们有最好的服！</p></div></div><div class="col-md-4 services-info wow bounceIn" data-wow-delay="0.4s"><div class="col-md-3 img-grid"><span class="wood"> </span></div><div class="col-md-9 img-grid-text"><h4>Feature 4</h4><p>欢迎大家来我的网站，我们有最好的服！</p></div></div><div class="clearfix"> </div></div></div><div class="icons"><div class="container"><ul class="wow bounceIn" data-wow-delay="0.4s"><li><span class="light"> </span></li><li><span class="glob"> </span></li><li><span class="camra"> </span></li><li><span class="setting"> </span></li><li><span class="mike"> </span></li><li><span class="money"> </span></li></ul></div></div><div id="portfolio" class="works"><div class="container"><div class="works-hedding wow bounceIn" data-wow-delay="0.4s"><h3>我们的工作.</h3></div><ul id="filters"><li><span class="filter active wow bounceIn" data-wow-delay="0.4s"" data-filter="app card icon logo web">全部</span></li><li><span class="filter wow bounceIn" data-wow-delay="0.4s"" data-filter="app">网站</span></li><li><span class="filter wow bounceIn" data-wow-delay="0.4s"" data-filter="card">品牌</span></li></ul><div id="portfoliolist"><div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"><div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s"><a href="#small-dialog" class="b-link-stripe b-animate-go"> <img src="./images/ball.png" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">名字糖果</h2> <p class="b-animate b-from-left b-delay03 ">作者设计 | 时间 2014 12-11-15:37</p> </div></a> </div></div><div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;"><div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s"><a href="#small-dialog1" class="b-link-stripe b-animate-go"> <img src="./images/hokey.png" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">名字果酱</h2> <p class="b-animate b-from-left b-delay03 ">作者设计 | 时间 2014 12-11-15:37</p> </div></a> </div></div><div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"><div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s"><a href="#small-dialog2" class="b-link-stripe b-animate-go"> <img src="./images/Football.png" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">名字水果</h2> <p class="b-animate b-from-left b-delay03" id="para">作者设计 | 2014 12-11-15:39</p> </div></a> </div></div><div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;"><div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s"><a href="#small-dialog3" class="b-link-stripe b-animate-go"> <img src="./images/Football1.png" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">名字虾米</h2> <p class="b-animate b-from-left b-delay03 ">作者设计 | 2014 12 11 15:40</p> </div></a> </div></div><div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;"><div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s"><a href="#small-dialog4" class="b-link-stripe b-animate-go"> <img src="./images/Icc.png" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">名字鲤鱼</h2> <p class="b-animate b-from-left b-delay03 ">作者设计 | 2014 12 11 15:41</p> </div></a> </div></div><div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;"><div class="portfolio-wrapper wow bounceIn" data-wow-delay="0.4s"><a href="#small-dialog5" class="b-link-stripe b-animate-go"> <img src="./images/ball1.png" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 ">NAME PREJECT</h2> <p class="b-animate b-from-left b-delay03 ">作者设计 | 2014 12 11 15:41</p> </div></a> </div></div><div class="clearfix"></div></div><script type="text/javascript" src="./js/jquery.mixitup.min.js"></script><script type="text/javascript">$(function () {var filterList = {init: function () {// MixItUp plugin// http://mixitup.io$('#portfoliolist').mixitup({targetSelector: '.portfolio',filterSelector: '.filter',effects: ['fade'],easing: 'snap',// call the hover effectonMixEnd: filterList.hoverEffect()});},hoverEffect: function () {// Simple parallax effect$('#portfoliolist .portfolio').hover(function () {$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');},function () {$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');});}};// Run the show!filterList.init();});</script><div class="clearfix"></div><div class="plus wow fadeInLeft"> <a href="#"><img src="./images/plus.png" alt="" /></a></div></div></div><div class="work-bottom"><div class="container"> <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 id="top" class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <div class="slider-top wow bounceIn" data-wow-delay="0.4s"> <p>"在这里将每天提示错误的作者,和作品的讲解，其实就是在分享错误。"</p> <img src="./images/user2.png" alt="" /><p class="title">Jack Efron</p> </div> </li> <li> <div class="slider-top wow bounceIn" data-wow-delay="0.4s"> <p>"在这里将每天提示错误的作者,和作品的讲解，其实就是在分享错误。"</p> <img src="./images/user.png" alt="" /><p class="title">Jack Efron</p> </div> </li> <li> <div class="slider-top wow bounceIn" data-wow-delay="0.4s"> <p>"在这里将每天提示错误的作者,和作品的讲解，其实就是在分享错误。"</p> <img src="./images/user1.png" alt="" /><p class="title">Jack Efron</p> </div> </li> </ul> </div> <div class="clearfix"> </div>  </div></div><div class="our-team"><div class="container"><div class="team-hedding wow bounceIn" data-wow-delay="0.4s"><h3>我的团队.</h3></div><div class="team-grids"><div class="col-md-4 team-grid"><img src="./images/team.png" alt="" class="wow bounceIn" data-wow-delay="0.4s" /><ul class="plus wow fadeInRight"><li class="twitter"><a href="#"> </a></li><li class="facebook"><a href="#"> </a></li><li class="cam"><a href="#"> </a></li></ul><div class="team-grid-text wow bounceIn" data-wow-delay="0.4s"><h5>Michael Joe</h5><p class="caption">CEO & 高彦东</p><p>     对于我的人生格言就是,没有走不过的路和也不过的山,只有走不过的心。所谓的成长就是,踉踉跄跄的受伤，颠颠撞撞的成长.</p></div></div><div class="col-md-4 team-grid"><img src="./images/team1.png" alt="" class="wow bounceIn" data-wow-delay="0.4s" /><ul class="plus wow fadeInRight"><li class="twitter"><a href="#"> </a></li><li class="facebook"><a href="#"> </a></li><li class="cam"><a href="#"> </a></li></ul><div class="team-grid-text wow bounceIn" data-wow-delay="0.4s"><h5>Michael Joe</h5><p class="caption">CEO & Founder</p><p>    对于我的人生格言就是,没有走不过的路和也不过的山,只有走不过的心。所谓的成长就是,踉踉跄跄的受伤，颠颠撞撞的成长.</p></div></div><div class="col-md-4 team-grid"><img src="./images/team2.png" alt="" class="wow bounceIn" data-wow-delay="0.4s" /><ul class="plus wow fadeInRight"><li class="twitter"><a href="#"> </a></li><li class="facebook"><a href="#"> </a></li><li class="cam"><a href="#"> </a></li></ul><div class="team-grid-text wow bounceIn" data-wow-delay="0.4s"><h5>Michael Joe</h5><p class="caption">CEO & Founder</p><p>    对于我的人生格言就是,没有走不过的路和也不过的山,只有走不过的心。所谓的成长就是,踉踉跄跄的受伤，颠颠撞撞的成长.</p></div></div><div class="clearfix"> </div></div><div class="plus wow fadeInLeft"> <a href="#"><img src="./images/plus.png" alt="" /></a></div></div></div><div class="team-bottom"><div class="container"><div class="col-md-3 gift wow bounceIn" data-wow-delay="0.4s"><span> </span><p>2009</p><p class="text">PERSPICIATIS</p></div><div class="col-md-3 gift wow bounceIn" data-wow-delay="0.4s"><span class="comments"> </span><p>13,562</p><p class="text">COMMENTS</p></div><div class="col-md-3 gift wow bounceIn" data-wow-delay="0.4s"><span class="cups"> </span><p>8,710</p><p class="text">COFFEE CUPS</p></div><div class="col-md-3 gift wow bounceIn" data-wow-delay="0.4s"><span class="awards"> </span><p>715</p><p class="text">AWARDS</p></div><div class="clearfix"> </div></div></div><div id="about" class="skills"><div class="container"><div class="skills-hedding wow bounceIn" data-wow-delay="0.4s"><h3>我们的技能.</h3></div><div class="col-md-9"><div class="col-md-3 skills-grid"><div class="circle" id="circles-1"></div></div><div class="col-md-3 skills-grid"><div class="circle" id="circles-2"></div></div><div class="col-md-3 skills-grid"><div class="circle" id="circles-3"></div></div><div class="col-md-3 skills-grid"><div class="circle" id="circles-4"></div></div><div class="clearfix"> </div><div class="skills-grid-text"><h5 class="plus wow fadeInRight">关于我们职能的事情！</h5><p class="wow bounceIn" data-wow-delay="0.4s">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p><p class="wow bounceIn" data-wow-delay="0.4s">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.</p></div></div><div class="col-md-3"><div class="totam"><div class="tab1 wow bounceIn" data-wow-delay="0.4s"><ul><li><span> </span></li><li class="text">大家好，欢迎来到我的网站</li><li class="minus">-</li></ul><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p></div><div class="tab2 wow bounceIn" data-wow-delay="0.4s"><ul><li class="lock"></li><li class="sub-text">Nemo enim ipsam voluptatem</li><li class="char"> </li></ul><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p></div><div class="tab3 wow bounceIn" data-wow-delay="0.4s"><ul><li class="tower"></li><li class="sub-text">大家好，欢迎来到我的网站</li><li class="char"> </li></ul><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p></div><div class="tab4 wow bounceIn" data-wow-delay="0.4s"><ul><li class="phone"></li><li class="sub-text">大家好，欢迎来到我的网站</li><li class="char"> </li></ul><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p></div><div class="tab5 wow bounceIn" data-wow-delay="0.4s"><ul><li class="book"></li><li class="sub-text">大家好，欢迎来到我的网站</li><li class="char"> </li></ul><p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p></div></div><script>$(document).ready(function(){$(".tab1 p").hide();$(".tab2 p").hide();$(".tab3 p").hide();$(".tab4 p").hide();$(".tab5 p").hide();$(".tab1 ul").click(function(){$(".tab1 p").slideToggle(300);$(".tab2 p").hide();$(".tab3 p").hide();$(".tab4 p").hide();$(".tab5 p").hide();})$(".tab2 ul").click(function(){$(".tab2 p").slideToggle(300);$(".tab1 p").hide();$(".tab3 p").hide();$(".tab4 p").hide();$(".tab5 p").hide();})$(".tab3 ul").click(function(){$(".tab3 p").slideToggle(300);$(".tab4 p").hide();$(".tab5 p").hide();$(".tab2 p").hide();$(".tab1 p").hide();})$(".tab4 ul").click(function(){$(".tab4 p").slideToggle(300);$(".tab3 p").hide();$(".tab2 p").hide();$(".tab1 p").hide();$(".tab5 p").hide();})$(".tab5 ul").click(function(){$(".tab5 p").slideToggle(300);$(".tab4 p").hide();$(".tab3 p").hide();$(".tab2 p").hide();$(".tab1 p").hide();})});</script></div><div class="clearfix"> </div></div></div><div class="skills-middle"><div class="container"><div class="skills-middle-text"><form><input type="text" class="text plus wow fadeInLeft" value="发送你的e-maile" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your e-mail here...';}"><input type="submit" class="text plus wow fadeInRight" value="提交邮件"></form><div class="clearfix"> </div></div></div></div><div class="skills-bottom"><div class="container"><div class="skills-images wow bounceIn" data-wow-delay="0.4s"><div class="envato"><img src="./images/envato.png"></div><div class="envato"><img src="./images/word.png"></div><div class="envato"><img src="./images/dribble.png"></div><div class="envato"><img src="./images/envato.png"></div><div class="envato"><img src="./images/word.png"></div><div class="clearfix"> </div></div></div></div><div id="contact" class="contact"><div class="container"><div class="contact-hedding wow bounceIn" data-wow-delay="0.4s"><h3>联系我们.</h3></div><p class="wow bounceIn" data-wow-delay="0.4s">123A Building, Road Street, Orlando District, US<span> 01 234 567 89 - 01 234 567 89 | contact@book.com</span></p><div class="social-icons wow bounceIn" data-wow-delay="0.4s"><ul><li class="twit"></li><li class="fb"></li><li class="google"></li><li class="pinterest"></li><li class="rect"></li><li class="youtube"></li><li class="skip"></li><li class="dribbble"></li></ul></div><div class="col-md-8 text-fields"><div class="text-fields-left"><div class="text-field-email"><form><input type="text" class="text" value="邮件" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'EMAIL';}"></form><div class="msg-img"></div></div><div class="text-field-name"><form><input type="text" class="text" value="姓名" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'NAME';}"></form><div class="user-img"></div></div><div class="clearfix"> </div><div class="text-field-area wow fadeInLeft"><form><textarea value="发送消息:" onfocus="if(this.value == 'MESSAGE') this.value='';" onblur="if(this.value == '') this.value='MESSAGE';">发送消息:</textarea></form><div class="pen-img"></div></div></div></div><div class="col-md-4 text-fields"><div class="text-fields-right wow fadeInRight"><form><input type="submit" value="提交邮件"></form></div></div><div class="clearfix"> </div></div></div><div class="footer"><div class="container"><h4>疯-想</h4><div class="copyright"><p>Template by <a href="#">高彦东</a></p></div><a class="scroll" href="#home"><img src="./images/up-arrow.png" alt="" /></a></div></div></body></html>

下载html5 单页企业站点源码下载用户还喜欢

发表评论必须先登陆，您可以登陆或者注册新账号 !

html5 单页企业站点源码下载

评论

作者专栏

编辑推荐