縮圖列表

下載縮圖

  <!-- 縮圖列表 -->
  <section id="newprod" class="padded-section">
    <div class="container">
      <div class="row">
          <div class="col-md-12">
            <div class="center-heading" style="text-align: center; margin-bottom: 40px;">
              <h2>最新商品</h2>
              <hr>
            </div>
          </div>
      </div><!--center heading row-->

      <div class="row">
        <!--商品-->
        <div class="col-sm-6 col-md-3">
          <div class="thumbnail">
            <div style="height:200px;overflow: hidden;">
              <img src="image/prod/pic_1_1.jpg" class="img-responsive" alt="提拉米蘇">
            </div>
            <div class="caption">
              <h4>提拉米蘇</h4>
              <p>
                系列：蛋糕<br>
                類別：提拉米蘇
              </p>
              <p style="margin: 0 ;">
                  <a href="#" class="btn btn-primary" role="button">詳細資料</a>
              </p>
            </div>
          </div>
        </div><!--商品 end-->
        <!--商品-->
        <div class="col-sm-6 col-md-3">
          <div class="thumbnail">
            <div style="height:200px;overflow: hidden;">
              <img src="image/prod/pic_2_1.jpg" class="img-responsive" alt="奶油酥條">
            </div>
            <div class="caption">
              <h4>奶油酥條</h4>
              <p>
                系列：零食<br>
                類別：奶油酥條
              </p>
              <p style="margin: 0 ;">
                  <a href="#" class="btn btn-primary" role="button">詳細資料</a>
              </p>
            </div>
          </div>
        </div><!--商品 end-->
        <!--商品-->
        <div class="col-sm-6 col-md-3">
          <div class="thumbnail">
            <div style="height:200px;overflow: hidden;">
              <img src="image/prod/pic_3_1.jpg" class="img-responsive" alt="黑糖酥條">
            </div>
            <div class="caption">
              <h4>黑糖酥條</h4>
              <p>
                系列：伴手禮<br>
                類別：酥條
              </p>
              <p style="margin: 0 ;">
                  <a href="#" class="btn btn-primary" role="button">詳細資料</a>
              </p>
            </div>
          </div>
        </div><!--商品 end-->
        <!--商品-->
        <div class="col-sm-6 col-md-3">
          <div class="thumbnail">
            <div style="height:200px;overflow: hidden;">
              <img src="image/prod/pic_4_1.jpg" class="img-responsive" alt="巧克力酥條">
            </div>
            <div class="caption">
              <h4>巧克力酥條</h4>
              <p>
                系列：伴手禮<br>
                類別：酥條
              </p>
              <p style="margin: 0 ;">
                  <a href="#" class="btn btn-primary" role="button">詳細資料</a>
              </p>
            </div>
          </div>
        </div><!--商品 end-->
      </div>

    </div>
  </section><!--縮圖列表 end-->