index.php

<?php include('header.php'); ?>
<?php include('navbar_index.php');?>
<?php include('slider.php');?>


    <div class="container marketing">

      <div class="row">
        <div class="col-xs-4 col-sm-4 col-lg-4">
          <img class="img-circle" src="assets/img/1.png" alt="Generic placeholder image" width="120" height="120" >
          <h2 class="feature_title">多</h2>
          <p>一点一滴,聚众之力</p>
          <p><a class="btn btn-default" href="#feature-more" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
        <div class="col-xs-4 col-sm-4 col-lg-4">
          <img class="img-circle" src="assets/img/2.png" alt="Generic placeholder image" width="120" height="120">
          <h2>简</h2>
          <p>扫一扫随时分享更高效</p>
          <p><a class="btn btn-default" href="#feature-easy" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
        <div class="col-xs-4 col-sm-4 col-lg-4">
          <img class="img-circle" src="assets/img/3.png" alt="Generic placeholder image" width="120" height="120">
          <h2>精</h2>
          <p>取其精华,本本经典</p>
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
        </div><!-- /.col-lg-4 -->
      </div><!-- /.row -->


      <hr class="featurette-divider">

      <div class="row featurette" id="feature-more">
        <div class="col-md-7" >
          <h2 class="featurette-heading" >更多的图书<br><span class="text-muted">受益每一个人</span></h2>
          <p class="lead">汇聚每一个人的点滴力量,满足成员的学习需求,实现资源利用率的最大化</p>
        </div>
        <div class="col-md-5">
          <img class="img-responsive" data-src="holder.js/500x500?text=test1" alt="Generic placeholder image" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">

      <div class="row featurette" id="feature-easy">
        <div class="col-md-7 col-md-push-5">
          <h2 class="featurette-heading">更方便的分享和借阅方式<br><span class="text-muted">让分享前所未有的简单</span></h2>
          <p class="lead">利用微信实现 P2P 的分享借阅流程。扫一扫，每个人都是自己所借图书的管理员，分布式的管理更加高效。</p>
        </div>
        <div class="col-md-5 col-md-pull-7">
          <img class="img-responsive" data-src="holder.js/500x500?text=test2" alt="Generic placeholder image">
        </div>
      </div>

      <hr class="featurette-divider">
</div>

<?php include('footer.php') ?>