品牌页面模板源码

页面部分源码展示：

<!--http://keaiu.com/-->
<body data-spy="scroll" data-target=".onpage-navigation" data-offset="60">
 <main>
  <section class="top-part">
   <div class="container">
    <div class="row">
     <div class="col-xs-12 col-xs-offset-0 col-sm-10 col-sm-offset-1 col-lg-8 col-lg-offset-2">
      <h1>- 柚 子 -</h1>
       <h2>选择大于努力</h2>
        <p> 越努力 越幸运</p>
     </div>
    </div>
   </div>
  </section>
  <div class="alert-banner">
   <p>如果想了解更多 <a class="btn btn-success" href="http://keaiu.com">点这里</a></p>
  </div>
  <section class="variant-part">
   <div class="container">
    <div class="row">
     <div class="col-xs-12 col-sm-12 col-lg-12 text-intro">
      <h2>柚子说</h2>
       <h3>keaiu.com</h3>
     </div>
    </div>
    <div class="row">
     <div class="variant col-xs-12 col-sm-6 col-lg-6"><a href="http://keaiu.com" target="_blank"><img class="img-responsive" src="img/picture102.jpg" alt="">
      <h3>  <span class="label label-success">NEW</span>     01. 柚子</h3></a>
     </div>
     <div class="variant col-xs-12 col-sm-6 col-lg-6"><a href="http://keaiu.com" target="_blank"><img class="img-responsive" src="img/picture102.jpg" alt="">
      <h3> <span class="label label-success">NEW</span>      02. 柚子</h3></a>
     </div>
    </div>
    <div class="row">
     <div class="variant col-xs-12 col-sm-6 col-lg-6"><a href="http://keaiu.com" target="_blank"><img class="img-responsive" src="img/picture102.jpg" alt="">
      <h3>03. 柚子</h3></a>
     </div>
     <div class="variant col-xs-12 col-sm-6 col-lg-6"><a href="http://keaiu.com" target="_blank"><img class="img-responsive" src="img/picture102.jpg" alt="">
      <h3>04. 柚子</h3></a>
     </div>
    </div>
   </div>
  </section>
 </main>
</body>

电脑端效果图展示：

品牌页面模板