Intoduction :-
Hii Friends...
Today I explain how to make a bootstrap Testimonial Slider. Testimonial is a formal statement testifying to someone's character and qualifications. A Testimonial or show consists of a person's written or spoken statement extolling the virtue of a product.
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<style>
.carousel-control.left,.carousel-control.right {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}
.broun-block {
background: url("http://myinstantcms.ru/images/bg-broun1.jpg") repeat scroll center top rgba(0, 0, 0, 0);
padding-bottom: 34px;
}
.block-text {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 3px 0 #2c2222;
color: #626262;
font-size: 14px;
margin-top: 27px;
padding: 15px 18px;
}
.block-text a {
color: #7d4702;
font-size: 25px;
font-weight: bold;
line-height: 21px;
text-decoration: none;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mark {
padding: 12px 0;background:none;
}
.block-text p {
color: #585858;
font-family: Georgia;
font-style: italic;
line-height: 20px;
}
.sprite-i-triangle {
background-position: 0 -1298px;
height: 44px;
width: 50px;
}
.block-text ins {
bottom: -44px;
left: 50%;
margin-left: -60px;
}
.block {
display: block;
}
.zmin {
z-index: 1;
}
.ab {
position: absolute;
}
.person-text {
padding: 10px 0 0;
text-align: center;
z-index: 2;
}
.person-text a {
color: #ffcc00;
display: block;
font-size: 14px;
margin-top: 3px;
text-decoration: underline;
}
.person-text i {
color: #fff;
font-family: Georgia;
font-size: 13px;
}
.rel {
position: relative;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="carousel-reviews broun-block">
<div class="container">
<div class="row">
<div id="carousel-reviews" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<a title="" href="#">Sheetal</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img src="https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAAf_AAAAJGQ4NWEyZmUwLWEyNTgtNDJmMC04OWQ1LWRiZDQwNjRkOTAzMQ.jpg" style="border-radius: 50px;"/>
<a title="" href="#">Sheetal</a>
<i>from Bharatpur</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Deepika</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star-empty"></span><span data-value="3" class="glyphicon glyphicon-star-empty"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="border-radius: 50px;" src="https://yt3.ggpht.com/-_lPdJSkjvkg/AAAAAAAAAAI/AAAAAAAAAAA/qmSPcvl81E0/s100-c-k-no-rj-c0xffffff/photo.jpg"/>
<a title="" href="#">Deepika</a>
<i>United States</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Jorge</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star"></span><span data-value="5" class="glyphicon glyphicon-star"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg"/>
<a title="" href="#">Jorge</a>
<i>Indonesia</i>
</div>
</div>
</div>
<div class="item">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<a title="" href="#">Denim</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img src="https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAAf_AAAAJGQ4NWEyZmUwLWEyNTgtNDJmMC04OWQ1LWRiZDQwNjRkOTAzMQ.jpg" style="border-radius: 50px;"/>
<a title="" href="#">Denim</a>
<i>from Glasgow, Scotland</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Spedd</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star-empty"></span><span data-value="3" class="glyphicon glyphicon-star-empty"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="border-radius: 50px;" alt="" src="https://yt3.ggpht.com/-_lPdJSkjvkg/AAAAAAAAAAI/AAAAAAAAAAA/qmSPcvl81E0/s100-c-k-no-rj-c0xffffff/photo.jpg">
<a title="" href="#">Spedd</a>
<i>United States</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Firrll</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star"></span><span data-value="5" class="glyphicon glyphicon-star"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" alt="" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg">
<a title="" href="#">Firrll</a>
<i>Indonesia</i>
</div>
</div>
</div>
<div class="item">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<a title="" href="#">Sheetal</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg"/>
<a title="" href="#">Sheetal</a>
<i>from Glasgow, Scotland</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Angel</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star-empty"></span><span data-value="3" class="glyphicon glyphicon-star-empty"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg"/>
<a title="" href="#">Angel</a>
<i>United States</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Denim</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star"></span><span data-value="5" class="glyphicon glyphicon-star"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg"/>
<a title="" href="#">Denim</a>
<i>Indonesia</i>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-reviews" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-reviews" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>
Hii Friends...
Today I explain how to make a bootstrap Testimonial Slider. Testimonial is a formal statement testifying to someone's character and qualifications. A Testimonial or show consists of a person's written or spoken statement extolling the virtue of a product.
HTML & CSS Code
<html xmlns="http://www.w3.org/1999/xhtml"><head id="Head1" runat="server">
<title></title>
<style>
.carousel-control.left,.carousel-control.right {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}
.broun-block {
background: url("http://myinstantcms.ru/images/bg-broun1.jpg") repeat scroll center top rgba(0, 0, 0, 0);
padding-bottom: 34px;
}
.block-text {
background-color: #fff;
border-radius: 5px;
box-shadow: 0 3px 0 #2c2222;
color: #626262;
font-size: 14px;
margin-top: 27px;
padding: 15px 18px;
}
.block-text a {
color: #7d4702;
font-size: 25px;
font-weight: bold;
line-height: 21px;
text-decoration: none;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mark {
padding: 12px 0;background:none;
}
.block-text p {
color: #585858;
font-family: Georgia;
font-style: italic;
line-height: 20px;
}
.sprite-i-triangle {
background-position: 0 -1298px;
height: 44px;
width: 50px;
}
.block-text ins {
bottom: -44px;
left: 50%;
margin-left: -60px;
}
.block {
display: block;
}
.zmin {
z-index: 1;
}
.ab {
position: absolute;
}
.person-text {
padding: 10px 0 0;
text-align: center;
z-index: 2;
}
.person-text a {
color: #ffcc00;
display: block;
font-size: 14px;
margin-top: 3px;
text-decoration: underline;
}
.person-text i {
color: #fff;
font-family: Georgia;
font-size: 13px;
}
.rel {
position: relative;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div class="carousel-reviews broun-block">
<div class="container">
<div class="row">
<div id="carousel-reviews" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<a title="" href="#">Sheetal</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img src="https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAAf_AAAAJGQ4NWEyZmUwLWEyNTgtNDJmMC04OWQ1LWRiZDQwNjRkOTAzMQ.jpg" style="border-radius: 50px;"/>
<a title="" href="#">Sheetal</a>
<i>from Bharatpur</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Deepika</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star-empty"></span><span data-value="3" class="glyphicon glyphicon-star-empty"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="border-radius: 50px;" src="https://yt3.ggpht.com/-_lPdJSkjvkg/AAAAAAAAAAI/AAAAAAAAAAA/qmSPcvl81E0/s100-c-k-no-rj-c0xffffff/photo.jpg"/>
<a title="" href="#">Deepika</a>
<i>United States</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Jorge</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star"></span><span data-value="5" class="glyphicon glyphicon-star"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg"/>
<a title="" href="#">Jorge</a>
<i>Indonesia</i>
</div>
</div>
</div>
<div class="item">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<a title="" href="#">Denim</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img src="https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAAf_AAAAJGQ4NWEyZmUwLWEyNTgtNDJmMC04OWQ1LWRiZDQwNjRkOTAzMQ.jpg" style="border-radius: 50px;"/>
<a title="" href="#">Denim</a>
<i>from Glasgow, Scotland</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Spedd</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star-empty"></span><span data-value="3" class="glyphicon glyphicon-star-empty"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="border-radius: 50px;" alt="" src="https://yt3.ggpht.com/-_lPdJSkjvkg/AAAAAAAAAAI/AAAAAAAAAAA/qmSPcvl81E0/s100-c-k-no-rj-c0xffffff/photo.jpg">
<a title="" href="#">Spedd</a>
<i>United States</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Firrll</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star"></span><span data-value="5" class="glyphicon glyphicon-star"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" alt="" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg">
<a title="" href="#">Firrll</a>
<i>Indonesia</i>
</div>
</div>
</div>
<div class="item">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<a title="" href="#">Sheetal</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg"/>
<a title="" href="#">Sheetal</a>
<i>from Glasgow, Scotland</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Angel</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star-empty"></span><span data-value="3" class="glyphicon glyphicon-star-empty"></span><span data-value="4" class="glyphicon glyphicon-star-empty"></span><span data-value="5" class="glyphicon glyphicon-star-empty"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg"/>
<a title="" href="#">Angel</a>
<i>United States</i>
</div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<a title="" href="#">Denim</a>
<div class="mark">My rating: <span class="rating-input"><span data-value="0" class="glyphicon glyphicon-star"></span><span data-value="1" class="glyphicon glyphicon-star"></span><span data-value="2" class="glyphicon glyphicon-star"></span><span data-value="3" class="glyphicon glyphicon-star"></span><span data-value="4" class="glyphicon glyphicon-star"></span><span data-value="5" class="glyphicon glyphicon-star"></span> </span></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins>
</div>
<div class="person-text rel">
<img style="height: 100px; border-radius: 50px;" src="https://pbs.twimg.com/profile_images/555227960026746880/0tqN73Qj_400x400.jpeg"/>
<a title="" href="#">Denim</a>
<i>Indonesia</i>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-reviews" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-reviews" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>