Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- Use slick slider -->
- <!-- google type slick slider cdn
- https://cdnjs.com/libraries/slick-carousel
- copy tag <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css"> AND add to head above style.css
- copy tag <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css"> ABD place it under the first one slider
- copy slick js script https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js AND place it bellow bootstrap script
- -->
- <!-- head -->
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
- crossorigin="anonymous">
- <!-- slick slider -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css">
- <!-- slick slider theme -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css">
- <!-- body -->
- <!-- TESTIMONIALS -->
- <section id="testimonials" class="p-4 bg-dark text-white">
- <div class="container">
- <h2 class="text-center">Testimonials</h2>
- <div class="row text-center">
- <div class="col">
- <div class="slider">
- <div>
- <blockquote class="blockquote">
- <p class="mb-0">
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, fuga eaque.
- </p>
- <footer class="blockquote-footer">John Doe From
- <cite title="Company 1">Company 1</cite>
- </footer>
- </blockquote>
- </div>
- <div>
- <blockquote class="blockquote">
- <p class="mb-0">
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, fuga eaque.
- </p>
- <footer class="blockquote-footer">Sam Smith From
- <cite title="Company 2">Company 2</cite>
- </footer>
- </blockquote>
- </div>
- <div>
- <blockquote class="blockquote">
- <p class="mb-0">
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos, fuga eaque.
- </p>
- <footer class="blockquote-footer">Megan Williams From
- <cite title="Company 3">Company 3</cite>
- </footer>
- </blockquote>
- </div>
- </div><!-- end of slider -->
- </div><!-- end of col -->
- </div><!-- end of row -->
- </div><!-- end of container -->
- </section>
- <!-- Bootstrap scripts -->
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
- crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
- crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
- crossorigin="anonymous"></script>
- <!-- slick slider js -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script>
- <script>
- // Init slider
- $('.slider').slick({
- infinite: true,
- slideToShow: 1,
- slideToScroll: 1
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement