蓝色宽屏风格响应式APP应用制作网页模板



5 18 7



模板描述:蓝色 宽屏 响应式 APP应用制作 网页模板,蓝色宽屏风格响应式APP应用制作网页模板html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/anythingslider.css">
<link href='http://fonts.googleapis.com/css?family=Londrina+Solid' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/anythingslider.css">
<link href='http://fonts.googleapis.com/css?family=Londrina+Solid' rel='stylesheet' type='text/css'>

2. 引入JS

<script src="js/modernizr-1.7.min.js"></script>
<script src="js/jquery-1.5.1.min.js"></script>
<script src="js/jquery.easing.1.2.js"></script>
<script src="js/jquery.scrollTo-min.js"></script>
<script src="js/jquery.localscroll-min.js"></script>
<script src="js/jquery.anythingslider.js"></script>
<script src="js/jquery.tweet.js"></script>
<script src="js/jquery.watermark.min.js"></script>
<script src="js/easypaginate.min.js"></script>
<script src="js/jquery.leanModal.min.js"></script>
<script src="js/functions.js"></script>
<script src="js/modernizr-1.7.min.js"></script>
<script src="js/jquery-1.5.1.min.js"></script>
<script src="js/jquery.easing.1.2.js"></script>
<script src="js/jquery.scrollTo-min.js"></script>
<script src="js/jquery.localscroll-min.js"></script>
<script src="js/jquery.anythingslider.js"></script>
<script src="js/jquery.tweet.js"></script>
<script src="js/jquery.watermark.min.js"></script>
<script src="js/easypaginate.min.js"></script>
<script src="js/jquery.leanModal.min.js"></script>
<script src="js/functions.js"></script>

3. HTML代码

<!doctype html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<!-- Downloaded from www.scriptgates.com - go for much more! -->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
  <title>Home</title>
  <meta name="title" content="">
  <meta name="description" content="">
  <meta name="google-site-verification" content=""> <!-- http://google.com/webmasters -->
  <meta name="author" content="Your Name Here">
  <meta name="Copyright" content="Copyright Your Name Here 2019. All Rights Reserved.">
  <link rel="shortcut icon" href="favicon.html">
  <!--Main Stylesheet-->
  <!--Slider Stylesheet-->
  <!--Load Custom Font from Google Web Fonts-->
  <!--Load Modernizr, all other scripts are on the footer-->
</head>
<body id="top">
<!--Facebook footer widget-->
<div id="fb-root"></div>
<!--//Facebook footer widget-->
<!--Alright, let's get started-->
<!--Header Section-->
<div class="container_16 clearfix">
  <header>
    <!--your logo-->
    <h1 class="londrina alpha grid_10"><a href="#">APP BUILDERS</a></h1>
    <!--website main navigation-->
    <nav class="alpha omega grid_6">
      <ul>
        <li><a href="#top" class="active">Home</a></li>
        <li><a href="#services-overview">Services</a></li>
        <li><a href="#work">Apps</a></li>
        <li><a href="#team">Team</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>
  </header>
  <div class="clear"></div><!--Used a lot, clear floats, see grid classes-->
  <section id="lead-section" class="grid_10 push_6">
    <h1 class="bebas">We Create<br/><span>Amazing Apps!</span></h1>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
    <a href="#work" id="cta-btn">Check Them Out!</a>
    <div id="arrow"></div>
  </section>
</div><!--//container-->
<!--//Header Section-->
<div class="clear"></div>
<!--//Services Overview Section-->
<section id="services-overview">
  <div class="container_16 clearfix">
    <div class="grid_16">
      <!--First Row-->
      <div class="box box-1">
        <h2 class="londrina">From Start to Finish</h2>
        <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
      </div>
      <div class="box box-2">
        <h2 class="londrina">Innovation</h2>
        <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
      </div>
      <div class="box box-3">
        <h2 class="londrina">A Care For Standards</h2>
        <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
      </div>
      <div class="clear"></div>
      <!--Second Row-->
      <div class="box box-4">
        <h2 class="londrina bottom">Mobile &amp; Desktop</h2>
        <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
      </div>
      <div class="box box-5">
        <h2 class="londrina bottom">Games &amp; Social Fun</h2>
        <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
      </div>
      <div class="box twitter">
        <p class="tweet"><!-- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since --></p>
      </div>
    </div>
  </div><!--//container-->
</section>
<div class="paper"></div>
<div class="clear"></div>
<section id="work" class="container_16 clearfix">
  <h1 class="bebas omega grid_8">Shall we take a look at<br/><span>our work?</span></h1>
  <p class="alpha omega grid_8 description">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
  <div class="clear"></div>
