irongit
Sign inRegister
huncholanehuncholane/slroofPublic
slroof/components/sections/Brand3.js
90 lines3.0 KBJavaScript
RawDownloadHistory
1import Slider from "react-slick"
2const brandSlider = {
3 dots: false,
4 infinite: true,
5 speed: 1000,
6 autoplay: true,
7 arrows: false,
8 slidesToShow: 5,
9 slidesToScroll: 1,
10 responsive: [
11 {
12 breakpoint: 1200,
13 settings: {
14 slidesToShow: 4,
15 slidesToScroll: 1,
16 infinite: true,
17 }
18 },
19 {
20 breakpoint: 992,
21 settings: {
22 slidesToShow: 3,
23 slidesToScroll: 1
24 }
25 },
26 {
27 breakpoint: 767,
28 settings: {
29 slidesToShow: 2,
30 slidesToScroll: 1,
31 arrows: false,
32 }
33 },
34 {
35 breakpoint: 575,
36 settings: {
37 slidesToShow: 1,
38 slidesToScroll: 1,
39 arrows: false,
40 }
41 },
42 ]
43}
44export default function Brand3() {
45 return (
46 <>
47 <div className="inner-brand-area pt-120 pb-120">
48 <div className="container">
49 <Slider {...brandSlider} className="row brand-active-three">
50 <div className="col-12">
51 <div className="brand-item">
52 <img src="/assets/img/brand/brand_img01.png" alt="" />
53 </div>
54 </div>
55 <div className="col-12">
56 <div className="brand-item">
57 <img src="/assets/img/brand/brand_img02.png" alt="" />
58 </div>
59 </div>
60 <div className="col-12">
61 <div className="brand-item">
62 <img src="/assets/img/brand/brand_img03.png" alt="" />
63 </div>
64 </div>
65 <div className="col-12">
66 <div className="brand-item">
67 <img src="/assets/img/brand/brand_img04.png" alt="" />
68 </div>
69 </div>
70 <div className="col-12">
71 <div className="brand-item">
72 <img src="/assets/img/brand/brand_img05.png" alt="" />
73 </div>
74 </div>
75 <div className="col-12">
76 <div className="brand-item">
77 <img src="/assets/img/brand/brand_img06.png" alt="" />
78 </div>
79 </div>
80 <div className="col-12">
81 <div className="brand-item">
82 <img src="/assets/img/brand/brand_img03.png" alt="" />
83 </div>
84 </div>
85 </Slider>
86 </div>
87 </div>
88 </>
89 )
90}