MyFit/www-myfit
4
0
Fork 0
Code Issues Pull Requests Releases Activity

myfit starter commit

Browse Source
This commit is contained in:
Olu Amey
2022-12-28 07:50:33 -05:00
commit 0e6b91686e
502 changed files with 56358 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/HomeMain/Trusted/Main.js
+89
View File
@@ -0,0 +1,89 @@
import OwlCarousel from 'react-owl-carousel'
import React from 'react'
import img1 from '../../../assets/images/paypal.png'
import img2 from '../../../assets/images/spoty.png'
import img3 from '../../../assets/images/shopboat.png'
import img4 from '../../../assets/images/slack.png'
import img5 from '../../../assets/images/envato.png'
const Main = () => {
const company_slider = {
loop:true,
margin:10,
nav:false,
autoplay: true,
smartSpeed: 1500,
dots: true,
responsive:{
0:{
items:2
},
600:{
items:3
},
1000:{
items:5
}
}
}
return (
<>
<section className="row_am trusted_section">
<div className="container">
<div className="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<h2>Trusted by <span>150+</span> companies</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typese tting <br/> indus orem Ipsum has beenthe
standard dummy.</p>
</div>
<div className="company_logos" >
<OwlCarousel id="company_slider" {...company_slider} className="owl-carousel owl-theme owl-loaded owl-drag">
<div className="item">
<div className="logo">
<img src={img1} alt="image" />
</div>
</div>
<div className="item">
<div className="logo">
<img src={img2} alt="image" />
</div>
</div>
<div className="item">
<div className="logo">
<img src={img3} alt="image" />
</div>
</div>
<div className="item">
<div className="logo">
<img src={img4} alt="image" />
</div>
</div>
<div className="item">
<div className="logo">
<img src={img5} alt="image" />
</div>
</div>
<div className="item">
<div className="logo">
<img src={img1} alt="image" />
</div>
</div>
<div className="item">
<div className="logo">
<img src={img2} alt="image" />
</div>
</div>
<div className="item">
<div className="logo">
<img src={img3} alt="image" />
</div>
</div>
</OwlCarousel>
</div>
</div>
</section>
</>
)
}
export default Main