<!--Portfolio Showcase-->
  <ul id="slider">
<!--1st Panel (Each Panel Contains 3 Items)-->
    <li>      
      <div class="item-container first">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A Crazy App #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry.Is simply dummy text of the printing and typesetting industry. Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/> <!--Replace With Your Icon-->
          <a href="#modal-1" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore">View it On the App Store</a>
        <a href="#" class="googleplay">View it On Google Play</a>
      </div>
      <!--modal-->
      <div id="modal-1" class="modal modal-hide">
        <h2 class="londrina">Here's some more info!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
      <div class="item-container">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A crazy iPHONE app only #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-2" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore alone">View it On the App Store</a>
      </div>
      <!--modal-->
      <div id="modal-2" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a second modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
      <div class="item-container">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A crazy Android only app</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-3" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="googleplay alone">View it On Google Play</a>
      </div>
      <!--modal-->
      <div id="modal-3" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a third modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
    </li>
<!--//1st Panel-->
<!--2nd Panel (Each Panel Contains 3 Items)-->
    <li>      
      <div class="item-container">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A crazy Android only app</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-4" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="googleplay alone">View it On Google Play</a>
      </div>
      <!--modal-->
      <div id="modal-4" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a fourth modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
      <div class="item-container">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A crazy iPHONE app only #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-5" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore alone">View it On the App Store</a>
      </div>
      <!--modal-->
      <div id="modal-5" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a fifth modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
      <div class="item-container first">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A Crazy App #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry.Is simply dummy text of the printing and typesetting industry. Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-6" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore">View it On the App Store</a>
        <a href="#" class="googleplay">View it On Google Play</a>
      </div>
      <!--modal-->
      <div id="modal-6" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a sixth modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
    </li>
<!--//2nd Panel-->
<!--3rd Panel (Each Panel Contains 3 Items)-->
    <li>      
      <div class="item-container first">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A Crazy App #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry.Is simply dummy text of the printing and typesetting industry. Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-7" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore">View it On the App Store</a>
        <a href="#" class="googleplay">View it On Google Play</a>
      </div>
      <!--modal-->
      <div id="modal-7" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a #7 modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
      <div class="item-container">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A crazy iPHONE app only #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-8" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore alone">View it On the App Store</a>
      </div>
      <!--modal-->
      <div id="modal-8" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a #8 modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
      <div class="item-container first">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A Crazy App #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry.Is simply dummy text of the printing and typesetting industry. Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-9" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore">View it On the App Store</a>
        <a href="#" class="googleplay">View it On Google Play</a>
      </div>
      <!--modal-->
      <div id="modal-9" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a #9 modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
    </li>
<!--//3rd Panel-->
<!--4th Panel (Each Panel Contains 3 Items)-->
    <li>      
      <div class="item-container first">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A Crazy App #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry.Is simply dummy text of the printing and typesetting industry. Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-10" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore">View it On the App Store</a>
        <a href="#" class="googleplay">View it On Google Play</a>
      </div>
      <!--modal-->
      <div id="modal-10" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a #10 modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
      <div class="item-container">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A crazy iPHONE app only #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-11" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore alone">View it On the App Store</a>
      </div>
      <!--modal-->
      <div id="modal-11" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a #11 modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
      <div class="item-container">
        <div class="alpha omega grid_3">
          <h3 class="londrina">A crazy iPHONE app only #1</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has Is simply dummy text of the</p>
        </div>
        <div class="grid_2">
          <img src="css/images/placement-icon.png" width="104" height="104"/><!--Replace With Your Icon-->
          <a href="#modal-12" rel="leanModal" class="view-more">View More</a>
        </div>
        <hr/>
        <a href="#" class="appstore alone">View it On the App Store</a>
      </div>
      <!--modal-->
      <div id="modal-12" class="modal modal-hide">
        <h2 class="londrina">Here's some more info in a #12 modal!</h2>
        <hr/>
        <p>This game is awesome (and free!).</p>
        <img src="http://placehold.it/550x350"/>
        <a class="modal_close"></a>
      </div>
      <!--//modal-->
    </li>
<!--//4th Panel-->
  </ul>
