html 推荐卷轴

Posted 2021-05-11

<section class="testimonials greyback">
	[container]
		[row]
			[col span="md=12" class="text-center"]
				<h2>Words from people who <span class="blue">Trust Us.</span></h2>
				<hr />
			[/col]
		[/row]
		[row]
			<div id="testimonials" class="carousel slide" data-ride="carousel">
  				<!-- Indicators -->
  				<ol class="carousel-indicators">
    					<li data-target="#testimonials" data-slide-to="0" class="active"></li>
    					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
   					<li data-target="#carousel-example-generic" data-slide-to="2"></li>
  				</ol>
				<!-- Wrapper for slides -->
  				<div class="carousel-inner" role="listbox">
    					<div class="item active">
      						[col span="md-6"]
							<div class="arrow_box">
								<p>“Lorem ipsum dolor sit amet, consect etur adipisicing elit. Facere eius autem necessitatibus maiores, nisi repellat adipisicing.”</p>
							</div>
							<img src="/wp-content/uploads/2015/07/person2.png" alt="person2" class="testImg" />
							<div class="testText">
								<p><strong class="blue">John Smith</strong><br>
								Job Title/Company</p>
							</div>
						[/col]
						[col span="md-6"]
							<div class="arrow_box">
								<p>“Lorem ipsum dolor sit amet, consect etur adipisicing elit. Facere eius autem necessitatibus maiores, nisi repellat adipisicing.”</p>
							</div>
							<img src="/wp-content/uploads/2015/07/person2.png" alt="person2" class="testImg" />
							<div class="testText">
								<p><strong class="blue">John Smith</strong><br>
								Job Title/Company</p>
							</div>
						[/col]	
      					</div>
    					<div class="item">
      					[col span="md-6"]
							<div class="arrow_box">
								<p>“Lorem ipsum dolor sit amet, consect etur adipisicing elit. Facere eius autem necessitatibus maiores, nisi repellat adipisicing.”</p>
							</div>
							<img src="/wp-content/uploads/2015/07/person2.png" alt="person2" class="testImg" />
							<div class="testText">
								<p><strong class="blue">John Smith</strong><br>
								Job Title/Company</p>
							</div>
						[/col]
						[col span="md-6"]
							<div class="arrow_box">
								<p>“Lorem ipsum dolor sit amet, consect etur adipisicing elit. Facere eius autem necessitatibus maiores, nisi repellat adipisicing.”</p>
							</div>
							<img src="/wp-content/uploads/2015/07/person2.png" alt="person2" class="testImg" />
							<div class="testText">
								<p><strong class="blue">John Smith</strong><br>
								Job Title/Company</p>
							</div>
						[/col]
    					</div>
					<div class="item">
      					[col span="md-6"]
							<div class="arrow_box">
								<p>“Lorem ipsum dolor sit amet, consect etur adipisicing elit. Facere eius autem necessitatibus maiores, nisi repellat adipisicing.”</p>
							</div>
							<img src="/wp-content/uploads/2015/07/person2.png" alt="person2" class="testImg" />
							<div class="testText">
								<p><strong class="blue">John Smith</strong><br>
								Job Title/Company</p>
							</div>
						[/col]
						[col span="md-6"]
							<div class="arrow_box">
								<p>“Lorem ipsum dolor sit amet, consect etur adipisicing elit. Facere eius autem necessitatibus maiores, nisi repellat adipisicing.”</p>
							</div>
							<img src="/wp-content/uploads/2015/07/person2.png" alt="person2" class="testImg" />
							<div class="testText">
								<p><strong class="blue">John Smith</strong><br>
								Job Title/Company</p>
							</div>
						[/col]
    					</div>
      				</div>
			</div>
		[/row]
	[/container]
</section>