1. <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
2. <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
3. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
4. <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
5.  
6. <div class="container">
7.   <h2>Our  Partners</h2>
8.    <section class="customer-logos slider">
9.       <div class="slide"><img src="https://image.freepik.com/free-vector/luxury-letter-e-logo-design_1017-8903.jpg"></div>
10.       <div class="slide"><img src="https://image.freepik.com/free-vector/3d-box-logo_1103-876.jpg"></div>
11.       <div class="slide"><img src="https://image.freepik.com/free-vector/blue-tech-logo_1103-822.jpg"></div>
12.       <div class="slide"><img src="https://image.freepik.com/free-vector/colors-curl-logo-template_23-2147536125.jpg"></div>
13.       <div class="slide"><img src="https://image.freepik.com/free-vector/abstract-cross-logo_23-2147536124.jpg"></div>
14.       <div class="slide"><img src="https://image.freepik.com/free-vector/football-logo-background_1195-244.jpg"></div>
15.       <div class="slide"><img src="https://image.freepik.com/free-vector/background-of-spots-halftone_1035-3847.jpg"></div>
16.       <div class="slide"><img src="https://image.freepik.com/free-vector/retro-label-on-rustic-background_82147503374.jpg"></div>
17.    </section>
18. </div>
19.  
20. <style>
21. h2{
22.   text-align:center;
23.   padding: 20px;
24. }
25. /* Slider */
26.  
27. .slick-slide {
28.     margin: 0px 20px;
29. }
30.  
31. .slick-slide img {
32.     width: 100%;
33. }
34.  
35. .slick-slider
36. {
37.     position: relative;
38.     display: block;
39.     box-sizing: border-box;
40.     -webkit-user-select: none;
41.     -moz-user-select: none;
42.     -ms-user-select: none;
43.             user-select: none;
44.     -webkit-touch-callout: none;
45.     -khtml-user-select: none;
46.     -ms-touch-action: pan-y;
47.         touch-action: pan-y;
48.     -webkit-tap-highlight-color: transparent;
49. }
50.  
51. .slick-list
52. {
53.     position: relative;
54.     display: block;
55.     overflow: hidden;
56.     margin: 0;
57.     padding: 0;
58. }
59. .slick-list:focus
60. {
61.     outline: none;
62. }
63. .slick-list.dragging
64. {
65.     cursor: pointer;
66.     cursor: hand;
67. }
68.  
69. .slick-slider .slick-track,
70. .slick-slider .slick-list
71. {
72.     -webkit-transform: translate3d(0, 0, 0);
73.        -moz-transform: translate3d(0, 0, 0);
74.         -ms-transform: translate3d(0, 0, 0);
75.          -o-transform: translate3d(0, 0, 0);
76.             transform: translate3d(0, 0, 0);
77. }
78.  
79. .slick-track
80. {
81.     position: relative;
82.     top: 0;
83.     left: 0;
84.     display: block;
85. }
86. .slick-track:before,
87. .slick-track:after
88. {
89.     display: table;
90.     content: '';
91. }
92. .slick-track:after
93. {
94.     clear: both;
95. }
96. .slick-loading .slick-track
97. {
98.     visibility: hidden;
99. }
100.  
101. .slick-slide
102. {
103.     display: none;
104.     float: left;
105.     height: 100%;
106.     min-height: 1px;
107. }
108. [dir='rtl'] .slick-slide
109. {
110.     float: right;
111. }
112. .slick-slide img
113. {
114.     display: block;
115. }
116. .slick-slide.slick-loading img
117. {
118.     display: none;
119. }
120. .slick-slide.dragging img
121. {
122.     pointer-events: none;
123. }
124. .slick-initialized .slick-slide
125. {
126.     display: block;
127. }
128. .slick-loading .slick-slide
129. {
130.     visibility: hidden;
131. }
132. .slick-vertical .slick-slide
133. {
134.     display: block;
135.     height: auto;
136.     border: 1px solid transparent;
137. }
138. .slick-arrow.slick-hidden {
139.     display: none;
140. }
141. </style>
142. <script>
143. $(document).ready(function(){
144.     $('.customer-logos').slick({
145.         slidesToShow: 6,
146.         slidesToScroll: 1,
147.         autoplay: true,
148.         autoplaySpeed: 1500,
149.         arrows: false,
150.         dots: false,
151.         pauseOnHover: false,
152.         responsive: [{
153.             breakpoint: 768,
154.             settings: {
155.                 slidesToShow: 4
156.             }
157.         }, {
158.             breakpoint: 520,
159.             settings: {
160.                 slidesToShow: 3
161.             }
162.         }]
163.     });
164. });
165. </script>