<!--//Slider -->
<div class="clear"></div>
</section>
<!--//Work-->
<!--Team Section-->
<section id="team">
  <div class="container_16 clearfix">
    <div class="omega grid_16">
      <h1 class="bebas omega grid_9">We are a small team<br/><span>with big ideas!</span></h1>
      <div class="clear"></div>
      <div class="team-member left">
        <div class="team-member-photo photo-1"></div>
        <div class="team-member-description">
          <h2 class="londrina">Bernard Marcus</h2>
          <h3 class="londrina">Founder, CEO &amp; Go-To Guy</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
          <a href="#" class="linkedin">Linkedin</a>
          <a href="#" class="facebook">Facebook</a>
          <a href="#" class="twitter">Twitter</a>
        </div>
      </div>
      <div class="team-member right">
        <div class="team-member-photo photo-2"></div>
        <div class="team-member-description">
          <h2 class="londrina">Willow Nona</h2>
          <h3 class="londrina">Lead Designer</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
          <a href="#" class="dribbble">Linkedin</a>
          <a href="#" class="forrst">Facebook</a>
          <a href="#" class="twitter">Twitter</a>
        </div>
      </div>
      <div class="clear"></div>
      <div class="team-member left bottom">
        <div class="team-member-photo photo-3"></div>
        <div class="team-member-description">
          <h2 class="londrina">Zack Joel</h2>
          <h3 class="londrina">Almighty Developer</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
          <a href="#" class="linkedin">Linkedin</a>
          <a href="#" class="facebook">Facebook</a>
          <a href="#" class="twitter">Twitter</a>
        </div>
      </div>
      <div class="team-member right bottom">
        <div class="team-member-photo photo-4"></div>
        <div class="team-member-description">
          <h2 class="londrina">Barbra Hollie</h2>
          <h3 class="londrina">Booker &amp; ALl things financial</h3>
          <p>Is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen</p>
          <a href="#" class="linkedin">Linkedin</a>
          <a href="#" class="facebook">Facebook</a>
          <a href="#" class="twitter">Twitter</a>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div><!--//container-->
</section>
<!--//Team-->
<div class="paper"></div>
<div class="clear"></div>
<section id="contact">
  <div class="container_16 clearfix">
      <h1 class="bebas omega grid_9">We Would Love<br/><span>To Hear From You!</span></h1>
      <p class="alpha omega grid_7 description">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
      <div class="clear"></div>
      <div id="contact-form" >
        <div id="note"></div>
        <div id="fields">
          <form id="ajax-contact-form" action="#">
          <label>Name</label><input type="text" name="name" value="" class="jq_watermark" title="Your Name"/><br/>
          <label>E-Mail</label><input type="text" name="email" value="" class="jq_watermark" title="Your E-mail"/><br />
          <label>Comments</label><textarea name="message" class="jq_watermark" title="Your Message"></textarea><br />
          <label>Captcha</label><input type="text" name="captcha" value="" class="jq_watermark" title="2 + 2"/>
          <div class="captcha-description-container">
            <p class="captcha-description">While we do <span class="bold">LOVE ROBOTS</span> we would still like you to answer this</p>
          </div>
          <label>&nbsp;</label><input class="btn" type="submit" name="submit" value="Send Message" />
          </form>
        </div>
      </div>
        <ul id="news"> 
          <li class="news-container">            
            <h3 class="londrina">We're Hiring!</h3>
            <p class="date">April 1st 2019</p>
            <div class="clear"></div>
            <p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
          </li>
          <li class="news-container">            
            <h3 class="londrina">We will be at Conf 2019</h3>
            <p class="date">January 23rd 2019</p>
            <div class="clear"></div>
            <p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
          </li>
          <li class="news-container">            
            <h3 class="londrina">On Other News...</h3>
            <p class="date">December 25th 2011</p>
            <div class="clear"></div>
            <p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
          </li>
        </ul>
  </div><!--//container-->
</section>
<footer>
  <div class="container_16 clearfix">
    <p class="londrina copyright grid_8">Copyright &copy; 2019.Company name All rights reserved.<a href="https://www.51qianduan.com/">51前端</a></p>
    <div class="grid_6 push_2">
      <ul>
        <li class="gplus">
          <!-- Place this tag where you want the +1 button to render. -->
          <div class="g-plusone" data-size="medium"></div>
          <!-- Place this tag after the last +1 button tag. -->
        </li>
        <li class="facebook">
          <div class="fb-like" data-href="#item/app-builders/2438309?ref=jalberto" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>
        </li>
      </ul>
    </div>
  </div><!--//container-->
</footer>
<!--Back To Top Arrow-->
<div class="container_16">
  <div class="grid_16">
    <p id="back-top">
      <a href="#top"><span></span></a>
    </p>
  </div>
</div>
<!--//Back To Top Arrow-->
<!-- Grab Google CDN's jQuery. fall back to local if necessary -->
<!-- Our custom functions -->
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 网络科技 科技公司 网络科技公司 IT公司 网络公司 软件公司 IT软件公司 蓝色 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到