位子在图片上面------------------------gxy

记录 下次使用:

<section id="testimonials" class="section testimonial-bg" style="background-image:url(images/testimonials.jpg)">
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center">
            <div id="testimonial-carousel" class="owl-carousel testimonial-sliders">
              <div>
                <div class="row">
                  <div class="col-md-8 col-md-offset-2">
                    <div class="testimonial-container">
                      <div class="client-details text-center">
                        <img src="images/testimonial-1.png" alt="">
                        <h5 class="client-name">satisfied customer</h5> 
                        <hr class="section-devider">
                      </div>
                      <div class="testimonial-content">
                        <p class="testimonial-speech"><img class="img-qoute" src="images/quate.png" alt="">Welcome to one of the world’s largest creative communities and the number one game development platform.Unity gives you everything.You need to realize your creative vision fast, and move ahead.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div>
                <div class="row">
                  <div class="col-md-8 col-md-offset-2">
                    <div class="testimonial-container">
                      <div class="client-details text-center">
                        <img src="images/testimonial-1.png" alt="">
                        <h5 class="client-name">satisfied customer</h5> 
                        <hr class="section-devider">
                      </div>
                      <div class="testimonial-content">
                        <p class="testimonial-speech"><img class="img-qoute" src="images/quate.png" alt="">Welcome to one of the world’s largest creative communities and the number one game development platform.Unity gives you everything.You need to realize your creative vision fast, and move ahead.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div>
                <div class="row">
                  <div class="col-md-8 col-md-offset-2">
                    <div class="testimonial-container">
                      <div class="client-details text-center">
                        <img src="images/testimonial-1.png" alt="">
                        <h5 class="client-name">satisfied customer</h5> 
                        <hr class="section-devider">
                      </div>
                      <div class="testimonial-content">
                        <p class="testimonial-speech"><img class="img-qoute" src="images/quate.png" alt="">Welcome to one of the world’s largest creative communities and the number one game development platform.Unity gives you everything.You need to realize your creative vision fast, and move ahead.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>

            </div>              
          </div>
        </div>
      </div>
    </section>

左右自动跟手动滚动

这里写图片描述

猜你喜欢

转载自blog.csdn.net/u013154103/article/details/80038028
今日推荐