Testemonial with Bootstrap [closed]

-2

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>
    
asked by anonymous 06.06.2017 / 03:56

1 answer

0

Solved. I put this line and it worked:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    
06.06.2017 / 15:37