I want to put our customer's comments on our company website. For this we are wanting to use the code of this site , we have created a totally isolated page and placed it according to the website informed, but it is returning so without the quotation marks: Seethefullcodebelow:
<!DOCTYPEhtml><html><head><metacharset="utf-8">
<title></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">
<style>
.testimonial{
text-align: center;
}
.description{
color:#656565;
font-size: 24px;
line-height: 35px;
margin-bottom: 30px;
padding:0px 11%;
position: relative;
}
.description:before{
content: "\f10d";
font-family: 'FontAwesome';
display: inline-block;
position: absolute;
top: 8px;
left: 2%;
color:#3498db;
font-size: 36px;
}
.description:after{
content: "\f10e";
font-family: 'FontAwesome';
display: inline-block;
position: absolute;
top: 8px;
right: 2%;
color:#3498db;
font-size: 36px;
}
.pic{
width: 94px;
height: 94px;
margin: 0 auto;
}
.pic img{
width: 100%;
height: auto;
border-radius: 50%;
}
.testimonial-title{
font-size: 18px;
color:#333;
font-weight: bolder;
text-transform: capitalize;
}
.testimonial-title > small{
display: block;
color:#656565;
font-size: 15px;
text-transform: uppercase;
margin-top: 5px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
background: #3498db;
}
.owl-theme .owl-controls .owl-page span{
opacity: 1;
}
@media screen and (max-width: 480px) {
.description{
font-size:19px;
line-height: 29px;
}
.description:before,
.description:after{
font-size: 25px;
}
}
</style>
</head>
<body>
<div class="row">
<div class="col-md-12">
<div class="col-sm-offset-1 col-sm-10">
<div id="testimonial-slider" class="owl-carousel">
<div class="testimonial">
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec velit dui. Pellentesque volutpat faucibus risus, ac accumsan purus.
</p>
<div class="testimonial-review">
<h4 class="testimonial-title">
williamson
<small>Web Developer</small>
</h4>
</div>
</div>
<div class="testimonial">
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec velit dui. Pellentesque volutpat faucibus risus, ac accumsan purus.
</p>
<div class="testimonial-review">
<h4 class="testimonial-title">
kristiana
<small>Web Desginer</small>
</h4>
</div>
</div>
<div class="testimonial">
<p class="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec velit dui. Pellentesque volutpat faucibus risus, ac accumsan purus.
</p>
<div class="testimonial-review">
<h4 class="testimonial-title">
steve thomas
<small>Web Developer</small>
</h4>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script><scripttype="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script><script>$(document).ready(function(){$("#testimonial-slider").owlCarousel({
items:1,
itemsDesktop:[1199,1],
itemsDesktopSmall:[979,1],
itemsTablet:[768,1],
pagination: true,
autoPlay:true
});
});
</script>
</body>
</html>